@superblocksteam/library 2.0.0-next.39 → 2.0.0-next.40

package/dist/{index-DAxw-Mz5.js → index-sY8OAGZZ.js}

@@ -2690,14 +2690,14 @@ function getLoaderFn$1(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-ECeH1kwp.js"
+            "./allPathsLoader-DzJ5WE4I.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-ClT0eYSZ.js"
+            "./splitPathsBySizeLoader-CFT4USmT.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -134551,12 +134551,6 @@ const SbModal = registerSbComponent(
     );
   }
 );
-var PaginationTypes = /* @__PURE__ */ ((PaginationTypes2) => {
-  PaginationTypes2["NONE"] = "NONE";
-  PaginationTypes2["CLIENT_SIDE"] = "CLIENT_SIDE";
-  PaginationTypes2["SERVER_SIDE"] = "SERVER_SIDE";
-  return PaginationTypes2;
-})(PaginationTypes || {});
 const CompactMode = {
   SHORT: "SHORT",
   DEFAULT: "DEFAULT",
@@ -134631,6 +134625,142 @@ const ColumnType = {
   EMAIL: "email",
   LINK: "link"
 };
+const JUSTIFY_CONTENT = {
+  LEFT: "flex-start",
+  CENTER: "center",
+  RIGHT: "flex-end"
+};
+const ALIGN_ITEMS = {
+  TOP: "flex-start",
+  CENTER: "center",
+  BOTTOM: "flex-end"
+};
+const TEXT_ALIGN = {
+  LEFT: "left",
+  CENTER: "center",
+  RIGHT: "right"
+};
+const TEXT_SIZES = {
+  HEADING1: "24px",
+  HEADING2: "18px",
+  HEADING3: "16px",
+  PARAGRAPH: "14px",
+  PARAGRAPH2: "12px"
+};
+var FontStyleTypes = /* @__PURE__ */ ((FontStyleTypes2) => {
+  FontStyleTypes2["BOLD"] = "BOLD";
+  FontStyleTypes2["ITALIC"] = "ITALIC";
+  FontStyleTypes2["REGULAR"] = "REGULAR";
+  FontStyleTypes2["UNDERLINE"] = "UNDERLINE";
+  return FontStyleTypes2;
+})(FontStyleTypes || {});
+const TABLE_SIZES = {
+  [CompactMode.VERY_SHORT]: {
+    COLUMN_HEADER_HEIGHT: 48,
+    TABLE_HEADER_HEIGHT: 60,
+    TABLE_FOOTER_HEIGHT: 48,
+    ROW_HEIGHT: 28,
+    ROW_FONT_SIZE: 14,
+    PAGINATION_CONTROLS_HEIGHT: 24,
+    IMAGE_SIZE: 22,
+    LINK_MENU_HEIGHT: 28,
+    LINK_MENU_ICON_SIZE: IconSize$1.LARGE,
+    ROW_PADDING: 0
+  },
+  [CompactMode.SHORT]: {
+    COLUMN_HEADER_HEIGHT: 48,
+    TABLE_HEADER_HEIGHT: 60,
+    TABLE_FOOTER_HEIGHT: 48,
+    ROW_HEIGHT: 36,
+    ROW_FONT_SIZE: 14,
+    PAGINATION_CONTROLS_HEIGHT: 24,
+    IMAGE_SIZE: 28,
+    LINK_MENU_HEIGHT: 32,
+    LINK_MENU_ICON_SIZE: IconSize$1.LARGE,
+    ROW_PADDING: 2
+  },
+  [CompactMode.DEFAULT]: {
+    COLUMN_HEADER_HEIGHT: 48,
+    TABLE_HEADER_HEIGHT: 60,
+    TABLE_FOOTER_HEIGHT: 48,
+    ROW_HEIGHT: 48,
+    ROW_FONT_SIZE: 14,
+    PAGINATION_CONTROLS_HEIGHT: 32,
+    IMAGE_SIZE: 32,
+    LINK_MENU_HEIGHT: 36,
+    LINK_MENU_ICON_SIZE: IconSize$1.XL,
+    ROW_PADDING: 5
+  },
+  [CompactMode.TALL]: {
+    COLUMN_HEADER_HEIGHT: 36,
+    TABLE_HEADER_HEIGHT: 60,
+    TABLE_FOOTER_HEIGHT: 60,
+    ROW_HEIGHT: 58,
+    ROW_FONT_SIZE: 14,
+    PAGINATION_CONTROLS_HEIGHT: 36,
+    IMAGE_SIZE: 36,
+    LINK_MENU_HEIGHT: 36,
+    LINK_MENU_ICON_SIZE: IconSize$1.XL,
+    ROW_PADDING: 10
+  }
+};
+const DEFAULT_TABLE_COLUMN_WIDTH = 150;
+const TABLE_COLUMN_MIN_WIDTH = 20;
+const PARSED_INPUT_TYPES = [
+  EditInputType.Number,
+  EditInputType.Checkbox
+];
+const TextBoxEditTypes = [
+  EditInputType.Text,
+  EditInputType.Number,
+  EditInputType.Email
+];
+const DEFAULT_CELL_TEXT_STYLE_VARIANT = "body2";
+const DEFAULT_CELL_CLASS_NAME = getTextCssClassFromVariant(
+  DEFAULT_CELL_TEXT_STYLE_VARIANT
+);
+const DEFAULT_HEADING_TEXT_STYLE_VARIANT = "heading3";
+const TABLE_COLUMN_HEADER_DEFAULT_TYPOGRAPHY = "heading6";
+var Condition0Type = /* @__PURE__ */ ((Condition0Type2) => {
+  Condition0Type2["all"] = "all";
+  Condition0Type2["isEmpty"] = "isEmpty";
+  Condition0Type2["isNotEmpty"] = "isNotEmpty";
+  Condition0Type2["isTrue"] = "isTrue";
+  Condition0Type2["isFalse"] = "isFalse";
+  return Condition0Type2;
+})(Condition0Type || {});
+var Condition1Type = /* @__PURE__ */ ((Condition1Type2) => {
+  Condition1Type2["textIs"] = "textIs";
+  Condition1Type2["textContains"] = "textContains";
+  Condition1Type2["textDoesNotContain"] = "textDoesNotContain";
+  Condition1Type2["textStartsWith"] = "textStartsWith";
+  Condition1Type2["textEndsWith"] = "textEndsWith";
+  Condition1Type2["isEqualTo"] = "isEqualTo";
+  Condition1Type2["isNotEqualTo"] = "isNotEqualTo";
+  Condition1Type2["isLessThan"] = "isLessThan";
+  Condition1Type2["isLessThanOrEqualTo"] = "isLessThanOrEqualTo";
+  Condition1Type2["isGreaterThan"] = "isGreaterThan";
+  Condition1Type2["isGreaterThanOrEqualTo"] = "isGreaterThanOrEqualTo";
+  Condition1Type2["dateIs"] = "dateIs";
+  Condition1Type2["dateIsBefore"] = "dateIsBefore";
+  Condition1Type2["dateIsAfter"] = "dateIsAfter";
+  return Condition1Type2;
+})(Condition1Type || {});
+var Condition2Type = /* @__PURE__ */ ((Condition2Type2) => {
+  Condition2Type2["isBetween"] = "isBetween";
+  Condition2Type2["dateIsBetween"] = "dateIsBetween";
+  return Condition2Type2;
+})(Condition2Type || {});
+const TABLE_MULTISELECT_COLID$1 = "SB_$$_MULTISELECT";
+const tagColorPalette = [
+  "#27BBFF33",
+  "#FF9F3533",
+  "#14CDB733",
+  "#7C4FF833",
+  "#FF62A433",
+  "#9D585833",
+  "#FF484833"
+];
 const CurrencyList = CC.getCodes();
 const tableColumnTypes = [
   {
@@ -135241,142 +135371,6 @@ const columnPanelConfig = {
   //   }),
   // ),
 };
-const JUSTIFY_CONTENT = {
-  LEFT: "flex-start",
-  CENTER: "center",
-  RIGHT: "flex-end"
-};
-const ALIGN_ITEMS = {
-  TOP: "flex-start",
-  CENTER: "center",
-  BOTTOM: "flex-end"
-};
-const TEXT_ALIGN = {
-  LEFT: "left",
-  CENTER: "center",
-  RIGHT: "right"
-};
-const TEXT_SIZES = {
-  HEADING1: "24px",
-  HEADING2: "18px",
-  HEADING3: "16px",
-  PARAGRAPH: "14px",
-  PARAGRAPH2: "12px"
-};
-var FontStyleTypes = /* @__PURE__ */ ((FontStyleTypes2) => {
-  FontStyleTypes2["BOLD"] = "BOLD";
-  FontStyleTypes2["ITALIC"] = "ITALIC";
-  FontStyleTypes2["REGULAR"] = "REGULAR";
-  FontStyleTypes2["UNDERLINE"] = "UNDERLINE";
-  return FontStyleTypes2;
-})(FontStyleTypes || {});
-const TABLE_SIZES = {
-  [CompactMode.VERY_SHORT]: {
-    COLUMN_HEADER_HEIGHT: 48,
-    TABLE_HEADER_HEIGHT: 60,
-    TABLE_FOOTER_HEIGHT: 48,
-    ROW_HEIGHT: 28,
-    ROW_FONT_SIZE: 14,
-    PAGINATION_CONTROLS_HEIGHT: 24,
-    IMAGE_SIZE: 22,
-    LINK_MENU_HEIGHT: 28,
-    LINK_MENU_ICON_SIZE: IconSize$1.LARGE,
-    ROW_PADDING: 0
-  },
-  [CompactMode.SHORT]: {
-    COLUMN_HEADER_HEIGHT: 48,
-    TABLE_HEADER_HEIGHT: 60,
-    TABLE_FOOTER_HEIGHT: 48,
-    ROW_HEIGHT: 36,
-    ROW_FONT_SIZE: 14,
-    PAGINATION_CONTROLS_HEIGHT: 24,
-    IMAGE_SIZE: 28,
-    LINK_MENU_HEIGHT: 32,
-    LINK_MENU_ICON_SIZE: IconSize$1.LARGE,
-    ROW_PADDING: 2
-  },
-  [CompactMode.DEFAULT]: {
-    COLUMN_HEADER_HEIGHT: 48,
-    TABLE_HEADER_HEIGHT: 60,
-    TABLE_FOOTER_HEIGHT: 48,
-    ROW_HEIGHT: 48,
-    ROW_FONT_SIZE: 14,
-    PAGINATION_CONTROLS_HEIGHT: 32,
-    IMAGE_SIZE: 32,
-    LINK_MENU_HEIGHT: 36,
-    LINK_MENU_ICON_SIZE: IconSize$1.XL,
-    ROW_PADDING: 5
-  },
-  [CompactMode.TALL]: {
-    COLUMN_HEADER_HEIGHT: 36,
-    TABLE_HEADER_HEIGHT: 60,
-    TABLE_FOOTER_HEIGHT: 60,
-    ROW_HEIGHT: 58,
-    ROW_FONT_SIZE: 14,
-    PAGINATION_CONTROLS_HEIGHT: 36,
-    IMAGE_SIZE: 36,
-    LINK_MENU_HEIGHT: 36,
-    LINK_MENU_ICON_SIZE: IconSize$1.XL,
-    ROW_PADDING: 10
-  }
-};
-const DEFAULT_TABLE_COLUMN_WIDTH = 150;
-const TABLE_COLUMN_MIN_WIDTH = 20;
-const PARSED_INPUT_TYPES = [
-  EditInputType.Number,
-  EditInputType.Checkbox
-];
-const TextBoxEditTypes = [
-  EditInputType.Text,
-  EditInputType.Number,
-  EditInputType.Email
-];
-const DEFAULT_CELL_TEXT_STYLE_VARIANT = "body2";
-const DEFAULT_CELL_CLASS_NAME = getTextCssClassFromVariant(
-  DEFAULT_CELL_TEXT_STYLE_VARIANT
-);
-const DEFAULT_HEADING_TEXT_STYLE_VARIANT = "heading3";
-const TABLE_COLUMN_HEADER_DEFAULT_TYPOGRAPHY = "heading6";
-var Condition0Type = /* @__PURE__ */ ((Condition0Type2) => {
-  Condition0Type2["all"] = "all";
-  Condition0Type2["isEmpty"] = "isEmpty";
-  Condition0Type2["isNotEmpty"] = "isNotEmpty";
-  Condition0Type2["isTrue"] = "isTrue";
-  Condition0Type2["isFalse"] = "isFalse";
-  return Condition0Type2;
-})(Condition0Type || {});
-var Condition1Type = /* @__PURE__ */ ((Condition1Type2) => {
-  Condition1Type2["textIs"] = "textIs";
-  Condition1Type2["textContains"] = "textContains";
-  Condition1Type2["textDoesNotContain"] = "textDoesNotContain";
-  Condition1Type2["textStartsWith"] = "textStartsWith";
-  Condition1Type2["textEndsWith"] = "textEndsWith";
-  Condition1Type2["isEqualTo"] = "isEqualTo";
-  Condition1Type2["isNotEqualTo"] = "isNotEqualTo";
-  Condition1Type2["isLessThan"] = "isLessThan";
-  Condition1Type2["isLessThanOrEqualTo"] = "isLessThanOrEqualTo";
-  Condition1Type2["isGreaterThan"] = "isGreaterThan";
-  Condition1Type2["isGreaterThanOrEqualTo"] = "isGreaterThanOrEqualTo";
-  Condition1Type2["dateIs"] = "dateIs";
-  Condition1Type2["dateIsBefore"] = "dateIsBefore";
-  Condition1Type2["dateIsAfter"] = "dateIsAfter";
-  return Condition1Type2;
-})(Condition1Type || {});
-var Condition2Type = /* @__PURE__ */ ((Condition2Type2) => {
-  Condition2Type2["isBetween"] = "isBetween";
-  Condition2Type2["dateIsBetween"] = "dateIsBetween";
-  return Condition2Type2;
-})(Condition2Type || {});
-const TABLE_MULTISELECT_COLID$1 = "SB_$$_MULTISELECT";
-const tagColorPalette = [
-  "#27BBFF33",
-  "#FF9F3533",
-  "#14CDB733",
-  "#7C4FF833",
-  "#FF62A433",
-  "#9D585833",
-  "#FF484833"
-];
 function useCachedValue(value, isEqualFn = lodashExports.isEqual) {
   const cached = useRef(value);
   if (cached.current !== value && !isEqualFn(cached.current, value)) {
@@ -144431,14 +144425,14 @@ function getLoaderFn(options) {
           if (!(loader === "all")) return [3, 3];
           return [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-BTLo3hEI.js"
+            "./allPathsLoader-AuVCeQbD.js"
           )];
         case 2:
           return [2, _b2.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-BaVxbR-T.js"
+            "./splitPathsBySizeLoader-B9VbwPK4.js"
           )];
         case 4:
           return [2, _b2.sent().splitPathsBySizeLoader];
@@ -155403,20 +155397,6 @@ function getSelectedRows(props) {
   const selectedRows = selectedRowIndices.map((ind) => filteredTableData[ind]).filter(Boolean);
   return selectedRows;
 }
-function getPageSize(props) {
-  var _a2, _b2, _c2, _d2;
-  if (props.configuredPageSize && typeof props.configuredPageSize === "number" && props.configuredPageSize > 0) {
-    return props.configuredPageSize;
-  }
-  const compactMode = getCompactMode(props.compactMode);
-  const componentHeight = ((_a2 = props == null ? void 0 : props.height) == null ? void 0 : _a2.mode) === "px" ? (_b2 = props == null ? void 0 : props.height) == null ? void 0 : _b2.value : (((_c2 = props == null ? void 0 : props.height) == null ? void 0 : _c2.value) ?? 0) * 12;
-  const tableSizes = TABLE_SIZES[compactMode];
-  const headerHeight = props.isSearchable || props.header || ((_d2 = props.hiddenColumns) == null ? void 0 : _d2.length) > 0 ? tableSizes.TABLE_HEADER_HEIGHT : 0;
-  const scrollbarSize = 8;
-  const mainHeight = (componentHeight ?? 100) - headerHeight - scrollbarSize - tableSizes.TABLE_FOOTER_HEIGHT - tableSizes.COLUMN_HEADER_HEIGHT;
-  const pageSize = Math.floor(mainHeight / (tableSizes.ROW_HEIGHT + 1));
-  return Math.max(pageSize, 1);
-}
 function getFilteredTableData(props) {
   var _a2;
   if (!props.tableData) {
@@ -155822,7 +155802,7 @@ const propertiesDefinition$9 = {
       isRemovable: true,
       helpText: "Allows specifying the filters that will be used on page load",
       isVisible: function() {
-        return this.isFilterable && this.pageType !== PaginationTypes.SERVER_SIDE;
+        return this.isFilterable && this.pageType !== "server_side";
       }
     }),
     // enableRowInsertion: Prop.boolean()
@@ -155851,27 +155831,33 @@ const propertiesDefinition$9 = {
       label: "CSV download",
       helpText: "Enable CSV download"
     }),
-    pageType: Prop.string().default(PaginationTypes.NONE).readAndWrite().propertiesPanel({
+    paginationType: Prop.string().default("none").readAndWrite().propertiesPanel({
       label: "Pagination type",
       controlType: "DROP_DOWN",
       helpText: "For server side pagination bind the Table.pageNo property in your API and call it onPageChange",
       options: [
-        { label: "None", value: PaginationTypes.NONE },
-        { label: "Client side", value: PaginationTypes.CLIENT_SIDE },
-        { label: "Server side", value: PaginationTypes.SERVER_SIDE }
+        { label: "None", value: "none" },
+        { label: "Client side", value: "client_side" },
+        { label: "Server side", value: "server_side" }
       ]
     }),
-    configuredPageSize: Prop.number().readAndWrite().propertiesPanel({
+    configuredPageSize: Prop.any().readAndWrite().propertiesPanel({
       label: "Page size",
       helpText: "Sets the number of items per page. If set to 'Auto', this value will be calculated based on the height of the table.",
       controlType: "DROP_DOWN",
       options: [
-        { label: "Auto", value: -1 },
+        {
+          label: "Auto",
+          value: "auto"
+        },
         { label: "5", value: 5 },
         { label: "10", value: 10 },
         { label: "20", value: 20 },
         { label: "50", value: 50 }
-      ]
+      ],
+      isVisible: function() {
+        return this.paginationType === "client_side";
+      }
     }),
     defaultSort: Prop.composite({
       column: Prop.string().propertiesPanel({
@@ -156040,7 +156026,6 @@ const propertiesDefinition$9 = {
     selectedRow: Prop.any().readable().default(getSelectedRow),
     selectedRowSchema: Prop.any().readable().default(getSelectedRowSchema),
     selectedRows: Prop.any().readable().default(getSelectedRows),
-    pageSize: Prop.number().readable().default(getPageSize),
     filteredTableData: Prop.any().readable().default(function() {
       if (!this) return [];
       return getFilteredTableData(this)[0];
@@ -156059,7 +156044,6 @@ const propertiesDefinition$9 = {
       return this.defaultSelectedRow;
     }),
     selectedRowIndices: Prop.any().readable(),
-    pageNo: Prop.number().readable().default(() => 1),
     sortedColumn: Prop.any().readable().default(function() {
       return this.defaultSort;
     }),
@@ -156071,7 +156055,8 @@ const propertiesDefinition$9 = {
     }),
     hiddenColumns: Prop.any().readable(),
     columnFreezes: Prop.any().readable(),
-    tagsColorAssignment: Prop.any().readable()
+    tagsColorAssignment: Prop.any().readable(),
+    pageNo: Prop.number().readable().default(() => 0)
     // editOverrides: Prop.any().readable(),
     // currentEditFocus: Prop.any().readable(),
     // currentEditDropdownSearchText: Prop.string().default("").readable(),
@@ -165776,13 +165761,13 @@ const TablePagination = ({
   prevPageClick,
   pageCount,
   pageNo,
-  pageType,
+  paginationType,
   updatePageNo,
   tableSizes,
   theme
 }) => {
-  switch (pageType) {
-    case PaginationTypes.SERVER_SIDE:
+  switch (paginationType) {
+    case "server_side":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         TableServerPagination,
         {
@@ -165793,7 +165778,7 @@ const TablePagination = ({
           themeColors: theme.colors
         }
       );
-    case PaginationTypes.CLIENT_SIDE:
+    case "client_side":
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         TableClientPagination,
         {
@@ -165877,7 +165862,7 @@ const TableFooter = ({
   prevPageClick,
   pageNo,
   pageCount,
-  pageType,
+  paginationType,
   tableColumns,
   tableData,
   filteredOrderMap,
@@ -166049,7 +166034,7 @@ const TableFooter = ({
           tableCellTextStyle
         }
       ),
-      pageType !== PaginationTypes.SERVER_SIDE && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      paginationType !== "server_side" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
         RowWrapper,
         {
           className: `${CLASS_NAMES.BUILTIN_BODY} show-page-items`,
@@ -166071,7 +166056,7 @@ const TableFooter = ({
         prevPageClick,
         pageNo,
         pageCount,
-        pageType,
+        paginationType,
         currentPageIndex,
         tableSizes,
         theme
@@ -168942,9 +168927,9 @@ const Table = (props) => {
   const selectedRowIndex = props.selectedRowIndex;
   const selectedRowIndices = props.selectedRowIndices || [];
   const canDelete = props.isDeletionEnabled && (selectedRowIndices.length > 0 || selectedRowIndex != null && selectedRowIndex >= 0);
-  const hasFooter = props.pageType !== PaginationTypes.NONE || props.isDownloadable || props.numEdits != null && props.numEdits > 0 || props.isInsertionEnabled || canDelete;
+  const hasFooter = props.paginationType !== "none" || props.isDownloadable || props.numEdits != null && props.numEdits > 0 || props.isInsertionEnabled || canDelete;
   const hasHeader = props.isSearchable || !lodashExports.isEmpty(props.header) || props.hiddenColumns && ((_a2 = props.hiddenColumns) == null ? void 0 : _a2.length) > 0;
-  const pageSize = props.pageType === PaginationTypes.NONE ? props.tableData.length : props.pageSize;
+  const pageSize = props.paginationType === "none" ? props.tableData.length : props.pageSize;
   const pageCount = Math.ceil(props.tableData.length / pageSize) || 1;
   const currentPageIndex = props.pageNo < pageCount ? props.pageNo : 0;
   const {
@@ -168975,7 +168960,7 @@ const Table = (props) => {
   );
   let startIndex = currentPageIndex * pageSize;
   let endIndex = startIndex + pageSize;
-  if (props.pageType === PaginationTypes.SERVER_SIDE) {
+  if (props.paginationType === "server_side") {
     startIndex = 0;
     endIndex = props.tableData.length;
   }
@@ -169526,7 +169511,7 @@ const Table = (props) => {
       showFrozenColShadow,
       tabIndex: 0,
       className: CLASS_NAMES.DEFAULT_CONTAINER,
-      showColumnBorders: props.showColumnBorders && (props.pageType !== PaginationTypes.NONE || subPage.length > 0),
+      showColumnBorders: props.showColumnBorders && (props.paginationType !== "none" || subPage.length > 0),
       colors: theme.colors,
       onKeyDown: handleKeyDown,
       "data-selecting-cells": tableManager.focusedCellIndices.length > 0,
@@ -169614,7 +169599,7 @@ const Table = (props) => {
                               columnProperties: column2.columnProperties,
                               rawTableData: props.rawTableData,
                               transformedTableData: props.tableData,
-                              isFilterable: props.isFilterable && props.pageType !== PaginationTypes.SERVER_SIDE,
+                              isFilterable: props.isFilterable && props.paginationType !== "server_side",
                               filter: (_b3 = (_a3 = props.filters) == null ? void 0 : _a3.byColumn) == null ? void 0 : _b3[column2.id],
                               setColumnFilter: props.setColumnFilter,
                               isHidden: column2.isHidden,
@@ -169690,7 +169675,7 @@ const Table = (props) => {
             prevPageClick: props.prevPageClick,
             pageNo: props.pageNo,
             pageCount,
-            pageType: props.pageType,
+            paginationType: props.paginationType,
             tableColumns: props.columns,
             tableData: props.tableData,
             filteredOrderMap: props.filteredOrderMap,
@@ -170319,14 +170304,14 @@ const _TableWidget = class _TableWidget extends React__default.Component {
     __publicField(this, "getTopVisibleIndex", () => {
       const page = this.props.pageNo || 1;
       const pageSize = this.props.pageSize || 1;
-      const isPaginated = this.props.pageType !== PaginationTypes.NONE;
+      const isPaginated = this.props.paginationType !== "none";
       return isPaginated ? (page - 1) * pageSize : 0;
     });
     __publicField(this, "getBottomVisibleIndex", () => {
       const allEdits = this.props.allEdits ?? [];
       const page = this.props.pageNo || 1;
       const pageSize = this.props.pageSize || 1;
-      const isPaginated = this.props.pageType !== PaginationTypes.NONE;
+      const isPaginated = this.props.paginationType !== "none";
       return isPaginated ? Math.min(allEdits.length - 1, page * pageSize - 1) : allEdits.length - 1;
     });
     __publicField(this, "handlePaste", (event) => {
@@ -170386,7 +170371,7 @@ const _TableWidget = class _TableWidget extends React__default.Component {
       );
       const data2 = [];
       let largestRow = 0;
-      const isMultiPage = this.props.pageType === PaginationTypes.SERVER_SIDE || this.props.pageType === PaginationTypes.CLIENT_SIDE;
+      const isMultiPage = this.props.paginationType === "server_side" || this.props.paginationType === "client_side";
       const page = this.props.pageNo || 1;
       const pageSize = this.props.pageSize || 1;
       for (const cell of this.currentCellFocus ?? []) {
@@ -170821,7 +170806,7 @@ const _TableWidget = class _TableWidget extends React__default.Component {
       }
       if (relativePosition === tableData.length) {
         setTimeout(() => {
-          if (this.props.pageType === PaginationTypes.NONE) {
+          if (this.props.paginationType === "none") {
             const tableScroller = this.getTableScroller();
             tableScroller == null ? void 0 : tableScroller.scrollTo({
               top: (tableScroller == null ? void 0 : tableScroller.scrollHeight) + 40,
@@ -171296,7 +171281,7 @@ const _TableWidget = class _TableWidget extends React__default.Component {
         columnSizeMap: this.props.columnSizeMap,
         pageNo,
         pageSize: Math.max(1, pageSize),
-        pageType: this.props.pageType || PaginationTypes.CLIENT_SIDE,
+        paginationType: this.props.paginationType || "none",
         selectedRowIndex: this.props.multiRowSelection ? -1 : this.props.selectedRowIndex ?? -1,
         multiRowSelection: this.props.multiRowSelection,
         selectedRowIndices: this.getComputedSelectedRowIndices(),
@@ -171315,7 +171300,7 @@ const _TableWidget = class _TableWidget extends React__default.Component {
         compactMode: getCompactMode(this.props.compactMode),
         showColumnBorders: this.props.showColumnBorders,
         sortTableColumn: this.handleColumnSorting,
-        isSortable: this.props.pageType !== PaginationTypes.SERVER_SIDE,
+        isSortable: this.props.paginationType !== "server_side",
         isSearchable: this.props.isSearchable,
         isDownloadable: this.props.isDownloadable,
         isFilterable: this.props.isFilterable,
@@ -171435,6 +171420,7 @@ const SbTable = registerSbComponent(
     propertiesDefinition: propertiesDefinition$9
   },
   (props) => {
+    var _a2;
     const { update } = useActions();
     const { features } = useEditor();
     const { theme } = useTheme();
@@ -171471,7 +171457,8 @@ const SbTable = registerSbComponent(
     );
     const setPageNo = useCallback(
       (value, rowContext, triggerEventHandlers = false) => {
-        update((e3) => e3.pageNo = value);
+        const newPageNo = Math.max(value - 1, 0);
+        update((e3) => e3.pageNo = newPageNo);
         if (triggerEventHandlers) {
           onPageChange == null ? void 0 : onPageChange(rowContext);
         }
@@ -171587,9 +171574,9 @@ const SbTable = registerSbComponent(
               return [
                 key22,
                 async (args) => {
-                  var _a2;
+                  var _a3;
                   await (value == null ? void 0 : value(args.context));
-                  (_a2 = args.onComplete) == null ? void 0 : _a2.call(args);
+                  (_a3 = args.onComplete) == null ? void 0 : _a3.call(args);
                 }
               ];
             }
@@ -171607,6 +171594,31 @@ const SbTable = registerSbComponent(
       },
       [features.nudging]
     );
+    const [pageSize, setPageSize] = useState(props.configuredPageSize);
+    useEffect(() => {
+      setPageSize(props.configuredPageSize);
+    }, [props.configuredPageSize]);
+    const autoPageSize = useMemo$2(() => {
+      var _a3, _b2;
+      if (typeof pageSize === "number" && pageSize > 0) return pageSize;
+      if (((_a3 = props.height) == null ? void 0 : _a3.mode) === "px" && typeof props.height.value === "number") {
+        const compactMode = getCompactMode(props.compactMode);
+        const tableSizes = TABLE_SIZES[compactMode];
+        const componentHeight = props.height.value;
+        const headerHeight = props.isSearchable || props.tableHeader || ((_b2 = props.hiddenColumns) == null ? void 0 : _b2.length) > 0 ? tableSizes.TABLE_HEADER_HEIGHT : 0;
+        const scrollbarSize = 8;
+        const mainHeight = componentHeight - headerHeight - scrollbarSize - tableSizes.TABLE_FOOTER_HEIGHT - tableSizes.COLUMN_HEADER_HEIGHT;
+        return Math.floor(mainHeight / (tableSizes.ROW_HEIGHT + 1));
+      }
+      return 10;
+    }, [
+      pageSize,
+      props.height,
+      props.compactMode,
+      (_a2 = props.hiddenColumns) == null ? void 0 : _a2.length,
+      props.isSearchable,
+      props.tableHeader
+    ]);
     const disableDrag = useCallback(
       (disable) => {
         features.dragAndDrop.set(!disable);
@@ -171617,11 +171629,12 @@ const SbTable = registerSbComponent(
       TableWidget,
       {
         ...props,
+        pageSize: autoPageSize,
         enableRowInsertion: false,
         enableRowDeletion: false,
         searchPlaceholder: props.searchPlaceholder ?? "",
         searchText: props.searchText ?? "",
-        pageType: props.pageType,
+        paginationType: props.paginationType,
         columns: transformedColumns,
         filters: props.filters ?? EMPTY_OBJ,
         header: props.header ?? "",
@@ -190960,4 +190973,4 @@ export {
   copyToClipboard as y,
   navigateTo as z
 };
-//# sourceMappingURL=index-DAxw-Mz5.js.map
+//# sourceMappingURL=index-sY8OAGZZ.js.map