@bigbinary/neeto-themes-frontend 4.0.3 → 4.0.4

package/dist/cjs/NeetoThemesBuilder.js

@@ -1819,10 +1819,9 @@ var Themes = function Themes(_ref) {
     }, shallow.shallow),
     entityType = _useConfigStore.entityType,
     entityId = _useConfigStore.entityId;
-  var _useState = react.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchQuery = _useState2[0],
-    setSearchQuery = _useState2[1];
+  var _useQueryParams = reactUtils.useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useCloneTheme = useCloneTheme(),
     cloneTheme = _useCloneTheme.mutate;
   var _useApplyGlobalTheme = useApplyGlobalTheme(),
@@ -1847,10 +1846,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) {
@@ -1887,14 +1886,14 @@ var Themes = function Themes(_ref) {
       className: "mb-6 space-y-3",
       children: [isSearchFieldVisible && /*#__PURE__*/jsxRuntime.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")
       }), ramda.isEmpty(filteredThemes) && ramda.isEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "text-center",
-        style: "body2",
         "data-cy": "no-data-title",
+        style: "body2",
         children: t("neetoThemes.common.noResultsFound")
       }), neetoCist.isNotEmpty(filteredDefaultThemes) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {