@bioturing/components 0.36.2 → 0.37.1

package/dist/components/button/component.d.ts

@@ -6,7 +6,7 @@ export interface ButtonProps extends AntdButtonProps {
      */
     negativeMargin?: boolean;
 }
-declare const ButtonInner: ({ negativeMargin, type, size, variant, icon, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => import("react/jsx-runtime").JSX.Element;
+declare const ButtonInner: ({ negativeMargin, type, size, variant, icon, loading, classNames, ...rest }: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => import("react/jsx-runtime").JSX.Element;
 export declare const Button: (props: ButtonProps & {
     ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;
 }) => ReturnType<typeof ButtonInner>;

package/dist/components/button/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/button/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,gBAAgB,CAAC;AAKxB,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,GACf,wDAA+D,WAAW,EAC1E,KAAK,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,4CAsCtD,CAAC;AAEF,eAAO,MAAM,MAAM,EAA8B,CAC/C,KAAK,EAAE,WAAW,GAAG;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACjE,KACE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/button/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,WAAW,IAAI,eAAe,EACpC,MAAM,gBAAgB,CAAC;AAOxB,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,WAAW,GACf,6EASG,WAAW,EACd,KAAK,KAAK,CAAC,GAAG,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,4CA2CtD,CAAC;AAEF,eAAO,MAAM,MAAM,EAA8B,CAC/C,KAAK,EAAE,WAAW,GAAG;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;CACjE,KACE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/dist/components/button/component.js

@@ -1,46 +1,53 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import a from "antd/es/button";
-import { forwardRef as l } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import f from "antd/es/button";
+import { forwardRef as d } from "react";
+import { CircleNotchIcon as b } from "@bioturing/assets";
 import './style.css';/* empty css          */
-import { useCls as u } from "../utils/antdUtils.js";
-const w = ({ negativeMargin: c = !0, type: t, size: o, variant: n, icon: r, ...m }, p) => {
-  const i = c && (n === "text" || n === "link" || t == "text" || t === "link"), e = u();
-  return i ? /* @__PURE__ */ s(
+import { useCls as g } from "../utils/antdUtils.js";
+import { cn as w } from "../utils/cn.js";
+const N = ({
+  negativeMargin: m = !0,
+  type: t,
+  size: e,
+  variant: n,
+  icon: i,
+  loading: c,
+  classNames: p,
+  ...a
+}, l) => {
+  const u = m && (n === "text" || n === "link" || t == "text" || t === "link"), o = g(), s = /* @__PURE__ */ r(
+    f,
+    {
+      ref: l,
+      type: t,
+      size: e,
+      variant: n,
+      icon: i,
+      loading: c && {
+        icon: /* @__PURE__ */ r(b, {})
+      },
+      className: w(i && o("btn-with-icon")),
+      classNames: {
+        icon: c ? o("btn-loading-icon") : void 0,
+        ...p
+      },
+      ...a
+    }
+  );
+  return u ? /* @__PURE__ */ r(
     "span",
     {
-      className: e(
+      className: o(
         "btn-wrapper",
         "btn-negative-margin-wrapper",
-        "btn-wrapper-" + o
+        "btn-wrapper-" + e
       ),
-      children: /* @__PURE__ */ s(
-        a,
-        {
-          ref: p,
-          type: t,
-          size: o,
-          variant: n,
-          icon: r,
-          className: r ? e("btn-with-icon") : "",
-          ...m
-        }
-      )
+      children: s
     }
-  ) : /* @__PURE__ */ s(
-    a,
-    {
-      ref: p,
-      type: t,
-      size: o,
-      variant: n,
-      icon: r,
-      className: r ? e("btn-with-icon") : "",
-      ...m
-    }
-  );
-}, d = l(w);
+  ) : s;
+}, v = d(N);
 export {
-  d as Button
+  v as Button
 };
 //# sourceMappingURL=component.js.map

package/dist/components/button/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/button/component.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  default as AntdButton,\n  type ButtonProps as AntdButtonProps,\n} from \"antd/es/button\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport { useCls } from \"../utils\";\nimport \"./style.css\";\n\nexport interface ButtonProps extends AntdButtonProps {\n  /**\n   * If true, negative margin will be applied to the text and link buttons to make it align with content\n   * @default true\n   */\n  negativeMargin?: boolean;\n}\n\nconst ButtonInner = (\n  { negativeMargin = true, type, size, variant, icon, ...rest }: ButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) => {\n  const useNegativeMargin =\n    negativeMargin &&\n    (variant === \"text\" ||\n      variant === \"link\" ||\n      type == \"text\" ||\n      type === \"link\");\n  const cls = useCls();\n  return useNegativeMargin ? (\n    <span\n      className={cls(\n        \"btn-wrapper\",\n        \"btn-negative-margin-wrapper\",\n        \"btn-wrapper-\" + size\n      )}\n    >\n      <AntdButton\n        ref={ref}\n        type={type}\n        size={size}\n        variant={variant}\n        icon={icon}\n        className={icon ? cls(\"btn-with-icon\") : \"\"}\n        {...rest}\n      />\n    </span>\n  ) : (\n    <AntdButton\n      ref={ref}\n      type={type}\n      size={size}\n      variant={variant}\n      icon={icon}\n      className={icon ? cls(\"btn-with-icon\") : \"\"}\n      {...rest}\n    />\n  );\n};\n\nexport const Button = forwardRef(ButtonInner) as (\n  props: ButtonProps & {\n    ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;\n  }\n) => ReturnType<typeof ButtonInner>;\n"],"names":["ButtonInner","negativeMargin","type","size","variant","icon","rest","ref","useNegativeMargin","cls","useCls","jsx","AntdButton","Button","forwardRef"],"mappings":";;;;;;AAoBA,MAAMA,IAAc,CAClB,EAAE,gBAAAC,IAAiB,IAAM,MAAAC,GAAM,MAAAC,GAAM,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GACvDC,MACG;AACH,QAAMC,IACJP,MACCG,MAAY,UACXA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACPO,IAAMC,EAAA;AACZ,SAAOF,IACL,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiBN;AAAA,MAAA;AAAA,MAGnB,UAAA,gBAAAQ;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,KAAAL;AAAA,UACA,MAAAL;AAAA,UACA,MAAAC;AAAA,UACA,SAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWA,IAAOI,EAAI,eAAe,IAAI;AAAA,UACxC,GAAGH;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA,IAGF,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,MAAAL;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAWA,IAAOI,EAAI,eAAe,IAAI;AAAA,MACxC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,GAEaO,IAASC,EAAWd,CAAW;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/button/component.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  default as AntdButton,\n  type ButtonProps as AntdButtonProps,\n} from \"antd/es/button\";\nimport { forwardRef } from \"react\";\n\n// Import component-specific styles\nimport { useCls } from \"../utils\";\nimport { cn } from \"../utils\";\nimport { CircleNotchIcon } from \"@bioturing/assets\";\nimport \"./style.css\";\n\nexport interface ButtonProps extends AntdButtonProps {\n  /**\n   * If true, negative margin will be applied to the text and link buttons to make it align with content\n   * @default true\n   */\n  negativeMargin?: boolean;\n}\n\nconst ButtonInner = (\n  {\n    negativeMargin = true,\n    type,\n    size,\n    variant,\n    icon,\n    loading,\n    classNames,\n    ...rest\n  }: ButtonProps,\n  ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) => {\n  const useNegativeMargin =\n    negativeMargin &&\n    (variant === \"text\" ||\n      variant === \"link\" ||\n      type == \"text\" ||\n      type === \"link\");\n  const cls = useCls();\n  // const iconNode = loading ? <Spin /> : icon;\n  const renderedButton = (\n    <AntdButton\n      ref={ref}\n      type={type}\n      size={size}\n      variant={variant}\n      icon={icon}\n      loading={\n        loading && {\n          icon: <CircleNotchIcon />,\n        }\n      }\n      className={cn(icon && cls(\"btn-with-icon\"))}\n      classNames={{\n        icon: loading ? cls(\"btn-loading-icon\") : undefined,\n        ...classNames,\n      }}\n      {...rest}\n    />\n  );\n  return useNegativeMargin ? (\n    <span\n      className={cls(\n        \"btn-wrapper\",\n        \"btn-negative-margin-wrapper\",\n        \"btn-wrapper-\" + size\n      )}\n    >\n      {renderedButton}\n    </span>\n  ) : (\n    renderedButton\n  );\n};\n\nexport const Button = forwardRef(ButtonInner) as (\n  props: ButtonProps & {\n    ref?: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>;\n  }\n) => ReturnType<typeof ButtonInner>;\n"],"names":["ButtonInner","negativeMargin","type","size","variant","icon","loading","classNames","rest","ref","useNegativeMargin","cls","useCls","renderedButton","jsx","AntdButton","CircleNotchIcon","cn","Button","forwardRef"],"mappings":";;;;;;;;AAsBA,MAAMA,IAAc,CAClB;AAAA,EACE,gBAAAC,IAAiB;AAAA,EACjB,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IACJT,MACCG,MAAY,UACXA,MAAY,UACZF,KAAQ,UACRA,MAAS,SACPS,IAAMC,EAAA,GAENC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAP;AAAA,MACA,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SACEC,KAAW;AAAA,QACT,wBAAOU,GAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,MAG3B,WAAWC,EAAGZ,KAAQM,EAAI,eAAe,CAAC;AAAA,MAC1C,YAAY;AAAA,QACV,MAAML,IAAUK,EAAI,kBAAkB,IAAI;AAAA,QAC1C,GAAGJ;AAAA,MAAA;AAAA,MAEJ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGR,SAAOE,IACL,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACA;AAAA,QACA,iBAAiBR;AAAA,MAAA;AAAA,MAGlB,UAAAU;AAAA,IAAA;AAAA,EAAA,IAGHA;AAEJ,GAEaK,IAASC,EAAWnB,CAAW;"}

