@dmsi/wedgekit-react 0.0.688 → 0.0.690

package/dist/components/NestedMenu.js

@@ -5,10 +5,6 @@ import {
 import {
   Label
 } from "../chunk-HXGJVYGQ.js";
-import {
-  Button
-} from "../chunk-BMAZBFUU.js";
-import "../chunk-SBRRNFOP.js";
 import {
   useKeydown
 } from "../chunk-ZERLFS2T.js";
@@ -16,6 +12,10 @@ import "../chunk-VXWSAIB5.js";
 import "../chunk-X4VZXHQL.js";
 import "../chunk-5UH6QUFB.js";
 import "../chunk-PS6UJZVH.js";
+import {
+  Button
+} from "../chunk-BMAZBFUU.js";
+import "../chunk-SBRRNFOP.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Icon

package/dist/components/Notification.js

@@ -2,13 +2,13 @@
 import {
   Heading3
 } from "../chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "../chunk-MTGNBARV.js";
 import {
   Button
 } from "../chunk-BMAZBFUU.js";
 import "../chunk-SBRRNFOP.js";
+import {
+  Stack
+} from "../chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";

package/dist/components/PDFViewer/PDFElement.js

@@ -1,9 +1,9 @@
 import {
   PDFElement
-} from "../../chunk-54PBZBOB.js";
+} from "../../chunk-EQ2RAI53.js";
 import "../../chunk-VJVY6NPF.js";
-import "../../chunk-MTGNBARV.js";
 import "../../chunk-SBRRNFOP.js";
+import "../../chunk-MTGNBARV.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/PDFViewer/PDFNavigation.js

@@ -1,10 +1,10 @@
 import {
   PdfNavigation
-} from "../../chunk-NYBPEUKC.js";
+} from "../../chunk-7YW4Q7OQ.js";
 import "../../chunk-MXSJF6TW.js";
-import "../../chunk-MTGNBARV.js";
 import "../../chunk-BMAZBFUU.js";
 import "../../chunk-SBRRNFOP.js";
+import "../../chunk-MTGNBARV.js";
 import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-7KWFEH56.js";

package/dist/components/PDFViewer/index.js

@@ -4,10 +4,10 @@ import {
 } from "../../chunk-6NDQCVAN.js";
 import {
   PDFElement
-} from "../../chunk-54PBZBOB.js";
+} from "../../chunk-EQ2RAI53.js";
 import {
   PdfNavigation
-} from "../../chunk-NYBPEUKC.js";
+} from "../../chunk-7YW4Q7OQ.js";
 import "../../chunk-VJVY6NPF.js";
 import "../../chunk-AS57Y2D3.js";
 import {
@@ -18,14 +18,14 @@ import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
 import "../../chunk-74HXF5GF.js";
 import "../../chunk-AG43RS4Q.js";
-import "../../chunk-MXSJF6TW.js";
-import "../../chunk-MTGNBARV.js";
-import "../../chunk-BMAZBFUU.js";
-import "../../chunk-SBRRNFOP.js";
 import "../../chunk-ZERLFS2T.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-X4VZXHQL.js";
 import "../../chunk-5UH6QUFB.js";
+import "../../chunk-MXSJF6TW.js";
+import "../../chunk-BMAZBFUU.js";
+import "../../chunk-SBRRNFOP.js";
+import "../../chunk-MTGNBARV.js";
 import "../../chunk-WMPWWFUJ.js";
 import "../../chunk-NKUETCDA.js";
 import "../../chunk-7KWFEH56.js";

package/dist/components/ProductImagePreview/index.js

@@ -1,6 +1,6 @@
 import {
   ProductImagePreview
-} from "../../chunk-GWD4XMZA.js";
+} from "../../chunk-B2DVT7KT.js";
 import "../../chunk-YCDDBSVU.js";
 import "../../chunk-3X3Y4TMS.js";
 import "../../chunk-BQNPOGD5.js";
@@ -9,11 +9,11 @@ import "../../chunk-2IKT6IHB.js";
 import "../../chunk-AT4AWD6B.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-BWPNXY7T.js";
-import "../../chunk-MTGNBARV.js";
 import "../../chunk-ZERLFS2T.js";
 import "../../chunk-VXWSAIB5.js";
 import "../../chunk-X4VZXHQL.js";
 import "../../chunk-5UH6QUFB.js";
