@orbe-agro/client-core 5.3.67 → 5.3.69

package/dist/@ecme/components/index.js

@@ -17,7 +17,7 @@ import { default as y } from "./shared/Chart.js";
 import { default as P } from "./shared/ConfirmDialog.js";
 import { default as N } from "./shared/Container.js";
 import { default as F } from "./shared/CustomFormatInput.js";
-import { default as M } from "./shared/DataTable.js";
+import { DataTable as M } from "./shared/DataTable.js";
 import { default as V } from "./shared/DebounceInput.js";
 import { default as O } from "./shared/DoubleSidedImage.js";
 import { default as H } from "./shared/GanttChart/GanttChart.js";
@@ -29,7 +29,7 @@ import { default as Z } from "./shared/NavToggle.js";
 import { default as $ } from "./shared/NumericInput.js";
 import { default as eo } from "./shared/OtpInput.js";
 import { default as ro } from "./shared/PasswordInput.js";
-import { default as fo } from "./shared/PatternInput.js";
+import { PatternInput as fo } from "./shared/PatternInput.js";
 import { default as mo } from "./shared/PresetSegmentItemOption.js";
 import { default as uo } from "./shared/RichTextEditor/RichTextEditor.js";
 import { default as so } from "./shared/StickyFooter.js";

package/dist/@ecme/components/layouts/Layouts.js

@@ -12,7 +12,7 @@ const S = ({ children: t, linkRenderer: r, pageTitle: e }) => {
   return /* @__PURE__ */ o(
     u,
     {
-      fallback: /* @__PURE__ */ o("div", { className: "flex flex-auto flex-col h-[100vh]", children: /* @__PURE__ */ o(p, { loading: !0 }) }),
+      fallback: /* @__PURE__ */ o("div", { className: "flex h-[100vh] flex-auto flex-col", children: /* @__PURE__ */ o(p, { loading: !0 }) }),
       children: a ? /* @__PURE__ */ o(n, { layoutType: m, linkRenderer: r, pageTitle: e, children: t }) : /* @__PURE__ */ o(l, { children: t })
     }
   );

package/dist/@ecme/components/layouts/Layouts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layouts.js","sources":["../../../../lib/@ecme/components/layouts/Layouts.tsx"],"sourcesContent":["import { Suspense } from \"react\";\nimport Loading from \"@/components/shared/Loading\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { useAuth } from \"@/auth\";\nimport { useThemeStore } from \"@/store/themeStore\";\nimport PostLoginLayout from \"./PostLoginLayout\";\nimport PreLoginLayout from \"./PreLoginLayout\";\nimport { NavigationTree } from \"@/@types\";\n\nexport type LinkRenderer = (\n  nav: NavigationTree,\n  children: React.ReactNode\n) => React.ReactNode;\n\ninterface LayoutProps extends CommonProps {\n  menuConfig?: any;\n  linkRenderer?: LinkRenderer;\n  pageTitle?: string;\n}\n\nconst Layout = ({ children, linkRenderer, pageTitle }: LayoutProps) => {\n  const layoutType = useThemeStore((state) => state.layout.type);\n\n  const { authenticated } = useAuth();\n\n  return (\n    <Suspense\n      fallback={\n        <div className=\"flex flex-auto flex-col h-[100vh]\">\n          <Loading loading={true} />\n        </div>\n      }\n    >\n      {authenticated ? (\n        <PostLoginLayout layoutType={layoutType} linkRenderer={linkRenderer} pageTitle={pageTitle}>\n          {children}\n        </PostLoginLayout>\n      ) : (\n        <PreLoginLayout>{children}</PreLoginLayout>\n      )}\n    </Suspense>\n  );\n};\n\nexport default Layout;\n"],"names":["Layout","children","linkRenderer","pageTitle","layoutType","useThemeStore","state","authenticated","useAuth","jsx","Suspense","Loading","PostLoginLayout","PreLoginLayout"],"mappings":";;;;;;;;;AAoBA,MAAMA,IAAS,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,WAAAC,QAA6B;AACrE,QAAMC,IAAaC,EAAc,CAACC,MAAUA,EAAM,OAAO,IAAI,GAEvD,EAAE,eAAAC,EAAA,IAAkBC,EAAA;AAE1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,4BACG,OAAA,EAAI,WAAU,qCACb,UAAA,gBAAAD,EAACE,GAAA,EAAQ,SAAS,GAAA,CAAM,EAAA,CAC1B;AAAA,MAGD,UAAAJ,IACC,gBAAAE,EAACG,GAAA,EAAgB,YAAAR,GAAwB,cAAAF,GAA4B,WAAAC,GAClE,UAAAF,EAAA,CACH,IAEA,gBAAAQ,EAACI,GAAA,EAAgB,UAAAZ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAIlC;"}
+{"version":3,"file":"Layouts.js","sources":["../../../../lib/@ecme/components/layouts/Layouts.tsx"],"sourcesContent":["import { ElementType, Ref, Suspense } from \"react\";\nimport Loading from \"@/components/shared/Loading\";\nimport type { CommonProps } from \"@/@types/common\";\nimport { useAuth } from \"@/auth\";\nimport { useThemeStore } from \"@/store/themeStore\";\nimport PostLoginLayout from \"./PostLoginLayout\";\nimport PreLoginLayout from \"./PreLoginLayout\";\nimport { NavigationTree } from \"@/@types\";\n\nexport type LinkRenderer = (\n  nav: NavigationTree,\n  children: React.ReactNode\n) => React.ReactNode;\n\nexport type LayoutProps<E extends ElementType = 'div'> = {\n    asElement?: E;\n    ref?: Ref<HTMLDivElement>;\n    menuConfig?: any;\n    linkRenderer?: LinkRenderer;\n    pageTitle?: string;\n} & Omit<\n    React.ComponentPropsWithoutRef<E>,\n    'as' | 'ref' | 'className' | 'children'\n> & CommonProps;\n\nconst Layout = ({ children, linkRenderer, pageTitle }: LayoutProps) => {\n  const layoutType = useThemeStore((state) => state.layout.type);\n\n  const { authenticated } = useAuth();\n\n  return (\n    <Suspense\n      fallback={\n        <div className=\"flex h-[100vh] flex-auto flex-col\">\n          <Loading loading={true} />\n        </div>\n      }\n    >\n      {authenticated ? (\n        <PostLoginLayout layoutType={layoutType} linkRenderer={linkRenderer} pageTitle={pageTitle}>\n          {children}\n        </PostLoginLayout>\n      ) : (\n        <PreLoginLayout>{children}</PreLoginLayout>\n      )}\n    </Suspense>\n  );\n};\n\nexport default Layout;\n"],"names":["Layout","children","linkRenderer","pageTitle","layoutType","useThemeStore","state","authenticated","useAuth","jsx","Suspense","Loading","PostLoginLayout","PreLoginLayout"],"mappings":";;;;;;;;;AAyBA,MAAMA,IAAS,CAAC,EAAE,UAAAC,GAAU,cAAAC,GAAc,WAAAC,QAA6B;AACrE,QAAMC,IAAaC,EAAc,CAACC,MAAUA,EAAM,OAAO,IAAI,GAEvD,EAAE,eAAAC,EAAA,IAAkBC,EAAA;AAE1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,4BACG,OAAA,EAAI,WAAU,qCACb,UAAA,gBAAAD,EAACE,GAAA,EAAQ,SAAS,GAAA,CAAM,EAAA,CAC1B;AAAA,MAGD,UAAAJ,IACC,gBAAAE,EAACG,GAAA,EAAgB,YAAAR,GAAwB,cAAAF,GAA4B,WAAAC,GAClE,UAAAF,EAAA,CACH,IAEA,gBAAAQ,EAACI,GAAA,EAAgB,UAAAZ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAIlC;"}

