Merge pull request #218 from appwrite/refactor-event-modal

Refactor Event Modal

.eslintrc.cjs

@@ -4,7 +4,15 @@ module.exports = {
     extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
     plugins: ['svelte3', '@typescript-eslint'],
     ignorePatterns: ['*.cjs'],
-    overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
+    overrides: [
+        {
+            files: ['*.svelte'],
+            processor: 'svelte3/svelte3',
+            rules: {
+                'no-redeclare': 'off'
+            }
+        }
+    ],
     settings: {
         'svelte3/typescript': () => require('typescript')
     },

src/lib/actions/selectionStart.ts

@@ -0,0 +1,28 @@
+import type { Action } from 'svelte/action';
+
+type Props = {
+    onChange: (selectionStart: number) => void;
+};
+
+export const selectionStart: Action<HTMLInputElement, Props> = (node, { onChange }) => {
+    const handler = () => {
+        onChange(node.selectionStart);
+    };
+    node.addEventListener('click', handler);
+    node.addEventListener('keydown', handler);
+    node.addEventListener('keyup', handler);
+
+    return {
+        update({ onChange }) {
+            const handler = () => {
+                onChange(node.selectionStart);
+            };
+            node.addEventListener('click', handler);
+            node.addEventListener('keydown', handler);
+            node.addEventListener('keyup', handler);
+        },
+        destroy() {
+            onChange(-1);
+        }
+    };
+};

src/lib/components/copy.svelte

@@ -7,6 +7,7 @@
 
     export let value: string;
     export let event: string = null;
+    export let appendTo: Parameters<typeof tooltip>['1']['appendTo'] = undefined;
 
     let content = 'Click to copy';
 
@@ -36,7 +37,8 @@
     on:mouseenter={() => setTimeout(() => (content = 'Click to copy'))}
     use:tooltip={{
         content,
-        hideOnClick: false
+        hideOnClick: false,
+        appendTo
     }}>
     <slot />
 </span>