najm-kit 0.0.24 → 0.0.25

package/dist/index.d.ts

@@ -2287,6 +2287,7 @@ interface TableState {
     onRowContextMenu: any;
     onBackgroundContextMenu: ((e: MouseEvent) => void) | null;
     openRowMenu: ((e: MouseEvent, row: any) => void) | null;
+    getRowClassName: ((row: any) => string | undefined | null | false) | null;
     menuButton: boolean;
     onCellClick: any;
     onBulkDelete: any;
@@ -2402,6 +2403,7 @@ declare const createTableStore: () => {
         onRowContextMenu: () => any;
         onBackgroundContextMenu: () => (e: MouseEvent) => void;
         openRowMenu: () => (e: MouseEvent, row: any) => void;
+        getRowClassName: () => (row: any) => string | undefined | null | false;
         menuButton: () => boolean;
         onCellClick: () => any;
         onBulkDelete: () => any;
@@ -2587,6 +2589,7 @@ interface NTableProps<T = any, M extends ViewMode = ViewMode> {
     showCheckbox?: boolean;
     onRowClick?: (row: T) => void;
     onRowContextMenu?: (e: React__default.MouseEvent, row: T) => void;
+    getRowClassName?: (row: T) => string | undefined | null | false;
     menu?: NTableMenuProp<T>;
     menuButton?: boolean;
     onCellEdit?: (row: T, columnId: string, value: any) => Promise<any>;
@@ -2758,6 +2761,7 @@ declare const TableStoreContext: React$1.Context<{
         onRowContextMenu: () => any;
         onBackgroundContextMenu: () => (e: React$1.MouseEvent) => void;
         openRowMenu: () => (e: React$1.MouseEvent, row: any) => void;
+        getRowClassName: () => (row: any) => string | undefined | null | false;
         menuButton: () => boolean;
         onCellClick: () => any;
         onBulkDelete: () => any;
@@ -2877,6 +2881,7 @@ declare function useStoreSync(props: any): {
         onRowContextMenu: () => any;
         onBackgroundContextMenu: () => (e: React__default.MouseEvent) => void;
         openRowMenu: () => (e: React__default.MouseEvent, row: any) => void;
+        getRowClassName: () => (row: any) => string | undefined | null | false;
         menuButton: () => boolean;
         onCellClick: () => any;
         onBulkDelete: () => any;

package/dist/index.mjs

@@ -7947,6 +7947,7 @@ var createTableStore = () => {
     onRowContextMenu: null,
     onBackgroundContextMenu: null,
     openRowMenu: null,
+    getRowClassName: null,
     menuButton: false,
     onCellClick: null,
     onBulkDelete: null,
@@ -8515,6 +8516,7 @@ function NTableContent({ effectiveMode }) {
   const onRowClick = useTableStore.use.onRowClick();
   const onRowContextMenu = useTableStore.use.onRowContextMenu();
   const onBackgroundContextMenu = useTableStore.use.onBackgroundContextMenu();
+  const getRowClassName = useTableStore.use.getRowClassName();
   const onCellEdit = useTableStore.use.onCellEdit();
   const isLoading = useTableStore.use.isLoading();
   const error = useTableStore.use.error();
@@ -8599,6 +8601,7 @@ function NTableContent({ effectiveMode }) {
           const canExpand = hasExpansion && row.getCanExpand();
           const isExpanded = canExpand && row.getIsExpanded();
           const totalCols = row.getVisibleCells().length + (showCheckbox ? 1 : 0) + (hasExpansion ? 1 : 0);
+          const rowClassName = getRowClassName?.(row.original);
           return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
             /* @__PURE__ */ jsxs(
               TableRow,
@@ -8613,7 +8616,7 @@ function NTableContent({ effectiveMode }) {
                   onRowContextMenu(e, row.original);
                 } : void 0,
                 style: rowBorderStyle,
-                className: cn(classNames?.row, onRowClick && "cursor-pointer", isSelectedByRowId && "bg-primary/5 hover:bg-primary/5", bordered === true && "border-border"),
+                className: cn(classNames?.row, rowClassName, onRowClick && "cursor-pointer", isSelectedByRowId && "bg-primary/5 hover:bg-primary/5", bordered === true && "border-border"),
                 children: [
                   showCheckbox && /* @__PURE__ */ jsx(TableCell, { className: "h-14 w-10 text-center", children: /* @__PURE__ */ jsx(
                     Checkbox,
@@ -8799,6 +8802,7 @@ function NTableCards({ effectiveMode }) {
   const onRowClick = useTableStore.use.onRowClick();
   const onRowContextMenu = useTableStore.use.onRowContextMenu();
   const onBackgroundContextMenu = useTableStore.use.onBackgroundContextMenu();
+  const getRowClassName = useTableStore.use.getRowClassName();
   const openRowMenu = useTableStore.use.openRowMenu();
   const menuButton = useTableStore.use.menuButton();
   const onView = useTableStore.use.onView();
@@ -8857,6 +8861,7 @@ function NTableCards({ effectiveMode }) {
     const canExpand = hasExpansion && row.getCanExpand();
     const isExpanded = canExpand && row.getIsExpanded();
     const handleClick = onRowClick ? () => onRowClick(row.original) : void 0;
+    const rowClassName = getRowClassName?.(row.original);
     const handleCardContextMenu = onRowContextMenu ? (e) => {
       if (isRowContextHandled(e)) return;
       markRowContextHandled(e);
@@ -8869,7 +8874,7 @@ function NTableCards({ effectiveMode }) {
           onContextMenu: handleCardContextMenu,
           "data-row": "true",
           "data-row-id": row.id,
-          className: "group relative",
+          className: cn("group relative", rowClassName),
           children: [
             menuButton && openRowMenu && /* @__PURE__ */ jsx(
               "button",
@@ -8916,6 +8921,7 @@ function NTableCards({ effectiveMode }) {
         openRowMenu,
         menuButton,
         bordered,
+        className: rowClassName || void 0,
         children: /* @__PURE__ */ jsx(
           CardComponent,
           {
@@ -9519,6 +9525,7 @@ function NTable(props) {
     onRowContextMenu: onRowContextMenu || effectiveRowMenu ? handleRowContextMenu : null,
     onBackgroundContextMenu: normalizedMenu.background ? handleBackgroundContextMenu : null,
     openRowMenu: autoOpenRowMenu,
+    getRowClassName: props.getRowClassName ?? null,
     menuButton: effectiveMenuButton,
     onCellEdit: props.onCellEdit ?? null,
     onBulkDelete: props.onBulkDelete ?? null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",
   "main": "./dist/index.mjs",