@orbe-agro/client-core 5.2.2 → 5.2.4

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

@@ -1,33 +1,33 @@
-import { jsx as n, jsxs as g, Fragment as ee } from "react/jsx-runtime";
-import { useRef as E, useEffect as M, useState as te, useMemo as F, useImperativeHandle as ne, Fragment as oe } from "react";
-import le from "classnames";
+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 "../ui/Pagination/index.js";
 import "../ui/Select/index.js";
-import { Checkbox as ae } from "../ui/Checkbox/index.js";
-import re from "./loaders/TableRowSkeleton.js";
+import { Checkbox as re } from "../ui/Checkbox/index.js";
+import ie from "./loaders/TableRowSkeleton.js";
 import se from "./Loading.js";
-import ie from "../../assets/svg/FileNotFound.js";
-import { useReactTable as ce, getSortedRowModel as de, getPaginationRowModel as ge, getFilteredRowModel as me, getCoreRowModel as ue, flexRender as D } from "@tanstack/react-table";
-import { useTranslation as he } from "react-i18next";
+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 { useTranslation as fe } from "react-i18next";
 import pe from "../ui/Pagination/Pagination.js";
-import fe from "../ui/Select/Select.js";
-const { Tr: S, Th: Se, Td: I, THead: Ce, TBody: be, Sorter: Re } = j, H = (p) => {
+import Se from "../ui/Select/Select.js";
+const { Tr: S, Th: Ce, Td: I, THead: be, TBody: Re, Sorter: xe } = j, H = (f) => {
   const {
     indeterminate: m,
-    onChange: f,
+    onChange: p,
     onCheckBoxChange: a,
     onIndeterminateCheckBoxChange: c,
     ...o
-  } = p, d = E(null);
+  } = f, d = E(null);
   M(() => {
     typeof m == "boolean" && d.current && (d.current.indeterminate = !o.checked && m);
   }, [d, m]);
   const u = (l) => {
-    f(l), a == null || a(l), c == null || c(l);
+    p(l), a == null || a(l), c == null || c(l);
   };
   return /* @__PURE__ */ n(
-    ae,
+    re,
     {
       ref: d,
       className: "mb-0",
@@ -36,10 +36,10 @@ const { Tr: S, Th: Se, Td: I, THead: Ce, TBody: be, Sorter: Re } = j, H = (p) =>
     }
   );
 };
