@orbe-agro/client-core 5.3.86 → 5.3.89

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

@@ -1,239 +1,239 @@
-import { jsx as n, jsxs as m, Fragment as le } from "react/jsx-runtime";
+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 "../ui/Pagination/index.js";
 import "../ui/Select/index.js";
-import { Table as $ } from "../ui/Table/index.js";
-import { useReactTable as ie, getSortedRowModel as ce, getPaginationRowModel as se, getFilteredRowModel as de, getCoreRowModel as ge, flexRender as D } from "@tanstack/react-table";
+import { 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 q, useEffect as C, useState as E, useMemo as H, useImperativeHandle as ue, Fragment as he } from "react";
-import { useTranslation as fe } from "react-i18next";
-import Se from "./loaders/TableRowSkeleton.js";
-import pe from "./Loading.js";
-import Ce from "../ui/Pagination/Pagination.js";
-import Re from "../ui/Select/Select.js";
-const { Tr: p, Th: be, Td: T, THead: we, TBody: xe, Sorter: ve } = $, j = (s) => {
+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) => {
   const {
-    indeterminate: u,
-    onChange: S,
-    onCheckBoxChange: r,
-    onIndeterminateCheckBoxChange: d,
+    indeterminate: g,
+    onChange: h,
+    onCheckBoxChange: m,
+    onIndeterminateCheckBoxChange: u,
     ...o
-  } = s, g = q(null);
-  C(() => {
-    typeof u == "boolean" && g.current && (g.current.indeterminate = !o.checked && u);
-  }, [g, u]);
-  const h = (a) => {
-    S(a), r == null || r(a), d == null || d(a);
+  } = 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);
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ t(
     re,
     {
-      ref: g,
+      ref: c,
       className: "mb-0",
-      onChange: (a, f) => h(f),
+      onChange: (s, p) => C(p),
       ...o
     }
   );
 };
