npm - @orbe-agro/client-core - Versions diffs - 5.3.94 → 5.3.96 - Mend

@orbe-agro/client-core 5.3.94 → 5.3.96

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (205) hide show

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

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

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

	@@ -1 +1 @@
1	- {"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","item","idx","all","jsxs","Loading","headerGroup","header","classNames","flexRender","TableRowSkeleton","Fragment","FileNotFound","cell","Pagination","Select","option"],"mappings":"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"}
1	+ {"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 // 1. LEITURA E VALIDAÇÕES DO ALINHAMENTO\n const headerAlign = (header.column.columnDef as any).meta?.headerAlign \|\| 'between';\n\n let justifyClass = 'justify-between'; // Padrão: Nome Esquerda, Sorter Direita\n\n // Flag para o alinhamento complexo desejado\n const sorterEnd = headerAlign === 'name-center-sorter-end';\n\n // Define a classe de justificação principal para os alinhamentos simples\n if (headerAlign === 'center') {\n justifyClass = 'justify-center'; // Nome + Sorter juntos no centro\n } else if (headerAlign === 'start') {\n justifyClass = 'justify-start'; // Nome + Sorter juntos na esquerda\n } else if (headerAlign === 'end') {\n justifyClass = 'justify-end'; // Nome + Sorter juntos na direita\n }\n\n // Se for o layout complexo, usamos 'justify-center' como base\n if (sorterEnd) {\n // Usamos justify-center, e o ml-auto do Sorter o empurra para o canto.\n justifyClass = 'justify-center';\n }\n\n // Define classes para o SPAN do nome (Ocupa largura total e centraliza o texto)\n const nameClasses = classNames('truncate', {\n // Se for sorterEnd, o SPAN ocupa a largura total para centralizar o nome\n 'w-full text-center': sorterEnd,\n });\n\n // Define a classe para o wrapper do Sorter.\n let sorterClasses = '';\n if (sorterEnd) {\n // Para sorterEnd, ml-auto empurra o Sorter para a EXTREMA direita\n sorterClasses = 'ml-auto';\n }\n\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 gap-1', // O 'gap-1' fornece o espaçamento entre Nome e Sorter\n justifyClass,\n header.column.getCanSort() &&\n 'cursor-pointer select-none',\n loading &&\n 'pointer-events-none',\n )}\n onClick={header.column.getToggleSortingHandler()}\n >\n {/* 2. RENDERIZAÇÃO DO NOME (Sempre primeiro, pois o Sorter deve ser à direita) /}\n <span className={nameClasses}>\n {flexRender(\n header.column.columnDef\n .header,\n header.getContext(),\n )}\n </span>\n\n {/ 3. RENDERIZAÇÃO DO SORTER: Sempre depois do nome. O ml-auto será aplicado APENAS em sorterEnd */}\n {header.column.getCanSort() && (\n // O Sorter deve estar em uma div se precisar de classes condicionais (ml-auto)\n <div className={sorterClasses}>\n <Sorter\n sort={header.column.getIsSorted()}\n />\n </div>\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","headerAlign","justifyClass","sorterEnd","nameClasses","classNames","sorterClasses","flexRender","TableRowSkeleton","Fragment","FileNotFound","cell","Pagination","Select","option"],"mappings":"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"}