+import "../../chunk-MTGNBARV.js";
 import "../../chunk-7KWFEH56.js";
 import "../../chunk-ORMEWXMH.js";
 export {

package/dist/components/SimpleTable.js

@@ -1,8 +1,8 @@
 import {
   SimpleTable
-} from "../chunk-WCBNUS32.js";
-import "../chunk-MTGNBARV.js";
+} from "../chunk-63WMDTVQ.js";
 import "../chunk-BYC6QID5.js";
+import "../chunk-MTGNBARV.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/Stepper.js

@@ -3,11 +3,11 @@ import {
   InputBase
 } from "../chunk-7T5RGDCN.js";
 import "../chunk-HXGJVYGQ.js";
+import "../chunk-5UH6QUFB.js";
 import {
   Button
 } from "../chunk-BMAZBFUU.js";
 import "../chunk-SBRRNFOP.js";
-import "../chunk-5UH6QUFB.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Icon

package/dist/components/Time.js

@@ -2,14 +2,14 @@ import {
   InputBase
 } from "../chunk-7T5RGDCN.js";
 import "../chunk-HXGJVYGQ.js";
-import {
-  Stack
-} from "../chunk-MTGNBARV.js";
 import {
   findDocumentRoot
 } from "../chunk-VXWSAIB5.js";
 import "../chunk-X4VZXHQL.js";
 import "../chunk-5UH6QUFB.js";
+import {
+  Stack
+} from "../chunk-MTGNBARV.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Icon

package/dist/components/Upload.js

@@ -1,12 +1,12 @@
-import {
-  Stack
-} from "../chunk-MTGNBARV.js";
 import {
   Button
 } from "../chunk-BMAZBFUU.js";
 import {
   Spinner
 } from "../chunk-SBRRNFOP.js";
+import {
+  Stack
+} from "../chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";

package/dist/components/index.cjs

