react-better-html 1.1.124 → 1.1.126

package/dist/index.js

@@ -7069,7 +7069,7 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
   ...props
 }, ref) {
   const theme2 = useTheme();
-  const mediumScreen = useMediaQuery();
+  const mediaQuery = useMediaQuery();
   const { colorTheme } = useBetterHtmlContextInternal();
   const filterModalRef = (0, import_react23.useRef)(null);
   const [checkedItems, setCheckedItems] = (0, import_react23.useState)([]);
@@ -7348,7 +7348,7 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
     return dataAfterFilter.slice(pageStartItemIndex, pageEndItemIndex);
   }, [dataAfterFilter, pageSize, currentPage, pageCount]);
   const everythingIsChecked = (0, import_react23.useMemo)(() => {
-    return checkedItems.every((checked) => checked) && checkedItems.length === data.length;
+    return data.length > 0 && checkedItems.every((checked) => checked) && checkedItems.length === data.length;
   }, [data, checkedItems]);
   const possibleFilterListValues = (0, import_react23.useMemo)(() => {
     if (!openedFilterColumn) return [];
@@ -7423,7 +7423,7 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
     },
     [currentPage, setCurrentPage, pageCountInternal, setCheckedItems]
   );
-  const mobileFooterBreakingPoint = mediumScreen.size700 && pageCountInternal > maximumVisiblePages / 1.4;
+  const mobileFooterBreakingPoint = mediaQuery.size700 && pageCountInternal > maximumVisiblePages / 1.4;
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       Div_default,
@@ -7460,6 +7460,7 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
                           ToggleInput_default.checkbox,
                           {
                             checked: everythingIsChecked,
+                            disabled: data.length === 0,
                             onChange: onClickAllCheckboxesElement
                           }
                         ) : column.label ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Text_default, { children: column.label }) : void 0,
@@ -7635,10 +7636,11 @@ var TableComponent = (0, import_react23.forwardRef)(function Table({
               ] }) }),
               openedFilterColumn.presets && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Div_default.column, { gap: theme2.styles.gap / 2, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Label_default, { text: "Presets" }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Div_default.row, { alignItems: "center", gap: theme2.styles.gap, children: openedFilterColumn.presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Div_default.row, { alignItems: "center", flexWrap: "wrap", gap: theme2.styles.gap, children: openedFilterColumn.presets.map((preset) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   Button_default.secondary,
                   {
                     text: filterPresetsText[preset],
+                    isSmall: mediaQuery.size600,
                     value: preset,
                     onClickWithValue: onClickFilterPreset
                   },