@bioturing/components 0.46.4 → 0.47.0

package/dist/components/base-menu/component.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import n from "react";
+import { jsx as n } from "react/jsx-runtime";
+import t from "react";
 import './style.css';/* empty css          */
 import { useCls as c } from "../utils/antdUtils.js";
-import { clsx as m } from "../utils/cn.js";
 import { WithRenderProp as u } from "../utils/WithRenderProp.js";
-const v = n.forwardRef(({ className: e, children: s, ...r }, o) => {
+import { clsx as m } from "../utils/cn.js";
+const v = t.forwardRef(({ className: e, children: s, ...r }, o) => {
   const a = c();
-  return /* @__PURE__ */ t("div", { className: m(a("base-menu-root"), e), ref: o, ...r, children: s });
-}), b = n.forwardRef(({ className: e, children: s, ...r }, o) => {
+  return /* @__PURE__ */ n("div", { className: m(a("base-menu-root"), e), ref: o, ...r, children: s });
+}), b = t.forwardRef(({ className: e, children: s, ...r }, o) => {
   const a = c();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ n(
     "div",
     {
       className: m(a("base-menu-popup"), e),
@@ -19,10 +19,9 @@ const v = n.forwardRef(({ className: e, children: s, ...r }, o) => {
       children: s
     }
   );
-});
-n.forwardRef(({ className: e, children: s, ...r }, o) => {
+}), w = t.forwardRef(({ className: e, children: s, ...r }, o) => {
   const a = c();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ n(
     "div",
     {
       className: m(a("base-menu-container"), e),
@@ -31,14 +30,12 @@ n.forwardRef(({ className: e, children: s, ...r }, o) => {
       children: s
     }
   );
-});
-const w = n.forwardRef(({ className: e, children: s, ...r }, o) => {
+}), B = t.forwardRef(({ className: e, children: s, ...r }, o) => {
   const a = c();
-  return /* @__PURE__ */ t("div", { className: m(a("base-menu-list"), e), ref: o, ...r, children: s });
-});
-n.forwardRef(({ className: e, children: s, ...r }, o) => {
+  return /* @__PURE__ */ n("div", { className: m(a("base-menu-list"), e), ref: o, ...r, children: s });
+}), M = t.forwardRef(({ className: e, children: s, ...r }, o) => {
   const a = c();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ n(
     "div",
     {
       className: m(a("base-menu-search"), e),
@@ -47,10 +44,9 @@ n.forwardRef(({ className: e, children: s, ...r }, o) => {
       children: s
     }
   );
-});
-const N = n.forwardRef(({ className: e, children: s, ...r }, o) => {
+}), N = t.forwardRef(({ className: e, children: s, ...r }, o) => {
   const a = c();
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ n(
     u,
     {
       className: m(a("base-menu-divider"), e),
@@ -61,9 +57,11 @@ const N = n.forwardRef(({ className: e, children: s, ...r }, o) => {
   );
 });
 export {
+  w as BaseMenuContainer,
   N as BaseMenuDivider,
-  w as BaseMenuList,
+  B as BaseMenuList,
   b as BaseMenuPopup,
-  v as BaseMenuRoot
+  v as BaseMenuRoot,
+  M as BaseMenuSearch
 };
 //# sourceMappingURL=component.js.map

package/dist/components/base-menu/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/base-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { clsx, useCls, WithRenderProp, WithRenderPropProps } from \"../utils\";\nimport React from \"react\";\n\nimport \"./style.css\";\n\nexport const BaseMenuRoot = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div className={clsx(cls(\"base-menu-root\"), className)} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuPopup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div\n      className={clsx(cls(\"base-menu-popup\"), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div\n      className={clsx(cls(\"base-menu-container\"), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuList = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div className={clsx(cls(\"base-menu-list\"), className)} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuSearch = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div\n      className={clsx(cls(\"base-menu-search\"), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuDivider = React.forwardRef<\n  HTMLDivElement,\n  WithRenderPropProps\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <WithRenderProp\n      className={clsx(cls(\"base-menu-divider\"), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </WithRenderProp>\n  );\n});\n"],"names":["BaseMenuRoot","React","className","children","rest","ref","cls","useCls","jsx","clsx","BaseMenuPopup","BaseMenuList","BaseMenuDivider","WithRenderProp"],"mappings":";;;;;;;AAMO,MAAMA,IAAeC,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC,GAEYO,IAAgBT,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,iBAAiB,GAAGJ,CAAS;AAAA,MACjD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEgCF,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,qBAAqB,GAAGJ,CAAS;AAAA,MACrD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAMQ,IAAeV,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC;AAE6BF,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,kBAAkB,GAAGJ,CAAS;AAAA,MAClD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEM,MAAMS,IAAkBX,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWJ,EAAKH,EAAI,mBAAmB,GAAGJ,CAAS;AAAA,MACnD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/base-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { clsx, useCls, WithRenderProp, WithRenderPropProps } from \"../utils\";\nimport React from \"react\";\n\nimport \"./style.css\";\n\nexport const BaseMenuRoot = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div className={clsx(cls(\"base-menu-root\"), className)} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuPopup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div\n      className={clsx(cls(\"base-menu-popup\"), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div\n      className={clsx(cls(\"base-menu-container\"), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuList = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div className={clsx(cls(\"base-menu-list\"), className)} ref={ref} {...rest}>\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuSearch = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithRef<\"div\">\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <div\n      className={clsx(cls(\"base-menu-search\"), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nexport const BaseMenuDivider = React.forwardRef<\n  HTMLDivElement,\n  WithRenderPropProps\n>(({ className, children, ...rest }, ref) => {\n  const cls = useCls();\n\n  return (\n    <WithRenderProp\n      className={clsx(cls(\"base-menu-divider\"), className)}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </WithRenderProp>\n  );\n});\n"],"names":["BaseMenuRoot","React","className","children","rest","ref","cls","useCls","jsx","clsx","BaseMenuPopup","BaseMenuContainer","BaseMenuList","BaseMenuSearch","BaseMenuDivider","WithRenderProp"],"mappings":";;;;;;;AAMO,MAAMA,IAAeC,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC,GAEYO,IAAgBT,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,iBAAiB,GAAGJ,CAAS;AAAA,MACjD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAEYQ,IAAoBV,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,qBAAqB,GAAGJ,CAAS;AAAA,MACrD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAEYS,IAAeX,EAAM,WAGhC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAKH,EAAI,gBAAgB,GAAGJ,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACnE,UAAAD,EAAA,CACH;AAEJ,CAAC,GAEYU,IAAiBZ,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKH,EAAI,kBAAkB,GAAGJ,CAAS;AAAA,MAClD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC,GAEYW,IAAkBb,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC3C,QAAMC,IAAMC,EAAA;AAEZ,SACE,gBAAAC;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,WAAWN,EAAKH,EAAI,mBAAmB,GAAGJ,CAAS;AAAA,MACnD,KAAAG;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/base-menu/index.js

@@ -1,11 +1,16 @@
-import { BaseMenuRoot as e, BaseMenuPopup as o, BaseMenuDivider as s, BaseMenuList as i } from "./component.js";
-const u = {
-  Root: e,
-  Popup: o,
-  List: i,
-  Divider: s
+import { BaseMenuDivider as e, BaseMenuList as o, BaseMenuSearch as n, BaseMenuContainer as a, BaseMenuPopup as t, BaseMenuRoot as r } from "./component.js";
+import { BaseMenuItem as s } from "./item.js";
+const B = {
+  Root: r,
+  Popup: t,
+  Container: a,
+  Search: n,
+  List: o,
+  Divider: e,
+  Item: s
 };
 export {
-  u as BaseMenu
+  B as BaseMenu,
+  s as BaseMenuItem
 };
 //# sourceMappingURL=index.js.map

package/dist/components/base-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/base-menu/index.ts"],"sourcesContent":["import {\n  BaseMenuRoot,\n  BaseMenuPopup,\n  BaseMenuContainer,\n  BaseMenuSearch,\n  BaseMenuList,\n  BaseMenuDivider,\n} from \"./component\";\nimport { BaseMenuItem, type BaseMenuItemProps } from \"./item\";\n\nexport { BaseMenuItem, type BaseMenuItemProps };\nexport const BaseMenu = {\n  Root: BaseMenuRoot,\n  Popup: BaseMenuPopup,\n  Container: BaseMenuContainer,\n  Search: BaseMenuSearch,\n  List: BaseMenuList,\n  Divider: BaseMenuDivider,\n  Item: BaseMenuItem,\n};\n"],"names":["BaseMenu","BaseMenuRoot","BaseMenuPopup","BaseMenuList","BaseMenuDivider"],"mappings":";AAWO,MAAMA,IAAW;AAAA,EACtB,MAAMC;AAAA,EACN,OAAOC;AAAA,EAGP,MAAMC;AAAA,EACN,SAASC;AAEX;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/base-menu/index.ts"],"sourcesContent":["import {\n  BaseMenuRoot,\n  BaseMenuPopup,\n  BaseMenuContainer,\n  BaseMenuSearch,\n  BaseMenuList,\n  BaseMenuDivider,\n} from \"./component\";\nimport { BaseMenuItem, type BaseMenuItemProps } from \"./item\";\n\nexport { BaseMenuItem, type BaseMenuItemProps };\nexport const BaseMenu = {\n  Root: BaseMenuRoot,\n  Popup: BaseMenuPopup,\n  Container: BaseMenuContainer,\n  Search: BaseMenuSearch,\n  List: BaseMenuList,\n  Divider: BaseMenuDivider,\n  Item: BaseMenuItem,\n};\n"],"names":["BaseMenu","BaseMenuRoot","BaseMenuPopup","BaseMenuContainer","BaseMenuSearch","BaseMenuList","BaseMenuDivider","BaseMenuItem"],"mappings":";;AAWO,MAAMA,IAAW;AAAA,EACtB,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,WAAWC;AAAA,EACX,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,SAASC;AAAA,EACT,MAAMC;AACR;"}

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

@@ -3,7 +3,7 @@ export interface CheckboxProps extends AntCheckboxProps {
     /**
      * Checkbox appearance variant
      * @default 'default'
-     */
+    */
     variant?: "default" | "outlined";
 }
 declare const MainCheckboxInner: ({ variant, className, ...props }: CheckboxProps, ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>) => import("react/jsx-runtime").JSX.Element;
@@ -12,5 +12,5 @@ export declare const Checkbox: ((props: CheckboxProps & {
 }) => ReturnType<typeof MainCheckboxInner>) & {
     Group: <T = any>(props: import('antd/es/checkbox').CheckboxGroupProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
 };
-export {};
+export type { CheckboxChangeEvent, CheckboxRef, CheckboxGroupProps, CheckboxOptionType, } from 'antd/es/checkbox';
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,MAAM,CAAC;AAKd,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC;AAGD,QAAA,MAAM,iBAAiB,GACrB,kCAA8C,aAAa,EAC3D,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,4CASvD,CAAC;AAUF,eAAO,MAAM,QAAQ,WANZ,aAAa,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;CAClE,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC;;CAKvC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,WAAW,EACvB,KAAK,aAAa,IAAI,gBAAgB,EACvC,MAAM,MAAM,CAAC;AAKd,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;MAGE;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CACjC;AAGD,QAAA,MAAM,iBAAiB,GACrB,kCAA8C,aAAa,EAC3D,KAAK,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,4CASvD,CAAC;AAUF,eAAO,MAAM,QAAQ,WANZ,aAAa,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC;CAClE,KACE,UAAU,CAAC,OAAO,iBAAiB,CAAC;;CAKvC,CAAC;AAEH,YAAY,EACV,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/checkbox/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  Checkbox as AntCheckbox,\n  type CheckboxProps as AntCheckboxProps,\n} from \"antd\";\nimport { forwardRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CheckboxProps\nexport interface CheckboxProps extends AntCheckboxProps {\n  /**\n   * Checkbox appearance variant\n   * @default 'default'\n   */\n  variant?: \"default\" | \"outlined\";\n}\n\n// Create inner function\nconst MainCheckboxInner = (\n  { variant = \"default\", className, ...props }: CheckboxProps,\n  ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>\n) => {\n  const cls = useCls();\n  const combinedClassName = clsx(\n    className,\n    variant === \"outlined\" && cls(\"checkbox-outlined\")\n  );\n\n  return <AntCheckbox ref={ref} className={combinedClassName} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainCheckbox = forwardRef(MainCheckboxInner) as (\n  props: CheckboxProps & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntCheckbox>>;\n  }\n) => ReturnType<typeof MainCheckboxInner>;\n\n// Create the final component with Group property\nexport const Checkbox = Object.assign(MainCheckbox, {\n  Group: AntCheckbox.Group,\n});\n"],"names":["MainCheckboxInner","variant","className","props","ref","cls","useCls","combinedClassName","clsx","AntCheckbox","MainCheckbox","forwardRef","Checkbox"],"mappings":";;;;;;;AAqBA,MAAMA,IAAoB,CACxB,EAAE,SAAAC,IAAU,WAAW,WAAAC,GAAW,GAAGC,EAAA,GACrCC,MACG;AACH,QAAMC,IAAMC,EAAA,GACNC,IAAoBC;AAAA,IACxBN;AAAA,IACAD,MAAY,cAAcI,EAAI,mBAAmB;AAAA,EAAA;AAGnD,2BAAQI,GAAA,EAAY,KAAAL,GAAU,WAAWG,GAAoB,GAAGJ,GAAO;AACzE,GAGMO,IAAeC,EAAWX,CAAiB,GAOpCY,IAAW,OAAO,OAAOF,GAAc;AAAA,EAClD,OAAOD,EAAY;AACrB,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/checkbox/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  Checkbox as AntCheckbox,\n  type CheckboxProps as AntCheckboxProps,\n} from \"antd\";\nimport { forwardRef } from \"react\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\n// Define props interface extending Ant Design's CheckboxProps\nexport interface CheckboxProps extends AntCheckboxProps {\n  /**\n   * Checkbox appearance variant\n   * @default 'default'\n  */\n variant?: \"default\" | \"outlined\";\n}\n\n// Create inner function\nconst MainCheckboxInner = (\n  { variant = \"default\", className, ...props }: CheckboxProps,\n  ref: React.Ref<React.ComponentRef<typeof AntCheckbox>>\n) => {\n  const cls = useCls();\n  const combinedClassName = clsx(\n    className,\n    variant === \"outlined\" && cls(\"checkbox-outlined\")\n  );\n  \n  return <AntCheckbox ref={ref} className={combinedClassName} {...props} />;\n};\n\n// Use forwardRef with type assertion\nconst MainCheckbox = forwardRef(MainCheckboxInner) as (\n  props: CheckboxProps & {\n    ref?: React.ForwardedRef<React.ComponentRef<typeof AntCheckbox>>;\n  }\n) => ReturnType<typeof MainCheckboxInner>;\n\n// Create the final component with Group property\nexport const Checkbox = Object.assign(MainCheckbox, {\n  Group: AntCheckbox.Group,\n});\n\nexport type {\n  CheckboxChangeEvent,\n  CheckboxRef,\n  CheckboxGroupProps,\n  CheckboxOptionType,\n} from \"antd/es/checkbox\";\n"],"names":["MainCheckboxInner","variant","className","props","ref","cls","useCls","combinedClassName","clsx","AntCheckbox","MainCheckbox","forwardRef","Checkbox"],"mappings":";;;;;;;AAqBA,MAAMA,IAAoB,CACxB,EAAE,SAAAC,IAAU,WAAW,WAAAC,GAAW,GAAGC,EAAA,GACrCC,MACG;AACH,QAAMC,IAAMC,EAAA,GACNC,IAAoBC;AAAA,IACxBN;AAAA,IACAD,MAAY,cAAcI,EAAI,mBAAmB;AAAA,EAAA;AAGnD,2BAAQI,GAAA,EAAY,KAAAL,GAAU,WAAWG,GAAoB,GAAGJ,GAAO;AACzE,GAGMO,IAAeC,EAAWX,CAAiB,GAOpCY,IAAW,OAAO,OAAOF,GAAc;AAAA,EAClD,OAAOD,EAAY;AACrB,CAAC;"}

package/dist/components/choice-list/component.js

@@ -5,13 +5,13 @@ import { useMemo as F, useContext as p, useCallback as f } from "react";
 import L from "antd/es/config-provider/DisabledContext";
 import { FormItemInputContext as x } from "antd/es/form/context";
 import './style.css';/* empty css          */
-import { Radio as P } from "../radio/component.js";
-import { useControlledState as R } from "../hooks/useControlledState.js";
-import { useCls as M } from "../utils/antdUtils.js";
-import { clsx as T } from "../utils/cn.js";
-import { Input as _ } from "../input/component.js";
+import { useControlledState as P } from "../hooks/useControlledState.js";
+import { useCls as R } from "../utils/antdUtils.js";
+import { clsx as M } from "../utils/cn.js";
+import { Input as T } from "../input/component.js";
 import { Checkbox as b } from "../checkbox/component.js";
-import { ScrollArea as q } from "../scroll-area/component.js";
+import { ScrollArea as _ } from "../scroll-area/component.js";
+import { Radio as q } from "../radio/component.js";
 const le = ({
   options: i,
   multiple: r,
@@ -27,9 +27,9 @@ const le = ({
   disabled: w = !1,
   status: z
 }) => {
-  const [t, s] = R(C, I, g), n = F(() => r ? Array.isArray(t) ? t : t ? [t] : [] : Array.isArray(t) ? t.length > 0 ? [t[0]] : [] : t ? [t] : [], [t, r]);
+  const [t, s] = P(C, I, g), n = F(() => r ? Array.isArray(t) ? t : t ? [t] : [] : Array.isArray(t) ? t.length > 0 ? [t[0]] : [] : t ? [t] : [], [t, r]);
   p(x);
-  const D = p(L), c = w || D, o = M(), j = f(() => {
+  const D = p(L), c = w || D, o = R(), j = f(() => {
     if (r) {
       const e = i.map((a) => a.value).filter(Boolean);
       s(e);
@@ -55,12 +55,12 @@ const le = ({
       open: !0,
       inline: !0,
       modal: !1,
-      children: /* @__PURE__ */ v("div", { className: T(o("choice-list"), y), children: [
+      children: /* @__PURE__ */ v("div", { className: M(o("choice-list"), y), children: [
         /* @__PURE__ */ l(x.Provider, { value: {}, children: /* @__PURE__ */ l(
           d.Input,
           {
             render: ({ ref: e, ...a }) => /* @__PURE__ */ l(
-              _.Search,
+              T.Search,
               {
                 ...a,
                 ...S,
@@ -94,7 +94,7 @@ const le = ({
             }
           );
         })(),
-        /* @__PURE__ */ v(q, { className: o("choice-list-items"), fadeEdges: !0, children: [
+        /* @__PURE__ */ v(_, { className: o("choice-list-items"), fadeEdges: !0, children: [
           /* @__PURE__ */ l(d.List, { children: (e) => /* @__PURE__ */ l(
             d.Item,
             {
@@ -111,7 +111,7 @@ const le = ({
                   children: e.label
                 }
               ) : /* @__PURE__ */ l(
-                P,
+                q,
                 {
                   tabIndex: -1,
                   checked: e.value ? n.includes(e.value) : !1,

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,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"}
+{"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;AACrB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAU/B,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,4CAiKvB,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,84 +1,93 @@
 "use client";
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as y, useRef as u, 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 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 h } from "../utils/cn.js";
-const $ = (s, G) => {
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as x, useRef as g, useState as H, useEffect as h } from "react";
+import { Spin as N } from "../spin/component.js";
+import { useDataTable as W } from "./hooks.js";
+import { convertSelectionToAntFormat as I } from "./utils.js";
+import './variant-minimal.css';import './variant-zebra.css';import './style.css';/* empty css          */
+/* empty css                  */
+/* empty css                    */
+import { TableHeader as P } from "./components/TableHeader.js";
+import { TableBody as k } from "./components/TableBody.js";
+import { TablePagination as j } from "./components/TablePagination.js";
+import { useCls as B } from "../utils/antdUtils.js";
+import { clsx as E } from "../utils/cn.js";
+const F = (d, A) => {
   const {
     dataSource: i = [],
-    className: b,
-    size: g = "large",
-    variant: S = "default",
-    emptyDescription: w,
+    className: S,
+    size: y = "large",
+    variant: m = "default",
+    emptyDescription: z,
     rowKey: c
-  } = s, e = E(), v = u(null), {
+  } = d, e = B(), w = g(null), {
     table: a,
-    isLoading: C,
+    isLoading: v,
     spinProps: R,
-    hasRowSelection: m,
-    hasPagination: d,
-    paginationConfig: z,
+    hasRowSelection: u,
+    hasPagination: f,
+    paginationConfig: C,
     rowSelectionConfig: n
-  } = P(s), T = (l) => {
-    if (m && (l.toggleSelected(), n?.onSelect)) {
-      const { selectedRows: r } = k(
+  } = W(d), T = (t) => {
+    if (u && (t.toggleSelected(), n?.onSelect)) {
+      const { selectedRows: l } = I(
         a.getState().rowSelection,
         i,
         c
       );
       n.onSelect(
-        l.original,
-        !l.getIsSelected(),
-        r,
+        t.original,
+        !t.getIsSelected(),
+        l,
         new Event("click")
       );
     }
-  }, D = F(), o = u(null), [f, x] = H({
+  }, r = g(null), [b, D] = H({
     vertical: !1,
     horizontal: !1
-  });
-  return N(() => {
-    o.current && x({
-      vertical: o.current.scrollHeight > o.current.clientHeight,
-      horizontal: o.current.scrollWidth > o.current.clientWidth
+  }), s = !!a.getState().columnSizingInfo?.isResizingColumn;
+  return h(() => {
+    r.current && D({
+      vertical: r.current.scrollHeight > r.current.clientHeight,
+      horizontal: r.current.scrollWidth > r.current.clientWidth
     });
-  }, [i]), /* @__PURE__ */ t(
+  }, [i]), h(() => {
+    if (!s || typeof document > "u") return;
+    const t = document.body.style.cursor, l = document.body.style.userSelect;
+    return document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", () => {
+      document.body.style.cursor = t, document.body.style.userSelect = l;
+    };
+  }, [s]), /* @__PURE__ */ o(
     "div",
     {
-      ref: v,
-      className: h(
-        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
+      ref: w,
+      className: E(
+        e("data-table-wrapper"),
+        e(`data-table-${y}`),
+        m === "zebra" ? e("data-table-zebra") : "",
+        m === "minimal" ? e("data-table-minimal") : "",
+        f ? e("data-table-has-pagination") : "",
+        b.vertical ? e("data-table-scroll-vertical") : "",
+        b.horizontal ? e("data-table-scroll-horizontal") : "",
+        s ? e("data-table-resizing") : "",
+        S
       ),
-      children: /* @__PURE__ */ p(W, { spinning: C, ...R, children: [
-        /* @__PURE__ */ t("div", { className: h(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;
+      children: /* @__PURE__ */ p(N, { spinning: v, ...R, children: [
+        /* @__PURE__ */ o("div", { className: e("data-table"), children: /* @__PURE__ */ o("div", { className: e("data-table-container"), ref: r, children: /* @__PURE__ */ o("div", { className: e("data-table-content"), children: /* @__PURE__ */ p("table", { children: [
+          /* @__PURE__ */ o("colgroup", { children: a.getHeaderGroups()[0]?.headers.map((t) => {
+            let l;
+            if (t.id === "select")
+              l = n?.columnWidth || 32;
             else
               try {
-                r = `${l.getSize()}px`;
+                l = `${t.getSize()}px`;
               } catch {
-                r = l.column.columnDef.meta?.width;
+                l = t.column.columnDef.meta?.width;
               }
-            return /* @__PURE__ */ t("col", { style: { width: r } }, l.id);
+            return /* @__PURE__ */ o("col", { style: { width: l } }, t.id);
           }) }),
-          /* @__PURE__ */ t(
-            I,
+          /* @__PURE__ */ o(
+            P,
             {
               table: a,
               rowSelectionConfig: n,
@@ -86,32 +95,32 @@ const $ = (s, G) => {
               rowKey: c
             }
           ),
-          /* @__PURE__ */ t(
-            j,
+          /* @__PURE__ */ o(
+            k,
             {
               table: a,
               dataSource: i,
-              emptyDescription: w,
-              hasRowSelection: m,
+              emptyDescription: z,
+              hasRowSelection: u,
               onRowClick: T,
               rowSelectionConfig: n,
               rowKey: c
             }
           )
         ] }) }) }) }),
-        d && /* @__PURE__ */ t(
-          A,
+        f && /* @__PURE__ */ o(
+          j,
           {
             table: a,
-            paginationConfig: z,
+            paginationConfig: C,
             totalCount: a.getPreFilteredRowModel().rows.length
           }
         )
       ] })
     }
   );
-}, B = y($), _ = B;
+}, $ = x(F), ee = $;
 export {
-  _ as DataTable
+  ee 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, {\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]);\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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"}
+{"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, 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 \"./variant-zebra.css\";\nimport \"./variant-minimal.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    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 tableContainerRef = useRef<HTMLDivElement>(null);\n\n  const [hasScroll, setHasScroll] = useState({\n    vertical: false,\n    horizontal: false,\n  });\n\n  const isColumnResizing = Boolean(\n    table.getState().columnSizingInfo?.isResizingColumn\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]);\n\n  useEffect(() => {\n    if (!isColumnResizing || typeof document === \"undefined\") return;\n\n    const originalCursor = document.body.style.cursor;\n    const originalUserSelect = document.body.style.userSelect;\n\n    document.body.style.cursor = \"col-resize\";\n    document.body.style.userSelect = \"none\";\n\n    return () => {\n      document.body.style.cursor = originalCursor;\n      document.body.style.userSelect = originalUserSelect;\n    };\n  }, [isColumnResizing]);\n\n  return (\n    <div\n      ref={tableWrapperRef}\n      className={clsx(\n        cls(\"data-table-wrapper\"),\n        cls(`data-table-${size}`),\n        variant === \"zebra\" ? cls(\"data-table-zebra\") : \"\",\n        variant === \"minimal\" ? cls(\"data-table-minimal\") : \"\",\n        hasPagination ? cls(\"data-table-has-pagination\") : \"\",\n        hasScroll.vertical ? cls(\"data-table-scroll-vertical\") : \"\",\n        hasScroll.horizontal ? cls(\"data-table-scroll-horizontal\") : \"\",\n        isColumnResizing ? cls(\"data-table-resizing\") : \"\",\n        className\n      )}\n    >\n      <Spin spinning={isLoading} {...spinProps}>\n        <div className={cls(\"data-table\")}>\n          <div className={cls(\"data-table-container\")} ref={tableContainerRef}>\n            <div className={cls(\"data-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","tableContainerRef","hasScroll","setHasScroll","useState","isColumnResizing","useEffect","originalCursor","originalUserSelect","jsx","clsx","jsxs","Spin","header","columnWidth","TableHeader","TableBody","TablePagination","InternalDataTable","forwardRef","DataTable"],"mappings":"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"}

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

@@ -10,6 +10,6 @@ interface TableBodyProps<RecordType extends Record<string, any> = Record<string,
     rowSelectionConfig?: DataTableRowSelection<RecordType>;
     rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);
 }
-export declare const TableBody: <RecordType extends Record<string, any> = Record<string, unknown>>({ table, dataSource, emptyDescription, hasRowSelection, onRowClick, rowSelectionConfig, rowKey }: TableBodyProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableBody: <RecordType extends Record<string, any> = Record<string, unknown>>({ table, dataSource, emptyDescription, hasRowSelection, onRowClick, rowSelectionConfig, rowKey, }: TableBodyProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TableBody.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,KAAK,EAAE,KAAK,GAAG,EAA0B,MAAM,uBAAuB,CAAC;AAKjG,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAWnE,UAAU,cAAc,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,SAAS,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,kGAQzF,cAAc,CAAC,UAAU,CAAC,4CAkH5B,CAAC"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,KAAK,EAAE,KAAK,GAAG,EAA0B,MAAM,uBAAuB,CAAC;AAMjG,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAWnE,UAAU,cAAc,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACvF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5C,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;CACpE;AAED,eAAO,MAAM,SAAS,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,mGAQzF,cAAc,CAAC,UAAU,CAAC,4CA0H5B,CAAC"}