@dmsi/wedgekit-react 0.0.611 → 0.0.613

package/dist/components/MobileDataGrid/index.js

@@ -1,7 +1,7 @@
 import {
   MobileDataGrid
-} from "../../chunk-KBAWRZQ5.js";
-import "../../chunk-ID26S3W2.js";
+} from "../../chunk-3RDRWJVI.js";
+import "../../chunk-P3BS25Q3.js";
 import "../../chunk-M7INAUAJ.js";
 import "../../chunk-7ZCXZDJD.js";
 import "../../chunk-ZD2A45VT.js";
@@ -24,11 +24,11 @@ import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-LB7UT6F3.js";
 import "../../chunk-AS57Y2D3.js";
-import "../../chunk-YF36ASRS.js";
+import "../../chunk-B5LYYUJM.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-IFOBT2T3.js";
+import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-EEN3J3RX.js";
+import "../../chunk-74HXF5GF.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-QVWYTQKL.js";
 import "../../chunk-UAMI54FE.js";

package/dist/components/Modal.cjs

@@ -528,7 +528,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -570,7 +570,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
@@ -579,6 +580,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx7.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -795,7 +797,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -941,7 +944,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/Modal.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   Modal
-} from "../chunk-YF36ASRS.js";
+} from "../chunk-B5LYYUJM.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-IFOBT2T3.js";
+import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-EEN3J3RX.js";
+import "../chunk-74HXF5GF.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-LI6F442Y.js";
 import "../chunk-VXWSAIB5.js";

package/dist/components/ModalButtons.cjs

@@ -428,7 +428,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "div",
@@ -437,6 +438,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx4.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),

package/dist/components/ModalButtons.js

@@ -1,6 +1,6 @@
 import {
   ModalButtons
-} from "../chunk-IFOBT2T3.js";
+} from "../chunk-UUKHQUSF.js";
 import "../chunk-BMAZBFUU.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-NKUETCDA.js";

package/dist/components/ModalHeader.cjs

@@ -525,7 +525,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]

package/dist/components/ModalHeader.js

@@ -1,6 +1,6 @@
 import {
   ModalHeader
-} from "../chunk-EEN3J3RX.js";
+} from "../chunk-74HXF5GF.js";
 import "../chunk-MXSJF6TW.js";
 import "../chunk-BMAZBFUU.js";
 import "../chunk-SBRRNFOP.js";

package/dist/components/NestedMenu.cjs

@@ -63,7 +63,7 @@ __export(NestedMenu_exports, {
   NestedMenu: () => NestedMenu
 });
 module.exports = __toCommonJS(NestedMenu_exports);
-var import_react6 = require("react");
+var import_react6 = __toESM(require("react"), 1);
 
 // src/components/Icon.tsx
 var import_clsx = __toESM(require("clsx"), 1);
@@ -938,7 +938,7 @@ function NestedMenu(props) {
     );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    !currentMenu.removeBackOption && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       MenuOption,
       {
         testid: testid ? `${testid}-back` : void 0,
@@ -969,31 +969,34 @@ function NestedMenu(props) {
     ),
     (currentMenu.subEntries || []).map((item, idx) => {
       var _a;
-      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        MenuOption,
-        {
-          testid: testid ? `${testid}-${item.label}` : void 0,
-          variant: "normal",
-          onClick: () => handleMenuClick(item),
-          after: ((_a = item.subEntries) == null ? void 0 : _a.length) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                onMenuClick(item, "subEntry");
-              },
-              className: "!p-0 w-full justify-end",
-              leftIcon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "chevron_right", className: "icon", size: 24 })
-            }
-          ),
-          selected: selectedIndex === idx,
-          children: item.label
-        },
-        item.id
-      );
+      if (item.children == null) {
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          MenuOption,
+          {
+            testid: testid ? `${testid}-${item.label}` : void 0,
+            variant: "normal",
+            onClick: () => handleMenuClick(item),
+            after: ((_a = item.subEntries) == null ? void 0 : _a.length) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              Button,
+              {
+                iconOnly: true,
+                variant: "tertiary",
+                onClick: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  onMenuClick(item, "subEntry");
+                },
+                className: "!p-0 w-full justify-end",
+                leftIcon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, { name: "chevron_right", className: "icon", size: 24 })
+              }
+            ),
+            selected: selectedIndex === idx,
+            children: item.label
+          },
+          item.id
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react6.default.Fragment, { children: item.children }, item.id);
     })
   ] });
 }

package/dist/components/NestedMenu.js

@@ -26,7 +26,7 @@ import {
 } from "../chunk-ORMEWXMH.js";
 
 // src/components/NestedMenu.tsx
