react-better-html 1.1.124 → 1.1.126
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -4
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -6997,7 +6997,7 @@ var TableComponent = forwardRef15(function Table({
|
|
|
6997
6997
|
...props
|
|
6998
6998
|
}, ref) {
|
|
6999
6999
|
const theme2 = useTheme();
|
|
7000
|
-
const
|
|
7000
|
+
const mediaQuery = useMediaQuery();
|
|
7001
7001
|
const { colorTheme } = useBetterHtmlContextInternal();
|
|
7002
7002
|
const filterModalRef = useRef5(null);
|
|
7003
7003
|
const [checkedItems, setCheckedItems] = useState8([]);
|
|
@@ -7276,7 +7276,7 @@ var TableComponent = forwardRef15(function Table({
|
|
|
7276
7276
|
return dataAfterFilter.slice(pageStartItemIndex, pageEndItemIndex);
|
|
7277
7277
|
}, [dataAfterFilter, pageSize, currentPage, pageCount]);
|
|
7278
7278
|
const everythingIsChecked = useMemo7(() => {
|
|
7279
|
-
return checkedItems.every((checked) => checked) && checkedItems.length === data.length;
|
|
7279
|
+
return data.length > 0 && checkedItems.every((checked) => checked) && checkedItems.length === data.length;
|
|
7280
7280
|
}, [data, checkedItems]);
|
|
7281
7281
|
const possibleFilterListValues = useMemo7(() => {
|
|
7282
7282
|
if (!openedFilterColumn) return [];
|
|
@@ -7351,7 +7351,7 @@ var TableComponent = forwardRef15(function Table({
|
|
|
7351
7351
|
},
|
|
7352
7352
|
[currentPage, setCurrentPage, pageCountInternal, setCheckedItems]
|
|
7353
7353
|
);
|
|
7354
|
-
const mobileFooterBreakingPoint =
|
|
7354
|
+
const mobileFooterBreakingPoint = mediaQuery.size700 && pageCountInternal > maximumVisiblePages / 1.4;
|
|
7355
7355
|
return /* @__PURE__ */ jsxs16(Fragment6, { children: [
|
|
7356
7356
|
/* @__PURE__ */ jsx20(
|
|
7357
7357
|
Div_default,
|
|
@@ -7388,6 +7388,7 @@ var TableComponent = forwardRef15(function Table({
|
|
|
7388
7388
|
ToggleInput_default.checkbox,
|
|
7389
7389
|
{
|
|
7390
7390
|
checked: everythingIsChecked,
|
|
7391
|
+
disabled: data.length === 0,
|
|
7391
7392
|
onChange: onClickAllCheckboxesElement
|
|
7392
7393
|
}
|
|
7393
7394
|
) : column.label ? /* @__PURE__ */ jsx20(Text_default, { children: column.label }) : void 0,
|
|
@@ -7563,10 +7564,11 @@ var TableComponent = forwardRef15(function Table({
|
|
|
7563
7564
|
] }) }),
|
|
7564
7565
|
openedFilterColumn.presets && /* @__PURE__ */ jsxs16(Div_default.column, { gap: theme2.styles.gap / 2, children: [
|
|
7565
7566
|
/* @__PURE__ */ jsx20(Label_default, { text: "Presets" }),
|
|
7566
|
-
/* @__PURE__ */ jsx20(Div_default.row, { alignItems: "center", gap: theme2.styles.gap, children: openedFilterColumn.presets.map((preset) => /* @__PURE__ */ jsx20(
|
|
7567
|
+
/* @__PURE__ */ jsx20(Div_default.row, { alignItems: "center", flexWrap: "wrap", gap: theme2.styles.gap, children: openedFilterColumn.presets.map((preset) => /* @__PURE__ */ jsx20(
|
|
7567
7568
|
Button_default.secondary,
|
|
7568
7569
|
{
|
|
7569
7570
|
text: filterPresetsText[preset],
|
|
7571
|
+
isSmall: mediaQuery.size600,
|
|
7570
7572
|
value: preset,
|
|
7571
7573
|
onClickWithValue: onClickFilterPreset
|
|
7572
7574
|
},
|