@dmsi/wedgekit-react 0.0.139 → 0.0.141

package/dist/components/HorizontalDivider.cjs

@@ -35,9 +35,9 @@ __export(HorizontalDivider_exports, {
 module.exports = __toCommonJS(HorizontalDivider_exports);
 var import_clsx = __toESM(require("clsx"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
-function HorizontalDivider({ id, hideOnMobile }) {
+function HorizontalDivider({ id, testid, hideOnMobile }) {
   const hideOnMobileStyle = (0, import_clsx.default)(hideOnMobile && "hidden desktop:block");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { id, className: (0, import_clsx.default)("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { id, "data-testid": testid, className: (0, import_clsx.default)("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/HorizontalDivider.js

@@ -1,6 +1,6 @@
 import {
   HorizontalDivider
-} from "../chunk-3ZUSYRI7.js";
+} from "../chunk-EPQLWHCL.js";
 import "../chunk-ORMEWXMH.js";
 export {
   HorizontalDivider

package/dist/components/Icon.cjs

@@ -68,17 +68,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_clsx.default)(
         "icon",
         `icon-${size}`,

package/dist/components/Icon.js

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "../chunk-IGQVA7SC.js";
+} from "../chunk-NKUETCDA.js";
 import "../chunk-ORMEWXMH.js";
 export {
   Icon

package/dist/components/Input.cjs

@@ -207,20 +207,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_runtime.jsx)(
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx2.default)(
         typography.label,
         align === "left" && "text-left",
@@ -245,17 +248,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_runtime2.jsx)(
     "span",
     __spreadProps(__spreadValues({}, props), {
+      "data-testid": testid,
       className: (0, import_clsx3.default)(
         "icon",
         `icon-${size}`,
@@ -308,6 +314,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var InputBase = (_a) => {
   var _b = _a, {
     id,
+    testid,
     before,
     after,
     type,
@@ -326,6 +333,7 @@ var InputBase = (_a) => {
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "before",
     "after",
     "type",
@@ -390,6 +398,7 @@ var InputBase = (_a) => {
     "label",
     {
       id,
+      "data-testid": testid,
       htmlFor: inputId,
       ref: inputContainerRef,
       className: (0, import_clsx4.default)(
@@ -442,6 +451,7 @@ var InputBase = (_a) => {
                   required
                 }, props), attributes), {
                   id: inputId,
+                  "data-testid": testid ? `${testid}-input` : void 0,
                   className: (0, import_clsx4.default)(
                     "flex-1 outline-none w-full max-w-full min-h-6 min-w-0",
                     "[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
@@ -459,7 +469,7 @@ var InputBase = (_a) => {
             ]
           }
         ),
-        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, children: caption })
+        caption && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
       ]
     }
   );
@@ -474,7 +484,8 @@ var Input = (_a) => {
     onChange,
     onBlur,
     onClear,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -484,30 +495,30 @@ var Input = (_a) => {
     "onChange",
     "onBlur",
     "onClear",
-    "id"
+    "id",
+    "testid"
   ]);
   const [internalValue, setInternalValue] = (0, import_react.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react.useState)("");
   (0, import_react.useEffect)(() => {
     var _a2;
     const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
-    if (variant === "currency") {
-      if (propValue === void 0 || propValue === "" || typeof propValue === "number" && isNaN(propValue)) {
-        setInternalValue("");
-        setDisplayValue("");
-      } else {
-        const numValue = typeof propValue === "string" ? parseFloat(propValue) : propValue;
-        if (!isNaN(numValue)) {
-          const formatted = numValue.toFixed(decimals != null ? decimals : 2);
-          setInternalValue(formatted);
-          setDisplayValue(formatCurrencyDisplay(formatted));
-        }
-      }
-    } else {
-      setInternalValue(stringValue);
-      setDisplayValue(stringValue);
+    setInternalValue(stringValue);
+    setDisplayValue(stringValue);
+  }, [propValue]);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    if (variant !== "currency") {
+      return;
+    }
+    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
+    if (!stringValue) {
+      return;
     }
-  }, [propValue, decimals, variant]);
+    const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    setInternalValue(formatted);
+    setDisplayValue(formatCurrencyDisplay(formatted));
+  }, []);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -560,6 +571,7 @@ var Input = (_a) => {
           Icon,
           {
             id: id ? `${id}-clear-button` : void 0,
+            testid: testid ? `${testid}-clear-button` : void 0,
             name: "close",
             onClick: handleSearchReset,
             className: "cursor-pointer absolute right-2 bottom-2/4 translate-y-2/4"
@@ -591,14 +603,6 @@ var Input = (_a) => {
   };
   const handleChange = (e) => {
     const rawValue = e.target.value;
-    if (variant === "search") {
-      setInternalValue(rawValue);
-      setDisplayValue(rawValue);
-      if (typeof onChange === "function") {
-        onChange(e);
-      }
-      return;
-    }
     if (variant === "currency") {
       const raw = rawValue.replace(/,/g, "");
       if (raw === "") {
@@ -635,6 +639,9 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    if (!internalValue) {
+      return;
+    }
     if (variant === "currency") {
       const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
       setInternalValue(formatted);
@@ -659,7 +666,8 @@ var Input = (_a) => {
       before: getBeforeElement(),
       after: getAfterElement(),
       onChange: handleChange,
-      onBlur: handleBlur
+      onBlur: handleBlur,
+      testid
     })
   );
 };

package/dist/components/Input.js

@@ -6,10 +6,10 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-R5TLUWDD.js";
+} from "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-S5K22XTH.js";
-import "../chunk-IGQVA7SC.js";
+import "../chunk-JWCT72WR.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/InputGroup.cjs

@@ -202,20 +202,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_runtime.jsx)(
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx2.default)(
         typography.label,
         align === "left" && "text-left",
@@ -240,6 +243,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var InputGroup = (_a) => {
   var _b = _a, {
     id,
+    testid,
     label,
     orientation = "horizontal",
     error = false,
@@ -247,6 +251,7 @@ var InputGroup = (_a) => {
     caption
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "label",
     "orientation",
     "error",
@@ -255,11 +260,13 @@ var InputGroup = (_a) => {
   ]);
   const internalId = (0, import_react.useId)();
   const labelId = id ? `${id}-label` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", __spreadProps(__spreadValues({ id }, props), { className: (0, import_clsx3.default)("flex flex-col", componentGap), children: [
+  const labelTestId = testid ? `${testid}-label` : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", __spreadProps(__spreadValues({ id, "data-testid": testid }, props), { className: (0, import_clsx3.default)("flex flex-col", componentGap), children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       Label,
       {
         id: labelId,
+        testid: labelTestId,
         as: "label",
         className: (0, import_clsx3.default)({ "!text-text-primary-error": error }),
         htmlFor: internalId,
@@ -276,7 +283,7 @@ var InputGroup = (_a) => {
         children
       }
     ),
-    caption && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { id: id ? `${id}-caption` : void 0, children: caption })
+    caption && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
   ] }));
 };
 InputGroup.displayName = "InputGroup";

package/dist/components/InputGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Label
-} from "../chunk-S5K22XTH.js";
+} from "../chunk-JWCT72WR.js";
 import {
   componentGap,
   layoutGap
@@ -19,6 +19,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 var InputGroup = (_a) => {
   var _b = _a, {
     id,
+    testid,
     label,
     orientation = "horizontal",
     error = false,
@@ -26,6 +27,7 @@ var InputGroup = (_a) => {
     caption
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "label",
     "orientation",
     "error",
@@ -34,11 +36,13 @@ var InputGroup = (_a) => {
   ]);
   const internalId = useId();
   const labelId = id ? `${id}-label` : void 0;
-  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ id }, props), { className: clsx("flex flex-col", componentGap), children: [
+  const labelTestId = testid ? `${testid}-label` : void 0;
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ id, "data-testid": testid }, props), { className: clsx("flex flex-col", componentGap), children: [
     /* @__PURE__ */ jsx(
       Label,
       {
         id: labelId,
+        testid: labelTestId,
         as: "label",
         className: clsx({ "!text-text-primary-error": error }),
         htmlFor: internalId,
@@ -55,7 +59,7 @@ var InputGroup = (_a) => {
         children
       }
     ),
-    caption && /* @__PURE__ */ jsx("div", { id: id ? `${id}-caption` : void 0, children: caption })
+    caption && /* @__PURE__ */ jsx("div", { id: id ? `${id}-caption` : void 0, "data-testid": testid ? `${testid}-caption` : void 0, children: caption })
   ] }));
 };
 InputGroup.displayName = "InputGroup";

package/dist/components/Label.cjs

@@ -199,20 +199,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_runtime.jsx)(
     Element,
     __spreadProps(__spreadValues({
       id,
+      "data-testid": testid,
       className: (0, import_clsx2.default)(
         typography.label,
         align === "left" && "text-left",

package/dist/components/Label.js

@@ -1,6 +1,6 @@
 import {
   Label
-} from "../chunk-S5K22XTH.js";
+} from "../chunk-JWCT72WR.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/Link.cjs

@@ -202,7 +202,8 @@ var Link = (_a) => {
     color,
     paddedY,
     align,
-    underline = false
+    underline = false,
+    testid
   } = _b, props = __objRest(_b, [
     "as",
     "className",
@@ -212,7 +213,8 @@ var Link = (_a) => {
     "color",
     "paddedY",
     "align",
-    "underline"
+    "underline",
+    "testid"
   ]);
   const Component = as;
   const primaryStateStyles = variant === "primary" && !disabled && (0, import_clsx2.default)(
@@ -260,7 +262,8 @@ var Link = (_a) => {
         color: color ? `var(--color-${color})` : void 0
       }),
       "aria-disabled": disabled,
-      tabIndex: disabled ? -1 : void 0
+      tabIndex: disabled ? -1 : void 0,
+      "data-testid": testid
     })
   );
 };

package/dist/components/Link.js

@@ -1,6 +1,6 @@
 import {
   Link
-} from "../chunk-AOELEEUS.js";
+} from "../chunk-I6GEUF6Y.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/List.cjs

@@ -27,10 +27,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 function List({
   children,
   ordered,
-  id
+  id,
+  testid
 }) {
   const Element = ordered ? "ol" : "ul";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Element, { id, className: "list-disc list-inside", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Element, { id, "data-testid": testid, className: "list-disc list-inside", children });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/List.js

@@ -5,10 +5,11 @@ import { jsx } from "react/jsx-runtime";
 function List({
   children,
   ordered,
-  id
+  id,
+  testid
 }) {
   const Element = ordered ? "ol" : "ul";
-  return /* @__PURE__ */ jsx(Element, { id, className: "list-disc list-inside", children });
+  return /* @__PURE__ */ jsx(Element, { id, "data-testid": testid, className: "list-disc list-inside", children });
 }
 export {
   List

package/dist/components/LoadingScrim.cjs

@@ -37,11 +37,12 @@ var import_clsx = __toESM(require("clsx"), 1);
 
 // src/components/Spinner.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Spinner = ({ size = "small" }) => {
+var Spinner = ({ size = "small", testid }) => {
   const dimension = size === "large" ? 48 : 24;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "svg",
     {
+      "data-testid": testid,
       width: dimension,
       height: dimension,
       viewBox: "0 0 24 24",
@@ -146,7 +147,7 @@ Spinner.displayName = "Spinner";
 
 // src/components/LoadingScrim.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function LoadingScrim({ className }) {
+function LoadingScrim({ className, testid }) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "div",
     {
@@ -157,6 +158,7 @@ function LoadingScrim({ className }) {
       "aria-modal": "true",
       role: "dialog",
       tabIndex: -1,
+      "data-testid": testid,
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { size: "large" }) })
     }
   );

package/dist/components/LoadingScrim.js

@@ -1,12 +1,12 @@
 import {
   Spinner
-} from "../chunk-4F6VQXKY.js";
+} from "../chunk-GG5JOFS6.js";
 import "../chunk-ORMEWXMH.js";
 
 // src/components/LoadingScrim.tsx
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
-function LoadingScrim({ className }) {
+function LoadingScrim({ className, testid }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -17,6 +17,7 @@ function LoadingScrim({ className }) {
       "aria-modal": "true",
       role: "dialog",
       tabIndex: -1,
+      "data-testid": testid,
       children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { size: "large" }) })
     }
   );

