@ikas/core 1.0.6 → 1.0.8

package/dist/index51.js

@@ -1,213 +1,111 @@
-import { jsxs as i, jsx as t, Fragment as T } from "react/jsx-runtime";
-import { observer as A } from "mobx-react-lite";
-import { action as f } from "mobx";
-import { Button as r, Select as F } from "@ikas/ui";
-import { cn as O } from "./index3.js";
-import { coreTranslations as o } from "./index5.js";
-import b from "./index68.js";
-import v from "./index69.js";
-const C = {
-  background: "linear-gradient(180deg, rgba(255,255,255,0.4) -12.38%, #fff 100%)",
-  backdropFilter: "blur(5px)"
-};
-function N() {
-  const p = {
-    position: "absolute",
-    top: -1,
-    width: 24,
-    height: "calc(100% + 1px)",
-    zIndex: 4,
-    borderTop: "1px solid var(--gray-blue-1)",
-    ...C
-  };
-  return /* @__PURE__ */ i(T, { children: [
-    /* @__PURE__ */ t("div", { "aria-hidden": !0, style: { ...p, left: 0 } }),
-    /* @__PURE__ */ t("div", { "aria-hidden": !0, style: { ...p, right: 0 } })
-  ] });
-}
-function j(p) {
-  const { model: e } = p, c = e.isLocal ? !!(e.page && e.page > 1) : !!e.hasPrev, d = e.isLocal ? !!(e.page && e.pageSize && e.page < e.searchFilteredOrderedData.length / e.pageSize) : !!e.hasNext, u = f(() => {
-    e.isLocal && c ? e.page = e.page - 1 : e.onPrevClick(), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
-  }), x = f(() => {
-    e.isLocal && d ? e.page = e.page + 1 : e.onNextClick(), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
-  }), z = f((a) => {
-    var l;
-    e.page = a, (l = e.onPageChange) == null || l.call(e, a), e.isClearSelectedDataAfterPageChange && (e.selectedData = []);
-  }), S = f((a) => {
-    var h;
-    const l = parseInt(Array.isArray(a) ? a[0] : a, 10);
-    isNaN(l) || (e.pageSize = l, e.page = 1, (h = e.onPageChange) == null || h.call(e, 1));
-  }), n = e.isLocal ? e.searchFilteredOrderedData.length : e.dataCount, g = n && e.pageSize ? Math.ceil(n / e.pageSize) : 0, s = e.page ?? 1, y = e.pageSize ? (s - 1) * e.pageSize + 1 : 1, P = e.pageSize && n ? Math.min(s * e.pageSize, n) : 0;
-  if (!e.isPaginationEnabled) return null;
-  const w = (e.pageSizeOptions || ["10", "20", "50", "100"]).map(
-    (a) => ({ label: a, value: a })
-  ), k = e.totalTextField ?? o.datatable.totalText;
-  if (!e.usePageBasedPagination) {
-    const a = n != null && n > 0 ? o.datatable.totalListedText(
-      n,
-      e.totalTextField ?? void 0
-    ) : "";
-    return a === "" || !(c || d) ? null : /* @__PURE__ */ i(
+import { jsxs as g, Fragment as E, jsx as a } from "react/jsx-runtime";
+import { useState as R, useCallback as l } from "react";
+import { observer as S } from "mobx-react-lite";
+import { action as I } from "mobx";
+import { cn as $ } from "./index3.js";
+import { Cell as j } from "./index117.js";
+import { CheckboxCell as L } from "./index118.js";
+const W = S(function(v) {
+  const { model: r, rowData: i, isHeader: t, isSummary: d, nthChild: s, isLast: w } = v, [u, p] = R(!1), y = l(() => {
+    var e;
+    i && ((e = r.onRowHover) == null || e.call(r, i)), p(!0);
+  }, [i, r]), x = l(() => {
+    var e;
+    (e = r.onRowHover) == null || e.call(r, null), p(!1);
+  }, [r]), h = i && typeof i == "object" && "isHovered" in i && !!i.isHovered || u, C = (() => {
+    const e = [];
+    r.isSelectable && e.push("40px");
+    for (const n of r.displayedColumnDefinitions)
+      n.width ? e.push(n.width) : n.minWidth ? e.push(`minmax(${n.minWidth}, 1fr)`) : e.push("1fr");
+    return e.join(" ");
+  })(), H = i ? r.selectedIdSet.has(r.getRowId(i)) : !1, D = i ? r.columnDefinitions.some((e) => {
+    var n;
+    return (n = e.isDisabled) == null ? void 0 : n.call(e, i);
+  }) : !1, b = (() => {
+    if (!i) return !1;
+    const e = i.children;
+    return Array.isArray(e) && e.length > 0;
+  })(), f = i ? !!i.isExpanded : !1, k = l(
+    I(() => {
+      if (!i) return;
+      const e = i;
+      "isExpanded" in e && (e.isExpanded = !e.isExpanded);
+    }),
+    [i]
+  ), m = i ? i.children ?? [] : [], o = t || d;
+  return /* @__PURE__ */ g(E, { children: [
+    /* @__PURE__ */ g(
       "div",
       {
-        className: "ikas-datatable-paginator relative flex items-center w-full border-t border-gray-blue-1 min-h-[72px]",
-        style: C,
+        className: $(
+          "data-table-row",
+          o && "data-table-row-header",
+          o ? "min-h-[40px]" : "min-h-[44px]",
+          o && !r.hideHeaderBackgroundColor && "bg-gray-blue-1",
+          o && r.hideHeaderBackgroundColor && "bg-white border-b border-gray-blue-1",
+          o && "sticky top-0 z-[3]",
+          !o && "border-b border-gray-blue-1 bg-white",
+          !o && w && "border-transparent",
+          !o && "hover:[&>div]:bg-gray-blue-0 hover:[&>.datatable-link-column]:bg-gray-blue-0",
+          !o && h && "[&>div]:bg-gray-blue-0 [&>.datatable-link-column]:bg-gray-blue-0"
+        ),
+        style: {
+          display: "inline-grid",
+          gridTemplateColumns: C,
+          width: "fit-content",
+          minWidth: "100%",
+          ...o ? { position: "sticky", top: 0, zIndex: 3 } : {}
+        },
+        onMouseEnter: o ? void 0 : y,
+        onMouseLeave: o ? void 0 : x,
         children: [
-          /* @__PURE__ */ t(N, {}),
-          /* @__PURE__ */ i("div", { className: "relative z-[5] flex items-center w-full", children: [
-            /* @__PURE__ */ t("div", { className: "flex-none text-sm text-black", style: { width: "20%" }, children: a }),
-            /* @__PURE__ */ t("div", { className: "flex-1 flex justify-center", children: (c || d) && /* @__PURE__ */ i("div", { className: "flex gap-2 -mr-1.5", children: [
-              /* @__PURE__ */ t(
-                r,
-                {
-                  variant: "default",
-                  size: "sm",
-                  square: !0,
-                  icon: /* @__PURE__ */ t(b, { className: "h-4 w-4" }),
-                  disabled: !c,
-                  onClick: u
-                }
-              ),
-              /* @__PURE__ */ t(
-                r,
-                {
-                  variant: "default",
-                  size: "sm",
-                  square: !0,
-                  icon: /* @__PURE__ */ t(v, { className: "h-4 w-4" }),
-                  disabled: !d,
-                  onClick: x
-                }
-              )
-            ] }) }),
-            /* @__PURE__ */ t("div", { className: "flex-none", style: { width: "20%" } })
-          ] })
-        ]
-      }
-    );
-  }
-  const D = (() => {
-    if (g <= 7)
-      return Array.from({ length: g }, (m, L) => L + 1);
-    const a = [];
-    a.push(1), s > 3 && a.push("ellipsis");
-    const l = Math.max(2, s - 1), h = Math.min(g - 1, s + 1);
-    for (let m = l; m <= h; m++)
-      a.push(m);
-    return s < g - 2 && a.push("ellipsis"), g > 1 && a.push(g), a;
-  })();
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: "ikas-datatable-paginator relative flex items-center justify-between w-full border-t border-gray-blue-1 min-h-[72px]",
-      style: C,
-      children: [
-        /* @__PURE__ */ t(N, {}),
-        /* @__PURE__ */ i("div", { className: "relative z-[5] flex items-center gap-4 text-sm text-gray-blue-6", children: [
-          e.showSizeChanger && /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ i("span", { children: [
-              o.datatable.rowCount,
-              ":"
-            ] }),
-            /* @__PURE__ */ t(
-              F,
-              {
-                options: w,
-                value: String(e.pageSize || 20),
-                onChange: S,
-                style: { width: 70, height: 32 }
-              }
-            )
-          ] }),
-          n != null && n > 0 && /* @__PURE__ */ i("span", { children: [
-            y,
-            " - ",
-            P,
-            " / ",
-            n.toLocaleString(),
-            " ",
-            k
-          ] })
-        ] }),
-        e.usePaginationWithOnlyArrows ? /* @__PURE__ */ i("div", { className: "relative z-[5] flex items-center gap-2", children: [
-          /* @__PURE__ */ t(
-            r,
-            {
-              variant: "default",
-              size: "sm",
-              icon: /* @__PURE__ */ t(b, { className: "h-4 w-4" }),
-              disabled: !c,
-              onClick: u,
-              children: o.datatable.pagination.prev
-            }
-          ),
-          /* @__PURE__ */ i(
-            r,
+          r.isSelectable && /* @__PURE__ */ a(
+            L,
             {
-              variant: "default",
-              size: "sm",
-              disabled: !d,
-              onClick: x,
-              children: [
-                o.datatable.pagination.next,
-                /* @__PURE__ */ t(v, { className: "h-4 w-4" })
-              ]
-            }
-          )
-        ] }) : /* @__PURE__ */ i("div", { className: "relative z-[5] flex items-center gap-1", children: [
-          /* @__PURE__ */ t(
-            r,
-            {
-              variant: "default",
-              size: "sm",
-              icon: /* @__PURE__ */ t(b, { className: "h-4 w-4" }),
-              disabled: !c,
-              onClick: u,
-              children: o.datatable.pagination.prev
+              model: r,
+              rowData: i,
+              isHeader: t,
+              isSummary: d,
+              isDisabled: D,
+              isHovered: h
             }
           ),
-          D.map(
-            (a, l) => a === "ellipsis" ? /* @__PURE__ */ t(
-              "span",
-              {
-                className: "px-2 text-sm text-gray-blue-6",
-                children: "..."
-              },
-              `ellipsis-${l}`
-            ) : /* @__PURE__ */ t(
-              r,
-              {
-                variant: a === s ? "primary-ghost" : "default",
-                size: "sm",
-                className: O(
-                  "min-w-[32px]",
-                  a !== s && "text-gray-blue-6"
-                ),
-                onClick: () => z(a),
-                children: a
-              },
-              a
-            )
-          ),
-          /* @__PURE__ */ i(
-            r,
+          r.displayedColumnDefinitions.map((e, n) => /* @__PURE__ */ a(
+            j,
             {
-              variant: "default",
-              size: "sm",
-              disabled: !d,
-              onClick: x,
-              children: [
-                o.datatable.pagination.next,
-                /* @__PURE__ */ t(v, { className: "h-4 w-4" })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
+              index: n,
+              model: r,
+              rowData: i,
+              isHeader: t,
+              isSummary: d,
+              isSelected: H,
+              columnDefinition: e,
+              expandableCellProps: n === 0 && !t ? {
+                changeExpandStatus: k,
+                isExpanded: f,
+                isExpandable: b,
+                paddingLeft: s ? s * 20 + 12 : 0
+              } : void 0
+            },
+            `${r.page ?? 1}-${n}`
+          ))
+        ]
+      }
+    ),
+    b && f && m.length > 0 && m.map((e, n) => /* @__PURE__ */ a(
+      z,
+      {
+        rowData: e,
+        model: r,
+        nthChild: s ? s + 1 : 1
+      },
+      `${r.page ?? 1}-child-${n}`
+    ))
+  ] });
+});
+function z(c) {
+  return /* @__PURE__ */ a(W, { ...c });
 }
-const G = A(j);
 export {
-  G as Paginator
+  z as Row
 };

package/dist/index52.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./index129.cjs");/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const e=[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],o=c("eye",e);exports.__iconNode=e;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("mobx-react-lite"),l=require("@ikas/ui"),s=require("./index5.cjs"),g=require("./index17.cjs");function f(o){const{model:e,style:a,filterSearchLeftContent:r,filterSearchRightContent:n}=o,h=e.searchPlaceholder??s.coreTranslations.datatable.searchTable,c=e.isLocal?!!e.searchIndex:!!e.onSearch,i=!!e.filterManager,d=!!r||!!e.customFilterSearchLeftContent,m=!!n||!!e.customFilterSearchRightContent;return!c&&!i&&!d&&!m?null:i&&e.filterManager?t.jsx(g.FilterAndSearch,{dataTableViewModel:e,filterManagerModel:e.filterManager,style:a,customFilterSearchLeftContent:t.jsxs(t.Fragment,{children:[r,e.customFilterSearchLeftContent]}),customFilterSearchRightContent:t.jsxs(t.Fragment,{children:[n,e.customFilterSearchRightContent]}),isVisibleSelectedView:e.isVisibleSelectedView,customSelectedContent:e.customSelectedContent,getClonedFilterManager:e.getClonedFilterManager??void 0,filterPopoverPlacement:e.filterPopoverPlacement}):e.isVisibleSelectedView?t.jsx("div",{className:"mb-4",style:a,children:t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsxs("span",{className:"text-sm text-gray-blue-6",children:[e.selectedData.length," ",s.coreTranslations.datatable.selected]}),t.jsx(l.Button,{variant:"link",size:"xs",onClick:()=>{e.selectedData=[]},children:s.coreTranslations.datatable.clear})]}),e.customSelectedContent]})}):t.jsx("div",{className:"mb-4",style:a,children:t.jsxs("div",{className:"flex items-center gap-3",children:[(r||e.customFilterSearchLeftContent)&&t.jsxs("div",{className:"flex items-center gap-2",children:[r,e.customFilterSearchLeftContent]}),c&&t.jsx("div",{className:"w-[300px] flex-shrink-0",children:t.jsx(l.SearchInput,{placeholder:h,value:e.searchKeyword??"",onChange:u=>e.onSearchKeywordChange(u),isLoading:!!e.showLoader})}),t.jsx("div",{className:"flex-1"}),(n||e.customFilterSearchRightContent)&&t.jsxs("div",{className:"flex items-center gap-2",children:[n,e.customFilterSearchRightContent]})]})})}const S=x.observer(f);exports.FilterSearch=S;

package/dist/index52.js

@@ -1,21 +1,71 @@
-import c from "./index129.js";
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const e = [
-  [
-    "path",
+import { jsx as r, jsxs as t, Fragment as o } from "react/jsx-runtime";
+import { observer as S } from "mobx-react-lite";
+import { Button as u, SearchInput as C } from "@ikas/ui";
+import { coreTranslations as c } from "./index5.js";
+import { FilterAndSearch as F } from "./index17.js";
+function p(h) {
+  const { model: e, style: l, filterSearchLeftContent: a, filterSearchRightContent: n } = h, d = e.searchPlaceholder ?? c.datatable.searchTable, i = e.isLocal ? !!e.searchIndex : !!e.onSearch, s = !!e.filterManager, m = !!a || !!e.customFilterSearchLeftContent, f = !!n || !!e.customFilterSearchRightContent;
+  return !i && !s && !m && !f ? null : s && e.filterManager ? /* @__PURE__ */ r(
+    F,
     {
-      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
-      key: "1nclc0"
+      dataTableViewModel: e,
+      filterManagerModel: e.filterManager,
+      style: l,
+      customFilterSearchLeftContent: /* @__PURE__ */ t(o, { children: [
+        a,
+        e.customFilterSearchLeftContent
+      ] }),
+      customFilterSearchRightContent: /* @__PURE__ */ t(o, { children: [
+        n,
+        e.customFilterSearchRightContent
+      ] }),
+      isVisibleSelectedView: e.isVisibleSelectedView,
+      customSelectedContent: e.customSelectedContent,
+      getClonedFilterManager: e.getClonedFilterManager ?? void 0,
+      filterPopoverPlacement: e.filterPopoverPlacement
     }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], r = c("eye", e);
+  ) : e.isVisibleSelectedView ? /* @__PURE__ */ r("div", { className: "mb-4", style: l, children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t("span", { className: "text-sm text-gray-blue-6", children: [
+        e.selectedData.length,
+        " ",
+        c.datatable.selected
+      ] }),
+      /* @__PURE__ */ r(
+        u,
+        {
+          variant: "link",
+          size: "xs",
+          onClick: () => {
+            e.selectedData = [];
+          },
+          children: c.datatable.clear
+        }
+      )
+    ] }),
+    e.customSelectedContent
+  ] }) }) : /* @__PURE__ */ r("div", { className: "mb-4", style: l, children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
+    (a || e.customFilterSearchLeftContent) && /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      a,
+      e.customFilterSearchLeftContent
+    ] }),
+    i && /* @__PURE__ */ r("div", { className: "w-[300px] flex-shrink-0", children: /* @__PURE__ */ r(
+      C,
+      {
+        placeholder: d,
+        value: e.searchKeyword ?? "",
+        onChange: (g) => e.onSearchKeywordChange(g),
+        isLoading: !!e.showLoader
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: "flex-1" }),
+    (n || e.customFilterSearchRightContent) && /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      n,
+      e.customFilterSearchRightContent
+    ] })
+  ] }) });
+}
+const w = S(p);
 export {
-  e as __iconNode,
-  r as default
+  w as FilterSearch
 };

