@dmsi/wedgekit-react 0.0.512 → 0.0.514

package/dist/components/index.cjs

@@ -2211,6 +2211,7 @@ var DataGridCell = (0, import_react11.memo)(
       center,
       width,
       minWidth,
+      disabled,
       testid
     } = _b, props = __objRest(_b, [
       "id",
@@ -2229,6 +2230,7 @@ var DataGridCell = (0, import_react11.memo)(
       "center",
       "width",
       "minWidth",
+      "disabled",
       "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
@@ -2294,7 +2296,8 @@ var DataGridCell = (0, import_react11.memo)(
       paddedLeft && "pl-2",
       component === "icon" && "border-l",
       isGrabbing && "!cursor-grabbing",
-      component === "checkbox" || center && "justify-center"
+      component === "checkbox" || center && "justify-center",
+      disabled && "!text-text-primary-disabled"
     );
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Element,
@@ -2687,7 +2690,8 @@ function TableBodyRow({
   showFilterRow,
   // enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  disabled
 }) {
   var _a;
   let visibleCells;
@@ -2705,10 +2709,11 @@ function TableBodyRow({
     {
       className: (0, import_clsx11.default)(
         "min-h-10",
-        "transition-colors hover:bg-background-action-secondary-hover",
-        row.getIsSelected() && "!bg-background-action-secondary-hover",
-        isError && "!bg-background-action-critical-secondary-hover",
-        showFilterRow ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
+        "transition-colors",
+        !disabled && "hover:bg-background-action-secondary-hover",
+        row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
+        isError && !disabled && "!bg-background-action-critical-secondary-hover",
+        showFilterRow && !disabled ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal" : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal"
       ),
       id: id ? `${id}-row-${row.id}` : void 0,
       "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
@@ -2818,7 +2823,9 @@ function TableBody({
   showFilterRow,
   enableColumnSelector = false,
   locked,
-  pinDirection
+  pinDirection,
+  rowDisabled,
+  rowDisabledAccessor
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2911,7 +2918,8 @@ function TableBody({
               showFilterRow,
               enableColumnSelector,
               locked,
-              pinDirection
+              pinDirection,
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
             },
             row.id
           );
@@ -3221,6 +3229,8 @@ function DataGrid({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref
 }) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -3609,7 +3619,9 @@ function DataGrid({
                             isLoadingMore,
                             hasMore,
                             showFilterRow,
-                            enableColumnSelector
+                            enableColumnSelector,
+                            rowDisabled,
+                            rowDisabledAccessor
                           }
                         )
                       ] }),

package/dist/components/index.js

@@ -2,14 +2,13 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-JWVZOEF5.js";
+} from "../chunk-YY66JVTB.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
 import {
   ProductImagePreview
-} from "../chunk-IGUQFLEO.js";
-import "../chunk-3X3Y4TMS.js";
+} from "../chunk-CDMXM5JW.js";
 import "../chunk-BQNPOGD5.js";
 import {
   SearchResultImage
@@ -17,6 +16,7 @@ import {
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
 import "../chunk-YCDDBSVU.js";
+import "../chunk-3X3Y4TMS.js";
 import "../chunk-PRN2EQBX.js";
 import "../chunk-5YNEY3WO.js";
 import "../chunk-5IFPG6TS.js";
@@ -58,7 +58,7 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-F6RZ7MUE.js";
+} from "../chunk-ZCIC3AIZ.js";
 import {
   Menu
 } from "../chunk-TCMOGTPB.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.512",
+  "version": "0.0.514",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/DataGrid/TableBody/TableBodyRow.tsx

@@ -30,6 +30,7 @@ interface TableBodyRowProps<T> {
   enableColumnSelector?: boolean;
   locked?: boolean;
   pinDirection?: "left" | "right";
+  disabled?: boolean;
 }
 
 export function TableBodyRow<T>({
@@ -45,6 +46,7 @@ export function TableBodyRow<T>({
   // enableColumnSelector = false,
   locked,
   pinDirection,
+  disabled,
 }: TableBodyRowProps<T>) {
   let visibleCells: Cell<T, unknown>[];
 
@@ -73,10 +75,11 @@ export function TableBodyRow<T>({
       key={row.id}
       className={clsx(
         "min-h-10",
-        "transition-colors hover:bg-background-action-secondary-hover",
-        row.getIsSelected() && "!bg-background-action-secondary-hover",
-        isError && "!bg-background-action-critical-secondary-hover",
-        showFilterRow
+        "transition-colors",
+        !disabled && "hover:bg-background-action-secondary-hover",
+        row.getIsSelected() && !disabled && "!bg-background-action-secondary-hover",
+        isError && !disabled && "!bg-background-action-critical-secondary-hover",
+        showFilterRow && !disabled
           ? "even:bg-background-grouped-primary-normal odd:bg-background-grouped-secondary-normal"
           : "odd:bg-background-grouped-primary-normal even:bg-background-grouped-secondary-normal",
       )}

package/src/components/DataGrid/TableBody/index.tsx

@@ -21,6 +21,8 @@ interface TableBodyProps<TData extends RowData> {
   enableColumnSelector?: boolean;
   locked?: boolean;
   pinDirection?: "left" | "right";
+  rowDisabled?: boolean;
+  rowDisabledAccessor?: (row: TData) => boolean;
 }
 export function TableBody<T>({
   id,
@@ -37,6 +39,8 @@ export function TableBody<T>({
   enableColumnSelector = false,
   locked,
   pinDirection,
+  rowDisabled,
+  rowDisabledAccessor,
 }: TableBodyProps<T>) {
   const { rows } = table.getRowModel();
 
@@ -145,6 +149,11 @@ export function TableBody<T>({
             enableColumnSelector={enableColumnSelector}
             locked={locked}
             pinDirection={pinDirection}
+            disabled={
+              rowDisabledAccessor
+                ? rowDisabledAccessor(row.original as T)
+                : rowDisabled
+            }
           />
         );
       })}

package/src/components/DataGrid/index.tsx

@@ -87,6 +87,8 @@ export function DataGrid<T extends Record<string, unknown>>({
   predeterminedLeftPins = [],
   predeterminedRightPins = [],
   useMenuDefaultMinWidth,
+  rowDisabled,
+  rowDisabledAccessor,
   ref,
 }: DataGridProps<T>) {
   useImperativeHandle(ref, () => ({
@@ -591,6 +593,8 @@ export function DataGrid<T extends Record<string, unknown>>({
                 hasMore={hasMore}
                 showFilterRow={showFilterRow}
                 enableColumnSelector={enableColumnSelector}
+                rowDisabled={rowDisabled}
+                rowDisabledAccessor={rowDisabledAccessor}
               />
             </table>
 

package/src/components/DataGrid/types.ts

@@ -52,6 +52,8 @@ export interface DataGridProps<T extends Record<string, unknown>> {
   predeterminedLeftPins?: string[];
   predeterminedRightPins?: string[];
   useMenuDefaultMinWidth?: boolean;
+  rowDisabled?: boolean;
+  rowDisabledAccessor?: (row: T) => boolean;
   ref?: React.Ref<{ getSavedLayout: () => ColumnDef<T>[] | undefined }>;
 }
 

package/src/components/DataGridCell.tsx

@@ -45,6 +45,7 @@ type DataGridCellProps = PropsWithChildren<{
   center?: boolean;
   width?: string;
   minWidth?: string;
+  disabled?: boolean;
 }>;
 
 export const DataGridCell = memo(
@@ -65,6 +66,7 @@ export const DataGridCell = memo(
     center,
     width,
     minWidth,
+    disabled,
     testid,
     ...props
   }: AsProps<Tags> & DataGridCellProps) => {
@@ -166,6 +168,7 @@ export const DataGridCell = memo(
       component === "icon" && "border-l",
       isGrabbing && "!cursor-grabbing",
       component === "checkbox" || (center && "justify-center"),
+      disabled && "!text-text-primary-disabled",
     );
 
     return (

package/dist/{chunk-IGUQFLEO.js → chunk-CDMXM5JW.js}

@@ -1,6 +1,3 @@
-import {
-  Thumbnail
-} from "./chunk-3X3Y4TMS.js";
 import {
   ZoomWindow
 } from "./chunk-BQNPOGD5.js";
@@ -13,6 +10,9 @@ import {
 import {
   ProductPrimaryImage
 } from "./chunk-YCDDBSVU.js";
+import {
+  Thumbnail
+} from "./chunk-3X3Y4TMS.js";
 import {
   Grid
 } from "./chunk-BWPNXY7T.js";