package/dist/components/button/style.css

@@ -1 +1 @@
-@layer components{span.ds-btn-icon{display:flex;align-items:center}.ds-btn-negative-margin-wrapper{display:inline-flex;flex-shrink:0}.ds-btn-negative-margin-wrapper,.ds-btn-negative-margin-wrapper.ds-btn-wrapper-lg{margin-inline:-1rem}.ds-btn-negative-margin-wrapper.ds-btn-wrapper-sm{margin-inline:-.5rem}.ds-btn-loading:not(.ds-btn-with-icon) .ds-btn-loading-icon{position:absolute}.ds-btn-loading:not(.ds-btn-with-icon)>*:not(.ds-btn-loading-icon){opacity:0}}
+@layer components{span.ds-btn-icon{display:flex;align-items:center}.ds-btn-negative-margin-wrapper{display:inline-flex;flex-shrink:0}.ds-btn-negative-margin-wrapper,.ds-btn-negative-margin-wrapper.ds-btn-wrapper-lg{margin-inline:-1rem}.ds-btn-negative-margin-wrapper.ds-btn-wrapper-sm{margin-inline:-.5rem}.ds-btn-loading-icon svg{animation:spin 1s linear infinite}.ds-btn-loading:not(.ds-btn-with-icon) .ds-btn-loading-icon{position:absolute}.ds-btn-loading:not(.ds-btn-with-icon)>*:not(.ds-btn-loading-icon){opacity:0}}

