react-better-html 1.1.248 → 1.1.250

package/dist/index.d.mts

@@ -178,6 +178,9 @@ declare const Text: typeof TextComponent & {
 
 type PageHeaderProps = {
     icon?: IconName | AnyOtherString;
+    iconColor?: React.CSSProperties["color"];
+    /** @default 20 */
+    iconSize?: number;
     image?: AssetName | AnyOtherString;
     imageUrl?: string;
     imageSize?: number;
@@ -503,7 +506,7 @@ type Tab = {
 };
 type TabGroup = {
     name: string;
-    selectedTab: string;
+    selectedTab: Tab["id"];
 };
 type TabsProps = {
     tabs: Tab[];
@@ -514,7 +517,7 @@ type TabsProps = {
     children?: React.ReactNode;
 } & ComponentMarginProps;
 type TabsRef = {
-    selectedTab: string;
+    selectedTab: Tab["id"];
     selectTab: (tab: Tab) => void;
 };
 type TabsComponent = {
@@ -523,7 +526,7 @@ type TabsComponent = {
 };
 declare const TabsComponent: TabsComponent;
 type TabsContentProps = {
-    tab: string;
+    tabId: Tab["id"];
     tabWithDot?: boolean;
     tabsGroupName?: string;
     isInitialTab?: boolean;
@@ -636,8 +639,11 @@ declare const filterHover: () => Record<"z05" | "z1" | "z2" | "z3", React.CSSPro
 declare function generateLocalStorage<LocalStorage extends object>(): {
     setItem: <StorageName extends keyof LocalStorage>(name: StorageName, value: LocalStorage[StorageName]) => void;
     getItem: <StorageName extends keyof LocalStorage>(name: StorageName) => LocalStorage[StorageName] | undefined;
+    getAllItems: () => Partial<LocalStorage>;
     removeItem: (name: keyof LocalStorage) => void;
-    removeAllItems: () => void;
+    removeAllItems: (config?: {
+        keepValues?: (keyof LocalStorage)[];
+    }) => void;
 };
 
 type LoaderProps = {

package/dist/index.d.ts

@@ -178,6 +178,9 @@ declare const Text: typeof TextComponent & {
 
 type PageHeaderProps = {
     icon?: IconName | AnyOtherString;
+    iconColor?: React.CSSProperties["color"];
+    /** @default 20 */
+    iconSize?: number;
     image?: AssetName | AnyOtherString;
     imageUrl?: string;
     imageSize?: number;
@@ -503,7 +506,7 @@ type Tab = {
 };
 type TabGroup = {
     name: string;
-    selectedTab: string;
+    selectedTab: Tab["id"];
 };
 type TabsProps = {
     tabs: Tab[];
@@ -514,7 +517,7 @@ type TabsProps = {
     children?: React.ReactNode;
 } & ComponentMarginProps;
 type TabsRef = {
-    selectedTab: string;
+    selectedTab: Tab["id"];
     selectTab: (tab: Tab) => void;
 };
 type TabsComponent = {
@@ -523,7 +526,7 @@ type TabsComponent = {
 };
 declare const TabsComponent: TabsComponent;
 type TabsContentProps = {
-    tab: string;
+    tabId: Tab["id"];
     tabWithDot?: boolean;
     tabsGroupName?: string;
     isInitialTab?: boolean;
@@ -636,8 +639,11 @@ declare const filterHover: () => Record<"z05" | "z1" | "z2" | "z3", React.CSSPro
 declare function generateLocalStorage<LocalStorage extends object>(): {
     setItem: <StorageName extends keyof LocalStorage>(name: StorageName, value: LocalStorage[StorageName]) => void;
     getItem: <StorageName extends keyof LocalStorage>(name: StorageName) => LocalStorage[StorageName] | undefined;
+    getAllItems: () => Partial<LocalStorage>;
     removeItem: (name: keyof LocalStorage) => void;
-    removeAllItems: () => void;
+    removeAllItems: (config?: {
+        keepValues?: (keyof LocalStorage)[];
+    }) => void;
 };
 
 type LoaderProps = {

package/dist/index.js

@@ -1271,7 +1271,7 @@ function useForm(options) {
     setErrors({});
   }, [defaultValues]);
   const isDirty = (0, import_react.useMemo)(
-    () => Object.keys(defaultValues).some((key) => defaultValues[key] !== values[key]),
+    () => Object.keys(defaultValues).some((key) => JSON.stringify(defaultValues[key]) !== JSON.stringify(values[key])),
     [defaultValues, values]
   );
   const isValid = (0, import_react.useMemo)(() => {
@@ -1651,6 +1651,8 @@ var Icon_default = { Icon: MemoizedIcon }.Icon;
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
   icon,
+  iconColor,
+  iconSize = 20,
   image,
   imageUrl,
   imageSize = 60,
@@ -1681,7 +1683,7 @@ var PageHeaderComponent = (0, import_react7.forwardRef)(function PageHeader({
       marginBottom: marginBottom ?? theme2.styles.space * 2,
       ref,
       children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { name: icon, size: 20, flexShrink: 0 }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon_default, { name: icon, size: iconSize, color: iconColor, flexShrink: 0 }),
         (image || imageUrl) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           ImageTag,
           {
@@ -2257,8 +2259,8 @@ var ButtonComponent = function Button(buttonProps) {
       isLoading: isLoadingElement,
       withNoBorder: theme2.styles.borderWidth === 0,
       disabled,
-      to: href,
-      href,
+      to: !disabled && !isLoadingElement ? href : void 0,
+      href: !disabled && !isLoadingElement ? href : void 0,
       download,
       target,
       type: isSubmit && !isLoadingElement ? "submit" : "button",
@@ -3349,25 +3351,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;
@@ -3390,6 +3420,7 @@ function generateLocalStorage() {
         return void 0;
       }
     },
+    getAllItems,
     removeItem: (name) => {
       if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "generateLocalStorage.removeItem"))
         return void 0;
@@ -3406,8 +3437,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]);
+        });
+      }
     }
   };
 }
@@ -7556,7 +7593,7 @@ var TabsComponent = (0, import_react29.forwardRef)(function Tabs({ tabs, name, a
     children && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(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 = (0, import_react29.useMemo)(
     () => componentsState.tabs.tabGroups.find((item) => item.name === (tabsGroupName ?? defaultTabName)),
@@ -7564,14 +7601,16 @@ TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, isIni
   );
   (0, import_react29.useEffect)(() => {
     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__ */ (0, import_jsx_runtime26.jsx)(Div_default, { width: "100%", children }) : void 0;
+  return (thisTabGroupData ? thisTabGroupData.selectedTab === tabId : isInitialTab) ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Div_default, { width: "100%", children }) : void 0;
 };
 var Tabs2 = (0, import_react29.memo)(TabsComponent);
 Tabs2.content = TabsComponent.content;