mainstack-design-system 1.8.1 → 1.8.2

package/dist/index.d.ts

@@ -5887,7 +5887,7 @@ export declare const PageviewIcon: ({ variant, ...props }: VariableIconProps) =>
 
 export declare const Pagination: {
     Root: {
-        ({ children, page, totalPages, limit, onPageChange, onLimitChange, className, }: PaginationRootProps): JSX.Element;
+        ({ children, page, totalPages, limit, defaultLimit, onPageChange, onLimitChange, className, }: PaginationRootProps): JSX.Element;
         displayName: string;
     };
     Next: {
@@ -5932,7 +5932,7 @@ export declare const PaginationPrev: {
 };
 
 export declare const PaginationRoot: {
-    ({ children, page, totalPages, limit, onPageChange, onLimitChange, className, }: PaginationRootProps): JSX.Element;
+    ({ children, page, totalPages, limit, defaultLimit, onPageChange, onLimitChange, className, }: PaginationRootProps): JSX.Element;
     displayName: string;
 };
 
@@ -5941,6 +5941,7 @@ declare interface PaginationRootProps {
     page: number;
     totalPages: number;
     limit: number;
+    defaultLimit?: number;
     onPageChange: (p: number) => void;
     onLimitChange: (limit: number) => void;
     className?: string;
@@ -9413,7 +9414,7 @@ export declare const TableGroup: {
         displayName: string;
     };
     Pagination: {
-        ({ totalResults, limit, page, setPage, setLimit, className, }: TablePaginationProps): JSX.Element;
+        ({ totalResults, limit, defaultLimit, page, setPage, setLimit, className, }: TablePaginationProps): JSX.Element;
         displayName: string;
     };
 };
@@ -9436,13 +9437,14 @@ declare interface TableHeadProps extends React.ComponentPropsWithoutRef<"th"> {
 }
 
 export declare const TablePagination: {
-    ({ totalResults, limit, page, setPage, setLimit, className, }: TablePaginationProps): JSX.Element;
+    ({ totalResults, limit, defaultLimit, page, setPage, setLimit, className, }: TablePaginationProps): JSX.Element;
     displayName: string;
 };
 
 declare interface TablePaginationProps extends React.ComponentPropsWithoutRef<"div"> {
     totalResults: number;
     limit: number;
+    defaultLimit?: number;
     page: number;
     setPage: (page: number) => void;
     setLimit: (limit: number) => void;

package/dist/mainstack-design-system552.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./utils-scPUmbSO.cjs"),g=require("./mainstack-design-system553.cjs"),u=require("./mainstack-design-system555.cjs"),P=require("./mainstack-design-system554.cjs"),b=require("./mainstack-design-system556.cjs"),x=require("./mainstack-design-system557.cjs"),p=require("./mainstack-design-system596.cjs"),t=({totalResults:n=3,limit:s,page:a,setPage:o,setLimit:i,className:d})=>{const r=Math.ceil(n/s),{isScrolling:m,atBottom:l}=p.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:c.cn("mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-neutral mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",m?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",l?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",d),children:[e.jsxs("div",{className:"mds:text-primary body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"body-extrasmall-semibold",children:n})," results"]}),e.jsxs(g.PaginationRoot,{page:a,totalPages:r,onPageChange:o,limit:s,onLimitChange:i,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(x.PaginationPageSize,{}),e.jsx(P.PaginationPrev,{}),e.jsx(b.PaginationPageButton,{}),e.jsx(u.PaginationNext,{})]})]})};t.displayName="TablePagination";exports.TablePagination=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils-scPUmbSO.cjs"),u=require("./mainstack-design-system553.cjs"),P=require("./mainstack-design-system555.cjs"),b=require("./mainstack-design-system554.cjs"),x=require("./mainstack-design-system556.cjs"),p=require("./mainstack-design-system557.cjs"),_=require("./mainstack-design-system596.cjs"),t=({totalResults:n=3,limit:s,defaultLimit:a,page:o,setPage:i,setLimit:d,className:r})=>{const m=Math.ceil(n/s),{isScrolling:l,atBottom:c}=_.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:g.cn("mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-neutral mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",l?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",c?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",r),children:[e.jsxs("div",{className:"mds:text-primary body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:o,totalPages:m,onPageChange:i,defaultLimit:a,limit:s,onLimitChange:d,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(p.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(x.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};t.displayName="TablePagination";exports.TablePagination=t;

package/dist/mainstack-design-system552.js

@@ -1,29 +1,30 @@
 import { jsxs as s, jsx as m } from "react/jsx-runtime";
-import { c } from "./utils-Cs1D8Nxl.js";
-import { PaginationRoot as g } from "./mainstack-design-system553.js";
-import { PaginationNext as b } from "./mainstack-design-system555.js";
-import { PaginationPrev as f } from "./mainstack-design-system554.js";
-import { PaginationPageButton as p } from "./mainstack-design-system556.js";
-import { PaginationPageSize as u } from "./mainstack-design-system557.js";
-import { useTableScroll as x } from "./mainstack-design-system596.js";
-const P = ({
+import { c as g } from "./utils-Cs1D8Nxl.js";
+import { PaginationRoot as b } from "./mainstack-design-system553.js";
+import { PaginationNext as f } from "./mainstack-design-system555.js";
+import { PaginationPrev as p } from "./mainstack-design-system554.js";
+import { PaginationPageButton as u } from "./mainstack-design-system556.js";
+import { PaginationPageSize as x } from "./mainstack-design-system557.js";
+import { useTableScroll as P } from "./mainstack-design-system596.js";
+const h = ({
   totalResults: d = 3,
   limit: e,
-  page: a,
-  setPage: o,
-  setLimit: t,
-  className: r
+  defaultLimit: a,
+  page: o,
+  setPage: t,
+  setLimit: r,
+  className: i
 }) => {
-  const i = Math.ceil(d / e), { isScrolling: n, atBottom: l } = x();
+  const n = Math.ceil(d / e), { isScrolling: l, atBottom: c } = P();
   return /* @__PURE__ */ s(
     "div",
     {
       "data-slot": "table-pagination",
-      className: c(
+      className: g(
         "mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-neutral mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",
-        n ? "mds:rounded-t-20 mds:shadow-lg " : "mds:rounded-20 ",
-        l ? "mds:rounded-b-20 mds:border" : "mds:rounded-b-none",
-        r
+        l ? "mds:rounded-t-20 mds:shadow-lg " : "mds:rounded-20 ",
+        c ? "mds:rounded-b-20 mds:border" : "mds:rounded-b-none",
+        i
       ),
       children: [
         /* @__PURE__ */ s("div", { className: "mds:text-primary body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2", children: [
@@ -31,19 +32,20 @@ const P = ({
           " results"
         ] }),
         /* @__PURE__ */ s(
-          g,
+          b,
           {
-            page: a,
-            totalPages: i,
-            onPageChange: o,
+            page: o,
+            totalPages: n,
+            onPageChange: t,
+            defaultLimit: a,
             limit: e,
-            onLimitChange: t,
+            onLimitChange: r,
             className: "mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",
             children: [
-              /* @__PURE__ */ m(u, {}),
-              /* @__PURE__ */ m(f, {}),
+              /* @__PURE__ */ m(x, {}),
               /* @__PURE__ */ m(p, {}),
-              /* @__PURE__ */ m(b, {})
+              /* @__PURE__ */ m(u, {}),
+              /* @__PURE__ */ m(f, {})
             ]
           }
         )
@@ -51,7 +53,7 @@ const P = ({
     }
   );
 };
-P.displayName = "TablePagination";
+h.displayName = "TablePagination";
 export {
-  P as TablePagination
+  h as TablePagination
 };

package/dist/mainstack-design-system553.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("./utils-scPUmbSO.cjs"),c=require("./mainstack-design-system597.cjs"),e=({children:i,page:n,totalPages:o,limit:s,onPageChange:a,onLimitChange:r,className:d})=>t.jsx(c.PaginationContext.Provider,{value:{page:n,totalPages:o,limit:s,setPage:a,setLimit:r},children:t.jsx("div",{className:m.cn("mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",d),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./utils-scPUmbSO.cjs"),l=require("./mainstack-design-system597.cjs"),e=({children:i,page:n,totalPages:o,limit:s,defaultLimit:a,onPageChange:r,onLimitChange:d,className:m})=>t.jsx(l.PaginationContext.Provider,{value:{page:n,totalPages:o,defaultLimit:a,limit:s,setPage:r,setLimit:d},children:t.jsx("div",{className:c.cn("mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",m),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;

package/dist/mainstack-design-system553.js

@@ -1,37 +1,39 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as r } from "./utils-Cs1D8Nxl.js";
-import { PaginationContext as d } from "./mainstack-design-system597.js";
-const c = ({
+import { c as d } from "./utils-Cs1D8Nxl.js";
+import { PaginationContext as c } from "./mainstack-design-system597.js";
+const l = ({
   children: e,
   page: i,
   totalPages: o,
   limit: s,
-  onPageChange: m,
-  onLimitChange: a,
-  className: n
+  defaultLimit: m,
+  onPageChange: a,
+  onLimitChange: n,
+  className: r
 }) => /* @__PURE__ */ t(
-  d.Provider,
+  c.Provider,
   {
     value: {
       page: i,
       totalPages: o,
+      defaultLimit: m,
       limit: s,
-      setPage: m,
-      setLimit: a
+      setPage: a,
+      setLimit: n
     },
     children: /* @__PURE__ */ t(
       "div",
       {
-        className: r(
+        className: d(
           "mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",
-          n
+          r
         ),
         children: e
       }
     )
   }
 );
-c.displayName = "PaginationRoot";
+l.displayName = "PaginationRoot";
 export {
-  c as PaginationRoot
+  l as PaginationRoot
 };

package/dist/mainstack-design-system557.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./mainstack-design-system568.cjs"),s=require("./mainstack-design-system461.cjs"),c=require("./mainstack-design-system462.cjs"),u=require("./mainstack-design-system463.cjs"),p=require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");const m=require("./mainstack-design-system597.cjs"),l=()=>{const{limit:a,setLimit:i}=m.usePagination(),r=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return i?e.jsxs(o.SelectRoot,{options:r,value:String(a),onValueChange:t=>i(Number(t)),children:[e.jsx(s.SelectInputField,{shape:"full-radius",className:"mds:min-h-36"}),e.jsx(c.SelectPortal,{children:e.jsx(u.SelectOptions,{children:({options:t})=>t.map(n=>e.jsx(p.SelectOptionItem,{value:n.value,children:n.label},n.value))})})]}):null};l.displayName="PaginationPageSize";exports.PaginationPageSize=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./mainstack-design-system568.cjs"),c=require("./mainstack-design-system461.cjs"),u=require("./mainstack-design-system462.cjs"),m=require("./mainstack-design-system463.cjs"),p=require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");const S=require("./mainstack-design-system597.cjs"),a=()=>{const{defaultLimit:n,limit:r,setLimit:l}=S.usePagination(),o=[{value:"10",label:"10 items per page"},{value:"20",label:"20 items per page"},{value:"50",label:"50 items per page"},{value:"100",label:"100 items per page"}];return l?e.jsxs(s.SelectRoot,{options:o,value:String(r),onValueChange:t=>l(Number(t)),defaultValue:n?String(n):"10",children:[e.jsx(c.SelectInputField,{shape:"full-radius",className:"mds:min-h-36"}),e.jsx(u.SelectPortal,{children:e.jsx(m.SelectOptions,{children:({options:t})=>t.map(i=>e.jsx(p.SelectOptionItem,{value:i.value,children:i.label},i.value))})})]}):null};a.displayName="PaginationPageSize";exports.PaginationPageSize=a;

package/dist/mainstack-design-system557.js

@@ -1,35 +1,36 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { SelectRoot as o } from "./mainstack-design-system568.js";
-import { SelectInputField as p } from "./mainstack-design-system461.js";
-import { SelectPortal as n } from "./mainstack-design-system462.js";
-import { SelectOptions as s } from "./mainstack-design-system463.js";
-import { SelectOptionItem as u } from "./mainstack-design-system464.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { SelectRoot as p } from "./mainstack-design-system568.js";
+import { SelectInputField as n } from "./mainstack-design-system461.js";
+import { SelectPortal as s } from "./mainstack-design-system462.js";
+import { SelectOptions as u } from "./mainstack-design-system463.js";
+import { SelectOptionItem as c } from "./mainstack-design-system464.js";
 import "./mainstack-design-system465.js";
 import "./mainstack-design-system466.js";
 import "./mainstack-design-system459.js";
 import "./mainstack-design-system460.js";
-import { usePagination as c } from "./mainstack-design-system597.js";
-const g = () => {
-  const { limit: a, setLimit: l } = c(), r = [
+import { usePagination as g } from "./mainstack-design-system597.js";
+const f = () => {
+  const { defaultLimit: l, limit: r, setLimit: a } = g(), m = [
     { value: "10", label: "10 items per page" },
     { value: "20", label: "20 items per page" },
     { value: "50", label: "50 items per page" },
     { value: "100", label: "100 items per page" }
   ];
-  return l ? /* @__PURE__ */ m(
-    o,
+  return a ? /* @__PURE__ */ o(
+    p,
     {
-      options: r,
-      value: String(a),
-      onValueChange: (i) => l(Number(i)),
+      options: m,
+      value: String(r),
+      onValueChange: (t) => a(Number(t)),
+      defaultValue: l ? String(l) : "10",
       children: [
-        /* @__PURE__ */ e(p, { shape: "full-radius", className: "mds:min-h-36" }),
-        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(s, { children: ({ options: i }) => i.map((t) => /* @__PURE__ */ e(u, { value: t.value, children: t.label }, t.value)) }) })
+        /* @__PURE__ */ e(n, { shape: "full-radius", className: "mds:min-h-36" }),
+        /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(u, { children: ({ options: t }) => t.map((i) => /* @__PURE__ */ e(c, { value: i.value, children: i.label }, i.value)) }) })
       ]
     }
   ) : null;
 };
-g.displayName = "PaginationPageSize";
+f.displayName = "PaginationPageSize";
 export {
-  g as PaginationPageSize
+  f as PaginationPageSize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",