package/dist/components/data-table/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/component.tsx"],"names":[],"mappings":"AACA,OAAc,EAAsB,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,aAAa,CAAC;AAUrB,QAAA,MAAM,cAAc,GAClB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEhE,OAAO,cAAc,CAAC,UAAU,CAAC,EACjC,KAAK,GAAG,CAAC,YAAY,CAAC,4CAgIvB,CAAC;AAQF,eAAO,MAAM,SAAS,GALpB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,mCAE/B,cAAc,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;CAAE,KAC5D,UAAU,CAAC,OAAO,cAAc,CAEK,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/component.tsx"],"names":[],"mappings":"AACA,OAAc,EAKZ,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAGjE,OAAO,aAAa,CAAC;AAWrB,QAAA,MAAM,cAAc,GAClB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEhE,OAAO,cAAc,CAAC,UAAU,CAAC,EACjC,KAAK,GAAG,CAAC,YAAY,CAAC,4CA+IvB,CAAC;AAQF,eAAO,MAAM,SAAS,GALpB,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,mCAE/B,cAAc,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAA;CAAE,KAC5D,UAAU,CAAC,OAAO,cAAc,CAEK,CAAC"}

package/dist/components/data-table/component.js

@@ -1,112 +1,117 @@
 "use client";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as R, useRef as T } from "react";
-import { Spin as C } from "../spin/component.js";
-import { useDataTable as D } from "./hooks.js";
-import { convertSelectionToAntFormat as x } from "./utils.js";
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as y, useRef as h, useState as H, useEffect as N } from "react";
+import { Spin as W } from "../spin/component.js";
+import { useDataTable as P } from "./hooks.js";
+import { convertSelectionToAntFormat as k } from "./utils.js";
 import './style.css';/* empty css          */
