@agregio-solutions/design-system 1.76.0 → 1.76.1

package/dist/design-system.cjs

@@ -1551,7 +1551,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Po]+=1);const $m=l.createCont
   width: 100%;
 `,XB=S.td`
   padding: var(--spacing-sm);
-`;function JB({table:e,pagination:t,renderSubComponent:n,...r}){const a=e.getState().columnFilters.length>0||e.getState().globalFilter?.length>0;return d.jsxs("div",{...r,children:[d.jsx(YB,{children:d.jsxs(Ep,{children:[d.jsx("thead",{children:e.getHeaderGroups().map(o=>d.jsx("tr",{children:o.headers.map(i=>d.jsx(l.Fragment,{children:D4(i.column.columnDef.header,i.getContext())},i.id))},o.id))}),d.jsx("tbody",{children:e.getRowModel().rows.map(o=>d.jsxs(l.Fragment,{children:[d.jsx($p,{depth:o.depth,"data-sub-row-expanded":o.getIsExpanded(),"data-is-sub-row":!!o.getParentRow(),children:o.getVisibleCells().map(i=>d.jsx(l.Fragment,{children:D4(i.column.columnDef.cell,i.getContext())},i.id))}),o.getIsExpanded()&&!!n&&d.jsx("tr",{children:d.jsx(XB,{colSpan:o.getVisibleCells().length,children:n({row:o})})})]},o.id))})]})}),e.getRowCount()===0&&d.jsx(GB,{withFilters:a}),!!t&&d.jsx(wp,{count:e.getRowCount(),onPageChange:e.setPageIndex,pageIndex:t.pageIndex,onItemsPerPageChange:e.setPageSize,itemsPerPage:t.pageSize,style:{marginTop:"16px"}})]})}const QB=S.td`
+`;function JB({table:e,pagination:t,renderSubComponent:n,itemsPerPageOptions:r,...a}){const o=e.getState().columnFilters.length>0||e.getState().globalFilter?.length>0;return d.jsxs("div",{...a,children:[d.jsx(YB,{children:d.jsxs(Ep,{children:[d.jsx("thead",{children:e.getHeaderGroups().map(i=>d.jsx("tr",{children:i.headers.map(u=>d.jsx(l.Fragment,{children:D4(u.column.columnDef.header,u.getContext())},u.id))},i.id))}),d.jsx("tbody",{children:e.getRowModel().rows.map(i=>d.jsxs(l.Fragment,{children:[d.jsx($p,{depth:i.depth,"data-sub-row-expanded":i.getIsExpanded(),"data-is-sub-row":!!i.getParentRow(),children:i.getVisibleCells().map(u=>d.jsx(l.Fragment,{children:D4(u.column.columnDef.cell,u.getContext())},u.id))}),i.getIsExpanded()&&!!n&&d.jsx("tr",{children:d.jsx(XB,{colSpan:i.getVisibleCells().length,children:n({row:i})})})]},i.id))})]})}),e.getRowCount()===0&&d.jsx(GB,{withFilters:o}),!!t&&d.jsx(wp,{count:e.getRowCount(),onPageChange:e.setPageIndex,pageIndex:t.pageIndex,onItemsPerPageChange:e.setPageSize,itemsPerPage:t.pageSize,itemsPerPageOptions:r,style:{marginTop:"16px"}})]})}const QB=S.td`
   padding: 0;
 
   &[data-border="left"],

package/dist/design-system.js

@@ -27279,38 +27279,39 @@ function cI({
   table: e,
   pagination: t,
   renderSubComponent: n,
-  ...r
+  itemsPerPageOptions: r,
+  ...a
 }) {
-  const a = e.getState().columnFilters.length > 0 || e.getState().globalFilter?.length > 0;
-  return /* @__PURE__ */ Z("div", { ...r, children: [
+  const o = e.getState().columnFilters.length > 0 || e.getState().globalFilter?.length > 0;
+  return /* @__PURE__ */ Z("div", { ...a, children: [
     /* @__PURE__ */ f(rk, { children: /* @__PURE__ */ Z(QB, { children: [
-      /* @__PURE__ */ f("thead", { children: e.getHeaderGroups().map((o) => /* @__PURE__ */ f("tr", { children: o.headers.map((i) => /* @__PURE__ */ f(y.Fragment, { children: V4(
-        i.column.columnDef.header,
-        i.getContext()
-      ) }, i.id)) }, o.id)) }),
-      /* @__PURE__ */ f("tbody", { children: e.getRowModel().rows.map((o) => /* @__PURE__ */ Z(bh, { children: [
+      /* @__PURE__ */ f("thead", { children: e.getHeaderGroups().map((i) => /* @__PURE__ */ f("tr", { children: i.headers.map((u) => /* @__PURE__ */ f(y.Fragment, { children: V4(
+        u.column.columnDef.header,
+        u.getContext()
+      ) }, u.id)) }, i.id)) }),
+      /* @__PURE__ */ f("tbody", { children: e.getRowModel().rows.map((i) => /* @__PURE__ */ Z(bh, { children: [
         /* @__PURE__ */ f(
           LB,
           {
-            depth: o.depth,
-            "data-sub-row-expanded": o.getIsExpanded(),
-            "data-is-sub-row": !!o.getParentRow(),
-            children: o.getVisibleCells().map((i) => /* @__PURE__ */ f(y.Fragment, { children: V4(
-              i.column.columnDef.cell,
-              i.getContext()
-            ) }, i.id))
+            depth: i.depth,
+            "data-sub-row-expanded": i.getIsExpanded(),
+            "data-is-sub-row": !!i.getParentRow(),
+            children: i.getVisibleCells().map((u) => /* @__PURE__ */ f(y.Fragment, { children: V4(
+              u.column.columnDef.cell,
+              u.getContext()
+            ) }, u.id))
           }
         ),
-        o.getIsExpanded() && !!n && /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f(
+        i.getIsExpanded() && !!n && /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f(
           ak,
           {
-            colSpan: o.getVisibleCells().length,
-            children: n({ row: o })
+            colSpan: i.getVisibleCells().length,
+            children: n({ row: i })
           }
         ) })
-      ] }, o.id)) })
+      ] }, i.id)) })
     ] }) }),
-    e.getRowCount() === 0 && /* @__PURE__ */ f(tk, { withFilters: a }),
+    e.getRowCount() === 0 && /* @__PURE__ */ f(tk, { withFilters: o }),
     !!t && /* @__PURE__ */ f(
       YB,
       {
@@ -27319,6 +27320,7 @@ function cI({
         pageIndex: t.pageIndex,
         onItemsPerPageChange: e.setPageSize,
         itemsPerPage: t.pageSize,
+        itemsPerPageOptions: r,
         style: { marginTop: "16px" }
       }
     )

package/dist/packages/components/DataTable/index.d.ts

@@ -23,6 +23,10 @@ type Props<TData> = {
     renderSubComponent?: (props: {
         row: Row<TData>;
     }) => React.ReactNode;
+    /**
+     * The list of available page sizes.
+     */
+    itemsPerPageOptions?: number[];
 };
-export default function DataTable<TData>({ table, pagination, renderSubComponent, ...divProps }: Props<TData>): React.ReactElement;
+export default function DataTable<TData>({ table, pagination, renderSubComponent, itemsPerPageOptions, ...divProps }: Props<TData>): React.ReactElement;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.76.0",
+  "version": "1.76.1",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",