react-better-html 1.1.113 → 1.1.114

package/dist/index.mjs

@@ -6742,6 +6742,45 @@ var FormRow_default = FormRow2;
 
 // src/components/ColorThemeSwitch.tsx
 import { memo as memo19, useEffect as useEffect8 } from "react";
+
+// src/utils/variableFunctions.ts
+var checkBetterHtmlContextValue = (value, functionsName) => {
+  if (value === void 0) {
+    throw new Error(
+      `\`${functionsName}()\` must be used within a \`<BetterHtmlProvider>\`. Make sure to add one at the root of your component tree.`
+    );
+  }
+  return value !== void 0;
+};
+var loaderControls = {
+  startLoading: (loaderName) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "loaderControls.startLoading")) return;
+    externalBetterHtmlContextValue.setLoaders((oldValue) => ({
+      ...oldValue,
+      [loaderName.toString()]: true
+    }));
+  },
+  stopLoading: (loaderName) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "loaderControls.stopLoading")) return;
+    externalBetterHtmlContextValue.setLoaders((oldValue) => ({
+      ...oldValue,
+      [loaderName.toString()]: false
+    }));
+  }
+};
+var colorThemeControls = {
+  toggleTheme: (theme2) => {
+    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "colorThemeControls.toggleTheme")) return;
+    const currentColorTheme = externalBetterHtmlContextValue.colorTheme;
+    const newColorTheme = theme2 ?? (currentColorTheme === "dark" ? "light" : "dark");
+    setTimeout(() => {
+      window.document.body.parentElement?.setAttribute("data-theme", newColorTheme);
+      localStorage.setItem("theme", newColorTheme);
+    }, 0.01 * 1e3);
+  }
+};
+
+// src/components/ColorThemeSwitch.tsx
 import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var ColorThemeSwitchComponent = function ColorThemeSwitch({
   withMoon,
@@ -6754,13 +6793,7 @@ var ColorThemeSwitchComponent = function ColorThemeSwitch({
     }
   });
   useEffect8(() => {
-    const timeout = setTimeout(() => {
-      window.document.body.parentElement?.setAttribute("data-theme", form.values.darkMode ? "dark" : "light");
-      localStorage.setItem("theme", form.values.darkMode ? "dark" : "light");
-    }, 0.2 * 1e3);
-    return () => {
-      clearTimeout(timeout);
-    };
+    colorThemeControls.toggleTheme(form.values.darkMode ? "dark" : "light");
   }, [form.values.darkMode]);
   useEffect8(() => {
     const html = document.querySelector("html");
@@ -6848,7 +6881,7 @@ var TableStyledComponent = styled10.table.withConfig({
                  transition: ${props.theme.styles.transition};
 
                  &:not(.isHeader):not(.isFooter):not(.withoutHover):hover {
-                    filter: brightness(${props.colorTheme === "light" ? "0.95" : "0.85"});
+                    filter: brightness(${props.colorTheme === "light" ? 0.95 : 0.7});
                  }
               ` : ""}
 
@@ -7173,7 +7206,7 @@ var TableComponent = forwardRef15(function Table({
       []
     );
   }, [data, openedFilterColumn]);
-  const pageCountInternal = pageCount ?? (pageSize !== void 0 ? Math.ceil(dataAfterPagination.length / pageSize) : 1);
+  const pageCountInternal = pageCount ?? (pageSize !== void 0 ? Math.ceil(dataAfterFilter.length / pageSize) : 1);
   const paginationItems = useMemo7(() => {
     const halfRange = Math.floor(maximumVisiblePages / 2);
     let startPage = Math.max(1, currentPage - halfRange);
@@ -7466,11 +7499,18 @@ var TableComponent = forwardRef15(function Table({
                     onClickWithValue: onClickFilterListItem,
                     children: /* @__PURE__ */ jsxs16(Div_default.row, { alignItems: "center", gap: theme2.styles.gap / 2, children: [
                       /* @__PURE__ */ jsx20(Text_default, { children: value.value }),
-                      openedFilterColumn.withTotalNumber && /* @__PURE__ */ jsxs16(Text_default, { fontSize: 14, color: theme2.colors.textSecondary, children: [
-                        "(",
-                        value.count,
-                        ")"
-                      ] })
+                      openedFilterColumn.withTotalNumber && /* @__PURE__ */ jsxs16(
+                        Text_default,
+                        {
+                          fontSize: 14,
+                          color: isActive ? theme2.colors.base + "c0" : theme2.colors.textSecondary,
+                          children: [
+                            "(",
+                            value.count,
+                            ")"
+                          ]
+                        }
+                      )
                     ] })
                   },
                   value.value
@@ -7795,32 +7835,6 @@ var Foldable2 = memo22(FoldableComponent);
 Foldable2.box = FoldableComponent.box;
 var Foldable_default = Foldable2;
 
-// src/utils/variableFunctions.ts
-var checkBetterHtmlContextValue = (value, functionsName) => {
-  if (value === void 0) {
-    throw new Error(
-      `\`${functionsName}()\` must be used within a \`<BetterHtmlProvider>\`. Make sure to add one at the root of your component tree.`
-    );
-  }
-  return value !== void 0;
-};
-var loaderControls = {
-  startLoading: (loaderName) => {
-    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "loaderControls.startLoading")) return;
-    externalBetterHtmlContextValue.setLoaders((oldValue) => ({
-      ...oldValue,
-      [loaderName.toString()]: true
-    }));
-  },
-  stopLoading: (loaderName) => {
-    if (!checkBetterHtmlContextValue(externalBetterHtmlContextValue, "loaderControls.stopLoading")) return;
-    externalBetterHtmlContextValue.setLoaders((oldValue) => ({
-      ...oldValue,
-      [loaderName.toString()]: false
-    }));
-  }
-};
-
 // src/plugins/react-router-dom.ts
 import { Link as RouterLink, NavLink as RouterNavLink } from "react-router-dom";
 var reactRouterDomPlugin = {
@@ -7856,6 +7870,7 @@ export {
   Tabs_default as Tabs,
   Text_default as Text,
   ToggleInput_default as ToggleInput,
+  colorThemeControls,
   countries,
   darkenColor,
   desaturateColor,