-import { TableHeader as K } from "./components/TableHeader.js";
-import { TableBody as N } from "./components/TableBody.js";
-import { TablePagination as z } from "./components/TablePagination.js";
-import { useCls as P } from "../utils/antdUtils.js";
-import { clsx as m } from "../utils/cn.js";
-const k = (n, W) => {
+import { TableHeader as I } from "./components/TableHeader.js";
+import { TableBody as j } from "./components/TableBody.js";
+import { TablePagination as A } from "./components/TablePagination.js";
+import { useCls as E, useAntdCssVarClassname as F } from "../utils/antdUtils.js";
+import { clsx as u } from "../utils/cn.js";
+const $ = (s, G) => {
   const {
     dataSource: i = [],
-    className: d,
-    size: f = "large",
-    variant: p = "default",
-    emptyDescription: b,
-    rowKey: g
-  } = n, o = P(), u = T(null), {
+    className: b,
+    size: g = "large",
+    variant: S = "default",
+    emptyDescription: w,
+    rowKey: c
+  } = s, e = E(), v = h(null), {
     table: a,
-    isLoading: w,
-    spinProps: h,
-    hasRowSelection: c,
-    hasPagination: S,
-    paginationConfig: y,
-    rowSelectionConfig: r
-  } = D(n), v = (t) => {
-    if (c && (t.toggleSelected(), r?.onSelect)) {
-      const { selectedRows: l } = x(
+    isLoading: C,
+    spinProps: R,
+    hasRowSelection: m,
+    hasPagination: d,
+    paginationConfig: z,
+    rowSelectionConfig: n
+  } = P(s), T = (l) => {
+    if (m && (l.toggleSelected(), n?.onSelect)) {
+      const { selectedRows: r } = k(
         a.getState().rowSelection,
         i,
-        g
+        c
       );
-      r.onSelect(
-        t.original,
-        !t.getIsSelected(),
-        l,
+      n.onSelect(
+        l.original,
+        !l.getIsSelected(),
+        r,
         new Event("click")
       );
     }
-  };
-  return /* @__PURE__ */ e(
+  }, D = F(), o = h(null), [f, x] = H({
+    vertical: !1,
+    horizontal: !1
+  });
+  return N(() => {
+    o.current && x({
+      vertical: o.current.scrollHeight > o.current.clientHeight,
+      horizontal: o.current.scrollWidth > o.current.clientWidth
+    });
+  }, [i.length]), /* @__PURE__ */ t(
     "div",
     {
-      ref: u,
-      className: m(
-        o("table-wrapper", "data-table"),
-        o(`table-${f}`),
-        p === "zebra" ? o("table-zebra") : "",
-        "css-var-«r3»",
-        d
+      ref: v,
+      className: u(
+        e("table-wrapper", "data-table"),
+        e(`table-${g}`),
+        S === "zebra" ? e("table-zebra") : "",
+        d ? e("table-has-pagination") : "",
+        f.vertical ? e("table-scroll-vertical") : "",
+        f.horizontal ? e("table-scroll-horizontal") : "",
+        D,
+        b
       ),
-      children: /* @__PURE__ */ s(C, { spinning: w, ...h, children: [
-        /* @__PURE__ */ e("div", { className: m(o("table")), children: /* @__PURE__ */ e("div", { className: o("table-container"), children: /* @__PURE__ */ e("div", { className: o("table-content"), children: /* @__PURE__ */ s("table", { children: [
-          /* @__PURE__ */ e("colgroup", { children: a.getHeaderGroups()[0]?.headers.map((t) => {
-            let l;
-            if (t.id === "select")
-              l = r?.columnWidth || 32;
+      children: /* @__PURE__ */ p(W, { spinning: C, ...R, children: [
+        /* @__PURE__ */ t("div", { className: u(e("table")), children: /* @__PURE__ */ t("div", { className: e("table-container"), ref: o, children: /* @__PURE__ */ t("div", { className: e("table-content"), children: /* @__PURE__ */ p("table", { children: [
+          /* @__PURE__ */ t("colgroup", { children: a.getHeaderGroups()[0]?.headers.map((l) => {
+            let r;
+            if (l.id === "select")
+              r = n?.columnWidth || 32;
             else
               try {
-                l = `${t.getSize()}px`;
+                r = `${l.getSize()}px`;
               } catch {
-                l = t.column.columnDef.meta?.width;
+                r = l.column.columnDef.meta?.width;
               }
-            return /* @__PURE__ */ e(
-              "col",
-              {
-                style: { width: l }
-              },
-              t.id
-            );
+            return /* @__PURE__ */ t("col", { style: { width: r } }, l.id);
           }) }),
-          /* @__PURE__ */ e(
-            K,
+          /* @__PURE__ */ t(
+            I,
             {
               table: a,
-              rowSelectionConfig: r,
+              rowSelectionConfig: n,
               dataSource: i,
-              rowKey: n.rowKey
+              rowKey: c
             }
           ),
-          /* @__PURE__ */ e(
-            N,
+          /* @__PURE__ */ t(
+            j,
             {
               table: a,
               dataSource: i,
-              emptyDescription: b,
-              hasRowSelection: c,
-              onRowClick: v,
-              rowSelectionConfig: r,
-              rowKey: n.rowKey
+              emptyDescription: w,
+              hasRowSelection: m,
+              onRowClick: T,
+              rowSelectionConfig: n,
+              rowKey: c
             }
           )
         ] }) }) }) }),
-        S && /* @__PURE__ */ e(
-          z,
+        d && /* @__PURE__ */ t(
+          A,
           {
             table: a,
-            paginationConfig: y,
+            paginationConfig: z,
             totalCount: a.getPreFilteredRowModel().rows.length
           }
         )
       ] })
     }
   );
-}, I = R(k), O = I;
+}, B = y($), _ = B;
 export {
-  O as DataTable
+  _ as DataTable
 };
 //# sourceMappingURL=component.js.map

package/dist/components/data-table/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/data-table/component.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useRef, type Ref } from \"react\";\nimport { type Row } from \"@tanstack/react-table\";\nimport { clsx, useCls } from \"../utils\";\nimport { Spin } from \"../spin/component\";\nimport { TableHeader, TableBody, TablePagination } from \"./components\";\nimport { useDataTable } from \"./hooks\";\nimport { convertSelectionToAntFormat } from \"./utils\";\nimport { type DataTableProps, type DataTableRef } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Extended meta type for column definitions\ninterface ExtendedColumnMeta {\n  align?: 'left' | 'center' | 'right';\n  width?: string | number;\n  fixed?: 'left' | 'right' | boolean;\n  ellipsis?: boolean;\n}\n\nconst InnerDataTable = <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType>,\n  ref: Ref<DataTableRef>\n) => {\n  const {\n    dataSource = [],\n    columns = [],\n    className,\n    size = \"large\",\n    variant = \"default\",\n    emptyDescription,\n    rowSelection,\n    pagination,\n    loading,\n    enableSorting = true,\n    enableFiltering = false,\n    onSortingChange,\n    onFilteringChange,\n    rowKey,\n    ...restProps\n  } = props;\n\n  const cls = useCls();\n  const tableWrapperRef = useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for table logic\n  const {\n    table,\n    isLoading,\n    spinProps,\n    hasRowSelection,\n    hasPagination,\n    paginationConfig,\n    rowSelectionConfig,\n  } = useDataTable(props);\n\n  // Handle row click for selection\n  const handleRowClick = (row: Row<RecordType>) => {\n    if (hasRowSelection) {\n      row.toggleSelected();\n      if (rowSelectionConfig?.onSelect) {\n        const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n          table.getState().rowSelection,\n          dataSource,\n          rowKey\n        );\n        rowSelectionConfig.onSelect(\n          row.original,\n          !row.getIsSelected(),\n          selectedRows,\n          new Event(\"click\")\n        );\n      }\n    }\n  };\n\n  // cls(\"table-scroll-horizontal\"))\n\n  return (\n    <div\n      ref={tableWrapperRef}\n      className={clsx(\n        cls(\"table-wrapper\", \"data-table\"),\n        cls(`table-${size}`),\n        variant === \"zebra\" ? cls(\"table-zebra\") : \"\",\n        \"css-var-«r3»\",\n        className\n      )}\n    >\n      <Spin spinning={isLoading} {...spinProps}>\n        <div className={clsx(cls(\"table\"))}>\n          <div className={cls(\"table-container\")}>\n            <div className={cls(\"table-content\")}>\n              <table>\n                <colgroup>\n                  {table.getHeaderGroups()[0]?.headers.map((header) => {\n                    let columnWidth: string | number | undefined;\n                    \n                    if (header.id === \"select\") {\n                      columnWidth = rowSelectionConfig?.columnWidth || 32;\n                    } else {\n                      // Try to get the current size from TanStack, fallback to meta width\n                      try {\n                        columnWidth = `${header.getSize()}px`;\n                      } catch (error) {\n                        // Fallback to static width from column meta\n                        columnWidth = (header.column.columnDef.meta as ExtendedColumnMeta)?.width;\n                      }\n                    }\n                    \n                    return (\n                      <col\n                        key={header.id}\n                        style={{ width: columnWidth }}\n                      />\n                    );\n                  })}\n                </colgroup>\n\n                <TableHeader\n                  table={table}\n                  rowSelectionConfig={rowSelectionConfig}\n                  dataSource={dataSource}\n                  rowKey={props.rowKey}\n                />\n\n                <TableBody\n                  table={table}\n                  dataSource={dataSource}\n                  emptyDescription={emptyDescription}\n                  hasRowSelection={hasRowSelection}\n                  onRowClick={handleRowClick}\n                  rowSelectionConfig={rowSelectionConfig}\n                  rowKey={props.rowKey}\n                />\n              </table>\n            </div>\n          </div>\n        </div>\n\n        {hasPagination && (\n          <TablePagination\n            table={table}\n            paginationConfig={paginationConfig}\n            totalCount={table.getPreFilteredRowModel().rows.length}\n          />\n        )}\n      </Spin>\n    </div>\n  );\n};\n\nconst InternalDataTable = forwardRef(InnerDataTable) as <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType> & { ref?: Ref<DataTableRef> }\n) => ReturnType<typeof InnerDataTable>;\n\nexport const DataTable = InternalDataTable;\n"],"names":["InnerDataTable","props","ref","dataSource","className","size","variant","emptyDescription","rowKey","cls","useCls","tableWrapperRef","useRef","table","isLoading","spinProps","hasRowSelection","hasPagination","paginationConfig","rowSelectionConfig","useDataTable","handleRowClick","row","selectedRows","convertSelectionToAntFormat","jsx","clsx","jsxs","Spin","header","columnWidth","TableHeader","TableBody","TablePagination","InternalDataTable","forwardRef","DataTable"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/data-table/component.tsx"],"sourcesContent":["\"use client\";\nimport React, {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type Ref,\n} from \"react\";\nimport { type Row } from \"@tanstack/react-table\";\nimport { clsx, useAntdCssVarClassname, useCls } from \"../utils\";\nimport { Spin } from \"../spin/component\";\nimport { TableHeader, TableBody, TablePagination } from \"./components\";\nimport { useDataTable } from \"./hooks\";\nimport { convertSelectionToAntFormat } from \"./utils\";\nimport { type DataTableProps, type DataTableRef } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useToken } from \"../hooks\";\n\n// Extended meta type for column definitions\ninterface ExtendedColumnMeta {\n  align?: \"left\" | \"center\" | \"right\";\n  width?: string | number;\n  fixed?: \"left\" | \"right\" | boolean;\n  ellipsis?: boolean;\n}\n\nconst InnerDataTable = <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType>,\n  ref: Ref<DataTableRef>\n) => {\n  const {\n    dataSource = [],\n    className,\n    size = \"large\",\n    variant = \"default\",\n    emptyDescription,\n    rowKey,\n  } = props;\n\n  const cls = useCls();\n  const tableWrapperRef = useRef<HTMLDivElement>(null);\n\n  // Use the custom hook for table logic\n  const {\n    table,\n    isLoading,\n    spinProps,\n    hasRowSelection,\n    hasPagination,\n    paginationConfig,\n    rowSelectionConfig,\n  } = useDataTable(props);\n\n  // Handle row click for selection\n  const handleRowClick = (row: Row<RecordType>) => {\n    if (hasRowSelection) {\n      row.toggleSelected();\n      if (rowSelectionConfig?.onSelect) {\n        const { selectedRowKeys, selectedRows } = convertSelectionToAntFormat(\n          table.getState().rowSelection,\n          dataSource,\n          rowKey\n        );\n        rowSelectionConfig.onSelect(\n          row.original,\n          !row.getIsSelected(),\n          selectedRows,\n          new Event(\"click\")\n        );\n      }\n    }\n  };\n\n  // cls(\"table-scroll-horizontal\"))\n\n  const antdClass = useAntdCssVarClassname();\n\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n\n  const [hasScroll, setHasScroll] = useState({\n    vertical: false,\n    horizontal: false,\n  });\n\n  useEffect(() => {\n    if (tableContainerRef.current) {\n      setHasScroll({\n        vertical:\n          tableContainerRef.current.scrollHeight >\n          tableContainerRef.current.clientHeight,\n        horizontal:\n          tableContainerRef.current.scrollWidth >\n          tableContainerRef.current.clientWidth,\n      });\n    }\n  }, [dataSource.length]);\n\n  return (\n    <div\n      ref={tableWrapperRef}\n      className={clsx(\n        cls(\"table-wrapper\", \"data-table\"),\n        cls(`table-${size}`),\n        variant === \"zebra\" ? cls(\"table-zebra\") : \"\",\n        hasPagination ? cls(\"table-has-pagination\") : \"\",\n        hasScroll.vertical ? cls(\"table-scroll-vertical\") : \"\",\n        hasScroll.horizontal ? cls(\"table-scroll-horizontal\") : \"\",\n        antdClass,\n        className\n      )}\n    >\n      <Spin spinning={isLoading} {...spinProps}>\n        <div className={clsx(cls(\"table\"))}>\n          <div className={cls(\"table-container\")} ref={tableContainerRef}>\n            <div className={cls(\"table-content\")}>\n              <table>\n                <colgroup>\n                  {table.getHeaderGroups()[0]?.headers.map((header) => {\n                    let columnWidth: string | number | undefined;\n\n                    if (header.id === \"select\") {\n                      columnWidth = rowSelectionConfig?.columnWidth || 32;\n                    } else {\n                      // Try to get the current size from TanStack, fallback to meta width\n                      try {\n                        columnWidth = `${header.getSize()}px`;\n                      } catch (error) {\n                        // Fallback to static width from column meta\n                        columnWidth = (\n                          header.column.columnDef.meta as ExtendedColumnMeta\n                        )?.width;\n                      }\n                    }\n\n                    return (\n                      <col key={header.id} style={{ width: columnWidth }} />\n                    );\n                  })}\n                </colgroup>\n\n                <TableHeader\n                  table={table}\n                  rowSelectionConfig={rowSelectionConfig}\n                  dataSource={dataSource}\n                  rowKey={rowKey}\n                />\n\n                <TableBody\n                  table={table}\n                  dataSource={dataSource}\n                  emptyDescription={emptyDescription}\n                  hasRowSelection={hasRowSelection}\n                  onRowClick={handleRowClick}\n                  rowSelectionConfig={rowSelectionConfig}\n                  rowKey={rowKey}\n                />\n              </table>\n            </div>\n          </div>\n        </div>\n\n        {hasPagination && (\n          <TablePagination\n            table={table}\n            paginationConfig={paginationConfig}\n            totalCount={table.getPreFilteredRowModel().rows.length}\n          />\n        )}\n      </Spin>\n    </div>\n  );\n};\n\nconst InternalDataTable = forwardRef(InnerDataTable) as <\n  RecordType extends Record<string, any> = Record<string, unknown>\n>(\n  props: DataTableProps<RecordType> & { ref?: Ref<DataTableRef> }\n) => ReturnType<typeof InnerDataTable>;\n\nexport const DataTable = InternalDataTable;\n"],"names":["InnerDataTable","props","ref","dataSource","className","size","variant","emptyDescription","rowKey","cls","useCls","tableWrapperRef","useRef","table","isLoading","spinProps","hasRowSelection","hasPagination","paginationConfig","rowSelectionConfig","useDataTable","handleRowClick","row","selectedRows","convertSelectionToAntFormat","antdClass","useAntdCssVarClassname","tableContainerRef","hasScroll","setHasScroll","useState","useEffect","jsx","clsx","jsxs","Spin","header","columnWidth","TableHeader","TableBody","TablePagination","InternalDataTable","forwardRef","DataTable"],"mappings":"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"}

package/dist/components/data-table/components/TablePagination.d.ts

@@ -5,6 +5,6 @@ interface TablePaginationProps<RecordType extends Record<string, any> = Record<s
     paginationConfig?: DataTablePaginationConfig;
     totalCount: number;
 }
-export declare const TablePagination: <RecordType extends Record<string, any> = Record<string, any>>({ table, paginationConfig, totalCount }: TablePaginationProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export declare const TablePagination: <RecordType extends Record<string, any> = Record<string, any>>({ table, paginationConfig, totalCount, }: TablePaginationProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TablePagination.d.ts.map

package/dist/components/data-table/components/TablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TablePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,UAAU,oBAAoB,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACzF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,yCAI3F,oBAAoB,CAAC,UAAU,CAAC,4CAoClC,CAAC"}
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TablePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,UAAU,oBAAoB,CAC5B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAE5D,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,GAC1B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC5D,0CAIC,oBAAoB,CAAC,UAAU,CAAC,4CAoClC,CAAC"}

package/dist/components/data-table/components/TablePagination.js

@@ -1,36 +1,39 @@
 import { jsx as i } from "react/jsx-runtime";
 import { Pagination as h } from "antd";
-import { useCls as m } from "../../utils/antdUtils.js";
-import { clsx as u } from "../../utils/cn.js";
+import { useCls as g } from "../../utils/antdUtils.js";
+import { clsx as m } from "../../utils/cn.js";
 const x = ({
   table: t,
   paginationConfig: o,
   totalCount: n
 }) => {
-  const s = m();
-  if (!o) return null;
+  const s = g();
+  if (!o || !t.getState().pagination) return null;
   const c = t.getState().pagination.pageIndex + 1, a = t.getState().pagination.pageSize;
-  return /* @__PURE__ */ i("div", { className: u(
-    s("table-pagination"),
-    s("table-pagination-right")
-  ), children: /* @__PURE__ */ i(
-    h,
+  return /* @__PURE__ */ i(
+    "div",
     {
-      ...o,
-      current: c,
-      pageSize: a,
-      total: n,
-      showSizeChanger: o.showSizeChanger !== !1,
-      showQuickJumper: o.showQuickJumper || !1,
-      showTotal: o.showTotal || ((r, e) => `${e[0]}-${e[1]} of ${r} items`),
-      onChange: (r, e) => {
-        t.setPageIndex(r - 1), e && e !== a && t.setPageSize(e);
-      },
-      onShowSizeChange: (r, e) => {
-        t.setPageSize(e), t.setPageIndex(0);
-      }
+      className: m(s("table-pagination"), s("table-pagination-right")),
+      children: /* @__PURE__ */ i(
+        h,
+        {
+          ...o,
+          current: c,
+          pageSize: a,
+          total: n,
+          showSizeChanger: o.showSizeChanger !== !1,
+          showQuickJumper: o.showQuickJumper || !1,
+          showTotal: o.showTotal || ((r, e) => `${e[0]}-${e[1]} of ${r} items`),
+          onChange: (r, e) => {
+            t.setPageIndex(r - 1), e && e !== a && t.setPageSize(e);
+          },
+          onShowSizeChange: (r, e) => {
+            t.setPageSize(e), t.setPageIndex(0);
+          }
+        }
+      )
     }
-  ) });
+  );
 };
 export {
   x as TablePagination

package/dist/components/data-table/components/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/data-table/components/TablePagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pagination } from \"antd\";\nimport { type Table } from \"@tanstack/react-table\";\nimport { clsx, useCls } from \"../../utils\";\nimport { type DataTablePaginationConfig } from \"../types\";\n\ninterface TablePaginationProps<RecordType extends Record<string, any> = Record<string, any>> {\n  table: Table<RecordType>;\n  paginationConfig?: DataTablePaginationConfig;\n  totalCount: number;\n}\n\nexport const TablePagination = <RecordType extends Record<string, any> = Record<string, any>>({ \n  table, \n  paginationConfig, \n  totalCount \n}: TablePaginationProps<RecordType>) => {\n  const cls = useCls();\n\n  if (!paginationConfig) return null;\n\n  const currentPage = table.getState().pagination.pageIndex + 1;\n  const pageSize = table.getState().pagination.pageSize;\n\n  return (\n    <div className={clsx(\n      cls(\"table-pagination\"),\n      cls(\"table-pagination-right\")\n    )}>\n      <Pagination\n        {...paginationConfig}\n        current={currentPage}\n        pageSize={pageSize}\n        total={totalCount}\n        showSizeChanger={paginationConfig.showSizeChanger !== false}\n        showQuickJumper={paginationConfig.showQuickJumper || false}\n        showTotal={paginationConfig.showTotal || ((total, range) => \n          `${range[0]}-${range[1]} of ${total} items`\n        )}\n        onChange={(page, newPageSize) => {\n          table.setPageIndex(page - 1);\n          if (newPageSize && newPageSize !== pageSize) {\n            table.setPageSize(newPageSize);\n          }\n        }}\n        onShowSizeChange={(current, size) => {\n          table.setPageSize(size);\n          table.setPageIndex(0); // Reset to first page when changing page size\n        }}\n      />\n    </div>\n  );\n};"],"names":["TablePagination","table","paginationConfig","totalCount","cls","useCls","currentPage","pageSize","jsx","clsx","Pagination","total","range","page","newPageSize","current","size"],"mappings":";;;;AAYO,MAAMA,IAAkB,CAA+D;AAAA,EAC5F,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,MAAwC;AACtC,QAAMC,IAAMC,EAAA;AAEZ,MAAI,CAACH,EAAkB,QAAO;AAE9B,QAAMI,IAAcL,EAAM,SAAA,EAAW,WAAW,YAAY,GACtDM,IAAWN,EAAM,SAAA,EAAW,WAAW;AAE7C,SACE,gBAAAO,EAAC,SAAI,WAAWC;AAAA,IACdL,EAAI,kBAAkB;AAAA,IACtBA,EAAI,wBAAwB;AAAA,EAAA,GAE5B,UAAA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,SAASI;AAAA,MACT,UAAAC;AAAA,MACA,OAAOJ;AAAA,MACP,iBAAiBD,EAAiB,oBAAoB;AAAA,MACtD,iBAAiBA,EAAiB,mBAAmB;AAAA,MACrD,WAAWA,EAAiB,cAAc,CAACS,GAAOC,MAChD,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,OAAOD,CAAK;AAAA,MAErC,UAAU,CAACE,GAAMC,MAAgB;AAC/B,QAAAb,EAAM,aAAaY,IAAO,CAAC,GACvBC,KAAeA,MAAgBP,KACjCN,EAAM,YAAYa,CAAW;AAAA,MAEjC;AAAA,MACA,kBAAkB,CAACC,GAASC,MAAS;AACnC,QAAAf,EAAM,YAAYe,CAAI,GACtBf,EAAM,aAAa,CAAC;AAAA,MACtB;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/data-table/components/TablePagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Pagination } from \"antd\";\nimport { type Table } from \"@tanstack/react-table\";\nimport { clsx, useCls } from \"../../utils\";\nimport { type DataTablePaginationConfig } from \"../types\";\n\ninterface TablePaginationProps<\n  RecordType extends Record<string, any> = Record<string, any>\n> {\n  table: Table<RecordType>;\n  paginationConfig?: DataTablePaginationConfig;\n  totalCount: number;\n}\n\nexport const TablePagination = <\n  RecordType extends Record<string, any> = Record<string, any>\n>({\n  table,\n  paginationConfig,\n  totalCount,\n}: TablePaginationProps<RecordType>) => {\n  const cls = useCls();\n\n  if (!paginationConfig || !table.getState().pagination) return null;\n\n  const currentPage = table.getState().pagination.pageIndex + 1;\n  const pageSize = table.getState().pagination.pageSize;\n\n  return (\n    <div\n      className={clsx(cls(\"table-pagination\"), cls(\"table-pagination-right\"))}\n    >\n      <Pagination\n        {...paginationConfig}\n        current={currentPage}\n        pageSize={pageSize}\n        total={totalCount}\n        showSizeChanger={paginationConfig.showSizeChanger !== false}\n        showQuickJumper={paginationConfig.showQuickJumper || false}\n        showTotal={\n          paginationConfig.showTotal ||\n          ((total, range) => `${range[0]}-${range[1]} of ${total} items`)\n        }\n        onChange={(page, newPageSize) => {\n          table.setPageIndex(page - 1);\n          if (newPageSize && newPageSize !== pageSize) {\n            table.setPageSize(newPageSize);\n          }\n        }}\n        onShowSizeChange={(current, size) => {\n          table.setPageSize(size);\n          table.setPageIndex(0); // Reset to first page when changing page size\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["TablePagination","table","paginationConfig","totalCount","cls","useCls","currentPage","pageSize","jsx","clsx","Pagination","total","range","page","newPageSize","current","size"],"mappings":";;;;AAcO,MAAMA,IAAkB,CAE7B;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC;AACF,MAAwC;AACtC,QAAMC,IAAMC,EAAA;AAEZ,MAAI,CAACH,KAAoB,CAACD,EAAM,SAAA,EAAW,WAAY,QAAO;AAE9D,QAAMK,IAAcL,EAAM,SAAA,EAAW,WAAW,YAAY,GACtDM,IAAWN,EAAM,SAAA,EAAW,WAAW;AAE7C,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKL,EAAI,kBAAkB,GAAGA,EAAI,wBAAwB,CAAC;AAAA,MAEtE,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGR;AAAA,UACJ,SAASI;AAAA,UACT,UAAAC;AAAA,UACA,OAAOJ;AAAA,UACP,iBAAiBD,EAAiB,oBAAoB;AAAA,UACtD,iBAAiBA,EAAiB,mBAAmB;AAAA,UACrD,WACEA,EAAiB,cAChB,CAACS,GAAOC,MAAU,GAAGA,EAAM,CAAC,CAAC,IAAIA,EAAM,CAAC,CAAC,OAAOD,CAAK;AAAA,UAExD,UAAU,CAACE,GAAMC,MAAgB;AAC/B,YAAAb,EAAM,aAAaY,IAAO,CAAC,GACvBC,KAAeA,MAAgBP,KACjCN,EAAM,YAAYa,CAAW;AAAA,UAEjC;AAAA,UACA,kBAAkB,CAACC,GAASC,MAAS;AACnC,YAAAf,EAAM,YAAYe,CAAI,GACtBf,EAAM,aAAa,CAAC;AAAA,UACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/data-table/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/hooks.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,SAAS,CAAC;AAOnE;;GAEG;AACH,wBAAgB,YAAY,CAC1B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC;;;;;;;;EAgMlC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/hooks.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAuB,MAAM,SAAS,CAAC;AAOnE;;GAEG;AACH,wBAAgB,YAAY,CAC1B,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChE,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC;;;;;;;;EA+LlC"}