react-better-html 1.1.172 → 1.1.174

package/dist/index.mjs

@@ -2528,54 +2528,53 @@ function BetterHtmlProviderContent({ children }) {
     alertsPlugin2 && /* @__PURE__ */ jsx8(AlertsHolder_default, {})
   ] });
 }
-function BetterHtmlProvider({ value, plugins: pluginsToUse, children }) {
+function BetterHtmlProvider({ config, plugins, children }) {
   const [colorTheme, setColorTheme] = useState2(
-    localStorage.getItem("theme") === "dark" ? "dark" : value?.colorTheme ?? "light"
+    localStorage.getItem("theme") === "dark" ? "dark" : config?.colorTheme ?? "light"
   );
-  const [loaders, setLoaders] = useState2(value?.loaders ?? {});
-  const [plugins] = useState2(pluginsToUse ?? []);
+  const [loaders, setLoaders] = useState2(config?.loaders ?? {});
   const [alerts, setAlerts] = useState2([]);
   const [tabGroups, setTabGroups] = useState2([]);
   const [tabsWithDots, setTabsWithDots] = useState2([]);
-  const readyValue = useMemo2(
+  const readyConfig = useMemo2(
     () => ({
       app: {
         ...appConfig,
-        ...value?.app
+        ...config?.app
       },
       theme: {
         styles: {
           ...theme.styles,
-          ...value?.theme?.styles
+          ...config?.theme?.styles
         },
         colors: {
           light: {
             ...theme.colors.light,
-            ...value?.theme?.colors?.light
+            ...config?.theme?.colors?.light
           },
           dark: {
             ...theme.colors.dark,
-            ...value?.theme?.colors?.dark
+            ...config?.theme?.colors?.dark
           }
         }
       },
       colorTheme,
       icons: {
         ...icons,
-        ...value?.icons
+        ...config?.icons
       },
       assets: {
         ...assets,
-        ...value?.assets
+        ...config?.assets
       },
       loaders,
       setLoaders,
       alerts,
       setAlerts,
       components: {
-        ...value?.components
+        ...config?.components
       },
-      plugins,
+      plugins: plugins ?? [],
       componentsState: {
         tabs: {
           tabGroups,
@@ -2585,20 +2584,21 @@ function BetterHtmlProvider({ value, plugins: pluginsToUse, children }) {
         }
       }
     }),
-    [value, colorTheme, loaders, alerts, plugins, tabGroups, tabsWithDots]
+    [config, colorTheme, loaders, alerts, tabGroups, tabsWithDots]
   );
   useEffect4(() => {
+    if (!plugins) return;
     plugins.forEach((plugin) => {
       plugin.initialize?.();
     });
-  }, [plugins]);
+  }, []);
   useEffect4(() => {
     const html = document.querySelector("html");
     if (!html) return;
     const observer = new MutationObserver((mutations) => {
       mutations.forEach((mutation) => {
         if (mutation.type === "attributes") {
-          setColorTheme(html.getAttribute("data-theme") === "dark" ? "dark" : value?.colorTheme ?? "light");
+          setColorTheme(html.getAttribute("data-theme") === "dark" ? "dark" : config?.colorTheme ?? "light");
         }
       });
     });
@@ -2609,8 +2609,8 @@ function BetterHtmlProvider({ value, plugins: pluginsToUse, children }) {
       observer.disconnect();
     };
   }, []);
-  externalBetterHtmlContextValue = readyValue;
-  return /* @__PURE__ */ jsx8(betterHtmlContext.Provider, { value: readyValue, children: /* @__PURE__ */ jsx8(BetterHtmlProviderContent, { children }) });
+  externalBetterHtmlContextValue = readyConfig;
+  return /* @__PURE__ */ jsx8(betterHtmlContext.Provider, { value: readyConfig, children: /* @__PURE__ */ jsx8(BetterHtmlProviderContent, { children }) });
 }
 var BetterHtmlProvider_default = memo8(BetterHtmlProvider);
 
@@ -3603,14 +3603,15 @@ var ModalComponent = forwardRef7(function Modal({
                               marginTop: 1,
                               iconColor: titleColor,
                               onClick: onClickClose,
-                              transition: theme2.styles.transition
+                              transition: theme2.styles.transition,
+                              zIndex: 10
                             }
                           )
                         ]
                       }
                     ),
                     /* @__PURE__ */ jsx12(Divider_default.horizontal, {})
-                  ] }) : /* @__PURE__ */ jsx12(Fragment2, { children: !withoutCloseButton && /* @__PURE__ */ jsx12(Div_default, { position: "absolute", top: theme2.styles.space, right: theme2.styles.space, children: /* @__PURE__ */ jsx12(Button_default.icon, { icon: "XMark", onClick: onClickClose }) }) }),
+                  ] }) : /* @__PURE__ */ jsx12(Fragment2, { children: !withoutCloseButton && /* @__PURE__ */ jsx12(Div_default, { position: "absolute", top: theme2.styles.space, right: theme2.styles.space, zIndex: 10, children: /* @__PURE__ */ jsx12(Button_default.icon, { icon: "XMark", onClick: onClickClose }) }) }),
                   /* @__PURE__ */ jsx12(Div_default, { padding: title ? theme2.styles.space : void 0, children })
                 ]
               }
@@ -8230,7 +8231,7 @@ var TableComponent = forwardRef15(function Table({
                             disabled: data.length === 0,
                             onChange: onClickAllCheckboxesElement
                           }
-                        ) : column.label ? /* @__PURE__ */ jsx22(Text_default, { children: column.label }) : void 0,
+                        ) : column.label ? column.renderLabel ? column.renderLabel(column.label) : /* @__PURE__ */ jsx22(Text_default, { children: column.label }) : void 0,
                         column.filter && /* @__PURE__ */ jsx22(
                           Button_default.icon,
                           {
@@ -8370,7 +8371,7 @@ var TableComponent = forwardRef15(function Table({
     /* @__PURE__ */ jsx22(
       Modal_default,
       {
-        title: `Filter ${openedFilterColumn?.label}`,
+        title: `Filter ${openedFilterColumn?.label ?? ""}`,
         description: openedFilterColumn?.filter === "number" ? "Enter minimum and maximum values to filter" : openedFilterColumn?.filter === "date" || openedFilterColumn?.filter === "date-time" ? "Enter minimum and maximum dates to filter" : openedFilterColumn?.filter === "list" ? "Select values to filter from the list bellow" : "",
         onClose: onCloseFilterModal,
         ref: filterModalRef,