@dmsi/wedgekit-react 0.0.139 → 0.0.141

package/dist/components/ContentTabs.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   ContentTab
-} from "../chunk-X62XGQY7.js";
-import "../chunk-H6LXXGX6.js";
+} from "../chunk-NW2C4DL4.js";
+import "../chunk-FKMKHLQH.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 
@@ -11,7 +11,7 @@ import clsx from "clsx";
 import { useState, useRef, useCallback, useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var afterClasses = "after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-border-primary-normal z-0";
-var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, selectedTab }) => {
+var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, testid, selectedTab }) => {
   var _a, _b;
   const [selectedTabId, setSelectedTabId] = useState(((_a = tabs[0]) == null ? void 0 : _a.id) || "");
   const [focusedTabIndex, setFocusedTabIndex] = useState(0);
@@ -48,11 +48,12 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, selectedTab }) => {
     setFocusedTabIndex(newIndex);
   };
   const selectedContent = (_b = tabs.find((tab) => tab.id === selectedTabId)) == null ? void 0 : _b.content;
-  return /* @__PURE__ */ jsxs("div", { id, children: [
+  return /* @__PURE__ */ jsxs("div", { id, "data-testid": testid, children: [
     /* @__PURE__ */ jsx("div", { className: "overflow-x-auto pb-2", children: /* @__PURE__ */ jsx(
       "div",
       {
         id: id ? `${id}-tablist` : void 0,
+        "data-testid": testid ? `${testid}-tablist` : void 0,
         role: "tablist",
         "aria-orientation": "horizontal",
         className: clsx("flex relative", afterClasses),
@@ -64,6 +65,7 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, selectedTab }) => {
             {
               fullWidth: fullWidthTabs,
               id: id ? `${id}-tab-${tab.id}` : void 0,
+              testid: testid ? `${testid}-tab-${tab.id}` : void 0,
               label: tab.label,
               selected: isSelected,
               onClick: () => handleTabClick(tab.id, index),
@@ -90,6 +92,7 @@ var ContentTabs = ({ tabs, onTabChange, fullWidthTabs, id, selectedTab }) => {
       "div",
       {
         id: (id ? `${id}-` : "") + `panel-${selectedTabId}`,
+        "data-testid": (testid ? `${testid}-` : "") + `panel-${selectedTabId}`,
         className: "mt-2",
         role: "tabpanel",
         "aria-labelledby": `tab-${selectedTabId}`,

package/dist/components/DataGridCell.cjs

@@ -253,17 +253,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}`,
@@ -295,20 +298,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",
@@ -364,6 +370,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var InputBase = (_a) => {
   var _b = _a, {
     id,
+    testid,
     before,
     after,
     type,
@@ -382,6 +389,7 @@ var InputBase = (_a) => {
     fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "before",
     "after",
     "type",
@@ -446,6 +454,7 @@ var InputBase = (_a) => {
     "label",
     {
       id,
+      "data-testid": testid,
       htmlFor: inputId,
       ref: inputContainerRef,
       className: (0, import_clsx4.default)(
@@ -498,6 +507,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",
@@ -515,7 +525,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 })
       ]
     }
   );
@@ -530,7 +540,8 @@ var Input = (_a) => {
     onChange,
     onBlur,
     onClear,
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -540,30 +551,30 @@ var Input = (_a) => {
     "onChange",
     "onBlur",
     "onClear",
-    "id"
+    "id",
+    "testid"
   ]);
   const [internalValue, setInternalValue] = (0, import_react2.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react2.useState)("");
   (0, import_react2.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_react2.useEffect)(() => {
+    var _a2;
+    if (variant !== "currency") {
+      return;
     }
-  }, [propValue, decimals, variant]);
+    const stringValue = (_a2 = propValue == null ? void 0 : propValue.toString()) != null ? _a2 : "";
+    if (!stringValue) {
+      return;
+    }
+    const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
+    setInternalValue(formatted);
+    setDisplayValue(formatCurrencyDisplay(formatted));
+  }, []);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -616,6 +627,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"
@@ -647,14 +659,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 === "") {
@@ -691,6 +695,9 @@ var Input = (_a) => {
     }
   };
   const handleBlur = (e) => {
+    if (!internalValue) {
+      return;
+    }
     if (variant === "currency") {
       const formatted = formatDecimalValue(internalValue, decimals != null ? decimals : 2);
       setInternalValue(formatted);
@@ -715,7 +722,8 @@ var Input = (_a) => {
       before: getBeforeElement(),
       after: getAfterElement(),
       onChange: handleChange,
-      onBlur: handleBlur
+      onBlur: handleBlur,
+      testid
     })
   );
 };
@@ -748,6 +756,7 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 var Search = (_a) => {
   var _b = _a, {
     id,
+    testid,
     label,
     error,
     children,
@@ -758,6 +767,7 @@ var Search = (_a) => {
     removeRoundness
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "label",
     "error",
     "children",
@@ -787,6 +797,7 @@ var Search = (_a) => {
       Input,
       __spreadValues({
         id,
+        testid,
         variant: "search",
         inputContainerRef,
         ref: inputRef,
@@ -842,6 +853,7 @@ var Search = (_a) => {
     ),
     renderMenu ? renderMenu({
       id: id ? `${id}-menu` : void 0,
+      testid: testid ? `${testid}-menu` : void 0,
       positionTo: inputContainerRef,
       show,
       setShow,
@@ -1201,6 +1213,7 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 var Menu = (_a) => {
   var _b = _a, {
     id,
+    testid,
     children,
     className,
     ref,
@@ -1218,6 +1231,7 @@ var Menu = (_a) => {
     menuName
   } = _b, props = __objRest(_b, [
     "id",
+    "testid",
     "children",
     "className",
     "ref",
@@ -1298,6 +1312,7 @@ var Menu = (_a) => {
       "div",
       __spreadProps(__spreadValues({
         id,
+        "data-testid": testid,
         ref: setRefs,
         className: (0, import_clsx5.default)(
           "shadow-4 rounded-base bg-background-grouped-primary-normal overflow-x-hidden overflow-y-auto flex flex-col outline-0",
@@ -1444,7 +1459,8 @@ var Paragraph = (_a) => {
     addOverflow,
     children,
     as = "p",
-    id
+    id,
+    testid
   } = _b, props = __objRest(_b, [
     "className",
     "color",
@@ -1454,13 +1470,15 @@ var Paragraph = (_a) => {
     "addOverflow",
     "children",
     "as",
-    "id"
+    "id",
+    "testid"
   ]);
   const Element = as;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     Element,
     __spreadProps(__spreadValues({
-      id
+      id,
+      "data-testid": testid
     }, props), {
       className: (0, import_clsx6.default)(
         typography.paragraph,
@@ -1485,6 +1503,7 @@ Paragraph.displayName = "Paragraph";
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var MenuOption = ({
   id,
+  testid,
   children,
   disabled = false,
   variant = "normal",
@@ -1558,6 +1577,7 @@ var MenuOption = ({
       "div",
       __spreadProps(__spreadValues({
         id,
+        "data-testid": testid,
         ref: actualRef,
         className: (0, import_clsx7.default)(
           "flex items-center cursor-pointer w-full text-left relative outline-none",
@@ -1626,6 +1646,7 @@ var MenuOption = ({
       MenuOption,
       {
         id: id ? `${id}-back` : void 0,
+        testid: testid ? `${testid}-back` : void 0,
         onClick: () => {
           closeSubMenuLevel == null ? void 0 : closeSubMenuLevel(currentSubMenuLevel != null ? currentSubMenuLevel : 0);
         },
@@ -1670,7 +1691,8 @@ var DataGridCell = (0, import_react10.memo)(
       error,
       warning,
       center,
-      width
+      width,
+      testid
     } = _b, props = __objRest(_b, [
       "id",
       "type",
@@ -1686,7 +1708,8 @@ var DataGridCell = (0, import_react10.memo)(
       "error",
       "warning",
       "center",
-      "width"
+      "width",
+      "testid"
     ]);
     const Element = type === "header" ? "th" : "td";
     const timerRef = (0, import_react10.useRef)(null);
@@ -1757,6 +1780,7 @@ var DataGridCell = (0, import_react10.memo)(
       Element,
       __spreadProps(__spreadValues({
         id,
+        "data-testid": testid,
         className: (0, import_clsx8.default)("flex h-10", !width && "flex-1"),
         style: { width }
       }, props), {
@@ -1788,6 +1812,7 @@ function DataCellHeader(_a) {
     setNodeRef,
     node,
     id,
+    testid,
     useMenuDefaultMinWidth
   } = _b, props = __objRest(_b, [
     "header",
@@ -1795,6 +1820,7 @@ function DataCellHeader(_a) {
     "setNodeRef",
     "node",
     "id",
+    "testid",
     "useMenuDefaultMinWidth"
   ]);
   var _a2;
@@ -1840,6 +1866,7 @@ function DataCellHeader(_a) {
     DataGridCell,
     __spreadProps(__spreadValues({
       id,
+      testid,
       ref: setNodeRef ? setNodeRef : ref,
       type: "header",
       component: "header",
@@ -1853,6 +1880,7 @@ function DataCellHeader(_a) {
           Menu,
           {
             id: id ? `${id}-menu` : void 0,
+            testid: testid ? `${testid}-menu` : void 0,
             ref: menuRootRef,
             positionTo: node ? node : ref,
             show: showMenu,
@@ -1863,14 +1891,16 @@ function DataCellHeader(_a) {
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 MenuOption,
                 __spreadProps(__spreadValues({
-                  id: id ? `${id}-filter-option` : void 0
+                  id: id ? `${id}-filter-option` : void 0,
+                  testid: testid ? `${testid}-filter-option` : void 0
                 }, subMenuListeners), {
                   subMenu: (_b2) => {
                     var _c = _b2, { menuId, subMenuLevel } = _c, props2 = __objRest(_c, ["menuId", "subMenuLevel"]);
                     return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                       Menu,
                       __spreadProps(__spreadValues({
-                        id: id ? `${id}-filter-submenu` : void 0
+                        id: id ? `${id}-filter-submenu` : void 0,
+                        testid: testid ? `${testid}-filter-submenu` : void 0
                       }, props2), {
                         show: isMenuActive(menuId, subMenuLevel),
                         ref: (el) => {
@@ -1882,6 +1912,7 @@ function DataCellHeader(_a) {
                             Search,
                             {
                               id: id ? `${id}-filter-search` : void 0,
+                              testid: testid ? `${testid}-filter-search` : void 0,
                               onChange: (event) => {
                                 setFilter(event.target.value);
                               },
@@ -1897,6 +1928,7 @@ function DataCellHeader(_a) {
                             MenuOption,
                             {
                               id: id ? `${id}-filter-contains` : void 0,
+                              testid: testid ? `${testid}-filter-contains` : void 0,
                               onClick: handleFilterFnChange,
                               before: menuOptionIcon("includesString"),
                               children: "Contains"
@@ -1906,6 +1938,7 @@ function DataCellHeader(_a) {
                             MenuOption,
                             {
                               id: id ? `${id}-filter-startswith` : void 0,
+                              testid: testid ? `${testid}-filter-startswith` : void 0,
                               onClick: handleFilterFnChange,
                               before: menuOptionIcon("startsWith"),
                               children: "Starts with"
@@ -1915,6 +1948,7 @@ function DataCellHeader(_a) {
                             MenuOption,
                             {
                               id: id ? `${id}-filter-endswith` : void 0,
+                              testid: testid ? `${testid}-filter-endswith` : void 0,
                               onClick: handleFilterFnChange,
                               before: menuOptionIcon("endsWith"),
                               children: "Ends with"

package/dist/components/DataGridCell.js

@@ -4,19 +4,19 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-KS4RDR6P.js";
-import "../chunk-37TJJQL3.js";
+} from "../chunk-4NCDT5ZY.js";
+import "../chunk-YR7JUKYO.js";
 import "../chunk-5GUW4DUY.js";
-import "../chunk-VH3EJNVE.js";
+import "../chunk-FFU6FB3K.js";
 import "../chunk-WNQ53SVY.js";
 import "../chunk-4T7F5BZZ.js";
-import "../chunk-OB3URVCR.js";
-import "../chunk-R5TLUWDD.js";
+import "../chunk-PMBEIP24.js";
+import "../chunk-4T3DRGLF.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-S5K22XTH.js";
+import "../chunk-JWCT72WR.js";
 import "../chunk-WVUIIBRR.js";
-import "../chunk-VG4EPHJA.js";
-import "../chunk-IGQVA7SC.js";
+import "../chunk-HVI3CL7Y.js";
+import "../chunk-NKUETCDA.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
 export {