npm - @bioturing/components - Versions diffs - 0.46.4 → 0.48.0 - Mend

@bioturing/components 0.46.4 → 0.48.0

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

Files changed (139) hide show

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

@@ -1,117 +1,137 @@
 "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 h } from "react/jsx-runtime";
+import { forwardRef as k, useRef as y, useState as B, useEffect as w } from "react";
+import { Spin as E } from "../spin/component.js";
+import { useDataTable as F } from "./hooks.js";
+import { convertSelectionToAntFormat as $ } from "./utils.js";
+import './variant-minimal.css';import './variant-zebra.css';import './style.css';/* empty css          */
+/* empty css                  */
+/* empty css                    */
+import { TableHeader as A } from "./components/TableHeader.js";
+import { TableBody as G } from "./components/TableBody.js";
+import { TablePagination as K } from "./components/TablePagination.js";
+import { useCls as L } from "../utils/antdUtils.js";
+import { clsx as M } from "../utils/cn.js";
+const U = (m, J) => {
   const {
     dataSource: i = [],
-    className: b,
-    size: g = "large",
-    variant: S = "default",
-    emptyDescription: w,
-    rowKey: c
-  } = s, e = E(), v = u(null), {
+    className: z,
+    size: R = "large",
+    variant: u = "default",
+    emptyDescription: v,
+    rowKey: c,
+    onRow: T,
+    onHeaderRow: C,
+    locale: s
+  } = m, e = L(), x = y(null), {
     table: a,
-    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,
-        c
-      );
-      n.onSelect(
-        l.original,
-        !l.getIsSelected(),
-        r,
-        new Event("click")
-      );
+    isLoading: D,
+    spinProps: H,
+    hasRowSelection: f,
+    hasPagination: p,
+    paginationConfig: N,
+    rowSelectionConfig: r
+  } = F(m), W = (t, l) => {
+    if (f) {
+      const g = !t.getIsSelected();
+      if (r?.onSelect) {
+        const S = { ...a.getState().rowSelection };
+        S[t.id] = g;
+        const { selectedRows: j } = $(
+          S,
+          i,
+          c
+        );
+        r.onSelect(
+          t.original,
+          g,
+          j,
+          l.nativeEvent
+        );
+      }
+      t.toggleSelected();
     }
-  }, D = F(), o = u(null), [f, x] = H({
+  }, n = y(null), [b, I] = B({
     vertical: !1,
     horizontal: !1
-  });
-  return N(() => {
-    o.current && x({
-      vertical: o.current.scrollHeight > o.current.clientHeight,
-      horizontal: o.current.scrollWidth > o.current.clientWidth
+  }), d = !!a.getState().columnSizingInfo?.isResizingColumn;
+  return w(() => {
+    n.current && I({
+      vertical: n.current.scrollHeight > n.current.clientHeight,
+      horizontal: n.current.scrollWidth > n.current.clientWidth
     });
-  }, [i]), /* @__PURE__ */ t(
+  }, [i]), w(() => {
+    if (!d || 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;
+    };
+  }, [d]), /* @__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: x,
+      className: M(
+        e("data-table-wrapper"),
+        e(`data-table-${R}`),
+        u === "zebra" ? e("data-table-zebra") : "",
+        u === "minimal" ? e("data-table-minimal") : "",
+        p ? e("data-table-has-pagination") : "",
+        b.vertical ? e("data-table-scroll-vertical") : "",
+        b.horizontal ? e("data-table-scroll-horizontal") : "",
+        d ? e("data-table-resizing") : "",
+        z
       ),
-      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__ */ h(E, { spinning: D, ...H, children: [
+        /* @__PURE__ */ o("div", { className: e("data-table"), children: /* @__PURE__ */ o("div", { className: e("data-table-container"), ref: n, children: /* @__PURE__ */ o("div", { className: e("data-table-content"), children: /* @__PURE__ */ h("table", { children: [
+          /* @__PURE__ */ o("colgroup", { children: a.getHeaderGroups()[0]?.headers.map((t) => {
+            let l;
+            if (t.id === "select")
+              l = r?.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(
+            A,
             {
               table: a,
-              rowSelectionConfig: n,
+              rowSelectionConfig: r,
               dataSource: i,
-              rowKey: c
+              rowKey: c,
+              onHeaderRow: C
             }
           ),
-          /* @__PURE__ */ t(
-            j,
+          /* @__PURE__ */ o(
+            G,
             {
               table: a,
               dataSource: i,
-              emptyDescription: w,
-              hasRowSelection: m,
-              onRowClick: T,
-              rowSelectionConfig: n,
-              rowKey: c
+              emptyDescription: v ?? (typeof s?.emptyText == "function" ? s.emptyText() : s?.emptyText),
+              hasRowSelection: f,
+              onRowClick: W,
+              rowSelectionConfig: r,
+              rowKey: c,
+              onRow: T
             }
           )
         ] }) }) }) }),
-        d && /* @__PURE__ */ t(
-          A,
+        p && /* @__PURE__ */ o(
+          K,
           {
             table: a,
-            paginationConfig: z,
+            paginationConfig: N,
             totalCount: a.getPreFilteredRowModel().rows.length
           }
         )
       ] })
     }
   );
-}, B = y($), _ = B;
+}, q = k(U), re = q;
 export {
-  _ as DataTable
+  re as DataTable
 };
 //# sourceMappingURL=component.js.map

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

	@@ -1 +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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"}
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, useCls } from \"../utils\";\nimport { Spin } from \"../spin/component\";\nimport { TableHeader, TableBody, TablePagination } from \"./components\";\nimport { useDataTable } from \"./hooks\";\nimport { convertSelectionToAntFormat, getRowKey } 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 onRow,\n onHeaderRow,\n locale,\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>, nativeEvent: React.MouseEvent) => {\n if (hasRowSelection) {\n const wasSelected = row.getIsSelected();\n const isSelected = !wasSelected;\n\n if (rowSelectionConfig?.onSelect) {\n // Compute new selection manually since table state batched updates\n // may not reflect the toggle yet\n const nextSelection = { ...table.getState().rowSelection };\n nextSelection[row.id] = isSelected;\n\n const { selectedRows } = convertSelectionToAntFormat(\n nextSelection,\n dataSource,\n rowKey\n );\n rowSelectionConfig.onSelect(\n row.original,\n isSelected,\n selectedRows,\n nativeEvent.nativeEvent\n );\n }\n\n row.toggleSelected();\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 onHeaderRow={onHeaderRow}\n />\n\n <TableBody\n table={table}\n dataSource={dataSource}\n emptyDescription={\n emptyDescription ??\n (typeof locale?.emptyText === \"function\"\n ? locale.emptyText()\n : locale?.emptyText)\n }\n hasRowSelection={hasRowSelection}\n onRowClick={handleRowClick}\n rowSelectionConfig={rowSelectionConfig}\n rowKey={rowKey}\n onRow={onRow}\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","onRow","onHeaderRow","locale","cls","useCls","tableWrapperRef","useRef","table","isLoading","spinProps","hasRowSelection","hasPagination","paginationConfig","rowSelectionConfig","useDataTable","handleRowClick","row","nativeEvent","isSelected","nextSelection","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 CHANGED Viewed

@@ -6,10 +6,11 @@ interface TableBodyProps<RecordType extends Record<string, any> = Record<string,
     dataSource: RecordType[];
     emptyDescription?: React.ReactNode;
     hasRowSelection?: boolean;
-    onRowClick?: (row: Row<RecordType>) => void;
+    onRowClick?: (row: Row<RecordType>, nativeEvent: React.MouseEvent) => void;
     rowSelectionConfig?: DataTableRowSelection<RecordType>;
     rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);
+    onRow?: (record: RecordType, index?: number) => React.HTMLAttributes<HTMLElement>;
 }
-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, onRow, }: TableBodyProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TableBody.d.ts.map

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

	@@ -1 +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"}
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;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,EAAE,WAAW,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC3E,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;IACnE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;CACnF;AAED,eAAO,MAAM,SAAS,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,0GASzF,cAAc,CAAC,UAAU,CAAC,4CAkI5B,CAAC"}

