schummar-table 0.51.2 → 0.51.3
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.cjs +16 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +12 -12
- package/dist/index.js +16 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -2901,6 +2901,7 @@ function filterColumns(state) {
|
|
|
2901
2901
|
], ([columns, hiddenColumns, columnOrder, displaySize], draft) => {
|
|
2902
2902
|
draft.activeColumns = orderBy(columns.filter((column) => !(column.hidden ?? hiddenColumns.has(column.id))), [(column) => columnOrder.indexOf(column.id)]);
|
|
2903
2903
|
draft.visibleColumns = draft.activeColumns.filter((column) => displaySize === void 0 || column.displaySize === void 0 || column.displaySize.includes(displaySize));
|
|
2904
|
+
draft.rowHeights.clear();
|
|
2904
2905
|
}, { runNow: true }), [state]);
|
|
2905
2906
|
}
|
|
2906
2907
|
|
|
@@ -3568,7 +3569,9 @@ const Cell = (0, react.memo)(function Cell$1({ itemId, rowIndex }) {
|
|
|
3568
3569
|
const wrapCell = table.useState((state) => state.props.wrapCell) ?? defaultWrapCell;
|
|
3569
3570
|
const item = table.useState((state) => state.activeItemsById.get(itemId));
|
|
3570
3571
|
const columnStyleOverride = table.useState((state) => state.columnStyleOverride.get(columnId), { throttle: 16 });
|
|
3571
|
-
(0, react.useLayoutEffect)(() =>
|
|
3572
|
+
(0, react.useLayoutEffect)(() => {
|
|
3573
|
+
table.getState().props.debugRender?.("render cell", itemId, columnId);
|
|
3574
|
+
});
|
|
3572
3575
|
const className$2 = useTheme((t) => cx(...calcClassNames(t.classes, item?.value, rowIndex)));
|
|
3573
3576
|
const styles = useTheme((t) => calcCss(t.styles, item?.value, rowIndex));
|
|
3574
3577
|
if (!column || !item) return null;
|
|
@@ -3743,7 +3746,9 @@ const Row = (0, react.memo)(function Row$1({ itemId, rowIndex }) {
|
|
|
3743
3746
|
divRef.current,
|
|
3744
3747
|
detailsDivRef.current
|
|
3745
3748
|
]);
|
|
3746
|
-
(0, react.useLayoutEffect)(() =>
|
|
3749
|
+
(0, react.useLayoutEffect)(() => {
|
|
3750
|
+
table.getState().props.debugRender?.("render row", itemId);
|
|
3751
|
+
});
|
|
3747
3752
|
if (!item) return null;
|
|
3748
3753
|
return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(__emotion_react.ClassNames, { children: ({ css: css$2, cx: cx$1 }) => /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(__emotion_react_jsx_runtime.Fragment, { children: wrapRow({
|
|
3749
3754
|
className: cx$1(css$2([subgrid ? {
|
|
@@ -3862,7 +3867,9 @@ function Virtualized({ header, footer, children,...props }) {
|
|
|
3862
3867
|
};
|
|
3863
3868
|
}, [update, virtual]);
|
|
3864
3869
|
(0, react.useEffect)(() => update.cancel, [update]);
|
|
3865
|
-
(0, react.useLayoutEffect)(() =>
|
|
3870
|
+
(0, react.useLayoutEffect)(() => {
|
|
3871
|
+
table.getState().props.debugRender?.(`Virtualized render ${from} to ${to}`);
|
|
3872
|
+
});
|
|
3866
3873
|
return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsxs)("div", {
|
|
3867
3874
|
...props,
|
|
3868
3875
|
children: [
|
|
@@ -3895,7 +3902,9 @@ function _Table(props, ref) {
|
|
|
3895
3902
|
await clearStorage();
|
|
3896
3903
|
resetState();
|
|
3897
3904
|
}
|
|
3898
|
-
(0, react.useLayoutEffect)(() =>
|
|
3905
|
+
(0, react.useLayoutEffect)(() => {
|
|
3906
|
+
table.getState().props.debugRender?.("render table");
|
|
3907
|
+
});
|
|
3899
3908
|
return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TableContext.Provider, {
|
|
3900
3909
|
value: table,
|
|
3901
3910
|
children: /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(TableResetContext.Provider, {
|
|
@@ -3941,7 +3950,9 @@ const TableInner = (0, react.memo)(function TableInner$1({ hidden }) {
|
|
|
3941
3950
|
const enableExport = table.useState((state) => state.props.enableExport);
|
|
3942
3951
|
const cssVariables = useCssVariables();
|
|
3943
3952
|
const enableClearFiltersButton = table.useState((state) => state.props.enableClearFiltersButton);
|
|
3944
|
-
(0, react.useLayoutEffect)(() =>
|
|
3953
|
+
(0, react.useLayoutEffect)(() => {
|
|
3954
|
+
table.getState().props.debugRender?.("render table inner");
|
|
3955
|
+
});
|
|
3945
3956
|
return /* @__PURE__ */ (0, __emotion_react_jsx_runtime.jsx)(Virtualized, {
|
|
3946
3957
|
className: classes?.table,
|
|
3947
3958
|
css: [
|