package/dist/components/MainBar.cjs

@@ -165,6 +165,7 @@ var gapUsingContainerPadding = (0, import_clsx.default)(
 var import_jsx_runtime = require("react/jsx-runtime");
 var MainBar = ({
   id,
+  testid,
   leftContent: left,
   rightContent: right,
   mobileLeftContent: mobileLeft,
@@ -179,6 +180,7 @@ var MainBar = ({
     "div",
     {
       id,
+      "data-testid": testid,
       className: (0, import_clsx2.default)(
         "min-h-mobile-container-padding",
         "bg-background-brand-normal items-center justify-between",

package/dist/components/MainBar.js

@@ -12,6 +12,7 @@ import clsx from "clsx";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var MainBar = ({
   id,
+  testid,
   leftContent: left,
   rightContent: right,
   mobileLeftContent: mobileLeft,
@@ -26,6 +27,7 @@ var MainBar = ({
     "div",
     {
       id,
+      "data-testid": testid,
       className: clsx(
         "min-h-mobile-container-padding",
         "bg-background-brand-normal items-center justify-between",

package/dist/components/Menu.cjs

@@ -206,6 +206,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var Menu = (_a) => {
   var _b = _a, {
     id,
+    testid,
     children,
     className,
     ref,
@@ -223,6 +224,7 @@ var Menu = (_a) => {
     menuName
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "children",
     "className",
     "ref",
@@ -303,6 +305,7 @@ var Menu = (_a) => {
       "div",
       __spreadProps(__spreadValues({
         id,
+        "data-testid": testid,
         ref: setRefs,
         className: (0, import_clsx.default)(
           "shadow-4 rounded-base bg-background-grouped-primary-normal overflow-x-hidden overflow-y-auto flex flex-col outline-0",

package/dist/components/Menu.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Menu
-} from "../chunk-37TJJQL3.js";
+} from "../chunk-YR7JUKYO.js";
 import "../chunk-5GUW4DUY.js";
 import "../chunk-WNQ53SVY.js";
 import "../chunk-4T7F5BZZ.js";