refactor(editor): Refactor utils files and mixins (#4654)

* ✨ Added `utils` module. Moved `canvasHelpers` and old `utils.ts` file to it
* ✨ Moved rest of utils and helpers
* ⚡ Fixing sytax errors
* 🔨 Refactoring new utils files
* 🔨 Organizing imports, adding comments and a bit more refactoring
* ✔️ Fixing tests
* 🔨 Moving mixins to `src`

packages/editor-ui/src/mixins/emitter.ts

@@ -0,0 +1,42 @@
+import Vue from 'vue';
+
+function broadcast(componentName: string, eventName: string, params: any) { // tslint:disable-line:no-any
+	// @ts-ignore
+	(this as Vue).$children.forEach(child => {
+		const name = child.$options.name;
+
+		if (name === componentName) {
+			// @ts-ignore
+			// eslint-disable-next-line prefer-spread
+			child.$emit.apply(child, [eventName].concat(params));
+		} else {
+			// @ts-ignore
+			broadcast.apply(child, [componentName, eventName].concat([params]));
+		}
+	});
+}
+
+export default Vue.extend({
+	methods: {
+		$dispatch(componentName: string, eventName: string, params: any) { // tslint:disable-line:no-any
+			let parent = this.$parent || this.$root;
+			let name = parent.$options.name;
+
+			while (parent && (!name || name !== componentName)) {
+				parent = parent.$parent;
+
+				if (parent) {
+					name = parent.$options.name;
+				}
+			}
+			if (parent) {
+				// @ts-ignore
+				// eslint-disable-next-line prefer-spread
+				parent.$emit.apply(parent, [eventName].concat(params));
+			}
+		},
+		$broadcast(componentName: string, eventName: string, params: any) { // tslint:disable-line:no-any
+			broadcast.call(this, componentName, eventName, params);
+		},
+	},
+});