@bigbinary/neeto-themes-frontend 4.0.2 → 4.0.4

package/dist/cjs/NeetoThemesBuilder.js

@@ -1768,6 +1768,7 @@ var Card = function Card(_ref) {
             key: "delete",
             "data-cy": "delete-theme-menu-item",
             label: t("neetoThemes.build.leftSideBar.themes.themeOptions.delete"),
+            isDisabled: isApplyingTheme,
             isVisible: utils.isFunction(onDeleteTheme),
             onClick: function onClick(e) {
               e.stopPropagation();
@@ -1818,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(),
@@ -1846,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) {
@@ -1886,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, {