@dmsi/wedgekit-react 0.0.498 → 0.0.499

package/dist/components/DataGrid/TableBody/index.js

@@ -1,13 +1,13 @@
 import {
   TableBody
-} from "../../../chunk-7LKGHCVT.js";
+} from "../../../chunk-TWDH7ZDS.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-4Q7T4GJ2.js";
+import "../../../chunk-YD3HWIUJ.js";
 import "../../../chunk-3DEYCNUE.js";
 import "../../../chunk-XHQOTLG6.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-3WCLGTYP.js";
+import "../../../chunk-4LBQSSGH.js";
 import "../../../chunk-YEZBNQZI.js";
 import "../../../chunk-B53XDCLO.js";
 import "../../../chunk-S5ZJ3Q7P.js";
@@ -28,23 +28,23 @@ import "../../../chunk-7BVUTFZ5.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-GRGDX7JC.js";
-import "../../../chunk-HVNHTM3P.js";
-import "../../../chunk-X67L3NZI.js";
+import "../../../chunk-PIBHG6DH.js";
+import "../../../chunk-TOKS63IK.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-FG7GNGE3.js";
-import "../../../chunk-G7KIKHER.js";
+import "../../../chunk-X4UK7HE2.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-ZQJMNPCF.js";
 import "../../../chunk-6TYWM26K.js";
 import "../../../chunk-SBRRNFOP.js";
 import "../../../chunk-Y2GK27RX.js";
 import "../../../chunk-QVWYTQKL.js";
-import "../../../chunk-ZKTHUXKS.js";
+import "../../../chunk-HIKWIY5Q.js";
 import "../../../chunk-TCMOGTPB.js";
 import "../../../chunk-DVU5XV7L.js";
 import "../../../chunk-5R4C5F63.js";
-import "../../../chunk-RQRR4FEF.js";
-import "../../../chunk-44TH3VC7.js";
+import "../../../chunk-5MLYAQQO.js";
+import "../../../chunk-G4AWTFBQ.js";
 import "../../../chunk-AL5QIRY3.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-75USUR3I.js";

package/dist/components/DataGrid/index.cjs

