@teselagen/ui 0.9.1 → 0.9.4

package/index.cjs.js

@@ -57255,13 +57255,20 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
         acc[e.id || e.code] = i2;
         return acc;
       }, {});
-      const rowNumbersToCopy = selectedRecords.map((rec) => idToIndex[rec.id || rec.code] + 1).sort();
+      const rowNumbersToCopy = [];
+      selectedRecords.forEach((rec) => {
+        const rowIndex = idToIndex[rec.id || rec.code] + 1;
+        if (!rowNumbersToCopy.includes(rowIndex)) {
+          rowNumbersToCopy.push(rowIndex);
+        }
+      });
+      rowNumbersToCopy.sort();
       if (!rowNumbersToCopy.length) return;
       rowNumbersToCopy.unshift(0);
       try {
         const allRowEls = getAllRows(tableRef);
         if (!allRowEls) return;
-        const rowEls = rowNumbersToCopy.map((i2) => allRowEls[i2]);
+        const rowEls = rowNumbersToCopy.map((i2) => allRowEls[i2]).filter(identity$1);
         if (window.Cypress) window.Cypress.__copiedRowsLength = rowEls.length;
         handleCopyRows(rowEls, {
           onFinishMsg: "Selected rows copied"
@@ -58704,350 +58711,359 @@ const DataTable = /* @__PURE__ */ __name((_I) => {
       noVirtual
     ]
   );
-  return /* @__PURE__ */ React.createElement("div", { tabIndex: "1", onKeyDown: handleKeyDown, onKeyUp: handleKeyUp }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: classNames(
-        "data-table-container",
-        extraClasses,
-        className,
-        compactClassName,
-        {
-          fullscreen,
-          in_cypress_test: window.Cypress,
-          //tnr: this is a hack to make cypress be able to correctly click the table without the sticky header getting in the way. remove me once https://github.com/cypress-io/cypress/issues/871 is fixed
-          "dt-isViewable": isViewable,
-          "dt-minimalStyle": minimalStyle,
-          "no-padding": noPadding,
-          "hide-column-header": hideColumnHeader
-        }
-      )
+      tabIndex: "1",
+      style: { height: "100%" },
+      onKeyDown: handleKeyDown,
+      onKeyUp: handleKeyUp
     },
     /* @__PURE__ */ React.createElement(
       "div",
-      __spreadValues({
-        className: "data-table-container-inner"
-      }, isCellEditable && {
-        tabIndex: -1,
-        onKeyDown: /* @__PURE__ */ __name((e) => {
-          var _a2, _b, _c, _d, _e, _f, _g, _h;
-          const isTabKey = e.key === "Tab";
-          const isArrowKey = e.key.startsWith("Arrow");
-          if (isArrowKey && ((_a2 = e.target) == null ? void 0 : _a2.tagName) !== "INPUT" || isTabKey) {
-            const left2 = e.key === "ArrowLeft";
-            const up = e.key === "ArrowUp";
-            const down = e.key === "ArrowDown" || e.key === "Enter";
-            let cellIdToUse = primarySelectedCellId;
-            const pathToIndex = getFieldPathToIndex(schema);
-            const entityMap = getEntityIdToEntity(entities);
-            if (!cellIdToUse) return;
-            const {
-              isRect,
-              firstCellIndex,
-              lastCellIndex,
-              lastRowIndex,
-              firstRowIndex
-            } = isSelectionARectangle();
-            if (isRect) {
-              const [rowId3, columnPath2] = cellIdToUse.split(":");
-              const columnIndex2 = pathToIndex[columnPath2];
-              const indexToPath = invert(pathToIndex);
-              if (firstCellIndex === columnIndex2 && firstRowIndex === ((_b = entityMap[rowId3]) == null ? void 0 : _b.i)) {
-                cellIdToUse = `${entities[lastRowIndex].id}:${indexToPath[lastCellIndex]}`;
-              } else if (firstCellIndex === columnIndex2 && lastRowIndex === ((_c = entityMap[rowId3]) == null ? void 0 : _c.i)) {
-                cellIdToUse = `${entities[firstRowIndex].id}:${indexToPath[lastCellIndex]}`;
-              } else if (lastCellIndex === columnIndex2 && firstRowIndex === ((_d = entityMap[rowId3]) == null ? void 0 : _d.i)) {
-                cellIdToUse = `${entities[lastRowIndex].id}:${indexToPath[firstCellIndex]}`;
-              } else {
-                cellIdToUse = `${entities[firstRowIndex].id}:${indexToPath[firstCellIndex]}`;
-              }
-            }
-            if (!cellIdToUse) return;
-            const [rowId2, columnPath] = cellIdToUse.split(":");
-            const columnIndex = pathToIndex[columnPath];
-            const { i: rowIndex } = entityMap[rowId2];
-            const {
-              cellIdAbove,
-              cellIdToRight,
-              cellIdBelow,
-              cellIdToLeft
-            } = getCellInfo({
-              columnIndex,
-              columnPath,
-              rowId: rowId2,
-              schema,
-              entities,
-              rowIndex,
-              isEntityDisabled,
-              entity: entityMap[rowId2].e
-            });
-            const nextCellId = up ? cellIdAbove : down ? cellIdBelow : left2 ? cellIdToLeft : cellIdToRight;
-            e.stopPropagation();
-            e.preventDefault();
-            if (!nextCellId) return;
-            if ((_f = (_e = document.activeElement) == null ? void 0 : _e.parentElement) == null ? void 0 : _f.classList.contains(
-              "rt-td"
-            )) {
-              document.activeElement.blur();
-            }
-            handleCellClick({
-              event: e,
-              cellId: nextCellId
-            });
-          }
-          if (e.metaKey || e.ctrlKey || e.altKey) return;
-          if (!primarySelectedCellId) return;
-          const entityIdToEntity = getEntityIdToEntity(entities);
-          const [rowId] = primarySelectedCellId.split(":");
-          if (!rowId) return;
-          const entity = entityIdToEntity[rowId].e;
-          if (!entity) return;
-          const rowDisabled = isEntityDisabled(entity);
-          const isNum = (_g = e.code) == null ? void 0 : _g.startsWith("Digit");
-          const isLetter = (_h = e.code) == null ? void 0 : _h.startsWith("Key");
-          const allowedSpecialChars = [
-            "Minus",
-            "Equal",
-            "Backquote",
-            "BracketLeft",
-            "BracketRight",
-            "Backslash",
-            "IntlBackslash",
-            "Semicolon",
-            "Quote",
-            "Comma",
-            "Period",
-            "Slash",
-            "IntlRo",
-            "IntlYen",
-            "Space"
-          ];
-          const isSpecialChar = allowedSpecialChars.includes(e.code);
-          if (!isNum && !isLetter && !isSpecialChar) {
-            return;
+      {
+        className: classNames(
+          "data-table-container",
+          extraClasses,
+          className,
+          compactClassName,
+          {
+            fullscreen,
+            in_cypress_test: window.Cypress,
+            //tnr: this is a hack to make cypress be able to correctly click the table without the sticky header getting in the way. remove me once https://github.com/cypress-io/cypress/issues/871 is fixed
+            "dt-isViewable": isViewable,
+            "dt-minimalStyle": minimalStyle,
+            "no-padding": noPadding,
+            "hide-column-header": hideColumnHeader
           }
-          if (rowDisabled) return;
-          e.stopPropagation();
-          startCellEdit(primarySelectedCellId, true);
-        }, "onKeyDown")
-      }),
-      isCellEditable && entities.length > 50 && // test for this!!
+        )
+      },
       /* @__PURE__ */ React.createElement(
-        SwitchField,
-        {
-          name: "onlyShowRowsWErrors",
-          inlineLabel: true,
-          label: "Only Show Rows With Errors",
-          onChange: /* @__PURE__ */ __name((e) => {
-            setOnlyShowRowsWErrors(e.target.value);
-          }, "onChange")
-        }
-      ),
-      showHeader && /* @__PURE__ */ React.createElement("div", { className: "data-table-header" }, /* @__PURE__ */ React.createElement("div", { className: "data-table-title-and-buttons" }, tableName && withTitle && /* @__PURE__ */ React.createElement("span", { className: "data-table-title" }, tableName), children, topLeftItems), errorParsingUrlString && /* @__PURE__ */ React.createElement(
-        core.Callout,
-        {
-          icon: "error",
-          style: {
-            width: "unset"
-          },
-          intent: core.Intent.WARNING
-        },
-        "Error parsing URL"
-      ), nonDisplayedFilterComp, withSearch && /* @__PURE__ */ React.createElement("div", { className: "data-table-search-and-clear-filter-container" }, leftOfSearchBarItems, hasFilters ? /* @__PURE__ */ React.createElement(core.Tooltip, { content: "Clear Filters" }, /* @__PURE__ */ React.createElement(
-        core.Button,
-        {
-          minimal: true,
-          intent: "danger",
-          icon: "filter-remove",
-          disabled,
-          className: "data-table-clear-filters",
-          onClick: /* @__PURE__ */ __name(() => {
-            clearFilters(additionalFilterKeys);
-          }, "onClick")
-        }
-      )) : "", /* @__PURE__ */ React.createElement(
-        SearchBar,
-        {
-          noForm,
-          searchInput: currentParams.searchTerm,
-          setSearchTerm,
-          loading: isLoading,
-          searchMenuButton,
-          disabled,
-          autoFocusSearch
-        }
-      ))),
-      subHeader,
-      showSelectAll && !isSingleSelect && /* @__PURE__ */ React.createElement(
         "div",
-        {
-          style: {
-            marginTop: 5,
-            marginBottom: 5,
-            display: "flex",
-            alignItems: "center"
-          }
-        },
-        "All items on this page are selected.",
-        " ",
-        /* @__PURE__ */ React.createElement(
-          core.Button,
-          {
-            small: true,
-            minimal: true,
-            intent: "primary",
-            text: `Select all ${entityCount || entitiesAcrossPages.length} items`,
-            loading: selectingAll,
-            onClick: /* @__PURE__ */ __name(() => __async(exports, null, function* () {
-              if (withSelectAll) {
-                setSelectingAll(true);
-                try {
-                  const allEntities = yield safeQuery(fragment, {
-                    variables: {
-                      where: variables.where,
-                      sort: variables.sort
-                    },
-                    canCancel: true
-                  });
-                  addEntitiesToSelection(allEntities);
-                } catch (error) {
-                  console.error(`error:`, error);
-                  window.toastr.error("Error selecting all constructs");
+        __spreadValues({
+          className: "data-table-container-inner"
+        }, isCellEditable && {
+          tabIndex: -1,
+          onKeyDown: /* @__PURE__ */ __name((e) => {
+            var _a2, _b, _c, _d, _e, _f, _g, _h;
+            const isTabKey = e.key === "Tab";
+            const isArrowKey = e.key.startsWith("Arrow");
+            if (isArrowKey && ((_a2 = e.target) == null ? void 0 : _a2.tagName) !== "INPUT" || isTabKey) {
+              const left2 = e.key === "ArrowLeft";
+              const up = e.key === "ArrowUp";
+              const down = e.key === "ArrowDown" || e.key === "Enter";
+              let cellIdToUse = primarySelectedCellId;
+              const pathToIndex = getFieldPathToIndex(schema);
+              const entityMap = getEntityIdToEntity(entities);
+              if (!cellIdToUse) return;
+              const {
+                isRect,
+                firstCellIndex,
+                lastCellIndex,
+                lastRowIndex,
+                firstRowIndex
+              } = isSelectionARectangle();
+              if (isRect) {
+                const [rowId3, columnPath2] = cellIdToUse.split(":");
+                const columnIndex2 = pathToIndex[columnPath2];
+                const indexToPath = invert(pathToIndex);
+                if (firstCellIndex === columnIndex2 && firstRowIndex === ((_b = entityMap[rowId3]) == null ? void 0 : _b.i)) {
+                  cellIdToUse = `${entities[lastRowIndex].id}:${indexToPath[lastCellIndex]}`;
+                } else if (firstCellIndex === columnIndex2 && lastRowIndex === ((_c = entityMap[rowId3]) == null ? void 0 : _c.i)) {
+                  cellIdToUse = `${entities[firstRowIndex].id}:${indexToPath[lastCellIndex]}`;
+                } else if (lastCellIndex === columnIndex2 && firstRowIndex === ((_d = entityMap[rowId3]) == null ? void 0 : _d.i)) {
+                  cellIdToUse = `${entities[lastRowIndex].id}:${indexToPath[firstCellIndex]}`;
+                } else {
+                  cellIdToUse = `${entities[firstRowIndex].id}:${indexToPath[firstCellIndex]}`;
                 }
-                setSelectingAll(false);
-              } else {
-                addEntitiesToSelection(entitiesAcrossPages);
               }
-            }), "onClick")
-          }
-        )
-      ),
-      showClearAll > 0 && /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            marginTop: 5,
-            marginBottom: 5,
-            display: "flex",
-            alignItems: "center"
-          }
-        },
-        "All ",
-        showClearAll,
-        " items are selected.",
+              if (!cellIdToUse) return;
+              const [rowId2, columnPath] = cellIdToUse.split(":");
+              const columnIndex = pathToIndex[columnPath];
+              const { i: rowIndex } = entityMap[rowId2];
+              const {
+                cellIdAbove,
+                cellIdToRight,
+                cellIdBelow,
+                cellIdToLeft
+              } = getCellInfo({
+                columnIndex,
+                columnPath,
+                rowId: rowId2,
+                schema,
+                entities,
+                rowIndex,
+                isEntityDisabled,
+                entity: entityMap[rowId2].e
+              });
+              const nextCellId = up ? cellIdAbove : down ? cellIdBelow : left2 ? cellIdToLeft : cellIdToRight;
+              e.stopPropagation();
+              e.preventDefault();
+              if (!nextCellId) return;
+              if ((_f = (_e = document.activeElement) == null ? void 0 : _e.parentElement) == null ? void 0 : _f.classList.contains(
+                "rt-td"
+              )) {
+                document.activeElement.blur();
+              }
+              handleCellClick({
+                event: e,
+                cellId: nextCellId
+              });
+            }
+            if (e.metaKey || e.ctrlKey || e.altKey) return;
+            if (!primarySelectedCellId) return;
+            const entityIdToEntity = getEntityIdToEntity(entities);
+            const [rowId] = primarySelectedCellId.split(":");
+            if (!rowId) return;
+            const entity = entityIdToEntity[rowId].e;
+            if (!entity) return;
+            const rowDisabled = isEntityDisabled(entity);
+            const isNum = (_g = e.code) == null ? void 0 : _g.startsWith("Digit");
+            const isLetter = (_h = e.code) == null ? void 0 : _h.startsWith("Key");
+            const allowedSpecialChars = [
+              "Minus",
+              "Equal",
+              "Backquote",
+              "BracketLeft",
+              "BracketRight",
+              "Backslash",
+              "IntlBackslash",
+              "Semicolon",
+              "Quote",
+              "Comma",
+              "Period",
+              "Slash",
+              "IntlRo",
+              "IntlYen",
+              "Space"
+            ];
+            const isSpecialChar = allowedSpecialChars.includes(e.code);
+            if (!isNum && !isLetter && !isSpecialChar) {
+              return;
+            }
+            if (rowDisabled) return;
+            e.stopPropagation();
+            startCellEdit(primarySelectedCellId, true);
+          }, "onKeyDown")
+        }),
+        isCellEditable && entities.length > 50 && // test for this!!
         /* @__PURE__ */ React.createElement(
+          SwitchField,
+          {
+            name: "onlyShowRowsWErrors",
+            inlineLabel: true,
+            label: "Only Show Rows With Errors",
+            onChange: /* @__PURE__ */ __name((e) => {
+              setOnlyShowRowsWErrors(e.target.value);
+            }, "onChange")
+          }
+        ),
+        showHeader && /* @__PURE__ */ React.createElement("div", { className: "data-table-header" }, /* @__PURE__ */ React.createElement("div", { className: "data-table-title-and-buttons" }, tableName && withTitle && /* @__PURE__ */ React.createElement("span", { className: "data-table-title" }, tableName), children, topLeftItems), errorParsingUrlString && /* @__PURE__ */ React.createElement(
+          core.Callout,
+          {
+            icon: "error",
+            style: {
+              width: "unset"
+            },
+            intent: core.Intent.WARNING
+          },
+          "Error parsing URL"
+        ), nonDisplayedFilterComp, withSearch && /* @__PURE__ */ React.createElement("div", { className: "data-table-search-and-clear-filter-container" }, leftOfSearchBarItems, hasFilters ? /* @__PURE__ */ React.createElement(core.Tooltip, { content: "Clear Filters" }, /* @__PURE__ */ React.createElement(
           core.Button,
           {
-            small: true,
             minimal: true,
-            intent: "primary",
-            text: "Clear Selection",
+            intent: "danger",
+            icon: "filter-remove",
+            disabled,
+            className: "data-table-clear-filters",
             onClick: /* @__PURE__ */ __name(() => {
-              finalizeSelection({
-                idMap: {},
-                entities,
-                props: {
-                  onDeselect,
-                  onSingleRowSelect,
-                  onMultiRowSelect,
-                  noDeselectAll,
-                  onRowSelect,
-                  noSelect,
-                  change
-                }
-              });
+              clearFilters(additionalFilterKeys);
             }, "onClick")
           }
-        )
-      ),
-      reactTable,
-      isCellEditable && /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            width: "100%",
-            display: "flex",
-            justifyContent: "center"
+        )) : "", /* @__PURE__ */ React.createElement(
+          SearchBar,
+          {
+            noForm,
+            searchInput: currentParams.searchTerm,
+            setSearchTerm,
+            loading: isLoading,
+            searchMenuButton,
+            disabled,
+            autoFocusSearch
           }
-        },
-        !onlyShowRowsWErrors && /* @__PURE__ */ React.createElement(
+        ))),
+        subHeader,
+        showSelectAll && !isSingleSelect && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              marginTop: 5,
+              marginBottom: 5,
+              display: "flex",
+              alignItems: "center"
+            }
+          },
+          "All items on this page are selected.",
+          " ",
+          /* @__PURE__ */ React.createElement(
+            core.Button,
+            {
+              small: true,
+              minimal: true,
+              intent: "primary",
+              text: `Select all ${entityCount || entitiesAcrossPages.length} items`,
+              loading: selectingAll,
+              onClick: /* @__PURE__ */ __name(() => __async(exports, null, function* () {
+                if (withSelectAll) {
+                  setSelectingAll(true);
+                  try {
+                    const allEntities = yield safeQuery(fragment, {
+                      variables: {
+                        where: variables.where,
+                        sort: variables.sort
+                      },
+                      canCancel: true
+                    });
+                    addEntitiesToSelection(allEntities);
+                  } catch (error) {
+                    console.error(`error:`, error);
+                    window.toastr.error("Error selecting all constructs");
+                  }
+                  setSelectingAll(false);
+                } else {
+                  addEntitiesToSelection(entitiesAcrossPages);
+                }
+              }), "onClick")
+            }
+          )
+        ),
+        showClearAll > 0 && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              marginTop: 5,
+              marginBottom: 5,
+              display: "flex",
+              alignItems: "center"
+            }
+          },
+          "All ",
+          showClearAll,
+          " items are selected.",
+          /* @__PURE__ */ React.createElement(
+            core.Button,
+            {
+              small: true,
+              minimal: true,
+              intent: "primary",
+              text: "Clear Selection",
+              onClick: /* @__PURE__ */ __name(() => {
+                finalizeSelection({
+                  idMap: {},
+                  entities,
+                  props: {
+                    onDeselect,
+                    onSingleRowSelect,
+                    onMultiRowSelect,
+                    noDeselectAll,
+                    onRowSelect,
+                    noSelect,
+                    change
+                  }
+                });
+              }, "onClick")
+            }
+          )
+        ),
+        reactTable,
+        isCellEditable && /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              width: "100%",
+              display: "flex",
+              justifyContent: "center"
+            }
+          },
+          !onlyShowRowsWErrors && /* @__PURE__ */ React.createElement(
+            core.Button,
+            {
+              icon: "add",
+              onClick: /* @__PURE__ */ __name(() => {
+                insertRows({ numRows: 10, appendToBottom: true });
+              }, "onClick"),
+              minimal: true
+            },
+            "Add 10 Rows"
+          )
+        ), /* @__PURE__ */ React.createElement(
           core.Button,
           {
-            icon: "add",
             onClick: /* @__PURE__ */ __name(() => {
-              insertRows({ numRows: 10, appendToBottom: true });
+              handleCopyTable(tableRef, { isDownload: true });
             }, "onClick"),
-            minimal: true
-          },
-          "Add 10 Rows"
-        )
-      ), /* @__PURE__ */ React.createElement(
-        core.Button,
-        {
-          onClick: /* @__PURE__ */ __name(() => {
-            handleCopyTable(tableRef, { isDownload: true });
-          }, "onClick"),
-          "data-tip": "Download Table as CSV",
-          minimal: true,
-          icon: "download"
-        }
-      )),
-      !noFooter && /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: "data-table-footer",
-          style: {
-            justifyContent: !showNumSelected && !showCount ? "flex-end" : "space-between"
-          }
-        },
-        selectedAndTotalMessage,
-        /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexWrap: "wrap" } }, additionalFooterButtons, !noFullscreenButton && toggleFullscreenButton, withDisplayOptions && /* @__PURE__ */ React.createElement(
-          DisplayOptions,
-          {
-            compact,
-            extraCompact,
-            disabled,
-            hideDisplayOptionsIcon,
-            resetDefaultVisibility,
-            updateColumnVisibility,
-            updateTableDisplayDensity,
-            showForcedHiddenColumns,
-            setShowForcedHidden,
-            hasOptionForForcedHidden: withDisplayOptions && (isSimple || isInfinite),
-            schema
+            "data-tip": "Download Table as CSV",
+            minimal: true,
+            icon: "download"
           }
-        ), shouldShowPaging && /* @__PURE__ */ React.createElement(
-          PagingTool,
+        )),
+        !noFooter && /* @__PURE__ */ React.createElement(
+          "div",
           {
-            controlled_hasNextPage,
-            controlled_onRefresh,
-            controlled_page,
-            controlled_setPage,
-            controlled_setPageSize,
-            controlled_total,
-            disabled,
-            disableSetPageSize,
-            entities,
-            entityCount,
-            hideSetPageSize,
-            hideTotalPages,
-            keepSelectionOnPageChange,
-            onRefresh,
-            page,
-            pageSize,
-            pagingDisabled,
-            persistPageSize,
-            setPage,
-            setPageSize,
-            setSelectedEntityIdMap: /* @__PURE__ */ __name((newIdMap) => {
-              change("reduxFormSelectedEntityIdMap", newIdMap);
-            }, "setSelectedEntityIdMap"),
-            scrollToTop
-          }
-        ))
+            className: "data-table-footer",
+            style: {
+              justifyContent: !showNumSelected && !showCount ? "flex-end" : "space-between"
+            }
+          },
+          selectedAndTotalMessage,
+          /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexWrap: "wrap" } }, additionalFooterButtons, !noFullscreenButton && toggleFullscreenButton, withDisplayOptions && /* @__PURE__ */ React.createElement(
+            DisplayOptions,
+            {
+              compact,
+              extraCompact,
+              disabled,
+              hideDisplayOptionsIcon,
+              resetDefaultVisibility,
+              updateColumnVisibility,
+              updateTableDisplayDensity,
+              showForcedHiddenColumns,
+              setShowForcedHidden,
+              hasOptionForForcedHidden: withDisplayOptions && (isSimple || isInfinite),
+              schema
+            }
+          ), shouldShowPaging && /* @__PURE__ */ React.createElement(
+            PagingTool,
+            {
+              controlled_hasNextPage,
+              controlled_onRefresh,
+              controlled_page,
+              controlled_setPage,
+              controlled_setPageSize,
+              controlled_total,
+              disabled,
+              disableSetPageSize,
+              entities,
+              entityCount,
+              hideSetPageSize,
+              hideTotalPages,
+              keepSelectionOnPageChange,
+              onRefresh,
+              page,
+              pageSize,
+              pagingDisabled,
+              persistPageSize,
+              setPage,
+              setPageSize,
+              setSelectedEntityIdMap: /* @__PURE__ */ __name((newIdMap) => {
+                change("reduxFormSelectedEntityIdMap", newIdMap);
+              }, "setSelectedEntityIdMap"),
+              scrollToTop
+            }
+          ))
+        )
       )
     )
-  ));
+  );
 }, "DataTable");
 const WrappedDT = dataTableEnhancer(DataTable);
 const ConnectedPagingTool = dataTableEnhancer(PagingTool);