package/dist/@ecme/components/shared/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../lib/@ecme/components/shared/Container.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { CommonProps } from '@/@types/common'\nimport type { ElementType, Ref } from 'react'\n\ninterface ContainerProps extends CommonProps {\n    asElement?: ElementType\n    ref?: Ref<HTMLElement>\n}\n\nconst Container = (props: ContainerProps) => {\n    const {\n        className,\n        children,\n        asElement: Component = 'div',\n        ref,\n        ...rest\n    } = props\n\n    return (\n        <Component\n            ref={ref}\n            className={classNames('container mx-auto', className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\nexport default Container"],"names":["Container","props","className","children","Component","ref","rest","jsx","classNames"],"mappings":";;AASA,MAAMA,IAAY,CAACC,MAA0B;AACzC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHL;AAEJ,SACI,gBAAAM;AAAA,IAACH;AAAA,IAAA;AAAA,MACG,KAAAC;AAAA,MACA,WAAWG,EAAW,qBAAqBN,CAAS;AAAA,MACnD,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"Container.js","sources":["../../../../lib/@ecme/components/shared/Container.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { CommonProps } from '@/@types/common'\nimport type { ElementType, Ref } from 'react'\n\nexport type ContainerProps<E extends ElementType = 'div'> = {\n    asElement?: E\n    ref?: Ref<HTMLDivElement>\n} & Omit<\n    React.ComponentPropsWithoutRef<E>,\n    'as' | 'ref' | 'className' | 'children'\n> &\n    CommonProps\n\nconst Container = (props: ContainerProps) => {\n    const {\n        className,\n        children,\n        asElement: Component = 'div',\n        ref,\n        ...rest\n    } = props\n\n    return (\n        <Component\n            ref={ref}\n            className={classNames('container mx-auto', className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\nexport default Container\n"],"names":["Container","props","className","children","Component","ref","rest","jsx","classNames"],"mappings":";;AAaA,MAAMA,IAAY,CAACC,MAA0B;AACzC,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAWC,IAAY;AAAA,IACvB,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHL;AAEJ,SACI,gBAAAM;AAAA,IAACH;AAAA,IAAA;AAAA,MACG,KAAAC;AAAA,MACA,WAAWG,EAAW,qBAAqBN,CAAS;AAAA,MACnD,GAAGI;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/@ecme/components/shared/DataTable.js

@@ -1,119 +1,119 @@
-import { jsx as n, jsxs as g, Fragment as te } from "react/jsx-runtime";
-import { useRef as E, useEffect as M, useState as ne, useMemo as F, useImperativeHandle as oe, Fragment as le } from "react";
-import ae from "classnames";
-import { Table as j } from "../ui/Table/index.js";
+import { jsx as n, jsxs as m, Fragment as le } from "react/jsx-runtime";
+import ae from "../../assets/svg/FileNotFound.js";
+import { Checkbox as re } from "../ui/Checkbox/index.js";
 import "../ui/Pagination/index.js";
 import "../ui/Select/index.js";
-import { Checkbox as re } from "../ui/Checkbox/index.js";
-import ie from "./loaders/TableRowSkeleton.js";
-import se from "./Loading.js";
-import ce from "../../assets/svg/FileNotFound.js";
-import { useReactTable as de, getSortedRowModel as ge, getPaginationRowModel as me, getFilteredRowModel as ue, getCoreRowModel as he, flexRender as D } from "@tanstack/react-table";
+import { Table as $ } from "../ui/Table/index.js";
+import { useReactTable as ie, getSortedRowModel as ce, getPaginationRowModel as se, getFilteredRowModel as de, getCoreRowModel as ge, flexRender as D } from "@tanstack/react-table";
+import me from "classnames";
+import { useRef as q, useEffect as C, useState as E, useMemo as H, useImperativeHandle as ue, Fragment as he } from "react";
 import { useTranslation as fe } from "react-i18next";
-import pe from "../ui/Pagination/Pagination.js";
-import Se from "../ui/Select/Select.js";
-const { Tr: S, Th: Ce, Td: I, THead: be, TBody: Re, Sorter: xe } = j, H = (f) => {
+import Se from "./loaders/TableRowSkeleton.js";
+import pe from "./Loading.js";
+import Ce from "../ui/Pagination/Pagination.js";
+import Re from "../ui/Select/Select.js";
+const { Tr: p, Th: be, Td: T, THead: we, TBody: xe, Sorter: ve } = $, j = (s) => {
   const {
-    indeterminate: m,
-    onChange: p,
-    onCheckBoxChange: a,
-    onIndeterminateCheckBoxChange: c,
+    indeterminate: u,
+    onChange: S,
+    onCheckBoxChange: r,
+    onIndeterminateCheckBoxChange: d,
     ...o
-  } = f, d = E(null);
-  M(() => {
-    typeof m == "boolean" && d.current && (d.current.indeterminate = !o.checked && m);
-  }, [d, m]);
-  const u = (l) => {
-    p(l), a == null || a(l), c == null || c(l);
+  } = s, g = q(null);
+  C(() => {
+    typeof u == "boolean" && g.current && (g.current.indeterminate = !o.checked && u);
+  }, [g, u]);
+  const h = (a) => {
+    S(a), r == null || r(a), d == null || d(a);
   };
   return /* @__PURE__ */ n(
     re,
     {
-      ref: d,
+      ref: g,
       className: "mb-0",
-      onChange: (l, h) => u(h),
+      onChange: (a, f) => h(f),
       ...o
     }
   );
 };
-function Ee(f) {
+function $e(s) {
   const {
-    skeletonAvatarColumns: m,
-    columns: p = [],
-    data: a = [],
-    customNoDataIcon: c,
+    skeletonAvatarColumns: u,
+    columns: S = [],
+    data: r = [],
+    customNoDataIcon: d,
     loading: o,
-    noData: d,
-    onCheckBoxChange: u,
-    onIndeterminateCheckBoxChange: l,
-    onPaginationChange: h,
-    onSelectChange: C,
+    noData: g,
+    onCheckBoxChange: h,
+    onIndeterminateCheckBoxChange: a,
+    onPaginationChange: f,
+    onSelectChange: R,
     onSort: b,
-    pageSizes: T = [10, 25, 50, 100],
-    selectable: N = !1,
-    skeletonAvatarProps: $,
-    pagingData: y = {
+    pageSizes: N = [10, 25, 50, 100],
+    selectable: y = !1,
+    skeletonAvatarProps: B,
+    pagingData: P = {
       total: 0,
       pageIndex: 1,
       pageSize: 10
     },
-    checkboxChecked: R,
-    indeterminateCheckboxChecked: P,
-    instanceId: q = "data-table",
-    ref: B,
-    renderSubComponent: O = () => null,
-    getRowCanExpand: V = () => !1,
+    checkboxChecked: w,
+    indeterminateCheckboxChecked: A,
+    instanceId: O = "data-table",
+    ref: V,
+    renderSubComponent: L = () => null,
+    getRowCanExpand: W = () => !1,
     onSelectionChange: x,
-    hidePagination: L = !1,
-    ...W
-  } = f, { pageSize: v, pageIndex: _, total: G } = y, [r, J] = ne(null), { t: K } = fe(), z = F(
-    () => T.map((e) => ({
+    hidePagination: _ = !1,
+    ...G
+  } = s, { pageSize: v, pageIndex: J, total: K } = P, [i, Q] = E(null), [U, k] = E({}), { t: X } = fe(), z = H(
+    () => N.map((e) => ({
       value: e,
-      label: `${e} / ${K("common.table.pageAbbr")}`
+      label: `${e} / ${X("common.table.pageAbbr")}`
     })),
-    [T]
+    [N]
   );
-  M(() => {
-    if (Array.isArray(r)) {
-      const e = r.length > 0 ? r[0].desc ? "desc" : "asc" : "", t = r.length > 0 ? r[0].id : "";
+  C(() => {
+    if (Array.isArray(i)) {
+      const e = i.length > 0 ? i[0].desc ? "desc" : "asc" : "", t = i.length > 0 ? i[0].id : "";
       b == null || b({ order: e, key: t });
     }
-  }, [r]);
-  const Q = (e, t) => {
-    o || l == null || l(e, t);
-  }, U = (e, t) => {
-    o || u == null || u(e, t);
-  }, w = F(() => {
-    const e = p;
-    return N ? [
+  }, [i]);
+  const Y = (e, t) => {
+    o || a == null || a(e, t);
+  }, Z = (e, t) => {
+    o || h == null || h(e, t);
+  }, M = H(() => {
+    const e = S;
+    return y ? [
       {
         id: "select",
         maxSize: 50,
         header: ({ table: t }) => /* @__PURE__ */ n(
-          H,
+          j,
           {
-            checked: P ? P(
+            checked: A ? A(
               t.getRowModel().rows
             ) : t.getIsAllRowsSelected(),
             indeterminate: t.getIsSomeRowsSelected(),
             onChange: t.getToggleAllRowsSelectedHandler(),
-            onIndeterminateCheckBoxChange: (s) => {
-              Q(
-                s.target.checked,
+            onIndeterminateCheckBoxChange: (c) => {
+              Y(
+                c.target.checked,
                 t.getRowModel().rows
               );
             }
           }
         ),
         cell: ({ row: t }) => /* @__PURE__ */ n(
-          H,
+          j,
           {
-            checked: R ? R(t.original) : t.getIsSelected(),
+            checked: w ? w(t.original) : t.getIsSelected(),
             disabled: !t.getCanSelect(),
             indeterminate: t.getIsSomeSelected(),
             onChange: t.getToggleSelectedHandler(),
-            onCheckBoxChange: (s) => U(
-              s.target.checked,
+            onCheckBoxChange: (c) => Z(
+              c.target.checked,
               t.original
             )
           }
@@ -121,51 +121,63 @@ function Ee(f) {
       },
       ...e
     ] : e;
-  }, [p, N, o, R]), i = de({
-    data: a,
+  }, [S, y, o, w]), l = ie({
+    data: r,
     // eslint-disable-next-line  @typescript-eslint/no-explicit-any
-    columns: w,
-    getCoreRowModel: he(),
-    getFilteredRowModel: ue(),
-    getPaginationRowModel: me(),
-    getSortedRowModel: ge(),
+    columns: M,
+    getCoreRowModel: ge(),
+    getFilteredRowModel: de(),
+    getPaginationRowModel: se(),
+    getSortedRowModel: ce(),
     manualPagination: !0,
-    manualSorting: f.manualSorting ?? !1,
+    manualSorting: s.manualSorting ?? !1,
     onSortingChange: (e) => {
-      J(e);
+      Q(e);
     },
+    onRowSelectionChange: k,
     state: {
-      sorting: r
+      sorting: i,
+      rowSelection: U
     },
-    getRowCanExpand: V
-  }), X = () => {
-    i.resetSorting();
-  }, A = () => {
-    i.resetRowSelection(!0);
+    getRowCanExpand: W
+  }), ee = () => {
+    l.resetSorting();
+  }, F = () => {
+    l.resetRowSelection(!0);
   };
-  oe(B, () => ({
-    resetSorting: X,
-    resetSelected: A
+  ue(V, () => ({
+    resetSorting: ee,
+    resetSelected: F
   }));
-  const Y = (e) => {
-    o || (A(), h == null || h(e));
-  }, Z = (e) => {
-    o || C == null || C(Number(e));
-  }, k = E([]);
-  return M(() => {
+  const te = (e) => {
+    o || (F(), f == null || f(e));
+  }, ne = (e) => {
+    o || R == null || R(Number(e));
+  }, I = q([]);
+  return C(() => {
     if (!x) return;
-    const e = i.getSelectedRowModel().rows.map((s) => s.original);
-    e.length === k.current.length && e.every((s, ee) => s === k.current[ee]) || (k.current = e, x(e));
-  }, [i.getState().rowSelection, x, i]), /* @__PURE__ */ g(se, { loading: !!(o && a.length !== 0), type: "cover", children: [
-    /* @__PURE__ */ g(j, { ...W, children: [
-      /* @__PURE__ */ n(be, { children: i.getHeaderGroups().map((e) => /* @__PURE__ */ n(S, { children: e.headers.map((t) => /* @__PURE__ */ n(
-        Ce,
+    const e = l.getSelectedRowModel().rows.map((c) => c.original);
+    e.length === I.current.length && e.every(
+      (c, oe) => c === I.current[oe]
+    ) || (I.current = e, x(e));
+  }, [l.getState().rowSelection, x, l]), C(() => {
+    if (s.isAllSelected && l) {
+      const e = {};
+      l.getRowModel().rows.forEach((t) => {
+        e[t.id] = !0;
+      }), k(e);
+    } else
+      k({});
+  }, [s.isAllSelected]), /* @__PURE__ */ m(pe, { loading: !!(o && r.length !== 0), type: "cover", children: [
+    /* @__PURE__ */ m($, { ...G, children: [
+      /* @__PURE__ */ n(we, { children: l.getHeaderGroups().map((e) => /* @__PURE__ */ n(p, { children: e.headers.map((t) => /* @__PURE__ */ n(
+        be,
         {
           colSpan: t.colSpan,
-          children: t.isPlaceholder ? null : /* @__PURE__ */ g(
+          children: t.isPlaceholder ? null : /* @__PURE__ */ m(
             "div",
             {
-              className: ae(
+              className: me(
                 "flex items-center justify-between gap-1",
                 t.column.getCanSort() && "cursor-pointer select-none",
                 o && "pointer-events-none"
@@ -176,34 +188,39 @@ function Ee(f) {
                   t.column.columnDef.header,
                   t.getContext()
                 ) }),
-                t.column.getCanSort() && /* @__PURE__ */ n(xe, { sort: t.column.getIsSorted() })
+                t.column.getCanSort() && /* @__PURE__ */ n(
+                  ve,
+                  {
+                    sort: t.column.getIsSorted()
+                  }
+                )
               ]
             }
           )
         },
         t.id
       )) }, e.id)) }),
-      o && a.length === 0 ? /* @__PURE__ */ n(
-        ie,
+      o && r.length === 0 ? /* @__PURE__ */ n(
+        Se,
         {
-          columns: w.length,
-          rows: y.pageSize,
-          avatarInColumns: m,
-          avatarProps: $
+          columns: M.length,
+          rows: P.pageSize,
+          avatarInColumns: u,
+          avatarProps: B
         }
-      ) : /* @__PURE__ */ n(Re, { children: d ? /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(
-        I,
+      ) : /* @__PURE__ */ n(xe, { children: g ? /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(
+        T,
         {
           className: "hover:bg-transparent",
-          colSpan: w.length,
-          children: /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-4", children: c || /* @__PURE__ */ g(te, { children: [
-            /* @__PURE__ */ n(ce, {}),
+          colSpan: M.length,
+          children: /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-4", children: d || /* @__PURE__ */ m(le, { children: [
+            /* @__PURE__ */ n(ae, {}),
             /* @__PURE__ */ n("span", { className: "font-semibold", children: "No data found!" })
           ] }) })
         }
-      ) }) : i.getRowModel().rows.slice(0, v).map((e) => /* @__PURE__ */ g(le, { children: [
-        /* @__PURE__ */ n(S, { children: e.getVisibleCells().map((t) => /* @__PURE__ */ n(
-          I,
+      ) }) : l.getRowModel().rows.slice(0, v).map((e) => /* @__PURE__ */ m(he, { children: [
+        /* @__PURE__ */ n(p, { children: e.getVisibleCells().map((t) => /* @__PURE__ */ n(
+          T,
           {
             style: {
               width: t.column.getSize()
@@ -215,23 +232,31 @@ function Ee(f) {
           },
           t.id
         )) }, e.id),
-        e.getIsExpanded() && /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(I, { colSpan: e.getVisibleCells().length, children: O(e) }) })
+        e.getIsExpanded() && /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(
+          T,
+          {
+            colSpan: e.getVisibleCells().length,
+            children: L(
+              e
+            )
+          }
+        ) })
       ] }, e.id)) })
     ] }),
-    !L && /* @__PURE__ */ g("div", { className: "flex items-center justify-between mt-4", children: [
+    !_ && /* @__PURE__ */ m("div", { className: "mt-4 flex items-center justify-between", children: [
       /* @__PURE__ */ n(
-        pe,
+        Ce,
         {
           pageSize: v,
-          currentPage: _,
-          total: G,
-          onChange: Y
+          currentPage: J,
+          total: K,
+          onChange: te
         }
       ),
       /* @__PURE__ */ n("div", { style: { minWidth: 130 }, children: /* @__PURE__ */ n(
-        Se,
+        Re,
         {
-          instanceId: q,
+          instanceId: O,
           size: "sm",
           menuPlacement: "top",
           isSearchable: !1,
@@ -239,13 +264,14 @@ function Ee(f) {
             (e) => e.value === v
           ),
           options: z,
-          onChange: (e) => Z(e == null ? void 0 : e.value)
+          onChange: (e) => ne(e == null ? void 0 : e.value)
         }
       ) })
     ] })
   ] });
 }
 export {
-  Ee as default
+  $e as DataTable,
+  $e as default
 };
 //# sourceMappingURL=DataTable.js.map

package/dist/@ecme/components/shared/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../lib/@ecme/components/shared/DataTable.tsx"],"sourcesContent":["import {\n    useMemo,\n    useRef,\n    useEffect,\n    useState,\n    useImperativeHandle,\n    Fragment\n} from 'react'\nimport classNames from 'classnames'\nimport Table from '@/components/ui/Table'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport Checkbox from '@/components/ui/Checkbox'\nimport TableRowSkeleton from './loaders/TableRowSkeleton'\nimport Loading from './Loading'\nimport FileNotFound from '@/assets/svg/FileNotFound'\nimport {\n    useReactTable,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    getSortedRowModel,\n    flexRender,\n    ColumnDef,\n    ColumnSort,\n    Row,\n    CellContext,\n} from '@tanstack/react-table'\nimport type { TableProps } from '@/components/ui/Table'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\nimport type { Ref, ChangeEvent, ReactNode } from 'react'\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\nimport { useTranslation } from 'react-i18next'\n\nexport type OnSortParam = { order: 'asc' | 'desc' | ''; key: string | number }\n\ntype DataTableProps<T> = {\n    columns: ColumnDef<T>[]\n    customNoDataIcon?: ReactNode\n    data?: T[]\n    loading?: boolean\n    noData?: boolean\n    instanceId?: string\n    onCheckBoxChange?: (checked: boolean, row: T) => void\n    onIndeterminateCheckBoxChange?: (checked: boolean, rows: Row<T>[]) => void\n    onPaginationChange?: (page: number) => void\n    onSelectChange?: (num: number) => void\n    onSort?: (sort: OnSortParam) => void\n    pageSizes?: number[]\n    manualSorting?: boolean\n    selectable?: boolean\n    skeletonAvatarColumns?: number[]\n    skeletonAvatarProps?: SkeletonProps\n    pagingData?: {\n        total: number\n        pageIndex: number\n        pageSize: number\n    }\n    checkboxChecked?: (row: T) => boolean\n    indeterminateCheckboxChecked?: (row: Row<T>[]) => boolean\n    ref?: Ref<DataTableResetHandle | HTMLTableElement>\n    onSelectionChange?: (selected: T[]) => void\n    renderSubComponent?: (row: Row<T>) => React.ReactNode\n    getRowCanExpand?: (row: Row<T>) => boolean\n    hidePagination?: boolean\n} & TableProps\n\ntype CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\n\ninterface IndeterminateCheckboxProps extends Omit<CheckboxProps, 'onChange'> {\n    onChange: (event: CheckBoxChangeEvent) => void\n    indeterminate: boolean\n    onCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n    onIndeterminateCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n}\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nconst IndeterminateCheckbox = (props: IndeterminateCheckboxProps) => {\n    const {\n        indeterminate,\n        onChange,\n        onCheckBoxChange,\n        onIndeterminateCheckBoxChange,\n        ...rest\n    } = props\n\n    const ref = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (typeof indeterminate === 'boolean' && ref.current) {\n            ref.current.indeterminate = !rest.checked && indeterminate\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ref, indeterminate])\n\n    const handleChange = (e: CheckBoxChangeEvent) => {\n        onChange(e)\n        onCheckBoxChange?.(e)\n        onIndeterminateCheckBoxChange?.(e)\n    }\n\n    return (\n        <Checkbox\n            ref={ref}\n            className=\"mb-0\"\n            onChange={(_, e) => handleChange(e)}\n            {...rest}\n        />\n    )\n}\n\nexport type DataTableResetHandle = {\n    resetSorting: () => void\n    resetSelected: () => void\n}\n\nfunction DataTable<T>(props: DataTableProps<T>) {\n    const {\n        skeletonAvatarColumns,\n        columns: columnsProp = [],\n        data = [],\n        customNoDataIcon,\n        loading,\n        noData,\n        onCheckBoxChange,\n        onIndeterminateCheckBoxChange,\n        onPaginationChange,\n        onSelectChange,\n        onSort,\n        pageSizes = [10, 25, 50, 100],\n        selectable = false,\n        skeletonAvatarProps,\n        pagingData = {\n            total: 0,\n            pageIndex: 1,\n            pageSize: 10,\n        },\n        checkboxChecked,\n        indeterminateCheckboxChecked,\n        instanceId = 'data-table',\n        ref,\n        renderSubComponent = () => null,\n        getRowCanExpand = () => false,\n        onSelectionChange,\n        hidePagination = false,\n        ...rest\n    } = props\n\n    const { pageSize, pageIndex, total } = pagingData\n\n    const [sorting, setSorting] = useState<ColumnSort[] | null>(null)\n\n    const {t} = useTranslation()\n\n    const pageSizeOption = useMemo(\n        () =>\n            pageSizes.map((number) => ({\n                value: number,\n                label: `${number} / ${t('common.table.pageAbbr')}`,\n            })),\n        [pageSizes],\n    )\n\n    useEffect(() => {\n        if (Array.isArray(sorting)) {\n            const sortOrder =\n                sorting.length > 0 ? (sorting[0].desc ? 'desc' : 'asc') : ''\n            const id = sorting.length > 0 ? sorting[0].id : ''\n            onSort?.({ order: sortOrder, key: id })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [sorting])\n\n    const handleIndeterminateCheckBoxChange = (\n        checked: boolean,\n        rows: Row<T>[],\n    ) => {\n        if (!loading) {\n            onIndeterminateCheckBoxChange?.(checked, rows)\n        }\n    }\n\n    const handleCheckBoxChange = (checked: boolean, row: T) => {\n        if (!loading) {\n            onCheckBoxChange?.(checked, row)\n        }\n    }\n\n    const finalColumns: ColumnDef<T>[] = useMemo(() => {\n        const columns = columnsProp\n\n        if (selectable) {\n            return [\n                {\n                    id: 'select',\n                    maxSize: 50,\n                    header: ({ table }) => (\n                        <IndeterminateCheckbox\n                            checked={\n                                indeterminateCheckboxChecked\n                                    ? indeterminateCheckboxChecked(\n                                          table.getRowModel().rows,\n                                      )\n                                    : table.getIsAllRowsSelected()\n                            }\n                            indeterminate={table.getIsSomeRowsSelected()}\n                            onChange={table.getToggleAllRowsSelectedHandler()}\n                            onIndeterminateCheckBoxChange={(e) => {\n                                handleIndeterminateCheckBoxChange(\n                                    e.target.checked,\n                                    table.getRowModel().rows,\n                                )\n                            }}\n                        />\n                    ),\n                    cell: ({ row }) => (\n                        <IndeterminateCheckbox\n                            checked={\n                                checkboxChecked\n                                    ? checkboxChecked(row.original)\n                                    : row.getIsSelected()\n                            }\n                            disabled={!row.getCanSelect()}\n                            indeterminate={row.getIsSomeSelected()}\n                            onChange={row.getToggleSelectedHandler()}\n                            onCheckBoxChange={(e) =>\n                                handleCheckBoxChange(\n                                    e.target.checked,\n                                    row.original,\n                                )\n                            }\n                        />\n                    ),\n                },\n                ...columns,\n            ]\n        }\n        return columns\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [columnsProp, selectable, loading, checkboxChecked])\n\n    const table = useReactTable({\n        data,\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        columns: finalColumns,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        manualPagination: true,\n        manualSorting: props.manualSorting ?? false,\n        onSortingChange: (sorter) => {\n            setSorting(sorter as ColumnSort[])\n        },\n        state: {\n            sorting: sorting as ColumnSort[],\n        },\n        getRowCanExpand\n    })\n\n    const resetSorting = () => {\n        table.resetSorting()\n    }\n\n    const resetSelected = () => {\n        table.resetRowSelection(true)\n    }\n\n    useImperativeHandle(ref, () => ({\n        resetSorting,\n        resetSelected,\n    }))\n\n    const handlePaginationChange = (page: number) => {\n        if (!loading) {\n            resetSelected()\n            onPaginationChange?.(page)\n        }\n    }\n\n    const handleSelectChange = (value?: number) => {\n        if (!loading) {\n            onSelectChange?.(Number(value))\n        }\n    }\n\n    const prevSelectedRef = useRef<T[]>([])\n\n    useEffect(() => {\n        if (!onSelectionChange) return;\n\n        const selectedRows = table.getSelectedRowModel().rows.map(r => r.original as T);\n\n        const isEqual = selectedRows.length === prevSelectedRef.current.length &&\n            selectedRows.every((item, idx) => item === prevSelectedRef.current[idx]);\n\n        if (!isEqual) {\n            prevSelectedRef.current = selectedRows;\n            onSelectionChange(selectedRows);\n        }\n    }, [table.getState().rowSelection, onSelectionChange, table]);\n\n    return (\n        <Loading loading={Boolean(loading && data.length !== 0)} type=\"cover\">\n            <Table {...rest}>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <div\n                                                className={classNames(\n                                                    'flex items-center justify-between gap-1',\n                                                    header.column.getCanSort() && 'cursor-pointer select-none',\n                                                    loading && 'pointer-events-none',\n                                                )}\n                                                onClick={header.column.getToggleSortingHandler()}\n                                            >\n                                                <span className=\"truncate\">\n                                                    {flexRender(\n                                                        header.column.columnDef.header,\n                                                        header.getContext(),\n                                                    )}\n                                                </span>\n                                                {header.column.getCanSort() && (\n                                                    <Sorter sort={header.column.getIsSorted()} />\n                                                )}\n                                            </div>\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                {loading && data.length === 0 ? (\n                    <TableRowSkeleton\n                        columns={(finalColumns as Array<T>).length}\n                        rows={pagingData.pageSize}\n                        avatarInColumns={skeletonAvatarColumns}\n                        avatarProps={skeletonAvatarProps}\n                    />\n                ) : (\n                    <TBody>\n                        {noData ? (\n                            <Tr>\n                                <Td\n                                    className=\"hover:bg-transparent\"\n                                    colSpan={finalColumns.length}\n                                >\n                                    <div className=\"flex flex-col items-center gap-4\">\n                                        {customNoDataIcon ? (\n                                            customNoDataIcon\n                                        ) : (\n                                            <>\n                                                <FileNotFound />\n                                                <span className=\"font-semibold\">\n                                                    No data found!\n                                                </span>\n                                            </>\n                                        )}\n                                    </div>\n                                </Td>\n                            </Tr>\n                        ) : (\n                            table\n                                .getRowModel()\n                                .rows.slice(0, pageSize)\n                                .map((row) => {\n                                    return (\n                                        <Fragment key={row.id}>\n                                            <Tr key={row.id}>\n                                                {row\n                                                    .getVisibleCells()\n                                                    .map((cell) => {\n                                                        return (\n                                                            <Td\n                                                                key={cell.id}\n                                                                style={{\n                                                                    width: cell.column.getSize(),\n                                                                }}\n                                                            >\n                                                                {flexRender(\n                                                                    cell.column\n                                                                        .columnDef\n                                                                        .cell,\n                                                                    cell.getContext(),\n                                                                )}\n                                                            </Td>\n                                                        )\n                                                    })}\n                                            </Tr>\n                                            {row.getIsExpanded() && (\n                                                <Tr>\n                                                    <Td colSpan={row.getVisibleCells().length}>{renderSubComponent(row)}</Td>\n                                                </Tr>\n                                            )}\n                                        </Fragment>\n                                    )\n                                })\n                        )}\n                    </TBody>\n                )}\n            </Table>\n            {!hidePagination && (\n                <div className=\"flex items-center justify-between mt-4\">\n                    <Pagination\n                        pageSize={pageSize}\n                        currentPage={pageIndex}\n                        total={total}\n                        onChange={handlePaginationChange}\n                    />\n                    <div style={{ minWidth: 130 }}>\n                        <Select\n                            instanceId={instanceId}\n                            size=\"sm\"\n                            menuPlacement=\"top\"\n                            isSearchable={false}\n                            value={pageSizeOption.filter(\n                                (option) => option.value === pageSize,\n                            )}\n                            options={pageSizeOption}\n                            onChange={(option) => handleSelectChange(option?.value)}\n                        />\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport type { ColumnDef, Row, CellContext }\nexport default DataTable\n"],"names":["Tr","Th","Td","THead","TBody","Sorter","Table","IndeterminateCheckbox","props","indeterminate","onChange","onCheckBoxChange","onIndeterminateCheckBoxChange","rest","ref","useRef","useEffect","handleChange","e","jsx","Checkbox","_","DataTable","skeletonAvatarColumns","columnsProp","data","customNoDataIcon","loading","noData","onPaginationChange","onSelectChange","onSort","pageSizes","selectable","skeletonAvatarProps","pagingData","checkboxChecked","indeterminateCheckboxChecked","instanceId","renderSubComponent","getRowCanExpand","onSelectionChange","hidePagination","pageSize","pageIndex","total","sorting","setSorting","useState","t","useTranslation","pageSizeOption","useMemo","number","sortOrder","id","handleIndeterminateCheckBoxChange","checked","rows","handleCheckBoxChange","row","finalColumns","columns","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","sorter","resetSorting","resetSelected","useImperativeHandle","handlePaginationChange","page","handleSelectChange","value","prevSelectedRef","selectedRows","r","item","idx","jsxs","Loading","headerGroup","header","classNames","flexRender","TableRowSkeleton","Fragment","FileNotFound","cell","Pagination","Select","option"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../lib/@ecme/components/shared/DataTable.tsx"],"sourcesContent":["import FileNotFound from '@/assets/svg/FileNotFound'\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\nimport type { TableProps } from '@/components/ui/Table'\nimport Table from '@/components/ui/Table'\nimport {\n    CellContext,\n    ColumnDef,\n    ColumnSort,\n    flexRender,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    getSortedRowModel,\n    Row,\n    useReactTable,\n} from '@tanstack/react-table'\nimport classNames from 'classnames'\nimport type { ChangeEvent, ReactNode, Ref } from 'react'\nimport {\n    Fragment,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport TableRowSkeleton from './loaders/TableRowSkeleton'\nimport Loading from './Loading'\n\nexport type OnSortParam = { order: 'asc' | 'desc' | ''; key: string | number }\n\nexport type DataTableProps<T> = {\n    columns: ColumnDef<T>[]\n    customNoDataIcon?: ReactNode\n    data?: T[]\n    loading?: boolean\n    noData?: boolean\n    instanceId?: string\n    onCheckBoxChange?: (checked: boolean, row: T) => void\n    onIndeterminateCheckBoxChange?: (checked: boolean, rows: Row<T>[]) => void\n    onPaginationChange?: (page: number) => void\n    onSelectChange?: (num: number) => void\n    onSort?: (sort: OnSortParam) => void\n    pageSizes?: number[]\n    manualSorting?: boolean\n    selectable?: boolean\n    skeletonAvatarColumns?: number[]\n    skeletonAvatarProps?: SkeletonProps\n    pagingData?: {\n        total: number\n        pageIndex: number\n        pageSize: number\n    }\n    checkboxChecked?: (row: T) => boolean\n    indeterminateCheckboxChecked?: (row: Row<T>[]) => boolean\n    ref?: Ref<DataTableResetHandle | HTMLTableElement>\n    onSelectionChange?: (selected: T[]) => void\n    renderSubComponent?: (row: Row<T>) => React.ReactNode\n    getRowCanExpand?: (row: Row<T>) => boolean\n    hidePagination?: boolean\n    isAllSelected?: boolean\n} & TableProps\n\nexport type CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\n\nexport interface IndeterminateCheckboxProps\n    extends Omit<CheckboxProps, 'onChange'> {\n    onChange: (event: CheckBoxChangeEvent) => void\n    indeterminate: boolean\n    onCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n    onIndeterminateCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n}\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nconst IndeterminateCheckbox = (props: IndeterminateCheckboxProps) => {\n    const {\n        indeterminate,\n        onChange,\n        onCheckBoxChange,\n        onIndeterminateCheckBoxChange,\n        ...rest\n    } = props\n\n    const ref = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (typeof indeterminate === 'boolean' && ref.current) {\n            ref.current.indeterminate = !rest.checked && indeterminate\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ref, indeterminate])\n\n    const handleChange = (e: CheckBoxChangeEvent) => {\n        onChange(e)\n        onCheckBoxChange?.(e)\n        onIndeterminateCheckBoxChange?.(e)\n    }\n\n    return (\n        <Checkbox\n            ref={ref}\n            className=\"mb-0\"\n            onChange={(_, e) => handleChange(e)}\n            {...rest}\n        />\n    )\n}\n\nexport type DataTableResetHandle = {\n    resetSorting: () => void\n    resetSelected: () => void\n}\n\nfunction DataTable<T>(props: DataTableProps<T>) {\n    const {\n        skeletonAvatarColumns,\n        columns: columnsProp = [],\n        data = [],\n        customNoDataIcon,\n        loading,\n        noData,\n        onCheckBoxChange,\n        onIndeterminateCheckBoxChange,\n        onPaginationChange,\n        onSelectChange,\n        onSort,\n        pageSizes = [10, 25, 50, 100],\n        selectable = false,\n        skeletonAvatarProps,\n        pagingData = {\n            total: 0,\n            pageIndex: 1,\n            pageSize: 10,\n        },\n        checkboxChecked,\n        indeterminateCheckboxChecked,\n        instanceId = 'data-table',\n        ref,\n        renderSubComponent = () => null,\n        getRowCanExpand = () => false,\n        onSelectionChange,\n        hidePagination = false,\n        ...rest\n    } = props\n\n    const { pageSize, pageIndex, total } = pagingData\n\n    const [sorting, setSorting] = useState<ColumnSort[] | null>(null)\n    const [selection, setRowSelection] = useState({})\n\n    const { t } = useTranslation()\n\n    const pageSizeOption = useMemo(\n        () =>\n            pageSizes.map((number) => ({\n                value: number,\n                label: `${number} / ${t('common.table.pageAbbr')}`,\n            })),\n        [pageSizes],\n    )\n\n    useEffect(() => {\n        if (Array.isArray(sorting)) {\n            const sortOrder =\n                sorting.length > 0 ? (sorting[0].desc ? 'desc' : 'asc') : ''\n            const id = sorting.length > 0 ? sorting[0].id : ''\n            onSort?.({ order: sortOrder, key: id })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [sorting])\n\n    const handleIndeterminateCheckBoxChange = (\n        checked: boolean,\n        rows: Row<T>[],\n    ) => {\n        if (!loading) {\n            onIndeterminateCheckBoxChange?.(checked, rows)\n        }\n    }\n\n    const handleCheckBoxChange = (checked: boolean, row: T) => {\n        if (!loading) {\n            onCheckBoxChange?.(checked, row)\n        }\n    }\n\n    const finalColumns: ColumnDef<T>[] = useMemo(() => {\n        const columns = columnsProp\n\n        if (selectable) {\n            return [\n                {\n                    id: 'select',\n                    maxSize: 50,\n                    header: ({ table }) => (\n                        <IndeterminateCheckbox\n                            checked={\n                                indeterminateCheckboxChecked\n                                    ? indeterminateCheckboxChecked(\n                                          table.getRowModel().rows,\n                                      )\n                                    : table.getIsAllRowsSelected()\n                            }\n                            indeterminate={table.getIsSomeRowsSelected()}\n                            onChange={table.getToggleAllRowsSelectedHandler()}\n                            onIndeterminateCheckBoxChange={(e) => {\n                                handleIndeterminateCheckBoxChange(\n                                    e.target.checked,\n                                    table.getRowModel().rows,\n                                )\n                            }}\n                        />\n                    ),\n                    cell: ({ row }) => (\n                        <IndeterminateCheckbox\n                            checked={\n                                checkboxChecked\n                                    ? checkboxChecked(row.original)\n                                    : row.getIsSelected()\n                            }\n                            disabled={!row.getCanSelect()}\n                            indeterminate={row.getIsSomeSelected()}\n                            onChange={row.getToggleSelectedHandler()}\n                            onCheckBoxChange={(e) =>\n                                handleCheckBoxChange(\n                                    e.target.checked,\n                                    row.original,\n                                )\n                            }\n                        />\n                    ),\n                },\n                ...columns,\n            ]\n        }\n        return columns\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [columnsProp, selectable, loading, checkboxChecked])\n\n    const table = useReactTable({\n        data,\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        columns: finalColumns,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        manualPagination: true,\n        manualSorting: props.manualSorting ?? false,\n        onSortingChange: (sorter) => {\n            setSorting(sorter as ColumnSort[])\n        },\n        onRowSelectionChange: setRowSelection,\n        state: {\n            sorting: sorting as ColumnSort[],\n            rowSelection: selection,\n        },\n        getRowCanExpand,\n    })\n\n    const resetSorting = () => {\n        table.resetSorting()\n    }\n\n    const resetSelected = () => {\n        table.resetRowSelection(true)\n    }\n\n    useImperativeHandle(ref, () => ({\n        resetSorting,\n        resetSelected,\n    }))\n\n    const handlePaginationChange = (page: number) => {\n        if (!loading) {\n            resetSelected()\n            onPaginationChange?.(page)\n        }\n    }\n\n    const handleSelectChange = (value?: number) => {\n        if (!loading) {\n            onSelectChange?.(Number(value))\n        }\n    }\n\n    const prevSelectedRef = useRef<T[]>([])\n\n    useEffect(() => {\n        if (!onSelectionChange) return\n\n        const selectedRows = table\n            .getSelectedRowModel()\n            .rows.map((r) => r.original as T)\n\n        const isEqual =\n            selectedRows.length === prevSelectedRef.current.length &&\n            selectedRows.every(\n                (item, idx) => item === prevSelectedRef.current[idx],\n            )\n\n        if (!isEqual) {\n            prevSelectedRef.current = selectedRows\n            onSelectionChange(selectedRows)\n        }\n    }, [table.getState().rowSelection, onSelectionChange, table])\n\n    useEffect(() => {\n        if (props.isAllSelected && table) {\n            const all = {}\n            table.getRowModel().rows.forEach((row) => {\n                all[row.id] = true\n            })\n            setRowSelection(all)\n        } else {\n            setRowSelection({})\n        }\n    }, [props.isAllSelected])\n\n    return (\n        <Loading loading={Boolean(loading && data.length !== 0)} type=\"cover\">\n            <Table {...rest}>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <div\n                                                className={classNames(\n                                                    'flex items-center justify-between gap-1',\n                                                    header.column.getCanSort() &&\n                                                        'cursor-pointer select-none',\n                                                    loading &&\n                                                        'pointer-events-none',\n                                                )}\n                                                onClick={header.column.getToggleSortingHandler()}\n                                            >\n                                                <span className=\"truncate\">\n                                                    {flexRender(\n                                                        header.column.columnDef\n                                                            .header,\n                                                        header.getContext(),\n                                                    )}\n                                                </span>\n                                                {header.column.getCanSort() && (\n                                                    <Sorter\n                                                        sort={header.column.getIsSorted()}\n                                                    />\n                                                )}\n                                            </div>\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                {loading && data.length === 0 ? (\n                    <TableRowSkeleton\n                        columns={(finalColumns as Array<T>).length}\n                        rows={pagingData.pageSize}\n                        avatarInColumns={skeletonAvatarColumns}\n                        avatarProps={skeletonAvatarProps}\n                    />\n                ) : (\n                    <TBody>\n                        {noData ? (\n                            <Tr>\n                                <Td\n                                    className=\"hover:bg-transparent\"\n                                    colSpan={finalColumns.length}\n                                >\n                                    <div className=\"flex flex-col items-center gap-4\">\n                                        {customNoDataIcon ? (\n                                            customNoDataIcon\n                                        ) : (\n                                            <>\n                                                <FileNotFound />\n                                                <span className=\"font-semibold\">\n                                                    No data found!\n                                                </span>\n                                            </>\n                                        )}\n                                    </div>\n                                </Td>\n                            </Tr>\n                        ) : (\n                            table\n                                .getRowModel()\n                                .rows.slice(0, pageSize)\n                                .map((row) => {\n                                    return (\n                                        <Fragment key={row.id}>\n                                            <Tr key={row.id}>\n                                                {row\n                                                    .getVisibleCells()\n                                                    .map((cell) => {\n                                                        return (\n                                                            <Td\n                                                                key={cell.id}\n                                                                style={{\n                                                                    width: cell.column.getSize(),\n                                                                }}\n                                                            >\n                                                                {flexRender(\n                                                                    cell.column\n                                                                        .columnDef\n                                                                        .cell,\n                                                                    cell.getContext(),\n                                                                )}\n                                                            </Td>\n                                                        )\n                                                    })}\n                                            </Tr>\n                                            {row.getIsExpanded() && (\n                                                <Tr>\n                                                    <Td\n                                                        colSpan={\n                                                            row.getVisibleCells()\n                                                                .length\n                                                        }\n                                                    >\n                                                        {renderSubComponent(\n                                                            row,\n                                                        )}\n                                                    </Td>\n                                                </Tr>\n                                            )}\n                                        </Fragment>\n                                    )\n                                })\n                        )}\n                    </TBody>\n                )}\n            </Table>\n            {!hidePagination && (\n                <div className=\"mt-4 flex items-center justify-between\">\n                    <Pagination\n                        pageSize={pageSize}\n                        currentPage={pageIndex}\n                        total={total}\n                        onChange={handlePaginationChange}\n                    />\n                    <div style={{ minWidth: 130 }}>\n                        <Select\n                            instanceId={instanceId}\n                            size=\"sm\"\n                            menuPlacement=\"top\"\n                            isSearchable={false}\n                            value={pageSizeOption.filter(\n                                (option) => option.value === pageSize,\n                            )}\n                            options={pageSizeOption}\n                            onChange={(option) =>\n                                handleSelectChange(option?.value)\n                            }\n                        />\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport { DataTable }\nexport type { CellContext, ColumnDef, ColumnSort, Row }\nexport default DataTable\n"],"names":["Tr","Th","Td","THead","TBody","Sorter","Table","IndeterminateCheckbox","props","indeterminate","onChange","onCheckBoxChange","onIndeterminateCheckBoxChange","rest","ref","useRef","useEffect","handleChange","e","jsx","Checkbox","_","DataTable","skeletonAvatarColumns","columnsProp","data","customNoDataIcon","loading","noData","onPaginationChange","onSelectChange","onSort","pageSizes","selectable","skeletonAvatarProps","pagingData","checkboxChecked","indeterminateCheckboxChecked","instanceId","renderSubComponent","getRowCanExpand","onSelectionChange","hidePagination","pageSize","pageIndex","total","sorting","setSorting","useState","selection","setRowSelection","t","useTranslation","pageSizeOption","useMemo","number","sortOrder","id","handleIndeterminateCheckBoxChange","checked","rows","handleCheckBoxChange","row","finalColumns","columns","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","sorter","resetSorting","resetSelected","useImperativeHandle","handlePaginationChange","page","handleSelectChange","value","prevSelectedRef","selectedRows","r","item","idx","all","jsxs","Loading","headerGroup","header","classNames","flexRender","TableRowSkeleton","Fragment","FileNotFound","cell","Pagination","Select","option"],"mappings":"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"}

package/dist/@ecme/components/shared/NumberFormatInput.js

@@ -0,0 +1,19 @@
+import { jsx as m } from "react/jsx-runtime";
+import { PatternFormat as o } from "react-number-format";
+import { NumberInput as u } from "./NumberInput.js";
+const a = ({
+  onValueChange: t,
+  ...r
+}) => /* @__PURE__ */ m(
+  o,
+  {
+    customInput: u,
+    onValueChange: t,
+    ...r
+  }
+);
+export {
+  a as NumberFormatInput,
+  a as default
+};
+//# sourceMappingURL=NumberFormatInput.js.map

package/dist/@ecme/components/shared/NumberFormatInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberFormatInput.js","sources":["../../../../lib/@ecme/components/shared/NumberFormatInput.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { PatternFormat, PatternFormatProps } from 'react-number-format'\nimport { InputAffix, NumberInput } from './NumberInput'\n\nexport type NumberFormatInputProps = Omit<PatternFormatProps, 'form' | 'size'> &\n    InputAffix\n\nexport const NumberFormatInput = ({\n    onValueChange,\n    ...rest\n}: NumberFormatInputProps) => {\n    return (\n        <PatternFormat\n            customInput={NumberInput as ComponentType}\n            onValueChange={onValueChange}\n            {...rest}\n        />\n    )\n}\n\nexport default NumberFormatInput\n"],"names":["NumberFormatInput","onValueChange","rest","jsx","PatternFormat","NumberInput"],"mappings":";;;AAOO,MAAMA,IAAoB,CAAC;AAAA,EAC9B,eAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,aAAaC;AAAA,IACb,eAAAJ;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA;"}

package/dist/@ecme/components/shared/NumberInput.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import "../ui/Input/index.js";
+import f from "../ui/Input/Input.js";
+const p = ({
+  inputSuffix: t,
+  inputPrefix: u,
+  ...r
+}) => /* @__PURE__ */ e(
+  f,
+  {
+    ...r,
+    value: r.value,
+    suffix: t,
+    prefix: u
+  }
+);
+export {
+  p as NumberInput,
+  p as default
+};
+//# sourceMappingURL=NumberInput.js.map

package/dist/@ecme/components/shared/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../../lib/@ecme/components/shared/NumberInput.tsx"],"sourcesContent":["import type { InputProps } from '@/components/ui'\nimport Input from '@/components/ui/Input'\nimport type { ReactNode } from 'react'\n\nexport interface InputAffix {\n    inputSuffix?: string | ReactNode\n    inputPrefix?: string | ReactNode\n}\n\nexport interface NumberInputProps\n    extends Omit<InputProps, 'prefix' | 'suffix'>,\n        InputAffix {}\n\nexport const NumberInput = ({\n    inputSuffix,\n    inputPrefix,\n    ...props\n}: NumberInputProps) => {\n    return (\n        <Input\n            {...props}\n            value={props.value}\n            suffix={inputSuffix}\n            prefix={inputPrefix}\n        />\n    )\n}\n\nexport default NumberInput\n"],"names":["NumberInput","inputSuffix","inputPrefix","props","jsx","Input"],"mappings":";;;AAaO,MAAMA,IAAc,CAAC;AAAA,EACxB,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACI,GAAGF;AAAA,IACJ,OAAOA,EAAM;AAAA,IACb,QAAQF;AAAA,IACR,QAAQC;AAAA,EAAA;AAAA;"}