@@ -1625,6 +1625,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1648,6 +1649,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1789,7 +1791,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1816,7 +1819,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1827,7 +1831,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1849,7 +1854,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1912,7 +1917,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1998,7 +2003,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -3921,8 +3927,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
@@ -3941,7 +3949,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: (0, import_clsx20.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -4171,7 +4179,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -4297,7 +4306,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(

package/dist/components/DataGrid/index.js

@@ -2,14 +2,14 @@
 import {
   DataGrid,
   DataGrid_default
-} from "../../chunk-7LKGHCVT.js";
+} from "../../chunk-TWDH7ZDS.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-4Q7T4GJ2.js";
+import "../../chunk-YD3HWIUJ.js";
 import "../../chunk-3DEYCNUE.js";
 import "../../chunk-XHQOTLG6.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-3WCLGTYP.js";
+import "../../chunk-4LBQSSGH.js";
 import "../../chunk-YEZBNQZI.js";
 import "../../chunk-B53XDCLO.js";
 import "../../chunk-S5ZJ3Q7P.js";
@@ -30,23 +30,23 @@ import "../../chunk-7BVUTFZ5.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-GRGDX7JC.js";
-import "../../chunk-HVNHTM3P.js";
-import "../../chunk-X67L3NZI.js";
+import "../../chunk-PIBHG6DH.js";
+import "../../chunk-TOKS63IK.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-FG7GNGE3.js";
-import "../../chunk-G7KIKHER.js";
+import "../../chunk-X4UK7HE2.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-ZQJMNPCF.js";
 import "../../chunk-6TYWM26K.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-Y2GK27RX.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-ZKTHUXKS.js";
+import "../../chunk-HIKWIY5Q.js";
 import "../../chunk-TCMOGTPB.js";
 import "../../chunk-DVU5XV7L.js";
 import "../../chunk-5R4C5F63.js";
-import "../../chunk-RQRR4FEF.js";
-import "../../chunk-44TH3VC7.js";
+import "../../chunk-5MLYAQQO.js";
+import "../../chunk-G4AWTFBQ.js";
 import "../../chunk-AL5QIRY3.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-75USUR3I.js";

package/dist/components/DataGrid/utils.cjs

@@ -1624,6 +1624,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1647,6 +1648,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1788,7 +1790,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1815,7 +1818,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1826,7 +1830,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1848,7 +1853,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1911,7 +1916,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1997,7 +2002,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -5036,8 +5042,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
@@ -5056,7 +5064,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_clsx24.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -5286,7 +5294,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5412,7 +5421,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(

package/dist/components/DataGrid/utils.js

@@ -1,13 +1,13 @@
 import {
   getSortIcon
-} from "../../chunk-7LKGHCVT.js";
+} from "../../chunk-TWDH7ZDS.js";
 import "../../chunk-M7INAUAJ.js";
-import "../../chunk-4Q7T4GJ2.js";
+import "../../chunk-YD3HWIUJ.js";
 import "../../chunk-3DEYCNUE.js";
 import "../../chunk-XHQOTLG6.js";
 import "../../chunk-BQNPOGD5.js";
 import "../../chunk-Y5GD2FJA.js";
-import "../../chunk-3WCLGTYP.js";
+import "../../chunk-4LBQSSGH.js";
 import "../../chunk-YEZBNQZI.js";
 import "../../chunk-B53XDCLO.js";
 import "../../chunk-S5ZJ3Q7P.js";
@@ -28,23 +28,23 @@ import "../../chunk-7BVUTFZ5.js";
 import "../../chunk-L3BXRDLP.js";
 import "../../chunk-34VEVX5H.js";
 import "../../chunk-GRGDX7JC.js";
-import "../../chunk-HVNHTM3P.js";
-import "../../chunk-X67L3NZI.js";
+import "../../chunk-PIBHG6DH.js";
+import "../../chunk-TOKS63IK.js";
 import "../../chunk-4RJKB7LC.js";
 import "../../chunk-FG7GNGE3.js";
-import "../../chunk-G7KIKHER.js";
+import "../../chunk-X4UK7HE2.js";
 import "../../chunk-AG43RS4Q.js";
 import "../../chunk-ZQJMNPCF.js";
 import "../../chunk-6TYWM26K.js";
 import "../../chunk-SBRRNFOP.js";
 import "../../chunk-Y2GK27RX.js";
 import "../../chunk-QVWYTQKL.js";
-import "../../chunk-ZKTHUXKS.js";
+import "../../chunk-HIKWIY5Q.js";
 import "../../chunk-TCMOGTPB.js";
 import "../../chunk-DVU5XV7L.js";
 import "../../chunk-5R4C5F63.js";
-import "../../chunk-RQRR4FEF.js";
-import "../../chunk-44TH3VC7.js";
+import "../../chunk-5MLYAQQO.js";
+import "../../chunk-G4AWTFBQ.js";
 import "../../chunk-AL5QIRY3.js";
 import "../../chunk-WVUIIBRR.js";
 import "../../chunk-75USUR3I.js";

package/dist/components/DataGridCell.cjs

@@ -1413,6 +1413,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1436,6 +1437,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1577,7 +1579,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1604,7 +1607,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1615,7 +1619,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1637,7 +1642,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1700,7 +1705,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1786,7 +1791,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };

package/dist/components/DataGridCell.js

@@ -4,12 +4,12 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-ZKTHUXKS.js";
+} from "../chunk-HIKWIY5Q.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
 import "../chunk-5R4C5F63.js";
-import "../chunk-RQRR4FEF.js";
-import "../chunk-44TH3VC7.js";
+import "../chunk-5MLYAQQO.js";
+import "../chunk-G4AWTFBQ.js";
 import "../chunk-AL5QIRY3.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-BTKWHCUE.js";