@itilite/lumina-ui 1.0.5-alpha → 1.0.7-alpha

package/dist/index.js

@@ -2710,7 +2710,7 @@ var import_antd10 = require("antd");
 var import_clsx12 = __toESM(require("clsx"));
 
 // src/atom/Table/Table.module.scss
-var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "isAccordion": "Table-module__isAccordion___-uIs6", "isToolbar": "Table-module__isToolbar___LdS-m", "table": "Table-module__table___5d7g0", "firstRow": "Table-module__firstRow___Xq-Hi", "lastRow": "Table-module__lastRow___ahv4g", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderLeft": "Table-module__columnHeaderLeft___mp7pK", "columnHeaderSortArea": "Table-module__columnHeaderSortArea___jrIYo", "columnHeaderLabel": "Table-module__columnHeaderLabel___A-mRu", "columnHeaderSortIcon": "Table-module__columnHeaderSortIcon___mWVZN", "columnHeaderSortIconActive": "Table-module__columnHeaderSortIconActive___wHAqC", "columnHeaderFilterWrapper": "Table-module__columnHeaderFilterWrapper___DnSve", "columnHeaderFilterBtn": "Table-module__columnHeaderFilterBtn___NR7DY", "columnHeaderFilterBtnActive": "Table-module__columnHeaderFilterBtnActive___JdO11", "columnHeaderFilterBadge": "Table-module__columnHeaderFilterBadge___-Q2T2", "columnHeaderFilterDropdown": "Table-module__columnHeaderFilterDropdown___M-fD4" };
+var Table_module_default = { "tableWrapper": "Table-module__tableWrapper___3cqiD", "isAccordion": "Table-module__isAccordion___-uIs6", "isToolbar": "Table-module__isToolbar___LdS-m", "hasCustomHeaderCell": "Table-module__hasCustomHeaderCell___AtCk8", "table": "Table-module__table___5d7g0", "ant-table-selection-column": "Table-module__ant-table-selection-column___H9vtu", "hasCustomBodyCell": "Table-module__hasCustomBodyCell___sf8j8", "firstRow": "Table-module__firstRow___Xq-Hi", "lastRow": "Table-module__lastRow___ahv4g", "showHoverEffect": "Table-module__showHoverEffect___IyKyO", "columnHeader": "Table-module__columnHeader___Unr6d", "columnHeaderLeft": "Table-module__columnHeaderLeft___mp7pK", "columnHeaderSortArea": "Table-module__columnHeaderSortArea___jrIYo", "columnHeaderLabel": "Table-module__columnHeaderLabel___A-mRu", "columnHeaderSortIcon": "Table-module__columnHeaderSortIcon___mWVZN", "columnHeaderSortIconActive": "Table-module__columnHeaderSortIconActive___wHAqC", "columnHeaderFilterWrapper": "Table-module__columnHeaderFilterWrapper___DnSve", "columnHeaderFilterBtn": "Table-module__columnHeaderFilterBtn___NR7DY", "columnHeaderFilterBtnActive": "Table-module__columnHeaderFilterBtnActive___JdO11", "columnHeaderFilterBadge": "Table-module__columnHeaderFilterBadge___-Q2T2", "columnHeaderFilterDropdown": "Table-module__columnHeaderFilterDropdown___M-fD4" };
 
 // src/atom/Table/Table.tsx
 var import_jsx_runtime19 = require("react/jsx-runtime");
@@ -2809,13 +2809,29 @@ function ColumnHeader({
     ] })
   ] });
 }
-function processColumns(columns) {
+function processColumns(columns, headerCellClassName, bodyCellClassName) {
   if (!columns) return void 0;
   return columns.map((col) => {
-    const _a = col, { headerProps, title } = _a, rest = __objRest(_a, ["headerProps", "title"]);
-    if (!headerProps) return __spreadValues({ title }, rest);
+    const _a = col, { headerProps, title, onHeaderCell, onCell } = _a, rest = __objRest(_a, ["headerProps", "title", "onHeaderCell", "onCell"]);
+    const resolvedOnHeaderCell = (column) => {
+      var _a2;
+      const base = (_a2 = onHeaderCell == null ? void 0 : onHeaderCell(column)) != null ? _a2 : {};
+      return __spreadProps(__spreadValues({}, base), {
+        className: (0, import_clsx12.default)(base.className, headerCellClassName)
+      });
+    };
+    const resolvedOnCell = (record, rowIndex) => {
+      var _a2;
+      const base = (_a2 = onCell == null ? void 0 : onCell(record, rowIndex)) != null ? _a2 : {};
+      return __spreadProps(__spreadValues({}, base), {
+        className: (0, import_clsx12.default)(base.className, bodyCellClassName)
+      });
+    };
+    const processedTitle = headerProps ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ColumnHeader, __spreadValues({ label: title }, headerProps)) : title;
     return __spreadProps(__spreadValues({}, rest), {
-      title: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ColumnHeader, __spreadValues({ label: title }, headerProps))
+      title: processedTitle,
+      onHeaderCell: resolvedOnHeaderCell,
+      onCell: resolvedOnCell
     });
   });
 }
