@cccsaurora/howler-ui 2.12.0-dev.41 → 2.12.0-dev.42

package/components/elements/display/json/JSONViewer.js

@@ -3,14 +3,13 @@ import ReactJson, {} from '@microlink/react-json-view';
 import { Clear } from '@mui/icons-material';
 import { IconButton, Skeleton, Stack } from '@mui/material';
 import { useAppTheme } from '@cccsaurora/howler-ui/commons/components/app/hooks';
+import Phrase from '@cccsaurora/howler-ui/components/elements/addons/search/phrase/Phrase';
 import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
 import Throttler from '@cccsaurora/howler-ui/utils/Throttler';
-import Phrase from '../../addons/search/phrase/Phrase';
-// eslint-disable-next-line import/no-unresolved
-import JSONWorker from './worker?worker';
+import { removeEmpty, searchObject } from '@cccsaurora/howler-ui/utils/utils';
 const THROTTLER = new Throttler(150);
 const JSONViewer = ({ data, collapse = true }) => {
     const { t } = useTranslation();
@@ -19,16 +18,13 @@ const JSONViewer = ({ data, collapse = true }) => {
     const [flat] = useMyLocalStorageItem(StorageKey.FLATTEN_JSON);
     const [query, setQuery] = useState('');
     const [result, setResult] = useState(null);
-    const jsonWorker = useMemo(() => new JSONWorker(), []);
     useEffect(() => {
         THROTTLER.debounce(() => {
-            jsonWorker.postMessage([data, compact, query, flat]);
-            jsonWorker.onmessage = (e) => {
-                setResult(e.data[0]);
-            };
+            const filteredData = removeEmpty(data, compact);
+            const searchedData = searchObject(filteredData, query, flat);
+            setResult(searchedData);
         });
-        return () => (jsonWorker.onmessage = null);
-    }, [compact, data, flat, jsonWorker, query]);
+    }, [compact, data, flat, query]);
     const hasError = useMemo(() => {
         try {
             new RegExp(query);

package/package.json

@@ -96,7 +96,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.12.0-dev.41",
+  "version": "2.12.0-dev.42",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",

package/components/elements/display/json/worker.d.ts

@@ -1 +0,0 @@
-export {};

package/components/elements/display/json/worker.js

@@ -1,7 +0,0 @@
-import { removeEmpty, searchObject } from '@cccsaurora/howler-ui/utils/utils';
-onmessage = (e) => {
-    const [data, compact, query, flat] = e.data;
-    const filteredData = removeEmpty(data, compact);
-    const searchedData = searchObject(filteredData, query, flat);
-    postMessage([searchedData]);
-};