react-better-html 1.1.248 → 1.1.249

package/dist/index.mjs

@@ -1580,6 +1580,8 @@ var Icon_default = { Icon: MemoizedIcon }.Icon;
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 var PageHeaderComponent = forwardRef5(function PageHeader({
   icon,
+  iconColor,
+  iconSize = 20,
   image,
   imageUrl,
   imageSize = 60,
@@ -1610,7 +1612,7 @@ var PageHeaderComponent = forwardRef5(function PageHeader({
       marginBottom: marginBottom ?? theme2.styles.space * 2,
       ref,
       children: [
-        icon && /* @__PURE__ */ jsx5(Icon_default, { name: icon, size: 20, flexShrink: 0 }),
+        icon && /* @__PURE__ */ jsx5(Icon_default, { name: icon, size: iconSize, color: iconColor, flexShrink: 0 }),
         (image || imageUrl) && /* @__PURE__ */ jsx5(
           ImageTag,
           {
@@ -3286,25 +3288,53 @@ function findClosestNumber(numbers, target) {
 
 // src/utils/localStorage.ts
 function generateLocalStorage() {
-  return {
-    setItem: (name, value) => {
-      if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.setItem"))
-        return void 0;
-      const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
-        (plugin) => plugin.name === "localStorage"
+  const setItem = (name, value) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.setItem"))
+      return void 0;
+    const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
+      (plugin) => plugin.name === "localStorage"
+    );
+    if (!localStoragePlugin2) {
+      throw new Error(
+        "`generateLocalStorage.setItem` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
       );
-      if (!localStoragePlugin2) {
-        throw new Error(
-          "`generateLocalStorage.setItem` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
-        );
-      }
-      const pluginConfig = localStoragePlugin2.getConfig();
-      const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
-      const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
-      const readyValue = encryptionEnabled ? encryptString(JSON.stringify(value)) : JSON.stringify(value);
-      if (value) localStorage.setItem(readyName.toString(), readyValue);
-      else localStorage.removeItem(readyName.toString());
-    },
+    }
+    const pluginConfig = localStoragePlugin2.getConfig();
+    const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
+    const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
+    const readyValue = encryptionEnabled ? encryptString(JSON.stringify(value)) : JSON.stringify(value);
+    if (value) localStorage.setItem(readyName.toString(), readyValue);
+    else localStorage.removeItem(readyName.toString());
+  };
+  const getAllItems = () => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.getAllItems"))
+      return void 0;
+    const localStoragePlugin2 = externalBetterHtmlContextValue.plugins.find(
+      (plugin) => plugin.name === "localStorage"
+    );
+    if (!localStoragePlugin2) {
+      throw new Error(
+        "`generateLocalStorage.getAllItems` function requires the `localStorage` plugin to be added to the `plugins` prop in `<BetterHtmlProvider>`."
+      );
+    }
+    const pluginConfig = localStoragePlugin2.getConfig();
+    const encryptionEnabled = pluginConfig.encryption?.enabled ?? false;
+    const items = {
+      ...localStorage
+    };
+    try {
+      return encryptionEnabled ? Object.entries(items).reduce((previousValue, currentValue) => {
+        const readyName = encryptString(currentValue[0]);
+        const item = JSON.parse(decryptString(currentValue[1]));
+        previousValue[readyName] = item;
+        return previousValue;
+      }, {}) : items;
+    } catch (error) {
+      return void 0;
+    }
+  };
+  return {
+    setItem,
     getItem: (name) => {
       if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.getItem"))
         return void 0;
@@ -3327,6 +3357,7 @@ function generateLocalStorage() {
         return void 0;
       }
     },
+    getAllItems,
     removeItem: (name) => {
       if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.removeItem"))
         return void 0;
@@ -3343,8 +3374,14 @@ function generateLocalStorage() {
       const readyName = encryptionEnabled ? encryptString(name.toString()) : name;
       localStorage.removeItem(readyName.toString());
     },
-    removeAllItems: () => {
+    removeAllItems: (config) => {
+      const allItems = getAllItems();
       localStorage.clear();
+      if (config?.keepValues) {
+        config.keepValues.forEach((key) => {
+          setItem(key, allItems[key]);
+        });
+      }
     }
   };
 }
@@ -7517,7 +7554,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
     children && /* @__PURE__ */ jsx25(Div_default, { width: "100%", children })
   ] });
 });
-TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, isInitialTab, children }) {
+TabsComponent.content = function Content({ tabId, tabWithDot, tabsGroupName, isInitialTab, children }) {
   const { componentsState } = useBetterHtmlContextInternal();
   const thisTabGroupData = useMemo11(
     () => componentsState.tabs.tabGroups.find((item) => item.name === (tabsGroupName ?? defaultTabName)),
@@ -7525,14 +7562,16 @@ TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, isIni
   );
   useEffect14(() => {
     if (tabWithDot) {
-      componentsState.tabs.setTabsWithDots?.((oldValue) => oldValue.includes(tab) ? oldValue : [...oldValue, tab]);
+      componentsState.tabs.setTabsWithDots?.(
+        (oldValue) => oldValue.includes(tabId) ? oldValue : [...oldValue, tabId]
+      );
     } else {
       componentsState.tabs.setTabsWithDots?.(
-        (oldValue) => oldValue.includes(tab) ? oldValue.filter((tab2) => tab2 !== tab2) : oldValue
+        (oldValue) => oldValue.includes(tabId) ? oldValue.filter((tab) => tab !== tabId) : oldValue
       );
     }
   }, [tabWithDot]);
-  return (thisTabGroupData ? thisTabGroupData.selectedTab === tab : isInitialTab) ? /* @__PURE__ */ jsx25(Div_default, { width: "100%", children }) : void 0;
+  return (thisTabGroupData ? thisTabGroupData.selectedTab === tabId : isInitialTab) ? /* @__PURE__ */ jsx25(Div_default, { width: "100%", children }) : void 0;
 };
 var Tabs2 = memo25(TabsComponent);
 Tabs2.content = TabsComponent.content;