react-better-html 1.1.171 → 1.1.173

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);
 
@@ -3622,7 +3622,7 @@ var ModalComponent = forwardRef7(function Modal({
     document.body
   );
 });
-ModalComponent.confirmation = forwardRef7(function Confirmation({ message, continueButtonLoaderName, onContinue, onCancel, ...props }, ref) {
+ModalComponent.confirmation = forwardRef7(function Confirmation({ message, continueButtonText = "Continue", continueButtonLoaderName, onContinue, onCancel, ...props }, ref) {
   const theme2 = useTheme();
   const modalRef = useRef3(null);
   const onCancelElement = useCallback6(() => {
@@ -3645,13 +3645,21 @@ ModalComponent.confirmation = forwardRef7(function Confirmation({ message, conti
         marginTop: theme2.styles.space * 2,
         children: [
           /* @__PURE__ */ jsx12(Button_default.secondary, { text: "Cancel", onClick: onCancelElement }),
-          /* @__PURE__ */ jsx12(Button_default, { text: "Continue", loaderName: continueButtonLoaderName, onClick: onContinueElement })
+          /* @__PURE__ */ jsx12(Button_default, { text: continueButtonText, loaderName: continueButtonLoaderName, onClick: onContinueElement })
         ]
       }
     )
   ] });
 });
-ModalComponent.destructive = forwardRef7(function Destructive2({ message, deleteButtonLoaderName, onDelete, onCancel, ...props }, ref) {
+ModalComponent.destructive = forwardRef7(function Destructive2({
+  message,
+  deleteButtonText = "Delete",
+  deleteButtonIconName = "trash",
+  deleteButtonLoaderName,
+  onDelete,
+  onCancel,
+  ...props
+}, ref) {
   const theme2 = useTheme();
   const modalRef = useRef3(null);
   const onCancelElement = useCallback6(() => {
@@ -3677,8 +3685,8 @@ ModalComponent.destructive = forwardRef7(function Destructive2({ message, delete
           /* @__PURE__ */ jsx12(
             Button_default.destructive,
             {
-              icon: "trash",
-              text: "Delete",
+              icon: deleteButtonIconName,
+              text: deleteButtonText,
               loaderName: deleteButtonLoaderName,
               onClick: onDeleteElement
             }
@@ -8222,7 +8230,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,
                           {
@@ -8362,7 +8370,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,