-function He(p) {
+function Ee(f) {
   const {
     skeletonAvatarColumns: m,
-    columns: f = [],
+    columns: p = [],
     data: a = [],
     customNoDataIcon: c,
     loading: o,
@@ -64,11 +64,12 @@ function He(p) {
     renderSubComponent: O = () => null,
     getRowCanExpand: V = () => !1,
     onSelectionChange: x,
-    ...L
-  } = p, { pageSize: v, pageIndex: W, total: _ } = y, [r, G] = te(null), { t: J } = he(), z = F(
+    hidePagination: L = !1,
+    ...W
+  } = f, { pageSize: v, pageIndex: _, total: G } = y, [r, J] = ne(null), { t: K } = fe(), z = F(
     () => T.map((e) => ({
       value: e,
-      label: `${e} / ${J("common.table.pageAbbr")}`
+      label: `${e} / ${K("common.table.pageAbbr")}`
     })),
     [T]
   );
@@ -78,12 +79,12 @@ function He(p) {
       b == null || b({ order: e, key: t });
     }
   }, [r]);
-  const K = (e, t) => {
+  const Q = (e, t) => {
     o || l == null || l(e, t);
-  }, Q = (e, t) => {
+  }, U = (e, t) => {
     o || u == null || u(e, t);
   }, w = F(() => {
-    const e = f;
+    const e = p;
     return N ? [
       {
         id: "select",
@@ -96,9 +97,9 @@ function He(p) {
             ) : t.getIsAllRowsSelected(),
             indeterminate: t.getIsSomeRowsSelected(),
             onChange: t.getToggleAllRowsSelectedHandler(),
-            onIndeterminateCheckBoxChange: (i) => {
-              K(
-                i.target.checked,
+            onIndeterminateCheckBoxChange: (s) => {
+              Q(
+                s.target.checked,
                 t.getRowModel().rows
               );
             }
@@ -111,8 +112,8 @@ function He(p) {
             disabled: !t.getCanSelect(),
             indeterminate: t.getIsSomeSelected(),
             onChange: t.getToggleSelectedHandler(),
-            onCheckBoxChange: (i) => Q(
-              i.target.checked,
+            onCheckBoxChange: (s) => U(
+              s.target.checked,
               t.original
             )
           }
@@ -120,51 +121,51 @@ function He(p) {
       },
       ...e
     ] : e;
-  }, [f, N, o, R]), s = ce({
+  }, [p, N, o, R]), i = de({
     data: a,
     // eslint-disable-next-line  @typescript-eslint/no-explicit-any
     columns: w,
-    getCoreRowModel: ue(),
-    getFilteredRowModel: me(),
-    getPaginationRowModel: ge(),
-    getSortedRowModel: de(),
+    getCoreRowModel: he(),
+    getFilteredRowModel: ue(),
+    getPaginationRowModel: me(),
+    getSortedRowModel: ge(),
     manualPagination: !0,
-    manualSorting: p.manualSorting ?? !1,
+    manualSorting: f.manualSorting ?? !1,
     onSortingChange: (e) => {
-      G(e);
+      J(e);
     },
     state: {
       sorting: r
     },
     getRowCanExpand: V
-  }), U = () => {
-    s.resetSorting();
+  }), X = () => {
+    i.resetSorting();
   }, A = () => {
-    s.resetRowSelection(!0);
+    i.resetRowSelection(!0);
   };
-  ne(B, () => ({
-    resetSorting: U,
+  oe(B, () => ({
+    resetSorting: X,
     resetSelected: A
   }));
-  const X = (e) => {
+  const Y = (e) => {
     o || (A(), h == null || h(e));
-  }, Y = (e) => {
+  }, Z = (e) => {
     o || C == null || C(Number(e));
   }, k = E([]);
   return M(() => {
     if (!x) return;
-    const e = s.getSelectedRowModel().rows.map((i) => i.original);
-    e.length === k.current.length && e.every((i, Z) => i === k.current[Z]) || (k.current = e, x(e));
-  }, [s.getState().rowSelection, x, s]), /* @__PURE__ */ g(se, { loading: !!(o && a.length !== 0), type: "cover", children: [
-    /* @__PURE__ */ g(j, { ...L, children: [
-      /* @__PURE__ */ n(Ce, { children: s.getHeaderGroups().map((e) => /* @__PURE__ */ n(S, { children: e.headers.map((t) => /* @__PURE__ */ n(
-        Se,
+    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,
         {
           colSpan: t.colSpan,
           children: t.isPlaceholder ? null : /* @__PURE__ */ g(
             "div",
             {
-              className: le(
+              className: ae(
                 "flex items-center justify-between gap-1",
                 t.column.getCanSort() && "cursor-pointer select-none",
                 o && "pointer-events-none"
@@ -175,7 +176,7 @@ function He(p) {
                   t.column.columnDef.header,
                   t.getContext()
                 ) }),
-                t.column.getCanSort() && /* @__PURE__ */ n(Re, { sort: t.column.getIsSorted() })
+                t.column.getCanSort() && /* @__PURE__ */ n(xe, { sort: t.column.getIsSorted() })
               ]
             }
           )
@@ -183,24 +184,24 @@ function He(p) {
         t.id
       )) }, e.id)) }),
       o && a.length === 0 ? /* @__PURE__ */ n(
-        re,
+        ie,
         {
           columns: w.length,
           rows: y.pageSize,
           avatarInColumns: m,
           avatarProps: $
         }
-      ) : /* @__PURE__ */ n(be, { children: d ? /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(
+      ) : /* @__PURE__ */ n(Re, { children: d ? /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(
         I,
         {
           className: "hover:bg-transparent",
           colSpan: w.length,
-          children: /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-4", children: c || /* @__PURE__ */ g(ee, { children: [
-            /* @__PURE__ */ n(ie, {}),
+          children: /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-4", children: c || /* @__PURE__ */ g(te, { children: [
+            /* @__PURE__ */ n(ce, {}),
             /* @__PURE__ */ n("span", { className: "font-semibold", children: "No data found!" })
           ] }) })
         }
-      ) }) : s.getRowModel().rows.slice(0, v).map((e) => /* @__PURE__ */ g(oe, { children: [
+      ) }) : i.getRowModel().rows.slice(0, v).map((e) => /* @__PURE__ */ g(le, { children: [
         /* @__PURE__ */ n(S, { children: e.getVisibleCells().map((t) => /* @__PURE__ */ n(
           I,
           {
@@ -217,18 +218,18 @@ function He(p) {
         e.getIsExpanded() && /* @__PURE__ */ n(S, { children: /* @__PURE__ */ n(I, { colSpan: e.getVisibleCells().length, children: O(e) }) })
       ] }, e.id)) })
     ] }),
-    /* @__PURE__ */ g("div", { className: "flex items-center justify-between mt-4", children: [
+    !L && /* @__PURE__ */ g("div", { className: "flex items-center justify-between mt-4", children: [
       /* @__PURE__ */ n(
         pe,
         {
           pageSize: v,
-          currentPage: W,
-          total: _,
-          onChange: X
+          currentPage: _,
+          total: G,
+          onChange: Y
         }
       ),
       /* @__PURE__ */ n("div", { style: { minWidth: 130 }, children: /* @__PURE__ */ n(
-        fe,
+        Se,
         {
           instanceId: q,
           size: "sm",
@@ -238,13 +239,13 @@ function He(p) {
             (e) => e.value === v
           ),
           options: z,
-          onChange: (e) => Y(e == null ? void 0 : e.value)
+          onChange: (e) => Z(e == null ? void 0 : e.value)
         }
       ) })
     ] })
   ] });
 }
 export {
-  He as default
+  Ee 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} & 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        ...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            <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        </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","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":";;;;;;;;;;;;;;AA2EA,MAAM,EAAE,IAAAA,GAAI,IAAAC,IAAI,IAAAC,GAAI,OAAAC,IAAO,OAAAC,IAAO,QAAAC,OAAWC,GAEvCC,IAAwB,CAACC,MAAsC;AACjE,QAAM;AAAA,IACF,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHL,GAEEM,IAAMC,EAAyB,IAAI;AAEzC,EAAAC,EAAU,MAAM;AACZ,IAAI,OAAOP,KAAkB,aAAaK,EAAI,YAC1CA,EAAI,QAAQ,gBAAgB,CAACD,EAAK,WAAWJ;AAAA,EACjD,GAED,CAACK,GAAKL,CAAa,CAAC;AAEvB,QAAMQ,IAAe,CAACC,MAA2B;AAC7C,IAAAR,EAASQ,CAAC,GACVP,KAAA,QAAAA,EAAmBO,IACnBN,KAAA,QAAAA,EAAgCM;AAAA,EAAC;AAGrC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAACO,GAAGH,MAAMD,EAAaC,CAAC;AAAA,MACjC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGhB;AAOA,SAASS,GAAad,GAA0B;AAC5C,QAAM;AAAA,IACF,uBAAAe;AAAA,IACA,SAASC,IAAc,CAAA;AAAA,IACvB,MAAAC,IAAO,CAAA;AAAA,IACP,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAjB;AAAA,IACA,+BAAAC;AAAA,IACA,oBAAAiB;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC,IAAY,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,IAC5B,YAAAC,IAAa;AAAA,IACb,qBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,IAAA;AAAA,IAEd,iBAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,KAAAxB;AAAA,IACA,oBAAAyB,IAAqB,MAAM;AAAA,IAC3B,iBAAAC,IAAkB,MAAM;AAAA,IACxB,mBAAAC;AAAA,IACA,GAAG5B;AAAA,EAAA,IACHL,GAEE,EAAE,UAAAkC,GAAU,WAAAC,GAAW,OAAAC,EAAA,IAAUT,GAEjC,CAACU,GAASC,CAAU,IAAIC,GAA8B,IAAI,GAE1D,EAAC,GAAAC,EAAA,IAAKC,GAAA,GAENC,IAAiBC;AAAA,IACnB,MACInB,EAAU,IAAI,CAACoB,OAAY;AAAA,MACvB,OAAOA;AAAA,MACP,OAAO,GAAGA,CAAM,MAAMJ,EAAE,uBAAuB,CAAC;AAAA,IAAA,EAClD;AAAA,IACN,CAAChB,CAAS;AAAA,EAAA;AAGd,EAAAhB,EAAU,MAAM;AACZ,QAAI,MAAM,QAAQ6B,CAAO,GAAG;AACxB,YAAMQ,IACFR,EAAQ,SAAS,IAAKA,EAAQ,CAAC,EAAE,OAAO,SAAS,QAAS,IACxDS,IAAKT,EAAQ,SAAS,IAAIA,EAAQ,CAAC,EAAE,KAAK;AAChD,MAAAd,KAAA,QAAAA,EAAS,EAAE,OAAOsB,GAAW,KAAKC;IAAI;AAAA,EAC1C,GAED,CAACT,CAAO,CAAC;AAEZ,QAAMU,IAAoC,CACtCC,GACAC,MACC;AACD,IAAK9B,KACDf,KAAA,QAAAA,EAAgC4C,GAASC;AAAA,EAC7C,GAGEC,IAAuB,CAACF,GAAkBG,MAAW;AACvD,IAAKhC,KACDhB,KAAA,QAAAA,EAAmB6C,GAASG;AAAA,EAChC,GAGEC,IAA+BT,EAAQ,MAAM;AAC/C,UAAMU,IAAUrC;AAEhB,WAAIS,IACO;AAAA,MACH;AAAA,QACI,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ,CAAC,EAAE,OAAA6B,QACP,gBAAA3C;AAAA,UAACZ;AAAA,UAAA;AAAA,YACG,SACI8B,IACMA;AAAA,cACIyB,EAAM,cAAc;AAAA,YAAA,IAExBA,EAAM,qBAAA;AAAA,YAEhB,eAAeA,EAAM,sBAAA;AAAA,YACrB,UAAUA,EAAM,gCAAA;AAAA,YAChB,+BAA+B,CAAC5C,MAAM;AAClC,cAAAqC;AAAA,gBACIrC,EAAE,OAAO;AAAA,gBACT4C,EAAM,cAAc;AAAA,cAAA;AAAA,YACxB;AAAA,UACJ;AAAA,QAAA;AAAA,QAGR,MAAM,CAAC,EAAE,KAAAH,EAAA,MACL,gBAAAxC;AAAA,UAACZ;AAAA,UAAA;AAAA,YACG,SACI6B,IACMA,EAAgBuB,EAAI,QAAQ,IAC5BA,EAAI,cAAA;AAAA,YAEd,UAAU,CAACA,EAAI,aAAA;AAAA,YACf,eAAeA,EAAI,kBAAA;AAAA,YACnB,UAAUA,EAAI,yBAAA;AAAA,YACd,kBAAkB,CAACzC,MACfwC;AAAA,cACIxC,EAAE,OAAO;AAAA,cACTyC,EAAI;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,MAGR,GAAGE;AAAA,IAAA,IAGJA;AAAA,EAAA,GAER,CAACrC,GAAaS,GAAYN,GAASS,CAAe,CAAC,GAEhD0B,IAAQC,GAAc;AAAA,IACxB,MAAAtC;AAAA;AAAA,IAEA,SAASmC;AAAA,IACT,iBAAiBI,GAAA;AAAA,IACjB,qBAAqBC,GAAA;AAAA,IACrB,uBAAuBC,GAAA;AAAA,IACvB,mBAAmBC,GAAA;AAAA,IACnB,kBAAkB;AAAA,IAClB,eAAe3D,EAAM,iBAAiB;AAAA,IACtC,iBAAiB,CAAC4D,MAAW;AACzB,MAAAtB,EAAWsB,CAAsB;AAAA,IAAA;AAAA,IAErC,OAAO;AAAA,MACH,SAAAvB;AAAA,IAAA;AAAA,IAEJ,iBAAAL;AAAA,EAAA,CACH,GAEK6B,IAAe,MAAM;AACvB,IAAAP,EAAM,aAAA;AAAA,EAAa,GAGjBQ,IAAgB,MAAM;AACxB,IAAAR,EAAM,kBAAkB,EAAI;AAAA,EAAA;AAGhC,EAAAS,GAAoBzD,GAAK,OAAO;AAAA,IAC5B,cAAAuD;AAAA,IACA,eAAAC;AAAA,EAAA,EACF;AAEF,QAAME,IAAyB,CAACC,MAAiB;AAC7C,IAAK9C,MACD2C,EAAA,GACAzC,KAAA,QAAAA,EAAqB4C;AAAA,EACzB,GAGEC,IAAqB,CAACC,MAAmB;AAC3C,IAAKhD,KACDG,KAAA,QAAAA,EAAiB,OAAO6C,CAAK;AAAA,EACjC,GAGEC,IAAkB7D,EAAY,EAAE;AAEtC,SAAAC,EAAU,MAAM;AACZ,QAAI,CAACyB,EAAmB;AAExB,UAAMoC,IAAef,EAAM,sBAAsB,KAAK,IAAI,CAAAgB,MAAKA,EAAE,QAAa;AAK9E,IAHgBD,EAAa,WAAWD,EAAgB,QAAQ,UAC5DC,EAAa,MAAM,CAACE,GAAMC,MAAQD,MAASH,EAAgB,QAAQI,CAAG,CAAC,MAGvEJ,EAAgB,UAAUC,GAC1BpC,EAAkBoC,CAAY;AAAA,EAClC,GACD,CAACf,EAAM,SAAA,EAAW,cAAcrB,GAAmBqB,CAAK,CAAC,GAGxD,gBAAAmB,EAACC,IAAA,EAAQ,SAAS,GAAQvD,KAAWF,EAAK,WAAW,IAAI,MAAK,SAC1D,UAAA;AAAA,IAAA,gBAAAwD,EAAC3E,GAAA,EAAO,GAAGO,GACP,UAAA;AAAA,MAAA,gBAAAM,EAAChB,IAAA,EACI,UAAA2D,EAAM,gBAAA,EAAkB,IAAI,CAACqB,MAC1B,gBAAAhE,EAACnB,GAAA,EACI,UAAAmF,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAjE;AAAA,QAAClB;AAAA,QAAA;AAAA,UAEG,SAASmF,EAAO;AAAA,UAEf,UAAAA,EAAO,gBAAgB,OACpB,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWI;AAAA,gBACP;AAAA,gBACAD,EAAO,OAAO,WAAA,KAAgB;AAAA,gBAC9BzD,KAAW;AAAA,cAAA;AAAA,cAEf,SAASyD,EAAO,OAAO,wBAAA;AAAA,cAEvB,UAAA;AAAA,gBAAA,gBAAAjE,EAAC,QAAA,EAAK,WAAU,YACX,UAAAmE;AAAA,kBACGF,EAAO,OAAO,UAAU;AAAA,kBACxBA,EAAO,WAAA;AAAA,gBAAW,GAE1B;AAAA,gBACCA,EAAO,OAAO,WAAA,KACX,gBAAAjE,EAACd,MAAO,MAAM+E,EAAO,OAAO,cAAY,CAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEnD;AAAA,QArBCA,EAAO;AAAA,MAAA,CAyBvB,KA7BID,EAAY,EA8BrB,CACH,EAAA,CACL;AAAA,MACCxD,KAAWF,EAAK,WAAW,IACxB,gBAAAN;AAAA,QAACoE;AAAA,QAAA;AAAA,UACG,SAAU3B,EAA0B;AAAA,UACpC,MAAMzB,EAAW;AAAA,UACjB,iBAAiBZ;AAAA,UACjB,aAAaW;AAAA,QAAA;AAAA,MAAA,IAGjB,gBAAAf,EAACf,IAAA,EACI,UAAAwB,sBACI5B,GAAA,EACG,UAAA,gBAAAmB;AAAA,QAACjB;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS0D,EAAa;AAAA,UAEtB,4BAAC,OAAA,EAAI,WAAU,oCACV,UAAAlC,KAGG,gBAAAuD,EAAAO,IAAA,EACI,UAAA;AAAA,YAAA,gBAAArE,EAACsE,IAAA,EAAa;AAAA,YACd,gBAAAtE,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,iBAAA,CAEhC;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,QAAA;AAAA,MAAA,EACJ,CACJ,IAEA2C,EACK,YAAA,EACA,KAAK,MAAM,GAAGpB,CAAQ,EACtB,IAAI,CAACiB,MAEE,gBAAAsB,EAACO,IAAA,EACG,UAAA;AAAA,QAAA,gBAAArE,EAACnB,KACI,UAAA2D,EACI,kBACA,IAAI,CAAC+B,MAEE,gBAAAvE;AAAA,UAACjB;AAAA,UAAA;AAAA,YAEG,OAAO;AAAA,cACH,OAAOwF,EAAK,OAAO,QAAA;AAAA,YAAQ;AAAA,YAG9B,UAAAJ;AAAA,cACGI,EAAK,OACA,UACA;AAAA,cACLA,EAAK,WAAA;AAAA,YAAW;AAAA,UACpB;AAAA,UAVKA,EAAK;AAAA,QAAA,CAarB,EAAA,GAnBA/B,EAAI,EAoBb;AAAA,QACCA,EAAI,cAAA,KACD,gBAAAxC,EAACnB,KACG,UAAA,gBAAAmB,EAACjB,GAAA,EAAG,SAASyD,EAAI,kBAAkB,QAAS,UAAApB,EAAmBoB,CAAG,GAAE,EAAA,CACxE;AAAA,MAAA,EAAA,GAzBOA,EAAI,EA2BnB,CAEP,EAAA,CAEb;AAAA,IAAA,GAER;AAAA,IACA,gBAAAsB,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAA9D;AAAA,QAACwE;AAAA,QAAA;AAAA,UACG,UAAAjD;AAAA,UACA,aAAaC;AAAA,UACb,OAAAC;AAAA,UACA,UAAU4B;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEb,OAAA,EAAI,OAAO,EAAE,UAAU,OACpB,UAAA,gBAAArD;AAAA,QAACyE;AAAA,QAAA;AAAA,UACG,YAAAtD;AAAA,UACA,MAAK;AAAA,UACL,eAAc;AAAA,UACd,cAAc;AAAA,UACd,OAAOY,EAAe;AAAA,YAClB,CAAC2C,MAAWA,EAAO,UAAUnD;AAAA,UAAA;AAAA,UAEjC,SAASQ;AAAA,UACT,UAAU,CAAC2C,MAAWnB,EAAmBmB,KAAA,gBAAAA,EAAQ,KAAK;AAAA,QAAA;AAAA,MAAA,EAC1D,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}
+{"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":";;;;;;;;;;;;;;AA4EA,MAAM,EAAE,IAAAA,GAAI,IAAAC,IAAI,IAAAC,GAAI,OAAAC,IAAO,OAAAC,IAAO,QAAAC,OAAWC,GAEvCC,IAAwB,CAACC,MAAsC;AACjE,QAAM;AAAA,IACF,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHL,GAEEM,IAAMC,EAAyB,IAAI;AAEzC,EAAAC,EAAU,MAAM;AACZ,IAAI,OAAOP,KAAkB,aAAaK,EAAI,YAC1CA,EAAI,QAAQ,gBAAgB,CAACD,EAAK,WAAWJ;AAAA,EACjD,GAED,CAACK,GAAKL,CAAa,CAAC;AAEvB,QAAMQ,IAAe,CAACC,MAA2B;AAC7C,IAAAR,EAASQ,CAAC,GACVP,KAAA,QAAAA,EAAmBO,IACnBN,KAAA,QAAAA,EAAgCM;AAAA,EAAC;AAGrC,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,WAAU;AAAA,MACV,UAAU,CAACO,GAAGH,MAAMD,EAAaC,CAAC;AAAA,MACjC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGhB;AAOA,SAASS,GAAad,GAA0B;AAC5C,QAAM;AAAA,IACF,uBAAAe;AAAA,IACA,SAASC,IAAc,CAAA;AAAA,IACvB,MAAAC,IAAO,CAAA;AAAA,IACP,kBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAjB;AAAA,IACA,+BAAAC;AAAA,IACA,oBAAAiB;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC,IAAY,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,IAC5B,YAAAC,IAAa;AAAA,IACb,qBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAU;AAAA,IAAA;AAAA,IAEd,iBAAAC;AAAA,IACA,8BAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,KAAAxB;AAAA,IACA,oBAAAyB,IAAqB,MAAM;AAAA,IAC3B,iBAAAC,IAAkB,MAAM;AAAA,IACxB,mBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,GAAG7B;AAAA,EAAA,IACHL,GAEE,EAAE,UAAAmC,GAAU,WAAAC,GAAW,OAAAC,EAAA,IAAUV,GAEjC,CAACW,GAASC,CAAU,IAAIC,GAA8B,IAAI,GAE1D,EAAC,GAAAC,EAAA,IAAKC,GAAA,GAENC,IAAiBC;AAAA,IACnB,MACIpB,EAAU,IAAI,CAACqB,OAAY;AAAA,MACvB,OAAOA;AAAA,MACP,OAAO,GAAGA,CAAM,MAAMJ,EAAE,uBAAuB,CAAC;AAAA,IAAA,EAClD;AAAA,IACN,CAACjB,CAAS;AAAA,EAAA;AAGd,EAAAhB,EAAU,MAAM;AACZ,QAAI,MAAM,QAAQ8B,CAAO,GAAG;AACxB,YAAMQ,IACFR,EAAQ,SAAS,IAAKA,EAAQ,CAAC,EAAE,OAAO,SAAS,QAAS,IACxDS,IAAKT,EAAQ,SAAS,IAAIA,EAAQ,CAAC,EAAE,KAAK;AAChD,MAAAf,KAAA,QAAAA,EAAS,EAAE,OAAOuB,GAAW,KAAKC;IAAI;AAAA,EAC1C,GAED,CAACT,CAAO,CAAC;AAEZ,QAAMU,IAAoC,CACtCC,GACAC,MACC;AACD,IAAK/B,KACDf,KAAA,QAAAA,EAAgC6C,GAASC;AAAA,EAC7C,GAGEC,IAAuB,CAACF,GAAkBG,MAAW;AACvD,IAAKjC,KACDhB,KAAA,QAAAA,EAAmB8C,GAASG;AAAA,EAChC,GAGEC,IAA+BT,EAAQ,MAAM;AAC/C,UAAMU,IAAUtC;AAEhB,WAAIS,IACO;AAAA,MACH;AAAA,QACI,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ,CAAC,EAAE,OAAA8B,QACP,gBAAA5C;AAAA,UAACZ;AAAA,UAAA;AAAA,YACG,SACI8B,IACMA;AAAA,cACI0B,EAAM,cAAc;AAAA,YAAA,IAExBA,EAAM,qBAAA;AAAA,YAEhB,eAAeA,EAAM,sBAAA;AAAA,YACrB,UAAUA,EAAM,gCAAA;AAAA,YAChB,+BAA+B,CAAC7C,MAAM;AAClC,cAAAsC;AAAA,gBACItC,EAAE,OAAO;AAAA,gBACT6C,EAAM,cAAc;AAAA,cAAA;AAAA,YACxB;AAAA,UACJ;AAAA,QAAA;AAAA,QAGR,MAAM,CAAC,EAAE,KAAAH,EAAA,MACL,gBAAAzC;AAAA,UAACZ;AAAA,UAAA;AAAA,YACG,SACI6B,IACMA,EAAgBwB,EAAI,QAAQ,IAC5BA,EAAI,cAAA;AAAA,YAEd,UAAU,CAACA,EAAI,aAAA;AAAA,YACf,eAAeA,EAAI,kBAAA;AAAA,YACnB,UAAUA,EAAI,yBAAA;AAAA,YACd,kBAAkB,CAAC1C,MACfyC;AAAA,cACIzC,EAAE,OAAO;AAAA,cACT0C,EAAI;AAAA,YAAA;AAAA,UACR;AAAA,QAAA;AAAA,MAER;AAAA,MAGR,GAAGE;AAAA,IAAA,IAGJA;AAAA,EAAA,GAER,CAACtC,GAAaS,GAAYN,GAASS,CAAe,CAAC,GAEhD2B,IAAQC,GAAc;AAAA,IACxB,MAAAvC;AAAA;AAAA,IAEA,SAASoC;AAAA,IACT,iBAAiBI,GAAA;AAAA,IACjB,qBAAqBC,GAAA;AAAA,IACrB,uBAAuBC,GAAA;AAAA,IACvB,mBAAmBC,GAAA;AAAA,IACnB,kBAAkB;AAAA,IAClB,eAAe5D,EAAM,iBAAiB;AAAA,IACtC,iBAAiB,CAAC6D,MAAW;AACzB,MAAAtB,EAAWsB,CAAsB;AAAA,IAAA;AAAA,IAErC,OAAO;AAAA,MACH,SAAAvB;AAAA,IAAA;AAAA,IAEJ,iBAAAN;AAAA,EAAA,CACH,GAEK8B,IAAe,MAAM;AACvB,IAAAP,EAAM,aAAA;AAAA,EAAa,GAGjBQ,IAAgB,MAAM;AACxB,IAAAR,EAAM,kBAAkB,EAAI;AAAA,EAAA;AAGhC,EAAAS,GAAoB1D,GAAK,OAAO;AAAA,IAC5B,cAAAwD;AAAA,IACA,eAAAC;AAAA,EAAA,EACF;AAEF,QAAME,IAAyB,CAACC,MAAiB;AAC7C,IAAK/C,MACD4C,EAAA,GACA1C,KAAA,QAAAA,EAAqB6C;AAAA,EACzB,GAGEC,IAAqB,CAACC,MAAmB;AAC3C,IAAKjD,KACDG,KAAA,QAAAA,EAAiB,OAAO8C,CAAK;AAAA,EACjC,GAGEC,IAAkB9D,EAAY,EAAE;AAEtC,SAAAC,EAAU,MAAM;AACZ,QAAI,CAACyB,EAAmB;AAExB,UAAMqC,IAAef,EAAM,sBAAsB,KAAK,IAAI,CAAAgB,MAAKA,EAAE,QAAa;AAK9E,IAHgBD,EAAa,WAAWD,EAAgB,QAAQ,UAC5DC,EAAa,MAAM,CAACE,GAAMC,OAAQD,MAASH,EAAgB,QAAQI,EAAG,CAAC,MAGvEJ,EAAgB,UAAUC,GAC1BrC,EAAkBqC,CAAY;AAAA,EAClC,GACD,CAACf,EAAM,SAAA,EAAW,cAActB,GAAmBsB,CAAK,CAAC,GAGxD,gBAAAmB,EAACC,IAAA,EAAQ,SAAS,GAAQxD,KAAWF,EAAK,WAAW,IAAI,MAAK,SAC1D,UAAA;AAAA,IAAA,gBAAAyD,EAAC5E,GAAA,EAAO,GAAGO,GACP,UAAA;AAAA,MAAA,gBAAAM,EAAChB,IAAA,EACI,UAAA4D,EAAM,gBAAA,EAAkB,IAAI,CAACqB,MAC1B,gBAAAjE,EAACnB,GAAA,EACI,UAAAoF,EAAY,QAAQ,IAAI,CAACC,MAElB,gBAAAlE;AAAA,QAAClB;AAAA,QAAA;AAAA,UAEG,SAASoF,EAAO;AAAA,UAEf,UAAAA,EAAO,gBAAgB,OACpB,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACG,WAAWI;AAAA,gBACP;AAAA,gBACAD,EAAO,OAAO,WAAA,KAAgB;AAAA,gBAC9B1D,KAAW;AAAA,cAAA;AAAA,cAEf,SAAS0D,EAAO,OAAO,wBAAA;AAAA,cAEvB,UAAA;AAAA,gBAAA,gBAAAlE,EAAC,QAAA,EAAK,WAAU,YACX,UAAAoE;AAAA,kBACGF,EAAO,OAAO,UAAU;AAAA,kBACxBA,EAAO,WAAA;AAAA,gBAAW,GAE1B;AAAA,gBACCA,EAAO,OAAO,WAAA,KACX,gBAAAlE,EAACd,MAAO,MAAMgF,EAAO,OAAO,cAAY,CAAG;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEnD;AAAA,QArBCA,EAAO;AAAA,MAAA,CAyBvB,KA7BID,EAAY,EA8BrB,CACH,EAAA,CACL;AAAA,MACCzD,KAAWF,EAAK,WAAW,IACxB,gBAAAN;AAAA,QAACqE;AAAA,QAAA;AAAA,UACG,SAAU3B,EAA0B;AAAA,UACpC,MAAM1B,EAAW;AAAA,UACjB,iBAAiBZ;AAAA,UACjB,aAAaW;AAAA,QAAA;AAAA,MAAA,IAGjB,gBAAAf,EAACf,IAAA,EACI,UAAAwB,sBACI5B,GAAA,EACG,UAAA,gBAAAmB;AAAA,QAACjB;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,SAAS2D,EAAa;AAAA,UAEtB,4BAAC,OAAA,EAAI,WAAU,oCACV,UAAAnC,KAGG,gBAAAwD,EAAAO,IAAA,EACI,UAAA;AAAA,YAAA,gBAAAtE,EAACuE,IAAA,EAAa;AAAA,YACd,gBAAAvE,EAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,iBAAA,CAEhC;AAAA,UAAA,EAAA,CACJ,EAAA,CAER;AAAA,QAAA;AAAA,MAAA,EACJ,CACJ,IAEA4C,EACK,YAAA,EACA,KAAK,MAAM,GAAGpB,CAAQ,EACtB,IAAI,CAACiB,MAEE,gBAAAsB,EAACO,IAAA,EACG,UAAA;AAAA,QAAA,gBAAAtE,EAACnB,KACI,UAAA4D,EACI,kBACA,IAAI,CAAC+B,MAEE,gBAAAxE;AAAA,UAACjB;AAAA,UAAA;AAAA,YAEG,OAAO;AAAA,cACH,OAAOyF,EAAK,OAAO,QAAA;AAAA,YAAQ;AAAA,YAG9B,UAAAJ;AAAA,cACGI,EAAK,OACA,UACA;AAAA,cACLA,EAAK,WAAA;AAAA,YAAW;AAAA,UACpB;AAAA,UAVKA,EAAK;AAAA,QAAA,CAarB,EAAA,GAnBA/B,EAAI,EAoBb;AAAA,QACCA,EAAI,cAAA,KACD,gBAAAzC,EAACnB,KACG,UAAA,gBAAAmB,EAACjB,GAAA,EAAG,SAAS0D,EAAI,kBAAkB,QAAS,UAAArB,EAAmBqB,CAAG,GAAE,EAAA,CACxE;AAAA,MAAA,EAAA,GAzBOA,EAAI,EA2BnB,CAEP,EAAA,CAEb;AAAA,IAAA,GAER;AAAA,IACC,CAAClB,KACE,gBAAAwC,EAAC,OAAA,EAAI,WAAU,0CACX,UAAA;AAAA,MAAA,gBAAA/D;AAAA,QAACyE;AAAA,QAAA;AAAA,UACG,UAAAjD;AAAA,UACA,aAAaC;AAAA,UACb,OAAAC;AAAA,UACA,UAAU4B;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEb,OAAA,EAAI,OAAO,EAAE,UAAU,OACpB,UAAA,gBAAAtD;AAAA,QAAC0E;AAAA,QAAA;AAAA,UACG,YAAAvD;AAAA,UACA,MAAK;AAAA,UACL,eAAc;AAAA,UACd,cAAc;AAAA,UACd,OAAOa,EAAe;AAAA,YAClB,CAAC2C,MAAWA,EAAO,UAAUnD;AAAA,UAAA;AAAA,UAEjC,SAASQ;AAAA,UACT,UAAU,CAAC2C,MAAWnB,EAAmBmB,KAAA,gBAAAA,EAAQ,KAAK;AAAA,QAAA;AAAA,MAAA,EAC1D,CACJ;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}

package/dist/@types/@ecme/components/shared/DataTable.d.ts

@@ -34,6 +34,7 @@ type DataTableProps<T> = {
     onSelectionChange?: (selected: T[]) => void;
     renderSubComponent?: (row: Row<T>) => React.ReactNode;
     getRowCanExpand?: (row: Row<T>) => boolean;
+    hidePagination?: boolean;
 } & TableProps;
 export type DataTableResetHandle = {
     resetSorting: () => void;

package/dist/@types/@ecme/components/shared/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../lib/@ecme/components/shared/DataTable.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAOH,SAAS,EAET,GAAG,EACH,WAAW,EACd,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,KAAK,EAAE,GAAG,EAAe,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxD,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,EAAE,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE9E,KAAK,cAAc,CAAC,CAAC,IAAI;IACrB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAA;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IACrD,6BAA6B,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAA;IAC1E,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAA;IAChC,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC,UAAU,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAA;IACrC,4BAA4B,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAA;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,GAAG,gBAAgB,CAAC,CAAA;IAClD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAC3C,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,OAAO,CAAA;CAC7C,GAAG,UAAU,CAAA;AA+Cd,MAAM,MAAM,oBAAoB,GAAG;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,aAAa,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,iBAAS,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CA2T7C;AAED,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA;AAC3C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../../lib/@ecme/components/shared/DataTable.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAOH,SAAS,EAET,GAAG,EACH,WAAW,EACd,MAAM,uBAAuB,CAAA;AAC9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC7D,OAAO,KAAK,EAAE,GAAG,EAAe,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxD,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,EAAE,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAE9E,KAAK,cAAc,CAAC,CAAC,IAAI;IACrB,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAA;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,IAAI,CAAC,EAAE,CAAC,EAAE,CAAA;IACV,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IACrD,6BAA6B,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAA;IAC1E,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAA;IAChC,mBAAmB,CAAC,EAAE,aAAa,CAAA;IACnC,UAAU,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAA;IACrC,4BAA4B,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAA;IACzD,GAAG,CAAC,EAAE,GAAG,CAAC,oBAAoB,GAAG,gBAAgB,CAAC,CAAA;IAClD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAC3C,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,OAAO,CAAA;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAA;CAC3B,GAAG,UAAU,CAAA;AA+Cd,MAAM,MAAM,oBAAoB,GAAG;IAC/B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,aAAa,EAAE,MAAM,IAAI,CAAA;CAC5B,CAAA;AAED,iBAAS,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,2CA8T7C;AAED,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA;AAC3C,eAAe,SAAS,CAAA"}

package/dist/@types/base/@types/api/response/originacao/TCockpitComprasPreContratosResponse.d.ts

@@ -0,0 +1,7 @@
+import { TDefaultPreContratoResponse } from "./TDefaultPreContratoResponse";
+export type TCockpitComprasPreContratosResponse = {
+    quantidadePreContratos: number;
+    quantidadeTotal: number;
+    details: TDefaultPreContratoResponse[];
+};
+//# sourceMappingURL=TCockpitComprasPreContratosResponse.d.ts.map

package/dist/@types/base/@types/api/response/originacao/TCockpitComprasPreContratosResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TCockpitComprasPreContratosResponse.d.ts","sourceRoot":"","sources":["../../../../../../../lib/base/@types/api/response/originacao/TCockpitComprasPreContratosResponse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,MAAM,MAAM,mCAAmC,GAAG;IAChD,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,2BAA2B,EAAE,CAAC;CACxC,CAAC"}

package/dist/@types/base/@types/api/response/originacao/TContratoCompraGraosByBusinessPartnerResponse.d.ts

@@ -1,10 +1,10 @@
 import { TDefaultBusinessPartnerResponse } from "../dadosMestres/TDefaultBusinessPartnerResponse";
 import { TCockpitComprasContratosResponse } from "./TCockpitComprasContratosResponse";
-import { TContratoCompraGraosEntregaResponse } from "./TContratoCompraGraosEntregaResponse";
+import { TCockpitComprasPreContratosResponse } from "./TCockpitComprasPreContratosResponse";
 export type TContratoCompraGraosByBusinessPartnerResponse = {
     businessPartner: TDefaultBusinessPartnerResponse;
     contratos: TCockpitComprasContratosResponse;
-    entrega: TContratoCompraGraosEntregaResponse;
+    preContratos: TCockpitComprasPreContratosResponse;
     saldoPreContrato: number;
 };
 //# sourceMappingURL=TContratoCompraGraosByBusinessPartnerResponse.d.ts.map

package/dist/@types/base/@types/api/response/originacao/TContratoCompraGraosByBusinessPartnerResponse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TContratoCompraGraosByBusinessPartnerResponse.d.ts","sourceRoot":"","sources":["../../../../../../../lib/base/@types/api/response/originacao/TContratoCompraGraosByBusinessPartnerResponse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,MAAM,MAAM,6CAA6C,GAAG;IAC1D,eAAe,EAAE,+BAA+B,CAAC;IACjD,SAAS,EAAE,gCAAgC,CAAC;IAC5C,OAAO,EAAE,mCAAmC,CAAC;IAC7C,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"TContratoCompraGraosByBusinessPartnerResponse.d.ts","sourceRoot":"","sources":["../../../../../../../lib/base/@types/api/response/originacao/TContratoCompraGraosByBusinessPartnerResponse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAC;AAClG,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,MAAM,MAAM,6CAA6C,GAAG;IAC1D,eAAe,EAAE,+BAA+B,CAAC;IACjD,SAAS,EAAE,gCAAgC,CAAC;IAC5C,YAAY,EAAE,mCAAmC,CAAC;IAClD,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC"}

package/dist/@types/base/@types/api/response/originacao/TDefaultPreContratoResponse.d.ts

@@ -0,0 +1,8 @@
+import { PreContratoStatus } from "@base/@types/enums/originacao/PreContratoStatus";
+export type TDefaultPreContratoResponse = {
+    id: number;
+    quantidade: number;
+    dataPagamento: string;
+    status: PreContratoStatus;
+};
+//# sourceMappingURL=TDefaultPreContratoResponse.d.ts.map

package/dist/@types/base/@types/api/response/originacao/TDefaultPreContratoResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TDefaultPreContratoResponse.d.ts","sourceRoot":"","sources":["../../../../../../../lib/base/@types/api/response/originacao/TDefaultPreContratoResponse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AAEpF,MAAM,MAAM,2BAA2B,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,iBAAiB,CAAC;CAC7B,CAAA"}

package/dist/@types/base/configs/endpoints.config/Ticket/Cadastros/tag.endpoint.config.d.ts

@@ -0,0 +1,5 @@
+declare const tagEndpointConfig: {
+    findAll: string;
+};
+export default tagEndpointConfig;
+//# sourceMappingURL=tag.endpoint.config.d.ts.map

package/dist/@types/base/configs/endpoints.config/Ticket/Cadastros/tag.endpoint.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.endpoint.config.d.ts","sourceRoot":"","sources":["../../../../../../../lib/base/configs/endpoints.config/Ticket/Cadastros/tag.endpoint.config.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB;;CAEtB,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/@types/base/services/modules/Ticket/Cadastros/TagService.d.ts

@@ -0,0 +1,2 @@
+export declare function apiGetTags(body: any): Promise<unknown>;
+//# sourceMappingURL=TagService.d.ts.map

package/dist/@types/base/services/modules/Ticket/Cadastros/TagService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagService.d.ts","sourceRoot":"","sources":["../../../../../../../lib/base/services/modules/Ticket/Cadastros/TagService.ts"],"names":[],"mappings":"AAGA,wBAAsB,UAAU,CAAC,IAAI,KAAA,oBAMpC"}

package/dist/base/@types/api/response/originacao/TCockpitComprasPreContratosResponse.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=TCockpitComprasPreContratosResponse.js.map

package/dist/base/@types/api/response/originacao/TCockpitComprasPreContratosResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TCockpitComprasPreContratosResponse.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/@types/api/response/originacao/TDefaultPreContratoResponse.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=TDefaultPreContratoResponse.js.map

package/dist/base/@types/api/response/originacao/TDefaultPreContratoResponse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TDefaultPreContratoResponse.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/configs/endpoints.config/Ticket/Cadastros/tag.endpoint.config.js

@@ -0,0 +1,7 @@
+const t = "/ticket/api/tag", n = {
+  findAll: `${t}/find`
+};
+export {
+  n as default
+};
+//# sourceMappingURL=tag.endpoint.config.js.map

package/dist/base/configs/endpoints.config/Ticket/Cadastros/tag.endpoint.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.endpoint.config.js","sources":["../../../../../../lib/base/configs/endpoints.config/Ticket/Cadastros/tag.endpoint.config.ts"],"sourcesContent":["const TAG_API_PATH = '/ticket/api/tag'\n\nconst tagEndpointConfig = {\n    findAll: `${TAG_API_PATH}/find`,\n}\n\nexport default tagEndpointConfig\n"],"names":["TAG_API_PATH","tagEndpointConfig"],"mappings":"AAAA,MAAMA,IAAe,mBAEfC,IAAoB;AAAA,EACtB,SAAS,GAAGD,CAAY;AAC5B;"}

package/dist/base/services/modules/Ticket/Cadastros/TagService.js

@@ -0,0 +1,13 @@
+import i from "../../../../configs/endpoints.config/Ticket/Cadastros/tag.endpoint.config.js";
+import o from "../../../../../@ecme/services/ApiService.js";
+async function n(t) {
+  return o.fetchDataWithAxios({
+    url: i.findAll,
+    method: "post",
+    data: t
+  });
+}
+export {
+  n as apiGetTags
+};
+//# sourceMappingURL=TagService.js.map

package/dist/base/services/modules/Ticket/Cadastros/TagService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagService.js","sources":["../../../../../../lib/base/services/modules/Ticket/Cadastros/TagService.ts"],"sourcesContent":["import tagEndpointConfig from '@base/configs/endpoints.config/Ticket/Cadastros/tag.endpoint.config'\nimport ApiService from '@/services/ApiService'\n\nexport async function apiGetTags(body) {\n    return ApiService.fetchDataWithAxios({\n        url: tagEndpointConfig.findAll,\n        method: 'post',\n        data: body,\n    })\n}"],"names":["apiGetTags","body","ApiService","tagEndpointConfig"],"mappings":";;AAGA,eAAsBA,EAAWC,GAAM;AACnC,SAAOC,EAAW,mBAAmB;AAAA,IACjC,KAAKC,EAAkB;AAAA,IACvB,QAAQ;AAAA,IACR,MAAMF;AAAA,EAAA,CACT;AACL;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbe-agro/client-core",
-  "version": "5.2.2",
+  "version": "5.2.4",
   "description": "Biblioteca principal de componentes e utilidades para os microfrontends do Orbe Agro.",
   "type": "module",
   "main": "./dist/index.js",

package/dist/@types/base/@types/api/response/originacao/TContratoCompraGraosEntregaDetailsResponse.d.ts

@@ -1,6 +0,0 @@
-export type TContratoCompraGraosEntregaDetailsResponse = {
-    contratoId: number;
-    centro: string;
-    quantidade: number;
-};
-//# sourceMappingURL=TContratoCompraGraosEntregaDetailsResponse.d.ts.map

package/dist/@types/base/@types/api/response/originacao/TContratoCompraGraosEntregaDetailsResponse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TContratoCompraGraosEntregaDetailsResponse.d.ts","sourceRoot":"","sources":["../../../../../../../lib/base/@types/api/response/originacao/TContratoCompraGraosEntregaDetailsResponse.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,0CAA0C,GAAG;IACvD,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/@types/base/@types/api/response/originacao/TContratoCompraGraosEntregaResponse.d.ts

@@ -1,6 +0,0 @@
-import { TContratoCompraGraosEntregaDetailsResponse } from "./TContratoCompraGraosEntregaDetailsResponse";
-export type TContratoCompraGraosEntregaResponse = {
-    quantidadeTotal: number;
-    details: TContratoCompraGraosEntregaDetailsResponse[];
-};
-//# sourceMappingURL=TContratoCompraGraosEntregaResponse.d.ts.map

package/dist/@types/base/@types/api/response/originacao/TContratoCompraGraosEntregaResponse.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TContratoCompraGraosEntregaResponse.d.ts","sourceRoot":"","sources":["../../../../../../../lib/base/@types/api/response/originacao/TContratoCompraGraosEntregaResponse.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0CAA0C,EAAE,MAAM,8CAA8C,CAAC;AAE1G,MAAM,MAAM,mCAAmC,GAAG;IAChD,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,0CAA0C,EAAE,CAAC;CACvD,CAAA"}

package/dist/base/@types/api/response/originacao/TContratoCompraGraosEntregaDetailsResponse.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=TContratoCompraGraosEntregaDetailsResponse.js.map

package/dist/base/@types/api/response/originacao/TContratoCompraGraosEntregaDetailsResponse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TContratoCompraGraosEntregaDetailsResponse.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/@types/api/response/originacao/TContratoCompraGraosEntregaResponse.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=TContratoCompraGraosEntregaResponse.js.map

package/dist/base/@types/api/response/originacao/TContratoCompraGraosEntregaResponse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TContratoCompraGraosEntregaResponse.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}