-function $e(s) {
+function je(i) {
   const {
-    skeletonAvatarColumns: u,
-    columns: S = [],
-    data: r = [],
-    customNoDataIcon: d,
+    skeletonAvatarColumns: g,
+    columns: h = [],
+    data: m = [],
+    customNoDataIcon: u,
     loading: o,
-    noData: g,
-    onCheckBoxChange: h,
-    onIndeterminateCheckBoxChange: a,
-    onPaginationChange: f,
-    onSelectChange: R,
-    onSort: b,
-    pageSizes: N = [10, 25, 50, 100],
-    selectable: y = !1,
-    skeletonAvatarProps: B,
-    pagingData: P = {
+    noData: c,
+    onCheckBoxChange: C,
+    onIndeterminateCheckBoxChange: s,
+    onPaginationChange: p,
+    onSelectChange: j,
+    onSort: $,
+    pageSizes: M = [10, 25, 50, 100],
+    selectable: P = !1,
+    skeletonAvatarProps: q,
+    pagingData: T = {
       total: 0,
       pageIndex: 1,
       pageSize: 10
     },
-    checkboxChecked: w,
-    indeterminateCheckboxChecked: A,
+    checkboxChecked: x,
+    indeterminateCheckboxChecked: N,
     instanceId: O = "data-table",
     ref: V,
     renderSubComponent: L = () => null,
     getRowCanExpand: W = () => !1,
-    onSelectionChange: x,
+    onSelectionChange: R,
     hidePagination: _ = !1,
     ...G
-  } = s, { pageSize: v, pageIndex: J, total: K } = P, [i, Q] = E(null), [U, k] = E({}), { t: X } = fe(), z = H(
-    () => N.map((e) => ({
+  } = i, { pageSize: k, pageIndex: J, total: K } = T, [a, Q] = z(null), [U, b] = z({}), { t: X } = Se(), y = F(
+    () => M.map((e) => ({
       value: e,
       label: `${e} / ${X("common.table.pageAbbr")}`
     })),
-    [N]
+    [M]
   );
-  C(() => {
-    if (Array.isArray(i)) {
-      const e = i.length > 0 ? i[0].desc ? "desc" : "asc" : "", t = i.length > 0 ? i[0].id : "";
-      b == null || b({ order: e, key: t });
+  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 });
     }
-  }, [i]);
-  const Y = (e, t) => {
-    o || a == null || a(e, t);
-  }, Z = (e, t) => {
-    o || h == null || h(e, t);
-  }, M = H(() => {
-    const e = S;
-    return y ? [
+  }, [a]);
+  const Y = (e, n) => {
+    o || s?.(e, n);
+  }, Z = (e, n) => {
+    o || C?.(e, n);
+  }, w = F(() => {
+    const e = h;
+    return P ? [
       {
         id: "select",
         maxSize: 50,
-        header: ({ table: t }) => /* @__PURE__ */ n(
-          j,
+        header: ({ table: n }) => /* @__PURE__ */ t(
+          D,
           {
-            checked: A ? A(
-              t.getRowModel().rows
-            ) : t.getIsAllRowsSelected(),
-            indeterminate: t.getIsSomeRowsSelected(),
-            onChange: t.getToggleAllRowsSelectedHandler(),
-            onIndeterminateCheckBoxChange: (c) => {
+            checked: N ? N(
+              n.getRowModel().rows
+            ) : n.getIsAllRowsSelected(),
+            indeterminate: n.getIsSomeRowsSelected(),
+            onChange: n.getToggleAllRowsSelectedHandler(),
+            onIndeterminateCheckBoxChange: (r) => {
               Y(
-                c.target.checked,
-                t.getRowModel().rows
+                r.target.checked,
+                n.getRowModel().rows
               );
             }
           }
         ),
-        cell: ({ row: t }) => /* @__PURE__ */ n(
-          j,
+        cell: ({ row: n }) => /* @__PURE__ */ t(
+          D,
           {
-            checked: w ? w(t.original) : t.getIsSelected(),
-            disabled: !t.getCanSelect(),
-            indeterminate: t.getIsSomeSelected(),
-            onChange: t.getToggleSelectedHandler(),
-            onCheckBoxChange: (c) => Z(
-              c.target.checked,
-              t.original
+            checked: x ? x(n.original) : n.getIsSelected(),
+            disabled: !n.getCanSelect(),
+            indeterminate: n.getIsSomeSelected(),
+            onChange: n.getToggleSelectedHandler(),
+            onCheckBoxChange: (r) => Z(
+              r.target.checked,
+              n.original
             )
           }
         )
       },
       ...e
     ] : e;
-  }, [S, y, o, w]), l = ie({
-    data: r,
+  }, [h, P, o, x]), l = ie({
+    data: m,
     // eslint-disable-next-line  @typescript-eslint/no-explicit-any
-    columns: M,
+    columns: w,
     getCoreRowModel: ge(),
     getFilteredRowModel: de(),
     getPaginationRowModel: se(),
     getSortedRowModel: ce(),
     manualPagination: !0,
-    manualSorting: s.manualSorting ?? !1,
+    manualSorting: i.manualSorting ?? !1,
     onSortingChange: (e) => {
       Q(e);
     },
-    onRowSelectionChange: k,
+    onRowSelectionChange: b,
     state: {
-      sorting: i,
+      sorting: a,
       rowSelection: U
     },
     getRowCanExpand: W
   }), ee = () => {
     l.resetSorting();
-  }, F = () => {
+  }, B = () => {
     l.resetRowSelection(!0);
   };
-  ue(V, () => ({
+  he(V, () => ({
     resetSorting: ee,
-    resetSelected: F
+    resetSelected: B
   }));
-  const te = (e) => {
-    o || (F(), f == null || f(e));
-  }, ne = (e) => {
-    o || R == null || R(Number(e));
-  }, I = q([]);
-  return C(() => {
-    if (!x) return;
-    const e = l.getSelectedRowModel().rows.map((c) => c.original);
-    e.length === I.current.length && e.every(
-      (c, oe) => c === I.current[oe]
-    ) || (I.current = e, x(e));
-  }, [l.getState().rowSelection, x, l]), C(() => {
-    if (s.isAllSelected && l) {
+  const 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 e = {};
-      l.getRowModel().rows.forEach((t) => {
-        e[t.id] = !0;
-      }), k(e);
+      l.getRowModel().rows.forEach((n) => {
+        e[n.id] = !0;
+      }), b(e);
     } else
-      k({});
-  }, [s.isAllSelected]), /* @__PURE__ */ m(pe, { loading: !!(o && r.length !== 0), type: "cover", children: [
-    /* @__PURE__ */ m($, { ...G, children: [
-      /* @__PURE__ */ n(we, { children: l.getHeaderGroups().map((e) => /* @__PURE__ */ n(p, { children: e.headers.map((t) => /* @__PURE__ */ n(
-        be,
+      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: t.colSpan,
-          children: t.isPlaceholder ? null : /* @__PURE__ */ m(
+          colSpan: n.colSpan,
+          children: n.isPlaceholder ? null : /* @__PURE__ */ d(
             "div",
             {
               className: me(
                 "flex items-center justify-between gap-1",
-                t.column.getCanSort() && "cursor-pointer select-none",
+                n.column.getCanSort() && "cursor-pointer select-none",
                 o && "pointer-events-none"
               ),
-              onClick: t.column.getToggleSortingHandler(),
+              onClick: n.column.getToggleSortingHandler(),
               children: [
-                /* @__PURE__ */ n("span", { className: "truncate", children: D(
-                  t.column.columnDef.header,
-                  t.getContext()
+                /* @__PURE__ */ t("span", { className: "truncate", children: A(
+                  n.column.columnDef.header,
+                  n.getContext()
                 ) }),
-                t.column.getCanSort() && /* @__PURE__ */ n(
-                  ve,
+                n.column.getCanSort() && /* @__PURE__ */ t(
+                  we,
                   {
-                    sort: t.column.getIsSorted()
+                    sort: n.column.getIsSorted()
                   }
                 )
               ]
             }
           )
         },
-        t.id
+        n.id
       )) }, e.id)) }),
-      o && r.length === 0 ? /* @__PURE__ */ n(
-        Se,
+      o && m.length === 0 ? /* @__PURE__ */ t(
+        fe,
         {
-          columns: M.length,
-          rows: P.pageSize,
-          avatarInColumns: u,
-          avatarProps: B
+          columns: w.length,
+          rows: T.pageSize,
+          avatarInColumns: g,
+          avatarProps: q
         }
-      ) : /* @__PURE__ */ n(xe, { children: g ? /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(
-        T,
+      ) : /* @__PURE__ */ t(be, { children: c ? /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(
+        I,
         {
           className: "hover:bg-transparent",
-          colSpan: M.length,
-          children: /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-4", children: d || /* @__PURE__ */ m(le, { children: [
-            /* @__PURE__ */ n(ae, {}),
-            /* @__PURE__ */ n("span", { className: "font-semibold", children: "No data found!" })
+          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!" })
           ] }) })
         }
-      ) }) : l.getRowModel().rows.slice(0, v).map((e) => /* @__PURE__ */ m(he, { children: [
-        /* @__PURE__ */ n(p, { children: e.getVisibleCells().map((t) => /* @__PURE__ */ n(
-          T,
+      ) }) : l.getRowModel().rows.slice(0, k).map((e) => /* @__PURE__ */ d(ue, { children: [
+        /* @__PURE__ */ t(S, { children: e.getVisibleCells().map((n) => /* @__PURE__ */ t(
+          I,
           {
             style: {
-              width: t.column.getSize()
+              width: n.column.getSize()
             },
-            children: D(
-              t.column.columnDef.cell,
-              t.getContext()
+            children: A(
+              n.column.columnDef.cell,
+              n.getContext()
             )
           },
-          t.id
+          n.id
         )) }, e.id),
-        e.getIsExpanded() && /* @__PURE__ */ n(p, { children: /* @__PURE__ */ n(
-          T,
+        e.getIsExpanded() && /* @__PURE__ */ t(S, { children: /* @__PURE__ */ t(
+          I,
           {
             colSpan: e.getVisibleCells().length,
             children: L(
@@ -243,35 +243,35 @@ function $e(s) {
         ) })
       ] }, e.id)) })
     ] }),
-    !_ && /* @__PURE__ */ m("div", { className: "mt-4 flex items-center justify-between", children: [
-      /* @__PURE__ */ n(
-        Ce,
+    !_ && /* @__PURE__ */ d("div", { className: "mt-4 flex items-center justify-between", children: [
+      /* @__PURE__ */ t(
+        pe,
         {
-          pageSize: v,
+          pageSize: k,
           currentPage: J,
           total: K,
-          onChange: te
+          onChange: ne
         }
       ),
-      /* @__PURE__ */ n("div", { style: { minWidth: 130 }, children: /* @__PURE__ */ n(
-        Re,
+      /* @__PURE__ */ t("div", { style: { minWidth: 130 }, children: /* @__PURE__ */ t(
+        xe,
         {
           instanceId: O,
           size: "sm",
           menuPlacement: "top",
           isSearchable: !1,
-          value: z.filter(
-            (e) => e.value === v
+          value: y.filter(
+            (e) => e.value === k
           ),
-          options: z,
-          onChange: (e) => ne(e == null ? void 0 : e.value)
+          options: y,
+          onChange: (e) => te(e?.value)
         }
       ) })
     ] })
   ] });
 }
 export {
-  $e as DataTable,
-  $e as default
+  je as DataTable,
+  je 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 FileNotFound from '@/assets/svg/FileNotFound'\nimport type { CheckboxProps } from '@/components/ui/Checkbox'\nimport Checkbox from '@/components/ui/Checkbox'\nimport Pagination from '@/components/ui/Pagination'\nimport Select from '@/components/ui/Select'\nimport type { SkeletonProps } from '@/components/ui/Skeleton'\nimport type { TableProps } from '@/components/ui/Table'\nimport Table from '@/components/ui/Table'\nimport {\n    CellContext,\n    ColumnDef,\n    ColumnSort,\n    flexRender,\n    getCoreRowModel,\n    getFilteredRowModel,\n    getPaginationRowModel,\n    getSortedRowModel,\n    Row,\n    useReactTable,\n} from '@tanstack/react-table'\nimport classNames from 'classnames'\nimport type { ChangeEvent, ReactNode, Ref } from 'react'\nimport {\n    Fragment,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport TableRowSkeleton from './loaders/TableRowSkeleton'\nimport Loading from './Loading'\n\nexport type OnSortParam = { order: 'asc' | 'desc' | ''; key: string | number }\n\nexport type DataTableProps<T> = {\n    columns: ColumnDef<T>[]\n    customNoDataIcon?: ReactNode\n    data?: T[]\n    loading?: boolean\n    noData?: boolean\n    instanceId?: string\n    onCheckBoxChange?: (checked: boolean, row: T) => void\n    onIndeterminateCheckBoxChange?: (checked: boolean, rows: Row<T>[]) => void\n    onPaginationChange?: (page: number) => void\n    onSelectChange?: (num: number) => void\n    onSort?: (sort: OnSortParam) => void\n    pageSizes?: number[]\n    manualSorting?: boolean\n    selectable?: boolean\n    skeletonAvatarColumns?: number[]\n    skeletonAvatarProps?: SkeletonProps\n    pagingData?: {\n        total: number\n        pageIndex: number\n        pageSize: number\n    }\n    checkboxChecked?: (row: T) => boolean\n    indeterminateCheckboxChecked?: (row: Row<T>[]) => boolean\n    ref?: Ref<DataTableResetHandle | HTMLTableElement>\n    onSelectionChange?: (selected: T[]) => void\n    renderSubComponent?: (row: Row<T>) => React.ReactNode\n    getRowCanExpand?: (row: Row<T>) => boolean\n    hidePagination?: boolean\n    isAllSelected?: boolean\n} & TableProps\n\nexport type CheckBoxChangeEvent = ChangeEvent<HTMLInputElement>\n\nexport interface IndeterminateCheckboxProps\n    extends Omit<CheckboxProps, 'onChange'> {\n    onChange: (event: CheckBoxChangeEvent) => void\n    indeterminate: boolean\n    onCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n    onIndeterminateCheckBoxChange?: (event: CheckBoxChangeEvent) => void\n}\n\nconst { Tr, Th, Td, THead, TBody, Sorter } = Table\n\nconst IndeterminateCheckbox = (props: IndeterminateCheckboxProps) => {\n    const {\n        indeterminate,\n        onChange,\n        onCheckBoxChange,\n        onIndeterminateCheckBoxChange,\n        ...rest\n    } = props\n\n    const ref = useRef<HTMLInputElement>(null)\n\n    useEffect(() => {\n        if (typeof indeterminate === 'boolean' && ref.current) {\n            ref.current.indeterminate = !rest.checked && indeterminate\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [ref, indeterminate])\n\n    const handleChange = (e: CheckBoxChangeEvent) => {\n        onChange(e)\n        onCheckBoxChange?.(e)\n        onIndeterminateCheckBoxChange?.(e)\n    }\n\n    return (\n        <Checkbox\n            ref={ref}\n            className=\"mb-0\"\n            onChange={(_, e) => handleChange(e)}\n            {...rest}\n        />\n    )\n}\n\nexport type DataTableResetHandle = {\n    resetSorting: () => void\n    resetSelected: () => void\n}\n\nfunction DataTable<T>(props: DataTableProps<T>) {\n    const {\n        skeletonAvatarColumns,\n        columns: columnsProp = [],\n        data = [],\n        customNoDataIcon,\n        loading,\n        noData,\n        onCheckBoxChange,\n        onIndeterminateCheckBoxChange,\n        onPaginationChange,\n        onSelectChange,\n        onSort,\n        pageSizes = [10, 25, 50, 100],\n        selectable = false,\n        skeletonAvatarProps,\n        pagingData = {\n            total: 0,\n            pageIndex: 1,\n            pageSize: 10,\n        },\n        checkboxChecked,\n        indeterminateCheckboxChecked,\n        instanceId = 'data-table',\n        ref,\n        renderSubComponent = () => null,\n        getRowCanExpand = () => false,\n        onSelectionChange,\n        hidePagination = false,\n        ...rest\n    } = props\n\n    const { pageSize, pageIndex, total } = pagingData\n\n    const [sorting, setSorting] = useState<ColumnSort[] | null>(null)\n    const [selection, setRowSelection] = useState({})\n\n    const { t } = useTranslation()\n\n    const pageSizeOption = useMemo(\n        () =>\n            pageSizes.map((number) => ({\n                value: number,\n                label: `${number} / ${t('common.table.pageAbbr')}`,\n            })),\n        [pageSizes],\n    )\n\n    useEffect(() => {\n        if (Array.isArray(sorting)) {\n            const sortOrder =\n                sorting.length > 0 ? (sorting[0].desc ? 'desc' : 'asc') : ''\n            const id = sorting.length > 0 ? sorting[0].id : ''\n            onSort?.({ order: sortOrder, key: id })\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [sorting])\n\n    const handleIndeterminateCheckBoxChange = (\n        checked: boolean,\n        rows: Row<T>[],\n    ) => {\n        if (!loading) {\n            onIndeterminateCheckBoxChange?.(checked, rows)\n        }\n    }\n\n    const handleCheckBoxChange = (checked: boolean, row: T) => {\n        if (!loading) {\n            onCheckBoxChange?.(checked, row)\n        }\n    }\n\n    const finalColumns: ColumnDef<T>[] = useMemo(() => {\n        const columns = columnsProp\n\n        if (selectable) {\n            return [\n                {\n                    id: 'select',\n                    maxSize: 50,\n                    header: ({ table }) => (\n                        <IndeterminateCheckbox\n                            checked={\n                                indeterminateCheckboxChecked\n                                    ? indeterminateCheckboxChecked(\n                                          table.getRowModel().rows,\n                                      )\n                                    : table.getIsAllRowsSelected()\n                            }\n                            indeterminate={table.getIsSomeRowsSelected()}\n                            onChange={table.getToggleAllRowsSelectedHandler()}\n                            onIndeterminateCheckBoxChange={(e) => {\n                                handleIndeterminateCheckBoxChange(\n                                    e.target.checked,\n                                    table.getRowModel().rows,\n                                )\n                            }}\n                        />\n                    ),\n                    cell: ({ row }) => (\n                        <IndeterminateCheckbox\n                            checked={\n                                checkboxChecked\n                                    ? checkboxChecked(row.original)\n                                    : row.getIsSelected()\n                            }\n                            disabled={!row.getCanSelect()}\n                            indeterminate={row.getIsSomeSelected()}\n                            onChange={row.getToggleSelectedHandler()}\n                            onCheckBoxChange={(e) =>\n                                handleCheckBoxChange(\n                                    e.target.checked,\n                                    row.original,\n                                )\n                            }\n                        />\n                    ),\n                },\n                ...columns,\n            ]\n        }\n        return columns\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [columnsProp, selectable, loading, checkboxChecked])\n\n    const table = useReactTable({\n        data,\n        // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n        columns: finalColumns,\n        getCoreRowModel: getCoreRowModel(),\n        getFilteredRowModel: getFilteredRowModel(),\n        getPaginationRowModel: getPaginationRowModel(),\n        getSortedRowModel: getSortedRowModel(),\n        manualPagination: true,\n        manualSorting: props.manualSorting ?? false,\n        onSortingChange: (sorter) => {\n            setSorting(sorter as ColumnSort[])\n        },\n        onRowSelectionChange: setRowSelection,\n        state: {\n            sorting: sorting as ColumnSort[],\n            rowSelection: selection,\n        },\n        getRowCanExpand,\n    })\n\n    const resetSorting = () => {\n        table.resetSorting()\n    }\n\n    const resetSelected = () => {\n        table.resetRowSelection(true)\n    }\n\n    useImperativeHandle(ref, () => ({\n        resetSorting,\n        resetSelected,\n    }))\n\n    const handlePaginationChange = (page: number) => {\n        if (!loading) {\n            resetSelected()\n            onPaginationChange?.(page)\n        }\n    }\n\n    const handleSelectChange = (value?: number) => {\n        if (!loading) {\n            onSelectChange?.(Number(value))\n        }\n    }\n\n    const prevSelectedRef = useRef<T[]>([])\n\n    useEffect(() => {\n        if (!onSelectionChange) return\n\n        const selectedRows = table\n            .getSelectedRowModel()\n            .rows.map((r) => r.original as T)\n\n        const isEqual =\n            selectedRows.length === prevSelectedRef.current.length &&\n            selectedRows.every(\n                (item, idx) => item === prevSelectedRef.current[idx],\n            )\n\n        if (!isEqual) {\n            prevSelectedRef.current = selectedRows\n            onSelectionChange(selectedRows)\n        }\n    }, [table.getState().rowSelection, onSelectionChange, table])\n\n    useEffect(() => {\n        if (props.isAllSelected && table) {\n            const all = {}\n            table.getRowModel().rows.forEach((row) => {\n                all[row.id] = true\n            })\n            setRowSelection(all)\n        } else {\n            setRowSelection({})\n        }\n    }, [props.isAllSelected])\n\n    return (\n        <Loading loading={Boolean(loading && data.length !== 0)} type=\"cover\">\n            <Table {...rest}>\n                <THead>\n                    {table.getHeaderGroups().map((headerGroup) => (\n                        <Tr key={headerGroup.id}>\n                            {headerGroup.headers.map((header) => {\n                                return (\n                                    <Th\n                                        key={header.id}\n                                        colSpan={header.colSpan}\n                                    >\n                                        {header.isPlaceholder ? null : (\n                                            <div\n                                                className={classNames(\n                                                    'flex items-center justify-between gap-1',\n                                                    header.column.getCanSort() &&\n                                                        'cursor-pointer select-none',\n                                                    loading &&\n                                                        'pointer-events-none',\n                                                )}\n                                                onClick={header.column.getToggleSortingHandler()}\n                                            >\n                                                <span className=\"truncate\">\n                                                    {flexRender(\n                                                        header.column.columnDef\n                                                            .header,\n                                                        header.getContext(),\n                                                    )}\n                                                </span>\n                                                {header.column.getCanSort() && (\n                                                    <Sorter\n                                                        sort={header.column.getIsSorted()}\n                                                    />\n                                                )}\n                                            </div>\n                                        )}\n                                    </Th>\n                                )\n                            })}\n                        </Tr>\n                    ))}\n                </THead>\n                {loading && data.length === 0 ? (\n                    <TableRowSkeleton\n                        columns={(finalColumns as Array<T>).length}\n                        rows={pagingData.pageSize}\n                        avatarInColumns={skeletonAvatarColumns}\n                        avatarProps={skeletonAvatarProps}\n                    />\n                ) : (\n                    <TBody>\n                        {noData ? (\n                            <Tr>\n                                <Td\n                                    className=\"hover:bg-transparent\"\n                                    colSpan={finalColumns.length}\n                                >\n                                    <div className=\"flex flex-col items-center gap-4\">\n                                        {customNoDataIcon ? (\n                                            customNoDataIcon\n                                        ) : (\n                                            <>\n                                                <FileNotFound />\n                                                <span className=\"font-semibold\">\n                                                    No data found!\n                                                </span>\n                                            </>\n                                        )}\n                                    </div>\n                                </Td>\n                            </Tr>\n                        ) : (\n                            table\n                                .getRowModel()\n                                .rows.slice(0, pageSize)\n                                .map((row) => {\n                                    return (\n                                        <Fragment key={row.id}>\n                                            <Tr key={row.id}>\n                                                {row\n                                                    .getVisibleCells()\n                                                    .map((cell) => {\n                                                        return (\n                                                            <Td\n                                                                key={cell.id}\n                                                                style={{\n                                                                    width: cell.column.getSize(),\n                                                                }}\n                                                            >\n                                                                {flexRender(\n                                                                    cell.column\n                                                                        .columnDef\n                                                                        .cell,\n                                                                    cell.getContext(),\n                                                                )}\n                                                            </Td>\n                                                        )\n                                                    })}\n                                            </Tr>\n                                            {row.getIsExpanded() && (\n                                                <Tr>\n                                                    <Td\n                                                        colSpan={\n                                                            row.getVisibleCells()\n                                                                .length\n                                                        }\n                                                    >\n                                                        {renderSubComponent(\n                                                            row,\n                                                        )}\n                                                    </Td>\n                                                </Tr>\n                                            )}\n                                        </Fragment>\n                                    )\n                                })\n                        )}\n                    </TBody>\n                )}\n            </Table>\n            {!hidePagination && (\n                <div className=\"mt-4 flex items-center justify-between\">\n                    <Pagination\n                        pageSize={pageSize}\n                        currentPage={pageIndex}\n                        total={total}\n                        onChange={handlePaginationChange}\n                    />\n                    <div style={{ minWidth: 130 }}>\n                        <Select\n                            instanceId={instanceId}\n                            size=\"sm\"\n                            menuPlacement=\"top\"\n                            isSearchable={false}\n                            value={pageSizeOption.filter(\n                                (option) => option.value === pageSize,\n                            )}\n                            options={pageSizeOption}\n                            onChange={(option) =>\n                                handleSelectChange(option?.value)\n                            }\n                        />\n                    </div>\n                </div>\n            )}\n        </Loading>\n    )\n}\n\nexport { DataTable }\nexport type { CellContext, ColumnDef, ColumnSort, Row }\nexport default DataTable\n"],"names":["Tr","Th","Td","THead","TBody","Sorter","Table","IndeterminateCheckbox","props","indeterminate","onChange","onCheckBoxChange","onIndeterminateCheckBoxChange","rest","ref","useRef","useEffect","handleChange","e","jsx","Checkbox","_","DataTable","skeletonAvatarColumns","columnsProp","data","customNoDataIcon","loading","noData","onPaginationChange","onSelectChange","onSort","pageSizes","selectable","skeletonAvatarProps","pagingData","checkboxChecked","indeterminateCheckboxChecked","instanceId","renderSubComponent","getRowCanExpand","onSelectionChange","hidePagination","pageSize","pageIndex","total","sorting","setSorting","useState","selection","setRowSelection","t","useTranslation","pageSizeOption","useMemo","number","sortOrder","id","handleIndeterminateCheckBoxChange","checked","rows","handleCheckBoxChange","row","finalColumns","columns","table","useReactTable","getCoreRowModel","getFilteredRowModel","getPaginationRowModel","getSortedRowModel","sorter","resetSorting","resetSelected","useImperativeHandle","handlePaginationChange","page","handleSelectChange","value","prevSelectedRef","selectedRows","r","item","idx","all","jsxs","Loading","headerGroup","header","classNames","flexRender","TableRowSkeleton","Fragment","FileNotFound","cell","Pagination","Select","option"],"mappings":"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"}
+{"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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"}

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

@@ -1,19 +1,18 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import "../ui/Input/index.js";
-import r from "../../utils/hooks/useDebounce.js";
-import f from "../ui/Input/Input.js";
-const C = (n) => {
-  const { wait: o = 500, ref: u, ...a } = n;
-  function c(e) {
-    var t;
-    (t = n.onChange) == null || t.call(n, e);
+import h from "../../utils/hooks/useDebounce.js";
+import m from "../ui/Input/Input.js";
+const b = (e) => {
+  const { wait: o = 500, ref: t, ...u } = e;
+  function r(n) {
+    e.onChange?.(n);
   }
-  const h = r(c, o);
-  return /* @__PURE__ */ m(f, { ref: u, ...a, onChange: (e) => {
-    h(e);
+  const a = h(r, o);
+  return /* @__PURE__ */ c(m, { ref: t, ...u, onChange: (n) => {
+    a(n);
   } });
 };
 export {
-  C as default
+  b as default
 };
 //# sourceMappingURL=DebounceInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DebounceInput.js","sources":["../../../../lib/@ecme/components/shared/DebounceInput.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { ChangeEvent, Ref } from 'react'\nimport type { InputProps } from '@/components/ui/Input'\n\nexport type DebounceInputProps = InputProps & {\n    wait?: number\n    ref?: Ref<HTMLInputElement>\n}\n\nconst DebounceInput = (props: DebounceInputProps) => {\n    const { wait = 500, ref, ...rest } = props\n\n    function handleDebounceFn(value: ChangeEvent<HTMLInputElement>) {\n        props.onChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, wait)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e)\n    }\n\n    return <Input ref={ref} {...rest} onChange={handleInputChange} />\n}\n\nexport default DebounceInput\n"],"names":["DebounceInput","props","wait","ref","rest","handleDebounceFn","value","_a","debounceFn","useDebounce","Input"],"mappings":";;;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,MAAAC,IAAO,KAAK,KAAAC,GAAK,GAAGC,MAASH;AAErC,WAASI,EAAiBC,GAAsC;;AAC5D,KAAAC,IAAAN,EAAM,aAAN,QAAAM,EAAA,KAAAN,GAAiBK;AAAA,EACrB;AAEA,QAAME,IAAaC,EAAYJ,GAAkBH,CAAI;AAMrD,2BAAQQ,GAAA,EAAM,KAAAP,GAAW,GAAGC,GAAM,UAJR,CAAC,MAAqC;AAC5D,IAAAI,EAAW,CAAC;AAAA,EAChB,GAE+D;AACnE;"}
+{"version":3,"file":"DebounceInput.js","sources":["../../../../lib/@ecme/components/shared/DebounceInput.tsx"],"sourcesContent":["import Input from '@/components/ui/Input'\nimport useDebounce from '@/utils/hooks/useDebounce'\nimport type { ChangeEvent, Ref } from 'react'\nimport type { InputProps } from '@/components/ui/Input'\n\nexport type DebounceInputProps = InputProps & {\n    wait?: number\n    ref?: Ref<HTMLInputElement>\n}\n\nconst DebounceInput = (props: DebounceInputProps) => {\n    const { wait = 500, ref, ...rest } = props\n\n    function handleDebounceFn(value: ChangeEvent<HTMLInputElement>) {\n        props.onChange?.(value)\n    }\n\n    const debounceFn = useDebounce(handleDebounceFn, wait)\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n        debounceFn(e)\n    }\n\n    return <Input ref={ref} {...rest} onChange={handleInputChange} />\n}\n\nexport default DebounceInput\n"],"names":["DebounceInput","props","wait","ref","rest","handleDebounceFn","value","debounceFn","useDebounce","Input","e"],"mappings":";;;;AAUA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,MAAAC,IAAO,KAAK,KAAAC,GAAK,GAAGC,MAASH;AAErC,WAASI,EAAiBC,GAAsC;AAC5D,IAAAL,EAAM,WAAWK,CAAK;AAAA,EAC1B;AAEA,QAAMC,IAAaC,EAAYH,GAAkBH,CAAI;AAMrD,2BAAQO,GAAA,EAAM,KAAAN,GAAW,GAAGC,GAAM,UAJR,CAACM,MAAqC;AAC5D,IAAAH,EAAWG,CAAC;AAAA,EAChB,GAE+D;AACnE;"}