@@ -2841,7 +2857,10 @@ function Table(props) {
     emptyState,
     hideHeader,
     loadingIndicator,
-    style
+    style,
+    headerCellClassName,
+    bodyCellClassName,
+    rowClassName
   } = _a, rest = __objRest(_a, [
     "size",
     "variant",
@@ -2862,7 +2881,10 @@ function Table(props) {
     "emptyState",
     "hideHeader",
     "loadingIndicator",
-    "style"
+    "style",
+    "headerCellClassName",
+    "bodyCellClassName",
+    "rowClassName"
   ]);
   const isChildVariant = isAccordion || isToolbar;
   const resolvedPagination = buildPagination(pagination, {
@@ -2872,12 +2894,17 @@ function Table(props) {
     onChange: onPaginationChange
   });
   const processedColumns = React5.useMemo(
-    () => processColumns(columns),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [columns]
+    () => processColumns(columns, headerCellClassName, bodyCellClassName),
+    [columns, headerCellClassName, bodyCellClassName]
   );
+  const resolvedRowSelection = React5.useMemo(() => {
+    if (!rowSelection) return void 0;
+    return __spreadValues({
+      columnWidth: 48
+    }, rowSelection);
+  }, [rowSelection]);
   const resolvedOnRow = React5.useMemo(() => {
-    const onChange = rowSelection == null ? void 0 : rowSelection.onChange;
+    const onChange = resolvedRowSelection == null ? void 0 : resolvedRowSelection.onChange;
     if (variant !== "selectable" || !onChange) return onRow;
     return (record, index) => {
       var _a2;
@@ -2889,7 +2916,7 @@ function Table(props) {
           var _a3, _b2;
           (_a3 = base.onClick) == null ? void 0 : _a3.call(base, e);
           const key = getKey(record, index);
-          const current2 = (_b2 = rowSelection.selectedRowKeys) != null ? _b2 : [];
+          const current2 = (_b2 = resolvedRowSelection.selectedRowKeys) != null ? _b2 : [];
           const isSelected = current2.some((k) => k === key);
           const newKeys = isSelected ? current2.filter((k) => k !== key) : [...current2, key];
           const newRows = (dataSource != null ? dataSource : []).filter(
@@ -2899,15 +2926,19 @@ function Table(props) {
         }
       });
     };
-  }, [variant, rowSelection, rowKey, onRow, dataSource]);
+  }, [variant, resolvedRowSelection, rowKey, onRow, dataSource]);
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       className: (0, import_clsx12.default)(
         Table_module_default.tableWrapper,
         Table_module_default.showHoverEffect,
-        { [Table_module_default.isAccordion]: isAccordion },
-        { [Table_module_default.isToolbar]: isToolbar },
+        {
+          [Table_module_default.isAccordion]: isAccordion,
+          [Table_module_default.isToolbar]: isToolbar,
+          [Table_module_default.hasCustomHeaderCell]: !!headerCellClassName,
+          [Table_module_default.hasCustomBodyCell]: !!bodyCellClassName
+        },
         className
       ),
       style,
@@ -2919,7 +2950,7 @@ function Table(props) {
           size,
           pagination: resolvedPagination,
           columns: processedColumns,
-          rowSelection,
+          rowSelection: resolvedRowSelection,
           rowKey,
           onRow: resolvedOnRow,
           dataSource,
@@ -2929,12 +2960,15 @@ function Table(props) {
           }
         }, rest), {
           loading: loadingIndicator ? { spinning: !!loading && ((_b = dataSource == null ? void 0 : dataSource.length) != null ? _b : 0) > 0, indicator: loadingIndicator } : loading,
-          rowClassName: (_, index) => {
+          rowClassName: (record, index) => {
             var _a2;
-            return (0, import_clsx12.default)({
-              [Table_module_default.firstRow]: index === 0,
-              [Table_module_default.lastRow]: index === ((_a2 = dataSource == null ? void 0 : dataSource.length) != null ? _a2 : 0) - 1
-            });
+            return (0, import_clsx12.default)(
+              {
+                [Table_module_default.firstRow]: index === 0,
+                [Table_module_default.lastRow]: index === ((_a2 = dataSource == null ? void 0 : dataSource.length) != null ? _a2 : 0) - 1
+              },
+              typeof rowClassName === "function" ? rowClassName(record, index) : rowClassName
+            );
           }
         })
       )

package/dist/index.mjs

@@ -18,7 +18,7 @@ import {
 } from "./chunk-MNARBWAJ.mjs";
 import {
   Table
-} from "./chunk-BFFLWW7N.mjs";
+} from "./chunk-X3NDICAU.mjs";
 import {
   AdvancedDateRangePicker
 } from "./chunk-UC4NTBDH.mjs";