Merge branch 'main' into vue3

# Conflicts:
#	src/components/input/editor.vue
#	src/components/list/partials/filters.vue
#	src/components/tasks/partials/editAssignees.vue
#	src/helpers/find.ts
#	src/helpers/time/formatDate.js
#	src/main.ts
#	src/store/modules/attachments.js
#	src/store/modules/kanban.js
#	src/views/list/views/List.vue
#	yarn.lock

src/store/modules/attachments.js

@@ -1,4 +1,4 @@
-import {findIndexById} from '@/helpers/find'
+import {findIndexById} from '@/helpers/utils'
 
 export default {
 	namespaced: true,

src/store/modules/kanban.js

@@ -1,6 +1,4 @@
-import cloneDeep from 'lodash/cloneDeep'
-
-import {findById, findIndexById} from '@/helpers/find'
+import {findById, findIndexById} from '@/helpers/utils'
 import BucketService from '../../services/bucket'
 import {setLoading} from '../helper'
 import TaskCollectionService from '@/services/taskCollection'
@@ -253,7 +251,7 @@ export default {
 			const cancel = setLoading(ctx, 'kanban')
 			ctx.commit('setBucketLoading', {bucketId: bucketId, loading: true})
 
-			const params = cloneDeep(ps)
+			const params = JSON.parse(JSON.stringify(ps))
 
 			params.sort_by = 'kanban_position'
 			params.order_by = 'asc'

src/store/modules/labels.js

@@ -1,10 +1,37 @@
 import LabelService from '@/services/label'
 import {setLoading} from '@/store/helper'
 
+/**
+ * Returns the labels by id if found
+ * @param {Object} state 
+ * @param {Array} ids 
+ * @returns {Array}
+ */
+function getLabelsByIds(state, ids) {
+	return Object.values(state.labels).filter(({id}) => ids.includes(id))
+}
+
+/**
+ * Checks if a list of labels is available in the store and filters them then query
+ * @param {Object} state 
+ * @param {Array} labels 
+ * @param {String} query 
+ * @returns {Array}
+ */
+ function filterLabelsByQuery(state, labels, query) {
+	const labelIds = labels.map(({id}) => id)
+	const foundLabels = getLabelsByIds(state, labelIds)
+	const labelQuery = query.toLowerCase()
+
+	return foundLabels.filter(({title}) => {
+		return !title.toLowerCase().includes(labelQuery)
+	})
+}
+
 export default {
 	namespaced: true,
-	// The state is an object which has the label ids as keys.
 	state: () => ({
+		// The labels are stored as an object which has the label ids as keys.
 		labels: {},
 		loaded: false,
 	}),
@@ -24,6 +51,14 @@ export default {
 			state.loaded = loaded
 		},
 	},
+	getters: {
+		getLabelsByIds(state) {
+			return (ids) => getLabelsByIds(state, ids)
+		},
+		filterLabelsByQuery(state) {
+			return (...arr) => filterLabelsByQuery(state, ...arr)
+		},
+	},
 	actions: {
 		loadAllLabels(ctx, {forceLoad} = {}) {
 			if (ctx.state.loaded && !forceLoad) {