@dmsi/wedgekit-react 0.0.140 → 0.0.142

package/dist/components/NestedMenu.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   MenuOption
-} from "../chunk-VH3EJNVE.js";
+} from "../chunk-FFU6FB3K.js";
 import {
   useKeydown
 } from "../chunk-WNQ53SVY.js";
-import "../chunk-S5K22XTH.js";
-import "../chunk-VG4EPHJA.js";
+import "../chunk-JWCT72WR.js";
+import "../chunk-HVI3CL7Y.js";
 import {
   Icon
-} from "../chunk-IGQVA7SC.js";
+} from "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import {
   __spreadValues
@@ -20,7 +20,7 @@ import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function NestedMenu(props) {
   var _a;
-  const { onMenuClick, currentMenu } = props;
+  const { onMenuClick, currentMenu, testid } = props;
   const [selectedIndex, setSelectedIndex] = useState(0);
   useKeydown(
     {
@@ -67,6 +67,7 @@ function NestedMenu(props) {
     /* @__PURE__ */ jsx(
       MenuOption,
       {
+        testid: testid ? `${testid}-back` : void 0,
         variant: "action",
         before: /* @__PURE__ */ jsx(Icon, { name: "chevron_left", className: "icon", size: 24 }),
         onClick: () => {
@@ -77,12 +78,13 @@ function NestedMenu(props) {
         children: currentMenu.previousMenu ? currentMenu.previousMenu.label : "Main Menu"
       }
     ),
-    /* @__PURE__ */ jsx(MenuOption, { variant: "action", children: (_a = currentMenu.title) != null ? _a : currentMenu.label }),
+    /* @__PURE__ */ jsx(MenuOption, { variant: "action", testid: testid ? `${testid}-title` : void 0, children: (_a = currentMenu.title) != null ? _a : currentMenu.label }),
     (currentMenu.subEntries || []).map((item, idx) => {
       var _a2;
       return /* @__PURE__ */ jsx(
         MenuOption,
         {
+          testid: testid ? `${testid}-${item.label}` : void 0,
           variant: "normal",
           onClick: () => handleMenuClick(item),
           after: ((_a2 = item.subEntries) == null ? void 0 : _a2.length) && /* @__PURE__ */ jsx(Icon, { name: "chevron_right", className: "icon", size: 24 }),

package/dist/components/Notification.cjs

@@ -211,7 +211,8 @@ var Button = (_a) => {
     iconOnly = false,
     colorClassName,
     href,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -225,7 +226,8 @@ var Button = (_a) => {
     "iconOnly",
     "colorClassName",
     "href",
-    "id"
+    "id",
+    "testid"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -313,6 +315,7 @@ var Button = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
@@ -322,7 +325,7 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
+        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })
@@ -343,7 +346,8 @@ var Paragraph = (_a) => {
     addOverflow,
     children,
     as = "p",
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "className",
     "color",
@@ -353,13 +357,15 @@ var Paragraph = (_a) => {
     "addOverflow",
     "children",
     "as",
-    "id"
+    "id",
+    "testid"
   ]);
   const Element = as;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Element,
     __spreadProps(__spreadValues({
-      id
+      id,
+      "data-testid": testid
     }, props), {
       className: (0, import_clsx3.default)(
         typography.paragraph,
@@ -391,7 +397,8 @@ var Heading = (_a) => {
     color,
     align,
     variant = "heading1",
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "className",
     "children",
@@ -399,7 +406,8 @@ var Heading = (_a) => {
     "color",
     "align",
     "variant",
-    "id"
+    "id",
+    "testid"
   ]);
   const defaultElement = variant === "heading1" ? "h1" : variant === "heading2" ? "h2" : "h3";
   const Element = as != null ? as : defaultElement;
@@ -407,6 +415,7 @@ var Heading = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx4.default)(
         typography[variant],
         className,
@@ -437,17 +446,20 @@ function Icon(_a) {
   var _b = _a, {
     name,
     size = 24,
-    variant = "outline"
+    variant = "outline",
+    testid
   } = _b, props = __objRest(_b, [
     "name",
     "size",
-    "variant"
+    "variant",
+    "testid"
   ]);
   const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
   const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx5.default)(
         "icon",
         `icon-${size}`,
@@ -524,7 +536,8 @@ var Stack = (_a) => {
     id,
     noGap,
     marginTop,
-    marginBottom
+    marginBottom,
+    testid
   } = _b, props = __objRest(_b, [
     "children",
     "items",
@@ -560,14 +573,16 @@ var Stack = (_a) => {
     "id",
     "noGap",
     "marginTop",
-    "marginBottom"
+    "marginBottom",
+    "testid"
   ]);
   const flexClassNames = getFlexClassNames({ items, justify, grow });
   const gapClassNames = useGapClassNames(sizing);
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     __spreadProps(__spreadValues({
-      id
+      id,
+      "data-testid": testid
     }, props), {
       style: {
         height: height === "full" ? "100%" : height !== void 0 ? `${height}px` : void 0,
@@ -652,6 +667,7 @@ var variants = {
 var Notification = (_a) => {
   var _b = _a, {
     id,
+    testid,
     variant = "success",
     title,
     message,
@@ -663,6 +679,7 @@ var Notification = (_a) => {
     card = false
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "variant",
     "title",
     "message",
@@ -681,6 +698,7 @@ var Notification = (_a) => {
     "div",
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx7.default)(
         "flex gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap justify-between items-center border-2 rounded-sm w-full p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding bg-white max-w-240",
         className,
@@ -711,6 +729,7 @@ var Notification = (_a) => {
           Button,
           {
             id: id ? `${id}-close-button` : void 0,
+            testid: testid ? `${testid}-close-button` : void 0,
             iconOnly: true,
             variant: "tertiary",
             onClick: () => setVisible(false),

package/dist/components/Notification.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   Heading3
-} from "../chunk-J6LETUNM.js";
+} from "../chunk-AZ7LVLOK.js";
 import {
   Stack
-} from "../chunk-EO3JJWFW.js";
+} from "../chunk-N6JVLYEE.js";
 import {
   Paragraph
-} from "../chunk-VG4EPHJA.js";
+} from "../chunk-HVI3CL7Y.js";
 import {
   Button
-} from "../chunk-H6LXXGX6.js";
+} from "../chunk-FKMKHLQH.js";
 import {
   Icon
-} from "../chunk-IGQVA7SC.js";
+} from "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import {
   __objRest,
@@ -46,6 +46,7 @@ var variants = {
 var Notification = (_a) => {
   var _b = _a, {
     id,
+    testid,
     variant = "success",
     title,
     message,
@@ -57,6 +58,7 @@ var Notification = (_a) => {
     card = false
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "variant",
     "title",
     "message",
@@ -75,6 +77,7 @@ var Notification = (_a) => {
     "div",
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: clsx(
         "flex gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap justify-between items-center border-2 rounded-sm w-full p-mobile-layout-padding desktop:p-desktop-layout-padding compact:p-desktop-compact-layout-padding bg-white max-w-240",
         className,
@@ -105,6 +108,7 @@ var Notification = (_a) => {
           Button,
           {
             id: id ? `${id}-close-button` : void 0,
+            testid: testid ? `${testid}-close-button` : void 0,
             iconOnly: true,
             variant: "tertiary",
             onClick: () => setVisible(false),

package/dist/components/OptionPill.cjs

@@ -207,7 +207,8 @@ var Button = (_a) => {
     iconOnly = false,
     colorClassName,
     href,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -221,7 +222,8 @@ var Button = (_a) => {
     "iconOnly",
     "colorClassName",
     "href",
-    "id"
+    "id",
+    "testid"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx2.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -309,6 +311,7 @@ var Button = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
@@ -318,7 +321,7 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
+        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })
@@ -336,20 +339,23 @@ var Label = (_a) => {
     className,
     color,
     align,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "as",
     "padded",
     "className",
     "color",
     "align",
-    "id"
+    "id",
+    "testid"
   ]);
   const Element = as;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx3.default)(
         typography.label,
         align === "left" && "text-left",
@@ -374,17 +380,20 @@ function Icon(_a) {
   var _b = _a, {
     name,
     size = 24,
-    variant = "outline"
+    variant = "outline",
+    testid
   } = _b, props = __objRest(_b, [
     "name",
     "size",
-    "variant"
+    "variant",
+    "testid"
   ]);
   const variantStyle = variant === "filled" ? '"FILL" 1' : '"FILL" 0';
   const weightStyle = size === 16 ? '"wght" 400' : '"wght" 300';
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx4.default)(
         "icon",
         `icon-${size}`,
@@ -404,6 +413,7 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 var OptionPill = (_a) => {
   var _b = _a, {
     id,
+    testid,
     selected = false,
     onClick,
     onRemove,
@@ -413,6 +423,7 @@ var OptionPill = (_a) => {
     className
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "selected",
     "onClick",
     "onRemove",
@@ -444,6 +455,7 @@ var OptionPill = (_a) => {
     "div",
     __spreadProps(__spreadValues(__spreadValues({
       id,
+      "data-testid": testid,
       onClick: handleOnClick
     }, props), additionalAttributes), {
       className: (0, import_clsx5.default)(
@@ -461,6 +473,7 @@ var OptionPill = (_a) => {
           Label,
           {
             id: id ? `${id}-label` : void 0,
+            testid: testid ? `${testid}-label` : void 0,
             padded: true,
             className: componentPaddingYUsingComponentGap,
             children
@@ -470,6 +483,7 @@ var OptionPill = (_a) => {
           Button,
           {
             id: id ? `${id}-remove-button` : void 0,
+            testid: testid ? `${testid}-remove-button` : void 0,
             onClick: handleOnRemove,
             disabled,
             className: (0, import_clsx5.default)(

package/dist/components/OptionPill.js

@@ -1,9 +1,9 @@
 import {
   OptionPill
-} from "../chunk-QNQ5K7NW.js";
-import "../chunk-S5K22XTH.js";
-import "../chunk-H6LXXGX6.js";
-import "../chunk-IGQVA7SC.js";
+} from "../chunk-LM5MKBPM.js";
+import "../chunk-JWCT72WR.js";
+import "../chunk-FKMKHLQH.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {