schummar-table 0.43.0 → 0.43.1

package/dist/index.cjs

@@ -3101,7 +3101,7 @@ function SelectFilter(_a) {
 }
 
 // src/components/table.tsx
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/internalState/tableStateStorage.ts
 var import_react22 = require("react");
@@ -4361,7 +4361,8 @@ function Export2() {
 }
 
 // src/components/row.tsx
-var import_react37 = require("react");
+var import_react37 = require("@emotion/react");
+var import_react38 = require("react");
 
 // src/misc/calcClassNames.ts
 function calcClassNames(classes, item, index) {
@@ -4561,21 +4562,18 @@ function SelectComponent({ itemId }) {
 
 // src/components/row.tsx
 var import_jsx_runtime33 = require("@emotion/react/jsx-runtime");
-var defaultWrapRow = (content) => {
-  return content;
-};
-var Row = (0, import_react37.memo)(function Row2({
+var Row = (0, import_react38.memo)(function Row2({
   itemId,
   rowIndex
 }) {
   var _a;
   const table = useTableContext();
-  const divRef = (0, import_react37.useRef)(null);
-  const detailsDivRef = (0, import_react37.useRef)(null);
+  const divRef = (0, import_react38.useRef)(null);
+  const detailsDivRef = (0, import_react38.useRef)(null);
   const classes = useTheme((t2) => t2.classes);
   const styles = useTheme((t2) => t2.styles);
   const item = table.useState((state) => state.activeItemsById.get(itemId));
-  const wrapRow = (_a = table.useState((state) => state.props.wrapRow)) != null ? _a : defaultWrapRow;
+  const wrapRow = (_a = table.useState((state) => state.props.wrapRow)) != null ? _a : (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", __spreadValues({}, props));
   const rowClassName = (classes == null ? void 0 : classes.row) instanceof Function ? classes.row(item == null ? void 0 : item.value, rowIndex) : classes == null ? void 0 : classes.row;
   const rowStyles = (styles == null ? void 0 : styles.row) instanceof Function ? styles.row(item == null ? void 0 : item.value, rowIndex) : styles == null ? void 0 : styles.row;
   const subgrid = table.useState((state) => state.props.subgrid);
@@ -4604,7 +4602,7 @@ var Row = (0, import_react37.memo)(function Row2({
       hasDetails: state.props.rowDetails instanceof Function ? item2 ? !!state.props.rowDetails(item2.value, rowIndex) : null : !!state.props.rowDetails
     };
   });
-  (0, import_react37.useLayoutEffect)(() => {
+  (0, import_react38.useLayoutEffect)(() => {
     function update() {
       table.update((state) => {
         if (!divRef.current) {
@@ -4625,57 +4623,60 @@ var Row = (0, import_react37.memo)(function Row2({
       handles.forEach((h2) => h2());
     };
   }, [table, itemId, divRef.current, detailsDivRef.current]);
-  (0, import_react37.useLayoutEffect)(() => {
+  (0, import_react38.useLayoutEffect)(() => {
     var _a2, _b;
     return (_b = (_a2 = table.getState().props).debugRender) == null ? void 0 : _b.call(_a2, "render row", itemId);
   });
   if (!item) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react37.ClassNames, { children: ({ css: css4 }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: wrapRow(
     {
-      css: [
-        {
-          display: "contents"
-        },
-        subgrid && {
-          gridColumn: "1 / -1",
+      className: css4([
+        subgrid ? {
+          gridColumn: `1 / -1`,
           display: "grid",
           gridTemplateColumns: "subgrid"
+        } : {
+          display: "contents"
         },
+        rowClassName,
         rowStyles
-      ],
-      className: rowClassName,
-      children: wrapRow(
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cellClassName, css: [defaultClasses.cellFill, css_], ref: divRef }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
-            "div",
-            {
-              className: cellClassName,
-              css: [defaultClasses.cell, defaultClasses.firstCell, css_],
-              children: [
-                indent > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { css: { width: indent * 20 } }),
-                enableSelection && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectComponent, { itemId }),
-                (hasChildren || hasDeferredChildren || hasDetails) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ExpandControl, { itemId, hasDeferredChildren }),
-                rowAction
-              ]
-            }
-          ),
-          columnIds.map((columnId) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ColumnContext.Provider, { value: columnId, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Cell, { itemId, rowIndex }) }, columnId)),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cellClassName, css: [defaultClasses.cellFill, css_] }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Details, { ref: detailsDivRef, itemId, rowIndex })
-        ] }),
-        item.value,
-        rowIndex
-      )
-    }
-  );
+      ]),
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          "div",
+          {
+            className: cellClassName,
+            css: [defaultClasses.cellFill, css_],
+            ref: divRef
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+          "div",
+          {
+            className: cellClassName,
+            css: [defaultClasses.cell, defaultClasses.firstCell, css_],
+            children: [
+              indent > 0 && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { css: { width: indent * 20 } }),
+              enableSelection && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectComponent, { itemId }),
+              (hasChildren || hasDeferredChildren || hasDetails) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ExpandControl, { itemId, hasDeferredChildren }),
+              rowAction
+            ]
+          }
+        ),
+        columnIds.map((columnId) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ColumnContext.Provider, { value: columnId, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Cell, { itemId, rowIndex }) }, columnId)),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cellClassName, css: [defaultClasses.cellFill, css_] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Details, { ref: detailsDivRef, itemId, rowIndex })
+      ] })
+    },
+    item.value,
+    rowIndex
+  ) }) });
 });
 
 // src/components/virtualized.tsx
