@genspectrum/dashboard-components 0.7.2 → 0.8.0

package/custom-elements.json

@@ -887,7 +887,7 @@
           "type": {
             "text": "Meta<MutationFilterProps>"
           },
-          "default": "{ title: 'Input/Mutation filter', component: 'gs-mutation-filter', parameters: withComponentDocs({ actions: { handles: ['gs-mutation-filter-changed', 'gs-mutation-filter-on-blur', ...previewHandles], }, fetchMock: {}, componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), argTypes: { initialValue: { control: { type: 'object', }, }, width: { control: 'text' }, }, tags: ['autodocs'], }"
+          "default": "{ title: 'Input/Mutation filter', component: 'gs-mutation-filter', parameters: withComponentDocs({ actions: { handles: ['gs-mutation-filter-changed', ...previewHandles], }, fetchMock: {}, componentDocs: { opensShadowDom: true, expectsChildren: false, codeExample, }, }), argTypes: { initialValue: { control: { type: 'object', }, }, width: { control: 'text' }, }, tags: ['autodocs'], }"
         },
         {
           "kind": "variable",
@@ -905,14 +905,6 @@
           },
           "default": "{ ...Template, play: async ({ canvasElement, step }) => { const canvas = await withinShadowRoot(canvasElement, 'gs-mutation-filter'); const inputField = () => canvas.getByPlaceholderText('Enter a mutation', { exact: false }); const submitButton = () => canvas.getByRole('button', { name: '+' }); const listenerMock = fn(); await step('Setup event listener mock', async () => { canvasElement.addEventListener('gs-mutation-filter-changed', listenerMock); }); await step('wait until data is loaded', async () => { await waitFor(() => { return expect(inputField()).toBeEnabled(); }); }); await step('Enter a valid mutation', async () => { await userEvent.type(inputField(), 'A123T'); await waitFor(() => submitButton().click()); await waitFor(() => expect(listenerMock).toHaveBeenCalledWith( expect.objectContaining({ detail: { nucleotideMutations: ['A123T'], aminoAcidMutations: [], nucleotideInsertions: [], aminoAcidInsertions: [], }, }), ), ); }); }, }"
         },
-        {
-          "kind": "variable",
-          "name": "FiresFilterOnBlurEvent",
-          "type": {
-            "text": "StoryObj<MutationFilterProps>"
-          },
-          "default": "{ ...Template, play: async ({ canvasElement, step }) => { const canvas = await withinShadowRoot(canvasElement, 'gs-mutation-filter'); const inputField = () => canvas.getByPlaceholderText('Enter a mutation', { exact: false }); const listenerMock = fn(); await step('Setup event listener mock', async () => { canvasElement.addEventListener('gs-mutation-filter-on-blur', listenerMock); }); await step('wait until data is loaded', async () => { await waitFor(() => { return expect(inputField()).toBeEnabled(); }); }); await step('Move outside of input', async () => { await userEvent.type(inputField(), 'A123T'); await userEvent.tab(); await expect(listenerMock).toHaveBeenCalled(); }); }, }"
-        },
         {
           "kind": "variable",
           "name": "MultiSegmentedReferenceGenomes",
@@ -947,14 +939,6 @@
             "module": "src/web-components/input/gs-mutation-filter.stories.ts"
           }
         },
-        {
-          "kind": "js",
-          "name": "FiresFilterOnBlurEvent",
-          "declaration": {
-            "name": "FiresFilterOnBlurEvent",
-            "module": "src/web-components/input/gs-mutation-filter.stories.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "MultiSegmentedReferenceGenomes",
@@ -1002,13 +986,6 @@
               },
               "description": "Fired when: - The user has submitted a valid mutation or insertion - The user has removed a mutation or insertion",
               "name": "gs-mutation-filter-changed"
-            },
-            {
-              "type": {
-                "text": "CustomEvent<{nucleotideMutations: string[],aminoAcidMutations: string[],nucleotideInsertions: string[],aminoAcidInsertions: string[]}>"
-              },
-              "description": "Fired when: - the mutation filter has lost focus Contains the selected mutations in the format",
-              "name": "gs-mutation-filter-on-blur"
             }
           ],
           "attributes": [

package/dist/dashboard-components.js

@@ -8900,13 +8900,10 @@ function useWebWorker(messageToWorker, worker) {
       setError(new Error(`Worker received a message that it cannot deserialize: ${event.data}`));
       setIsLoading(false);
     };
-    return () => {
-      worker.terminate();
-    };
-  }, []);
-  T(() => {
+  }, [worker]);
+  y(() => {
     worker.postMessage(messageToWorker);
-  }, [messageToWorker]);
+  }, [messageToWorker, worker]);
   return { data, error, isLoading };
 }
 const MutationsOverTime = (componentProps) => {
@@ -8917,15 +8914,19 @@ const MutationsOverTime = (componentProps) => {
 const MutationsOverTimeInner = (componentProps) => {
   const lapis = x(LapisUrlContext);
   const { lapisFilter, sequenceType, granularity, lapisDateField } = componentProps;
-  const { data, error, isLoading } = useWebWorker(
-    {
+  const messageToWorker = T(() => {
+    return {
       lapisFilter,
       sequenceType,
       granularity,
       lapisDateField,
       lapis
-    },
-    new WorkerWrapper()
+    };
+  }, [granularity, lapis, lapisDateField, lapisFilter, sequenceType]);
+  const worker = T(() => new WorkerWrapper(), []);
+  const { data, error, isLoading } = useWebWorker(
+    messageToWorker,
+    worker
   );
   if (isLoading) {
     return /* @__PURE__ */ u$1(LoadingDisplay, {});
@@ -9972,17 +9973,6 @@ const MutationFilterInner = ({ initialValue }) => {
       })
     );
   };
-  const handleOnBlur = () => {
-    var _a;
-    const detail = mapToMutationFilterStrings(selectedFilters);
-    (_a = formRef.current) == null ? void 0 : _a.dispatchEvent(
-      new CustomEvent("gs-mutation-filter-on-blur", {
-        detail,
-        bubbles: true,
-        composed: true
-      })
-    );
-  };
   const handleInputChange = (event) => {
     setInputValue(event.target.value);
     setIsError(false);
@@ -10010,8 +10000,7 @@ const MutationFilterInner = ({ initialValue }) => {
                 type: "text",
                 value: inputValue,
                 onInput: handleInputChange,
-                placeholder: getPlaceholder(referenceGenome),
-                onBlur: handleOnBlur
+                placeholder: getPlaceholder(referenceGenome)
               }
             ),
             /* @__PURE__ */ u$1("button", { type: "submit", className: "btn btn-xs m-1", children: "+" })