package/dist/components/data-table/components/TableBody.js CHANGED Viewed

@@ -1,114 +1,131 @@
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import { flexRender as f } from "@tanstack/react-table";
-import { Checkbox as k } from "antd";
-import { convertSelectionToAntFormat as h, getAlignmentClass as w } from "../utils.js";
-import { Empty as S } from "../../empty/component.js";
+import { jsxs as k, jsx as o } from "react/jsx-runtime";
+import { flexRender as S } from "@tanstack/react-table";
+import { convertSelectionToAntFormat as g, getAlignmentClass as w } from "../utils.js";
+import { Empty as N } from "../../empty/component.js";
+import { Radio as v } from "../../radio/component.js";
 import { useCls as y } from "../../utils/antdUtils.js";
-import { clsx as g } from "../../utils/cn.js";
-const j = ({
+import { clsx as p } from "../../utils/cn.js";
+import { Checkbox as C } from "../../checkbox/component.js";
+const H = ({
   table: c,
-  dataSource: a,
-  emptyDescription: p,
+  dataSource: s,
+  emptyDescription: u,
   hasRowSelection: b,
-  onRowClick: u,
-  rowSelectionConfig: s,
-  rowKey: m
+  onRowClick: x,
+  rowSelectionConfig: r,
+  rowKey: m,
+  onRow: f
 }) => {
-  const d = y();
-  return /* @__PURE__ */ x("tbody", { className: d("table-tbody"), children: [
-    /* @__PURE__ */ t(
+  const a = y();
+  return /* @__PURE__ */ k("tbody", { className: a("data-table-tbody"), children: [
+    /* @__PURE__ */ o(
       "tr",
       {
         "aria-hidden": "true",
-        className: d("table-measure-row"),
+        className: a("data-table-measure-row"),
         style: { height: "0px", fontSize: "0px" },
-        children: c.getHeaderGroups()[0]?.headers.map((o) => /* @__PURE__ */ t(
+        children: c.getHeaderGroups()[0]?.headers.map((t) => /* @__PURE__ */ o(
           "td",
           {
+            className: a("data-table-measure-cell"),
             style: {
               padding: "0px",
               border: "0px",
               height: "0px",
-              width: o.id === "select" ? 32 : o.column.columnDef.meta?.width
+              width: t.id === "select" ? 32 : t.column.columnDef.meta?.width
             },
-            children: /* @__PURE__ */ t("div", { style: { height: "0px", overflow: "hidden" }, children: " " })
+            children: /* @__PURE__ */ o("div", { className: a("data-table-measure-cell-content"), children: " " })
           },
-          o.id
+          t.id
         ))
       }
     ),
-    a.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: c.getHeaderGroups()[0]?.headers.length || 1, children: /* @__PURE__ */ t(S, { description: p }) }) }) : c.getRowModel().rows.map((o) => /* @__PURE__ */ t(
-      "tr",
-      {
-        className: g(
-          d("table-row"),
-          d("table-row-level-0"),
-          o.getIsSelected() ? d("table-row-selected") : ""
-        ),
-        "data-row-key": o.id,
-        "data-selectable": b ? "true" : "false",
-        onClick: () => u?.(o),
-        children: o.getVisibleCells().map((e) => /* @__PURE__ */ t(
-          "td",
-          {
-            className: g(
-              d("table-cell"),
-              e.column.id === "select" ? d("table-selection-column") : "",
-              w(e.column.columnDef.meta?.align)
-            ),
-            children: e.column.id === "select" ? (
-              // Handle selection column cells
-              (() => {
-                const l = e.row.original, n = s?.getCheckboxProps?.(l) || {};
-                return s?.type === "radio" ? /* @__PURE__ */ t(
-                  "input",
-                  {
-                    type: "radio",
-                    name: "table-radio",
-                    checked: e.row.getIsSelected(),
-                    disabled: !e.row.getCanSelect(),
-                    onChange: (r) => {
-                      if (e.row.toggleSelected(r.target.checked), s.onSelect) {
-                        const { selectedRows: i } = h(
-                          c.getState().rowSelection,
-                          a,
-                          m
-                        );
-                        s.onSelect(l, r.target.checked, i, r.nativeEvent);
-                      }
-                    },
-                    disabled: n.disabled,
-                    className: n.className
-                  }
-                ) : /* @__PURE__ */ t(
-                  k,
-                  {
-                    checked: e.row.getIsSelected(),
-                    disabled: !e.row.getCanSelect(),
-                    onChange: (r) => {
-                      if (e.row.toggleSelected(r.target.checked), s?.onSelect) {
-                        const { selectedRows: i } = h(
-                          c.getState().rowSelection,
-                          a,
-                          m
-                        );
-                        s.onSelect(l, r.target.checked, i, r.nativeEvent);
-                      }
-                    },
-                    ...n
-                  }
-                );
-              })()
-            ) : f(e.column.columnDef.cell, e.getContext())
+    s.length === 0 ? /* @__PURE__ */ o("tr", { className: a("data-table-placeholder"), children: /* @__PURE__ */ o("td", { colSpan: c.getHeaderGroups()[0]?.headers.length || 1, children: /* @__PURE__ */ o(N, { description: u }) }) }) : c.getRowModel().rows.map((t) => {
+      const l = f?.(t.original, t.index);
+      return /* @__PURE__ */ o(
+        "tr",
+        {
+          ...l,
+          className: p(
+            a("data-table-row"),
+            a("data-table-row-level-0"),
+            t.getIsSelected() ? a("data-table-row-selected") : "",
+            l?.className
+          ),
+          "data-row-key": t.id,
+          "data-selectable": b ? "true" : "false",
+          onClick: (e) => {
+            l?.onClick?.(e), x?.(t, e);
           },
-          e.id
-        ))
-      },
-      o.id
-    ))
+          children: t.getVisibleCells().map((e) => /* @__PURE__ */ o(
+            "td",
+            {
+              className: p(
+                a("data-table-cell"),
+                e.column.id === "select" ? a("data-table-selection-column") : "",
+                w(e.column.columnDef.meta?.align)
+              ),
+              children: e.column.id === "select" ? (
+                // Handle selection column cells
+                (() => {
+                  const n = e.row.original, h = r?.getCheckboxProps?.(n) || {};
+                  return r?.type === "radio" ? /* @__PURE__ */ o(
+                    v,
+                    {
+                      checked: e.row.getIsSelected(),
+                      disabled: !e.row.getCanSelect(),
+                      onChange: (d) => {
+                        if (e.row.toggleSelected(d.target.checked), r.onSelect) {
+                          const { selectedRows: i } = g(
+                            c.getState().rowSelection,
+                            s,
+                            m
+                          );
+                          r.onSelect(
+                            n,
+                            d.target.checked,
+                            i,
+                            d.nativeEvent
+                          );
+                        }
+                      },
+                      ...h
+                    }
+                  ) : /* @__PURE__ */ o(
+                    C,
+                    {
+                      checked: e.row.getIsSelected(),
+                      disabled: !e.row.getCanSelect(),
+                      onChange: (d) => {
+                        if (e.row.toggleSelected(d.target.checked), r?.onSelect) {
+                          const { selectedRows: i } = g(
+                            c.getState().rowSelection,
+                            s,
+                            m
+                          );
+                          r.onSelect(
+                            n,
+                            d.target.checked,
+                            i,
+                            d.nativeEvent
+                          );
+                        }
+                      },
+                      ...h
+                    }
+                  );
+                })()
+              ) : S(e.column.columnDef.cell, e.getContext())
+            },
+            e.id
+          ))
+        },
+        t.id
+      );
+    })
   ] });
 };
 export {
-  j as TableBody
+  H as TableBody
 };
 //# sourceMappingURL=TableBody.js.map

package/dist/components/data-table/components/TableBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableBody.js","sources":["../../../../src/components/data-table/components/TableBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { flexRender, type Table, type Row, type Cell, type Header } from \"@tanstack/react-table\";\nimport { Checkbox, type CheckboxChangeEvent } from \"antd\";\nimport { clsx, useCls } from \"../../utils\";\nimport { getAlignmentClass } from \"../utils\";\nimport { convertSelectionToAntFormat } from \"../utils\";\nimport { type DataTableRowSelection, type RowKey } from \"../types\";\nimport Empty from \"../../empty/component\";\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\ninterface TableBodyProps<RecordType extends Record<string, any> = Record<string, unknown>> {\n table: Table<RecordType>;\n dataSource: RecordType[];\n emptyDescription?: React.ReactNode;\n hasRowSelection?: boolean;\n onRowClick?: (row: Row<RecordType>) => void;\n rowSelectionConfig?: DataTableRowSelection<RecordType>;\n rowKey?: RowKey \| ((record: RecordType, index?: number) => RowKey);\n}\n\nexport const TableBody = <RecordType extends Record<string, any> = Record<string, unknown>>({ \n table, \n dataSource, \n emptyDescription, \n hasRowSelection, \n onRowClick,\n rowSelectionConfig,\n rowKey\n}: TableBodyProps<RecordType>) => {\n const cls = useCls();\n\n return (\n <tbody className={cls(\"table-tbody\")}>\n {/* Measure row for Ant Design compatibility */}\n <tr \n aria-hidden=\"true\" \n className={cls(\"table-measure-row\")}\n style={{ height: \"0px\", fontSize: \"0px\" }}\n >\n {table.getHeaderGroups()[0]?.headers.map((header: Header<RecordType, unknown>) => (\n <td \n key={header.id}\n style={{ \n padding: \"0px\", \n border: \"0px\", \n height: \"0px\",\n width: header.id === 'select' ? 32 : (header.column.columnDef.meta as ExtendedColumnMeta)?.width\n }}\n >\n <div style={{ height: \"0px\", overflow: \"hidden\" }}>\n  \n </div>\n </td>\n ))}\n </tr>\n \n {dataSource.length === 0 ? (\n <tr>\n <td colSpan={table.getHeaderGroups()[0]?.headers.length \|\| 1}>\n <Empty description={emptyDescription} />\n </td>\n </tr>\n ) : (\n table.getRowModel().rows.map((row: Row<RecordType>) => (\n <tr\n key={row.id}\n className={clsx(\n cls(\"table-row\"),\n cls(\"table-row-level-0\"),\n row.getIsSelected() ? cls(\"table-row-selected\") : \"\"\n )}\n data-row-key={row.id}\n data-selectable={hasRowSelection ? \"true\" : \"false\"}\n onClick={() => onRowClick?.(row)}\n >\n {row.getVisibleCells().map((cell: Cell<RecordType, unknown>) => (\n <td \n key={cell.id} \n className={clsx(\n cls(\"table-cell\"),\n cell.column.id === 'select' ? cls(\"table-selection-column\") : \"\",\n getAlignmentClass((cell.column.columnDef.meta as ExtendedColumnMeta)?.align)\n )}\n >\n {cell.column.id === 'select' ? (\n // Handle selection column cells\n (() => {\n const record = cell.row.original;\n const checkboxProps = rowSelectionConfig?.getCheckboxProps?.(record) \|\| {};\n \n if (rowSelectionConfig?.type === 'radio') {\n return (\n <input\n type=\"radio\"\n name=\"table-radio\"\n checked={cell.row.getIsSelected()}\n disabled={!cell.row.getCanSelect()}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n cell.row.toggleSelected(e.target.checked);\n if (rowSelectionConfig.onSelect) {\n const { selectedRows } = convertSelectionToAntFormat(\n table.getState().rowSelection,\n dataSource,\n rowKey\n );\n rowSelectionConfig.onSelect(record, e.target.checked, selectedRows, e.nativeEvent);\n }\n }}\n {...({ disabled: checkboxProps.disabled, className: checkboxProps.className } as React.InputHTMLAttributes<HTMLInputElement>)}\n />\n );\n }\n \n return (\n <Checkbox\n checked={cell.row.getIsSelected()}\n disabled={!cell.row.getCanSelect()}\n onChange={(e: CheckboxChangeEvent) => {\n cell.row.toggleSelected(e.target.checked);\n if (rowSelectionConfig?.onSelect) {\n const { selectedRows } = convertSelectionToAntFormat(\n table.getState().rowSelection,\n dataSource,\n rowKey\n );\n rowSelectionConfig.onSelect(record, e.target.checked, selectedRows, e.nativeEvent);\n }\n }}\n {...checkboxProps}\n />\n );\n })()\n ) : (\n flexRender(cell.column.columnDef.cell, cell.getContext())\n )}\n </td>\n ))}\n </tr>\n ))\n )}\n </tbody>\n );\n};"],"names":["TableBody","table","dataSource","emptyDescription","hasRowSelection","onRowClick","rowSelectionConfig","rowKey","cls","useCls","jsxs","jsx","header","Empty","row","clsx","cell","getAlignmentClass","record","checkboxProps","e","selectedRows","convertSelectionToAntFormat","Checkbox","flexRender"],"mappings":"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"}
1	+ {"version":3,"file":"TableBody.js","sources":["../../../../src/components/data-table/components/TableBody.tsx"],"sourcesContent":["import React from \"react\";\nimport { flexRender, type Table, type Row, type Cell, type Header } from \"@tanstack/react-table\";\nimport { Checkbox, type CheckboxChangeEvent } from \"../../checkbox\";\nimport { Radio, type RadioChangeEvent } from \"../../radio\";\nimport { clsx, useCls } from \"../../utils\";\nimport { getAlignmentClass } from \"../utils\";\nimport { convertSelectionToAntFormat } from \"../utils\";\nimport { type DataTableRowSelection, type RowKey } from \"../types\";\nimport Empty from \"../../empty/component\";\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\ninterface TableBodyProps<RecordType extends Record<string, any> = Record<string, unknown>> {\n table: Table<RecordType>;\n dataSource: RecordType[];\n emptyDescription?: React.ReactNode;\n hasRowSelection?: boolean;\n onRowClick?: (row: Row<RecordType>, nativeEvent: React.MouseEvent) => void;\n rowSelectionConfig?: DataTableRowSelection<RecordType>;\n rowKey?: RowKey \| ((record: RecordType, index?: number) => RowKey);\n onRow?: (record: RecordType, index?: number) => React.HTMLAttributes<HTMLElement>;\n}\n\nexport const TableBody = <RecordType extends Record<string, any> = Record<string, unknown>>({\n table,\n dataSource,\n emptyDescription,\n hasRowSelection,\n onRowClick,\n rowSelectionConfig,\n rowKey,\n onRow,\n}: TableBodyProps<RecordType>) => {\n const cls = useCls();\n\n return (\n <tbody className={cls(\"data-table-tbody\")}>\n {/* Measure row for Ant Design compatibility */}\n <tr\n aria-hidden=\"true\"\n className={cls(\"data-table-measure-row\")}\n style={{ height: \"0px\", fontSize: \"0px\" }}\n >\n {table.getHeaderGroups()[0]?.headers.map((header: Header<RecordType, unknown>) => (\n <td\n key={header.id}\n className={cls(\"data-table-measure-cell\")}\n style={{\n padding: \"0px\",\n border: \"0px\",\n height: \"0px\",\n width:\n header.id === \"select\"\n ? 32\n : (header.column.columnDef.meta as ExtendedColumnMeta)?.width,\n }}\n >\n <div className={cls(\"data-table-measure-cell-content\")}> </div>\n </td>\n ))}\n </tr>\n\n {dataSource.length === 0 ? (\n <tr className={cls(\"data-table-placeholder\")}>\n <td colSpan={table.getHeaderGroups()[0]?.headers.length \|\| 1}>\n <Empty description={emptyDescription} />\n </td>\n </tr>\n ) : (\n table.getRowModel().rows.map((row: Row<RecordType>) => {\n const rowProps = onRow?.(row.original, row.index);\n return (\n <tr\n key={row.id}\n {...rowProps}\n className={clsx(\n cls(\"data-table-row\"),\n cls(\"data-table-row-level-0\"),\n row.getIsSelected() ? cls(\"data-table-row-selected\") : \"\",\n rowProps?.className,\n )}\n data-row-key={row.id}\n data-selectable={hasRowSelection ? \"true\" : \"false\"}\n onClick={(e) => {\n rowProps?.onClick?.(e as unknown as React.MouseEvent<HTMLElement>);\n onRowClick?.(row, e);\n }}\n >\n {row.getVisibleCells().map((cell: Cell<RecordType, unknown>) => (\n <td\n key={cell.id}\n className={clsx(\n cls(\"data-table-cell\"),\n cell.column.id === \"select\" ? cls(\"data-table-selection-column\") : \"\",\n getAlignmentClass((cell.column.columnDef.meta as ExtendedColumnMeta)?.align),\n )}\n >\n {cell.column.id === \"select\"\n ? // Handle selection column cells\n (() => {\n const record = cell.row.original;\n const checkboxProps = rowSelectionConfig?.getCheckboxProps?.(record) \|\| {};\n\n if (rowSelectionConfig?.type === \"radio\") {\n return (\n <Radio\n checked={cell.row.getIsSelected()}\n disabled={!cell.row.getCanSelect()}\n onChange={(e: RadioChangeEvent) => {\n cell.row.toggleSelected(e.target.checked);\n if (rowSelectionConfig.onSelect) {\n const { selectedRows } = convertSelectionToAntFormat(\n table.getState().rowSelection,\n dataSource,\n rowKey,\n );\n rowSelectionConfig.onSelect(\n record,\n e.target.checked,\n selectedRows,\n e.nativeEvent,\n );\n }\n }}\n {...checkboxProps}\n />\n );\n }\n\n return (\n <Checkbox\n checked={cell.row.getIsSelected()}\n disabled={!cell.row.getCanSelect()}\n onChange={(e: CheckboxChangeEvent) => {\n cell.row.toggleSelected(e.target.checked);\n if (rowSelectionConfig?.onSelect) {\n const { selectedRows } = convertSelectionToAntFormat(\n table.getState().rowSelection,\n dataSource,\n rowKey,\n );\n rowSelectionConfig.onSelect(\n record,\n e.target.checked,\n selectedRows,\n e.nativeEvent,\n );\n }\n }}\n {...checkboxProps}\n />\n );\n })()\n : flexRender(cell.column.columnDef.cell, cell.getContext())}\n </td>\n ))}\n </tr>\n );\n })\n )}\n </tbody>\n );\n};\n"],"names":["TableBody","table","dataSource","emptyDescription","hasRowSelection","onRowClick","rowSelectionConfig","rowKey","onRow","cls","useCls","jsxs","jsx","header","Empty","row","rowProps","clsx","cell","getAlignmentClass","record","checkboxProps","Radio","e","selectedRows","convertSelectionToAntFormat","Checkbox","flexRender"],"mappings":"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"}

package/dist/components/data-table/components/TableHeader.d.ts CHANGED Viewed

@@ -1,11 +1,13 @@
 import { Table } from '@tanstack/react-table';
 import { DataTableRowSelection, RowKey } from '../types';
+import { TableProps as AntTableProps } from 'antd/es/table';
 interface TableHeaderProps<RecordType extends Record<string, any> = Record<string, unknown>> {
     table: Table<RecordType>;
     rowSelectionConfig?: DataTableRowSelection<RecordType>;
     dataSource?: RecordType[];
     rowKey?: RowKey | ((record: RecordType, index?: number) => RowKey);
+    onHeaderRow?: AntTableProps<RecordType>['onHeaderRow'];
 }
-export declare const TableHeader: <RecordType extends Record<string, any> = Record<string, unknown>>({ table, rowSelectionConfig, dataSource, rowKey }: TableHeaderProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeader: <RecordType extends Record<string, any> = Record<string, unknown>>({ table, rowSelectionConfig, dataSource, rowKey, onHeaderRow, }: TableHeaderProps<RecordType>) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TableHeader.d.ts.map

package/dist/components/data-table/components/TableHeader.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,KAAK,EAAiC,MAAM,uBAAuB,CAAC;AAM9F,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;~~AAUnE~~,UAAU,gBAAgB,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;~~CACpE~~;AAED,eAAO,MAAM,WAAW,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,~~mDAK3F~~,gBAAgB,CAAC,UAAU,CAAC,~~4CA+H9B~~,CAAC"}
1	+ {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/data-table/components/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,KAAK,EAAiC,MAAM,uBAAuB,CAAC;AAM9F,OAAO,EAAE,KAAK,qBAAqB,EAAE,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAEnE,OAAO,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAUjE,UAAU,gBAAgB,CAAC,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzF,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACnE,WAAW,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,WAAW,GAAI,UAAU,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,iEAM3F,gBAAgB,CAAC,UAAU,CAAC,4CAyK9B,CAAC"}