@@ -2765,7 +2765,9 @@ function TableBodyRow({
   // enableColumnSelector = false,
   locked,
   pinDirection,
-  disabled
+  disabled,
+  hoveredRowId,
+  setHoveredRowId
 }) {
   var _a;
   let visibleCells;
@@ -2778,17 +2780,20 @@ function TableBodyRow({
   const columns = locked ? visibleCells : virtualColumns;
   const isError = typeof row.original === "object" && row.original !== null && "rowState" in row.original && row.original.rowState === "error";
   const CellElement = locked ? DataGridCell : DragAlongCell;
+  const isHovered = hoveredRowId === row.id;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "tr",
     {
       className: (0, import_clsx11.default)(
         "min-h-10",
         "transition-colors",
-        !disabled && "hover:bg-background-action-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",
+        !disabled && isHovered && "!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"
+        isError && !disabled && "!bg-background-action-critical-secondary-hover"
       ),
+      onMouseEnter: () => setHoveredRowId == null ? void 0 : setHoveredRowId(row.id),
+      onMouseLeave: () => setHoveredRowId == null ? void 0 : setHoveredRowId(null),
       id: id ? `${id}-row-${row.id}` : void 0,
       "data-testid": testid ? `${testid}-row-${row.id}` : void 0,
       style: {
@@ -2899,7 +2904,9 @@ function TableBody({
   locked,
   pinDirection,
   rowDisabled,
-  rowDisabledAccessor
+  rowDisabledAccessor,
+  hoveredRowId,
+  setHoveredRowId
 }) {
   const { rows } = table.getRowModel();
   const rowVirtualizer = (0, import_react_virtual.useVirtualizer)({
@@ -2993,7 +3000,9 @@ function TableBody({
               enableColumnSelector,
               locked,
               pinDirection,
-              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled
+              disabled: rowDisabledAccessor ? rowDisabledAccessor(row.original) : rowDisabled,
+              hoveredRowId,
+              setHoveredRowId
             },
             row.id
           );
@@ -3268,7 +3277,9 @@ function PinnedColumns(_a) {
           }, props), {
             table,
             locked: !enableColumnSelector || pinDirection === "right",
-            pinDirection
+            pinDirection,
+            hoveredRowId: props.hoveredRowId,
+            setHoveredRowId: props.setHoveredRowId
           })
         )
       ]
@@ -3322,6 +3333,7 @@ function DataGrid({
   const [localSorting, setLocalSorting] = (0, import_react17.useState)([]);
   const [localColumnFilters, setLocalColumnFilters] = (0, import_react17.useState)([]);
   const [localRowSelection, setLocalRowSelection] = (0, import_react17.useState)({});
+  const [hoveredRowId, setHoveredRowId] = (0, import_react17.useState)(null);
   const {
     columns: tableColumns,
     setColumns: setTableColumns,
@@ -3570,7 +3582,9 @@ function DataGrid({
                           pagination,
                           isLoadingMore,
                           hasMore,
-                          showFilterRow
+                          showFilterRow,
+                          hoveredRowId,
+                          setHoveredRowId
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("table", { className: "flex-1 flex flex-col min-h-min", children: [
@@ -3701,7 +3715,9 @@ function DataGrid({
                             showFilterRow,
                             enableColumnSelector,
                             rowDisabled,
-                            rowDisabledAccessor
+                            rowDisabledAccessor,
+                            hoveredRowId,
+                            setHoveredRowId
                           }
                         )
                       ] }),
@@ -3719,7 +3735,9 @@ function DataGrid({
                           pagination,
                           isLoadingMore,
                           hasMore,
-                          showFilterRow
+                          showFilterRow,
+                          hoveredRowId,
+                          setHoveredRowId
                         }
                       )
                     ]

package/dist/components/index.js

@@ -2,13 +2,13 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-DN6OOHJH.js";
-import "../chunk-77J763WS.js";
+} from "../chunk-QTSKA34J.js";
+import "../chunk-GYU3MQ3R.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-URAV33TJ.js";
 import {
   ProductImagePreview
-} from "../chunk-GWD4XMZA.js";
+} from "../chunk-B2DVT7KT.js";
 import "../chunk-YCDDBSVU.js";
 import "../chunk-3X3Y4TMS.js";
 import "../chunk-BQNPOGD5.js";
@@ -17,24 +17,24 @@ import {
 } from "../chunk-Y5GD2FJA.js";
 import "../chunk-MBZ55T2D.js";
 import "../chunk-2IKT6IHB.js";
-import "../chunk-WAV5PXQI.js";
-import "../chunk-ZEPEVX5O.js";
+import "../chunk-OX7TDYN4.js";
+import "../chunk-I2L2DXPU.js";
 import {
   useGridContext
 } from "../chunk-5IFPG6TS.js";
 import "../chunk-AJ5M6MVX.js";
 import "../chunk-ZILLGHBE.js";
-import "../chunk-EWGHVZL5.js";
-import {
-  SkeletonParagraph
-} from "../chunk-L3BXRDLP.js";
 import "../chunk-AT4AWD6B.js";
+import "../chunk-EWGHVZL5.js";
 import {
   Select
 } from "../chunk-UF5XGCSF.js";
 import {
   SimpleTable
-} from "../chunk-WCBNUS32.js";
+} from "../chunk-63WMDTVQ.js";
+import {
+  SkeletonParagraph
+} from "../chunk-L3BXRDLP.js";
 import {
   OrderCheckIcon
 } from "../chunk-34VEVX5H.js";
@@ -50,10 +50,10 @@ import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
 import "../chunk-74HXF5GF.js";
 import "../chunk-AG43RS4Q.js";
+import "../chunk-QVWYTQKL.js";
 import {
   ListGroup
 } from "../chunk-UAMI54FE.js";
-import "../chunk-QVWYTQKL.js";
 import {
   useTableEditingContext
 } from "../chunk-SJZNVG4N.js";
@@ -61,9 +61,6 @@ import {
   EmptyCartIcon
 } from "../chunk-75USUR3I.js";
 import "../chunk-BWPNXY7T.js";
-import {
-  CompactImagesPreview
-} from "../chunk-NUWWNDEL.js";
 import {
   DataCellHeader,
   DataGridCell,
@@ -87,24 +84,12 @@ import {
   Label
 } from "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
-import {
-  Accordion
-} from "../chunk-5GG3FGQS.js";
-import {
-  Alert
-} from "../chunk-QCTZTMHH.js";
-import "../chunk-MXSJF6TW.js";
-import "../chunk-MTGNBARV.js";
-import {
-  Button
-} from "../chunk-BMAZBFUU.js";
-import "../chunk-SBRRNFOP.js";
-import {
-  Card
-} from "../chunk-KBJZUVLM.js";
 import {
   Checkbox
 } from "../chunk-M7WHWZ2J.js";
+import {
+  CompactImagesPreview
+} from "../chunk-SGZCW7HP.js";
 import "../chunk-ZERLFS2T.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-X4VZXHQL.js";
@@ -114,15 +99,30 @@ import {
 } from "../chunk-XJF4S3RB.js";
 import "../chunk-ZCJWOHFN.js";
 import "../chunk-PS6UJZVH.js";
-import {
-  Paragraph
-} from "../chunk-WMPWWFUJ.js";
 import {
   AccessCardGroup
 } from "../chunk-XR733AKC.js";
 import {
   Subheader
 } from "../chunk-BYC6QID5.js";
+import {
+  Accordion
+} from "../chunk-CQLRGYHM.js";
+import {
+  Card
+} from "../chunk-KBJZUVLM.js";
+import {
+  Alert
+} from "../chunk-TURMALTW.js";
+import "../chunk-MXSJF6TW.js";
+import {
+  Button
+} from "../chunk-BMAZBFUU.js";
+import "../chunk-SBRRNFOP.js";
+import "../chunk-MTGNBARV.js";
+import {
+  Paragraph
+} from "../chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";

package/package.json

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

package/dist/{chunk-WCBNUS32.js → chunk-63WMDTVQ.js}

@@ -1,9 +1,9 @@
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Subheader
 } from "./chunk-BYC6QID5.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 
 // src/components/SimpleTable.tsx
 import clsx from "clsx";

package/dist/{chunk-NYBPEUKC.js → chunk-7YW4Q7OQ.js}

@@ -1,12 +1,12 @@
 import {
   Heading3
 } from "./chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Button
 } from "./chunk-BMAZBFUU.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";

package/dist/{chunk-GWD4XMZA.js → chunk-B2DVT7KT.js}

@@ -16,12 +16,12 @@ import {
 import {
   Grid
 } from "./chunk-BWPNXY7T.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   useMatchesMobile
 } from "./chunk-ZERLFS2T.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 
 // src/components/ProductImagePreview/useProductImagePreview.ts
 import { useCallback, useEffect, useRef, useState, useMemo } from "react";

package/dist/{chunk-5GG3FGQS.js → chunk-CQLRGYHM.js}

@@ -1,9 +1,9 @@
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Card
 } from "./chunk-KBJZUVLM.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";

package/dist/{chunk-54PBZBOB.js → chunk-EQ2RAI53.js}

@@ -1,12 +1,12 @@
 import {
   PdfPage
 } from "./chunk-VJVY6NPF.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Spinner
 } from "./chunk-SBRRNFOP.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 
 // src/components/PDFViewer/PDFElement.tsx
 import { usePdf } from "@mikecousins/react-pdf";

package/dist/{chunk-77J763WS.js → chunk-GYU3MQ3R.js}

@@ -10,12 +10,12 @@ import {
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Button
 } from "./chunk-BMAZBFUU.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-ZEPEVX5O.js → chunk-I2L2DXPU.js}

@@ -4,18 +4,18 @@ import {
 import {
   MobileDataGridColumn
 } from "./chunk-ZILLGHBE.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Checkbox
 } from "./chunk-M7WHWZ2J.js";
-import {
-  Paragraph
-} from "./chunk-WMPWWFUJ.js";
 import {
   Subheader
 } from "./chunk-BYC6QID5.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
+import {
+  Paragraph
+} from "./chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-NUWWNDEL.js → chunk-SGZCW7HP.js}

@@ -1,9 +1,9 @@
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   useMatchesMobile
 } from "./chunk-ZERLFS2T.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 
 // src/components/CompactImagesPreview.tsx
 import { useCallback } from "react";

package/dist/{chunk-QCTZTMHH.js → chunk-TURMALTW.js}

@@ -1,12 +1,12 @@
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
-import {
-  Stack
-} from "./chunk-MTGNBARV.js";
 import {
   Button
 } from "./chunk-BMAZBFUU.js";
+import {
+  Stack
+} from "./chunk-MTGNBARV.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";