@bigbinary/neeto-themes-frontend 4.0.3 → 4.0.4

package/dist/NeetoThemesBuilder.js

@@ -1,7 +1,7 @@
 import { shallow } from 'zustand/shallow';
 import { Suspense, lazy, useEffect, createElement, useState, useRef, memo, useCallback } from 'react';
 import { hyphenate, isPresent, findBy, findIndexBy, isNot, filterBy, snakeToCamelCase, isNotPresent, toLabelAndValue, humanize, isNotEmpty, noop } from '@bigbinary/neeto-cist';
-import { useMutationWithInvalidation, useBreakpoints, PageTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useMutationWithInvalidation, useQueryParams, useBreakpoints, PageTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useTranslation, Trans } from 'react-i18next';
 import { B as BASE_URL, b as scrollElementIntoView, c as setCustomCSS, g as getDominantColorFromUrl, i as isEditThemeRoute, d as isFunction, e as isNewThemeRoute } from './index-2IfOfZWw.js';
@@ -1817,10 +1817,9 @@ var Themes = function Themes(_ref) {
     }, shallow),
     entityType = _useConfigStore.entityType,
     entityId = _useConfigStore.entityId;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchQuery = _useState2[0],
-    setSearchQuery = _useState2[1];
+  var _useQueryParams = useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useCloneTheme = useCloneTheme(),
     cloneTheme = _useCloneTheme.mutate;
   var _useApplyGlobalTheme = useApplyGlobalTheme(),
@@ -1845,10 +1844,10 @@ var Themes = function Themes(_ref) {
     setTheme(theme);
   };
   var filteredDefaultThemes = defaultThemes.filter(function (theme) {
-    return theme.name.toLowerCase().includes(searchQuery.toLowerCase());
+    return theme.name.toLowerCase().includes(searchTerm.toLowerCase());
   });
   var filteredThemes = themes.filter(function (theme) {
-    return theme.name.toLowerCase().includes(searchQuery.toLowerCase());
+    return theme.name.toLowerCase().includes(searchTerm.toLowerCase());
   });
   var isSearchFieldVisible = (themes === null || themes === void 0 ? void 0 : themes.length) + (defaultThemes === null || defaultThemes === void 0 ? void 0 : defaultThemes.length) > 10;
   var handleCloneTheme = function handleCloneTheme(data) {
@@ -1885,14 +1884,14 @@ var Themes = function Themes(_ref) {
       className: "mb-6 space-y-3",
       children: [isSearchFieldVisible && /*#__PURE__*/jsx(Search, {
         autoFocus: true,
+        enableUrlSync: true,
         autoComplete: "off",
         className: "mb-4 mt-1 px-6",
-        placeholder: t("neetoThemes.common.searchThemes"),
-        onSearch: setSearchQuery
+        placeholder: t("neetoThemes.common.searchThemes")
       }), isEmpty(filteredThemes) && isEmpty(filteredDefaultThemes) && /*#__PURE__*/jsx(Typography, {
         className: "text-center",
-        style: "body2",
         "data-cy": "no-data-title",
+        style: "body2",
         children: t("neetoThemes.common.noResultsFound")
       }), isNotEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Typography, {