@dmsi/wedgekit-react 0.0.140 → 0.0.142

package/dist/components/Tooltip.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Tooltip
-} from "../chunk-QZGUMB7T.js";
+} from "../chunk-4VTOTNKJ.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/TopBar.cjs

@@ -254,7 +254,8 @@ var TopBarBase = (_a) => {
     mobileLeft,
     mobileRight,
     brandLogo = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LogoDMSiTopBar, {}),
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "left",
     "right",
@@ -262,13 +263,15 @@ var TopBarBase = (_a) => {
     "mobileLeft",
     "mobileRight",
     "brandLogo",
-    "id"
+    "id",
+    "testid"
   ]);
   const defaultStyles = (0, import_clsx2.default)("bg-background-primary-normal");
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx2.default)(
         "flex items-center justify-between",
         containerPaddingX,
@@ -335,22 +338,26 @@ var TopBar = (_a) => {
   var _b = _a, {
     left,
     brandLogo = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LogoDMSiTopBar, {}),
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "left",
     "brandLogo",
-    "id"
+    "id",
+    "testid"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     TopBarBase,
     __spreadProps(__spreadValues({}, props), {
       id,
+      testid,
       brandLogo,
       left: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "a",
           {
             id: id ? `${id}-brand-logo-link` : void 0,
+            "data-testid": testid ? `${testid}-brand-logo-link` : void 0,
             href: "/",
             className: "grow max-w-[400px] h-auto max-h-10 *:max-h-[inherit]",
             children: brandLogo && brandLogo

package/dist/components/TopBar.js

@@ -25,7 +25,8 @@ var TopBarBase = (_a) => {
     mobileLeft,
     mobileRight,
     brandLogo = /* @__PURE__ */ jsx(LogoDMSiTopBar, {}),
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "left",
     "right",
@@ -33,13 +34,15 @@ var TopBarBase = (_a) => {
     "mobileLeft",
     "mobileRight",
     "brandLogo",
-    "id"
+    "id",
+    "testid"
   ]);
   const defaultStyles = clsx("bg-background-primary-normal");
   return /* @__PURE__ */ jsxs(
     "div",
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: clsx(
         "flex items-center justify-between",
         containerPaddingX,
@@ -106,22 +109,26 @@ var TopBar = (_a) => {
   var _b = _a, {
     left,
     brandLogo = /* @__PURE__ */ jsx(LogoDMSiTopBar, {}),
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "left",
     "brandLogo",
-    "id"
+    "id",
+    "testid"
   ]);
   return /* @__PURE__ */ jsx(
     TopBarBase,
     __spreadProps(__spreadValues({}, props), {
       id,
+      testid,
       brandLogo,
       left: /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           "a",
           {
             id: id ? `${id}-brand-logo-link` : void 0,
+            "data-testid": testid ? `${testid}-brand-logo-link` : void 0,
             href: "/",
             className: "grow max-w-[400px] h-auto max-h-10 *:max-h-[inherit]",
             children: brandLogo && brandLogo

package/dist/components/Upload.cjs

@@ -197,17 +197,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_runtime.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx2.default)(
         "icon",
         `icon-${size}`,
@@ -235,7 +238,8 @@ var Paragraph = (_a) => {
     addOverflow,
     children,
     as = "p",
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "className",
     "color",
@@ -245,13 +249,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,
@@ -289,7 +295,8 @@ var Button = (_a) => {
     iconOnly = false,
     colorClassName,
     href,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "as",
@@ -303,7 +310,8 @@ var Button = (_a) => {
     "iconOnly",
     "colorClassName",
     "href",
-    "id"
+    "id",
+    "testid"
   ]);
   const primaryVariantStyles = variant === "primary" && (0, import_clsx4.default)(
     (colorClassName == null ? void 0 : colorClassName.trim()) ? colorClassName : "text-text-on-action-primary-normal",
@@ -391,6 +399,7 @@ var Button = (_a) => {
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       type: Element === "button" ? "button" : void 0,
       className: buttonClasses
     }, props), {
@@ -400,7 +409,7 @@ var Button = (_a) => {
       "data-theme": variant === "navigation" ? "brand" : void 0,
       children: [
         leftIcon && leftIcon,
-        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: id ? `${id}-label` : void 0, className: labelClasses, children }),
+        !iconOnly && children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: id ? `${id}-label` : void 0, "data-testid": testid ? `${testid}-label` : void 0, className: labelClasses, children }),
         rightIcon && rightIcon
       ]
     })
@@ -417,14 +426,16 @@ function Upload(props) {
     errorText,
     text = "Upload your file",
     value,
-    onRemove
+    onRemove,
+    testid
   } = _a, rest = __objRest(_a, [
     "isLoading",
     "style",
     "errorText",
     "text",
     "value",
-    "onRemove"
+    "onRemove",
+    "testid"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "label",
@@ -439,26 +450,29 @@ function Upload(props) {
         "w-full h-[166px] desktop:w-[340px] desktop:h-[190px]",
         componentGap
       ),
+      "data-testid": testid,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           __spreadProps(__spreadValues({}, rest), {
             type: "file",
-            className: "sr-only"
+            className: "sr-only",
+            "data-testid": testid ? `${testid}-file-input` : void 0
           })
         ),
         isLoading && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "cached", className: "text-icon-primary-normal animate-spin" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Paragraph, { color: "text-secondary-normal", children: "Loading..." })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { testid: testid ? `${testid}-loading-icon` : void 0, name: "cached", className: "text-icon-primary-normal animate-spin" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Paragraph, { testid: testid ? `${testid}-loading-text` : void 0, color: "text-secondary-normal", children: "Loading..." })
         ] }),
         !value && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { name: "cloud_upload", className: "text-icon-primary-normal" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Paragraph, { color: errorText ? "text-primary-error" : "text-secondary-normal", children: errorText ? errorText : text })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { testid: testid ? `${testid}-icon` : void 0, name: "cloud_upload", className: "text-icon-primary-normal" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Paragraph, { testid: testid ? `${testid}-text` : void 0, color: errorText ? "text-primary-error" : "text-secondary-normal", children: errorText ? errorText : text })
         ] }),
         value && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "img",
             {
+              "data-testid": testid ? `${testid}-uploaded-image` : void 0,
               src: value,
               alt: "",
               className: "absolute inset-0 object-contain object-center max-h-full max-w-full self-center justify-self-center"
@@ -467,6 +481,7 @@ function Upload(props) {
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             Button,
             {
+              testid: testid ? `${testid}-remove-image-button` : void 0,
               onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();

package/dist/components/Upload.js

@@ -1,12 +1,12 @@
 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 {
   componentGap
 } from "../chunk-RDLEIAQU.js";
@@ -26,14 +26,16 @@ function Upload(props) {
     errorText,
     text = "Upload your file",
     value,
-    onRemove
+    onRemove,
+    testid
   } = _a, rest = __objRest(_a, [
     "isLoading",
     "style",
     "errorText",
     "text",
     "value",
-    "onRemove"
+    "onRemove",
+    "testid"
   ]);
   return /* @__PURE__ */ jsxs(
     "label",
@@ -48,26 +50,29 @@ function Upload(props) {
         "w-full h-[166px] desktop:w-[340px] desktop:h-[190px]",
         componentGap
       ),
+      "data-testid": testid,
       children: [
         /* @__PURE__ */ jsx(
           "input",
           __spreadProps(__spreadValues({}, rest), {
             type: "file",
-            className: "sr-only"
+            className: "sr-only",
+            "data-testid": testid ? `${testid}-file-input` : void 0
           })
         ),
         isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { name: "cached", className: "text-icon-primary-normal animate-spin" }),
-          /* @__PURE__ */ jsx(Paragraph, { color: "text-secondary-normal", children: "Loading..." })
+          /* @__PURE__ */ jsx(Icon, { testid: testid ? `${testid}-loading-icon` : void 0, name: "cached", className: "text-icon-primary-normal animate-spin" }),
+          /* @__PURE__ */ jsx(Paragraph, { testid: testid ? `${testid}-loading-text` : void 0, color: "text-secondary-normal", children: "Loading..." })
         ] }),
         !value && !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Icon, { name: "cloud_upload", className: "text-icon-primary-normal" }),
-          /* @__PURE__ */ jsx(Paragraph, { color: errorText ? "text-primary-error" : "text-secondary-normal", children: errorText ? errorText : text })
+          /* @__PURE__ */ jsx(Icon, { testid: testid ? `${testid}-icon` : void 0, name: "cloud_upload", className: "text-icon-primary-normal" }),
+          /* @__PURE__ */ jsx(Paragraph, { testid: testid ? `${testid}-text` : void 0, color: errorText ? "text-primary-error" : "text-secondary-normal", children: errorText ? errorText : text })
         ] }),
         value && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             "img",
             {
+              "data-testid": testid ? `${testid}-uploaded-image` : void 0,
               src: value,
               alt: "",
               className: "absolute inset-0 object-contain object-center max-h-full max-w-full self-center justify-self-center"
@@ -76,6 +81,7 @@ function Upload(props) {
           /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ jsx(
             Button,
             {
+              testid: testid ? `${testid}-remove-image-button` : void 0,
               onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();