-import { useState } from "react";
+import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function NestedMenu(props) {
   const { onMenuClick, currentMenu, testid } = props;
@@ -73,7 +73,7 @@ function NestedMenu(props) {
     );
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full", children: [
-    /* @__PURE__ */ jsx(
+    !currentMenu.removeBackOption && /* @__PURE__ */ jsx(
       MenuOption,
       {
         testid: testid ? `${testid}-back` : void 0,
@@ -104,31 +104,34 @@ function NestedMenu(props) {
     ),
     (currentMenu.subEntries || []).map((item, idx) => {
       var _a;
-      return /* @__PURE__ */ jsx(
-        MenuOption,
-        {
-          testid: testid ? `${testid}-${item.label}` : void 0,
-          variant: "normal",
-          onClick: () => handleMenuClick(item),
-          after: ((_a = item.subEntries) == null ? void 0 : _a.length) && /* @__PURE__ */ jsx(
-            Button,
-            {
-              iconOnly: true,
-              variant: "tertiary",
-              onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                onMenuClick(item, "subEntry");
-              },
-              className: "!p-0 w-full justify-end",
-              leftIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_right", className: "icon", size: 24 })
-            }
-          ),
-          selected: selectedIndex === idx,
-          children: item.label
-        },
-        item.id
-      );
+      if (item.children == null) {
+        return /* @__PURE__ */ jsx(
+          MenuOption,
+          {
+            testid: testid ? `${testid}-${item.label}` : void 0,
+            variant: "normal",
+            onClick: () => handleMenuClick(item),
+            after: ((_a = item.subEntries) == null ? void 0 : _a.length) && /* @__PURE__ */ jsx(
+              Button,
+              {
+                iconOnly: true,
+                variant: "tertiary",
+                onClick: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  onMenuClick(item, "subEntry");
+                },
+                className: "!p-0 w-full justify-end",
+                leftIcon: /* @__PURE__ */ jsx(Icon, { name: "chevron_right", className: "icon", size: 24 })
+              }
+            ),
+            selected: selectedIndex === idx,
+            children: item.label
+          },
+          item.id
+        );
+      }
+      return /* @__PURE__ */ jsx(React.Fragment, { children: item.children }, item.id);
     })
   ] });
 }

package/dist/components/PDFViewer/index.cjs

@@ -531,7 +531,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -573,7 +573,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
@@ -582,6 +583,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx7.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -798,7 +800,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -944,7 +947,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/PDFViewer/index.js

@@ -12,11 +12,11 @@ import "../../chunk-VJVY6NPF.js";
 import "../../chunk-AS57Y2D3.js";
 import {
   Modal
-} from "../../chunk-YF36ASRS.js";
+} from "../../chunk-B5LYYUJM.js";
 import "../../chunk-4RJKB7LC.js";
-import "../../chunk-IFOBT2T3.js";
+import "../../chunk-UUKHQUSF.js";
 import "../../chunk-WVVEOCEH.js";
-import "../../chunk-EEN3J3RX.js";
+import "../../chunk-74HXF5GF.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-LI6F442Y.js";
 import "../../chunk-VXWSAIB5.js";

package/dist/components/index.cjs

@@ -5935,7 +5935,7 @@ var ModalHeader = ({
             iconOnly: true,
             variant: "tertiary",
             onClick: onClose,
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-brand-text-action-primary-normal desktop:text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "close", size: 24 }) })
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { name: "close", size: 24 }) })
           }
         )
       ]
@@ -5977,7 +5977,8 @@ var ModalButtons = ({
   onContinue,
   customActions,
   id,
-  testid
+  testid,
+  mobileButtonStack = false
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
@@ -5986,6 +5987,7 @@ var ModalButtons = ({
       "data-testid": testid,
       className: (0, import_clsx27.default)(
         "border-t border-neutral-300 flex justify-end",
+        mobileButtonStack && "flex-col ",
         layoutPaddding,
         layoutGroupGap
       ),
@@ -6149,7 +6151,8 @@ var Modal = ({
   headerClassname,
   customFooter,
   noWrapper,
-  titleAs: TitleComponent
+  titleAs: TitleComponent,
+  mobileButtonStack = false
 }) => {
   var _a;
   const mounted = useMounted();
@@ -6295,7 +6298,8 @@ var Modal = ({
                   testid: testid ? `${testid}-buttons` : void 0,
                   onClose: handleClose,
                   onContinue,
-                  customActions
+                  customActions,
+                  mobileButtonStack
                 }
               ) : null
             ]

package/dist/components/index.css

@@ -4664,11 +4664,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {

package/dist/components/index.js

@@ -2,8 +2,8 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-KBAWRZQ5.js";
-import "../chunk-ID26S3W2.js";
+} from "../chunk-3RDRWJVI.js";
+import "../chunk-P3BS25Q3.js";
 import "../chunk-M7INAUAJ.js";
 import "../chunk-7ZCXZDJD.js";
 import {
@@ -42,11 +42,11 @@ import {
 import {
   Tooltip
 } from "../chunk-AS57Y2D3.js";
-import "../chunk-YF36ASRS.js";
+import "../chunk-B5LYYUJM.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-IFOBT2T3.js";
+import "../chunk-UUKHQUSF.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-EEN3J3RX.js";
+import "../chunk-74HXF5GF.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-QVWYTQKL.js";
 import {

package/dist/index.css

@@ -4642,11 +4642,6 @@
       line-height: var(--leading-subheader-desktop);
     }
   }
-  .desktop\:text-icon-primary-normal {
-    @container root (width >= 48rem) {
-      color: var(--color-icon-primary-normal);
-    }
-  }
   .desktop\:\*\:py-desktop-component-padding {
     @container root (width >= 48rem) {
       :is(& > *) {

package/package.json

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