package/dist/index53.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./index129.cjs");/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const e=[["path",{d:"m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",key:"ftymec"}],["rect",{x:"2",y:"6",width:"14",height:"12",rx:"2",key:"158x01"}]],o=t("video",e);exports.__iconNode=e;exports.default=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),T=require("mobx-react-lite"),h=require("mobx"),l=require("@ikas/ui"),q=require("./index3.cjs"),r=require("./index5.cjs"),m=require("./index70.cjs"),b=require("./index71.cjs"),v={background:"linear-gradient(180deg, rgba(255,255,255,0.4) -12.38%, #fff 100%)",backdropFilter:"blur(5px)"};function j(){const g={position:"absolute",top:-1,width:24,height:"calc(100% + 1px)",zIndex:4,borderTop:"1px solid var(--gray-blue-1)",...v};return a.jsxs(a.Fragment,{children:[a.jsx("div",{"aria-hidden":!0,style:{...g,left:0}}),a.jsx("div",{"aria-hidden":!0,style:{...g,right:0}})]})}function B(g){const{model:e}=g,o=e.isLocal?!!(e.page&&e.page>1):!!e.hasPrev,c=e.isLocal?!!(e.page&&e.pageSize&&e.page<e.searchFilteredOrderedData.length/e.pageSize):!!e.hasNext,p=h.action(()=>{e.isLocal&&o?e.page=e.page-1:e.onPrevClick(),e.isClearSelectedDataAfterPageChange&&(e.selectedData=[])}),f=h.action(()=>{e.isLocal&&c?e.page=e.page+1:e.onNextClick(),e.isClearSelectedDataAfterPageChange&&(e.selectedData=[])}),N=h.action(t=>{var i;e.page=t,(i=e.onPageChange)==null||i.call(e,t),e.isClearSelectedDataAfterPageChange&&(e.selectedData=[])}),z=h.action(t=>{var x;const i=parseInt(Array.isArray(t)?t[0]:t,10);isNaN(i)||(e.pageSize=i,e.page=1,(x=e.onPageChange)==null||x.call(e,1))}),s=e.isLocal?e.searchFilteredOrderedData.length:e.dataCount,d=s&&e.pageSize?Math.ceil(s/e.pageSize):0,n=e.page??1,C=e.pageSize?(n-1)*e.pageSize+1:1,S=e.pageSize&&s?Math.min(n*e.pageSize,s):0;if(!e.isPaginationEnabled)return null;const y=(e.pageSizeOptions||["10","20","50","100"]).map(t=>({label:t,value:t})),P=e.totalTextField??r.coreTranslations.datatable.totalText;if(!e.usePageBasedPagination){const t=s!=null&&s>0?r.coreTranslations.datatable.totalListedText(s,e.totalTextField??void 0):"";return t===""||!(o||c)?null:a.jsxs("div",{className:"ikas-datatable-paginator relative flex items-center w-full border-t border-gray-blue-1 min-h-[72px]",style:v,children:[a.jsx(j,{}),a.jsxs("div",{className:"relative z-[5] flex items-center w-full",children:[a.jsx("div",{className:"flex-none text-sm text-black",style:{width:"20%"},children:t}),a.jsx("div",{className:"flex-1 flex justify-center",children:(o||c)&&a.jsxs("div",{className:"flex gap-2 -mr-1.5",children:[a.jsx(l.Button,{variant:"default",size:"xs",square:!0,icon:a.jsx(m.default,{className:"h-4 w-4"}),disabled:!o,onClick:p}),a.jsx(l.Button,{variant:"default",size:"xs",square:!0,icon:a.jsx(b.default,{className:"h-4 w-4"}),disabled:!c,onClick:f})]})}),a.jsx("div",{className:"flex-none",style:{width:"20%"}})]})]})}const w=(()=>{if(d<=7)return Array.from({length:d},(u,k)=>k+1);const t=[];t.push(1),n>3&&t.push("ellipsis");const i=Math.max(2,n-1),x=Math.min(d-1,n+1);for(let u=i;u<=x;u++)t.push(u);return n<d-2&&t.push("ellipsis"),d>1&&t.push(d),t})();return a.jsxs("div",{className:"ikas-datatable-paginator relative flex items-center justify-between w-full border-t border-gray-blue-1 min-h-[72px]",style:v,children:[a.jsx(j,{}),a.jsxs("div",{className:"relative z-[5] flex items-center gap-4 text-sm text-gray-blue-6",children:[e.showSizeChanger&&a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("span",{children:[r.coreTranslations.datatable.rowCount,":"]}),a.jsx(l.Select,{options:y,value:String(e.pageSize||20),onChange:z,style:{width:70,height:32}})]}),s!=null&&s>0&&a.jsxs("span",{children:[C," - ",S," / ",s.toLocaleString()," ",P]})]}),e.usePaginationWithOnlyArrows?a.jsxs("div",{className:"relative z-[5] flex items-center gap-2",children:[a.jsx(l.Button,{variant:"default",size:"xs",icon:a.jsx(m.default,{className:"h-4 w-4"}),disabled:!o,onClick:p,children:r.coreTranslations.datatable.pagination.prev}),a.jsxs(l.Button,{variant:"default",size:"xs",disabled:!c,onClick:f,children:[r.coreTranslations.datatable.pagination.next,a.jsx(b.default,{className:"h-4 w-4"})]})]}):a.jsxs("div",{className:"relative z-[5] flex items-center gap-1",children:[a.jsx(l.Button,{variant:"default",size:"xs",icon:a.jsx(m.default,{className:"h-4 w-4"}),disabled:!o,onClick:p,children:r.coreTranslations.datatable.pagination.prev}),w.map((t,i)=>t==="ellipsis"?a.jsx("span",{className:"px-2 text-sm text-gray-blue-6",children:"..."},`ellipsis-${i}`):a.jsx(l.Button,{variant:t===n?"primary-ghost":"default",size:"xs",className:q.cn("min-w-[32px]",t!==n&&"text-gray-blue-6"),onClick:()=>N(t),children:t},t)),a.jsxs(l.Button,{variant:"default",size:"xs",disabled:!c,onClick:f,children:[r.coreTranslations.datatable.pagination.next,a.jsx(b.default,{className:"h-4 w-4"})]})]})]})}const L=T.observer(B);exports.Paginator=L;