-var import_react38 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime34 = require("@emotion/react/jsx-runtime");
 var findScrollRoot = (x) => {
   const parent = x.parentElement;
@@ -4702,8 +4703,8 @@ function Virtualized(_a) {
   var _a2, _b2;
   const table = useTableContext();
   const virtual = table.useState((state) => state.props.virtual);
-  const probeRef = (0, import_react38.useRef)(null);
-  const [, setId] = (0, import_react38.useState)({});
+  const probeRef = (0, import_react39.useRef)(null);
+  const [, setId] = (0, import_react39.useState)({});
   const {
     itemIds = [],
     from = 0,
@@ -4754,8 +4755,8 @@ function Virtualized(_a) {
     { throttle: 16 }
   );
   const throttleScroll = (_b2 = (_a2 = typeof virtual === "boolean" ? void 0 : virtual) == null ? void 0 : _a2.throttleScroll) != null ? _b2 : 16;
-  const update = (0, import_react38.useMemo)(() => throttle2(() => setId({}), throttleScroll), [throttleScroll]);
-  (0, import_react38.useEffect)(() => {
+  const update = (0, import_react39.useMemo)(() => throttle2(() => setId({}), throttleScroll), [throttleScroll]);
+  (0, import_react39.useEffect)(() => {
     if (!virtual || !probeRef.current) return;
     window.addEventListener("scroll", update, true);
     window.addEventListener("resize", update, true);
@@ -4764,8 +4765,8 @@ function Virtualized(_a) {
       window.removeEventListener("resize", update, true);
     };
   }, [update, virtual]);
-  (0, import_react38.useEffect)(() => update.cancel, [update]);
-  (0, import_react38.useLayoutEffect)(
+  (0, import_react39.useEffect)(() => update.cancel, [update]);
+  (0, import_react39.useLayoutEffect)(
     () => {
       var _a3, _b3;
       return (_b3 = (_a3 = table.getState().props).debugRender) == null ? void 0 : _b3.call(_a3, `Virtualalized render ${from} to ${to}`);
@@ -4791,7 +4792,7 @@ function Table(props) {
       resetState();
     });
   }
-  (0, import_react39.useLayoutEffect)(() => {
+  (0, import_react40.useLayoutEffect)(() => {
     var _a, _b;
     return (_b = (_a = table.getState().props).debugRender) == null ? void 0 : _b.call(_a, "render table");
   });
@@ -4799,8 +4800,8 @@ function Table(props) {
 }
 function TableLoadingState({ isHydrated }) {
   const loadingText = useTheme((t2) => t2.text.loading);
-  const [showLoading, setShowLoading] = (0, import_react39.useState)(false);
-  (0, import_react39.useEffect)(() => {
+  const [showLoading, setShowLoading] = (0, import_react40.useState)(false);
+  (0, import_react40.useEffect)(() => {
     const handle = setTimeout(() => setShowLoading(true), 500);
     return () => clearTimeout(handle);
   });
@@ -4809,7 +4810,7 @@ function TableLoadingState({ isHydrated }) {
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableInner, { hidden: !isHydrated })
   ] });
 }
-var TableInner = (0, import_react39.memo)(function TableInner2({ hidden }) {
+var TableInner = (0, import_react40.memo)(function TableInner2({ hidden }) {
   const table = useTableContext();
   const fullWidth = table.useState((state) => state.props.fullWidth);
   const activeColumns = table.useState(
@@ -4838,7 +4839,7 @@ var TableInner = (0, import_react39.memo)(function TableInner2({ hidden }) {
   const enableExport = table.useState((state) => !!state.props.enableExport);
   const cssVariables = useCssVariables();
   const enableClearFiltersButton = table.useState((state) => state.props.enableClearFiltersButton);
-  (0, import_react39.useLayoutEffect)(() => {
+  (0, import_react40.useLayoutEffect)(() => {
     var _a, _b;
     return (_b = (_a = table.getState().props).debugRender) == null ? void 0 : _b.call(_a, "render table inner");
   });