@dmsi/wedgekit-react 0.0.44 → 0.0.46

package/dist/{chunk-JIFWUW4M.js → chunk-2BVSUYXU.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-DVXLTLKP.js";
+} from "./chunk-724LJWFR.js";
 import {
   Icon
 } from "./chunk-IGQVA7SC.js";

package/dist/{chunk-DVXLTLKP.js → chunk-724LJWFR.js}

@@ -77,7 +77,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -94,7 +95,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -116,7 +118,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = clsx(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/{chunk-IOSLZ3WW.js → chunk-KXUUKAQM.js}

@@ -126,6 +126,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",

package/dist/{chunk-W3K72ORO.js → chunk-SGQWENE2.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-DVXLTLKP.js";
+} from "./chunk-724LJWFR.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-MUDULZCP.js → chunk-XIEG2XMD.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-S46RZBT4.js";
 import {
   Search
-} from "./chunk-W3K72ORO.js";
+} from "./chunk-SGQWENE2.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";

package/dist/components/DataGrid.cjs

@@ -693,7 +693,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -710,7 +711,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -732,7 +734,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx7.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/DataGrid.js

@@ -10,13 +10,13 @@ import {
 } from "../chunk-O4M2GISS.js";
 import {
   Select
-} from "../chunk-JIFWUW4M.js";
+} from "../chunk-2BVSUYXU.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-MUDULZCP.js";
+} from "../chunk-XIEG2XMD.js";
 import {
   Menu
 } from "../chunk-VC3R5EUH.js";
@@ -27,12 +27,12 @@ import {
 import "../chunk-SEKKGFM6.js";
 import {
   Search
-} from "../chunk-W3K72ORO.js";
+} from "../chunk-SGQWENE2.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-4T7F5BZZ.js";
 import {
   Input
-} from "../chunk-DVXLTLKP.js";
+} from "../chunk-724LJWFR.js";
 import {
   Label
 } from "../chunk-S5K22XTH.js";

package/dist/components/DataGridCell.cjs

@@ -378,7 +378,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -395,7 +396,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -417,7 +419,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx4.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/DataGridCell.js

@@ -4,15 +4,15 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-MUDULZCP.js";
+} from "../chunk-XIEG2XMD.js";
 import "../chunk-VC3R5EUH.js";
 import "../chunk-Z4UCFUF7.js";
 import "../chunk-S46RZBT4.js";
 import "../chunk-SEKKGFM6.js";
-import "../chunk-W3K72ORO.js";
+import "../chunk-SGQWENE2.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-4T7F5BZZ.js";
-import "../chunk-DVXLTLKP.js";
+import "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import "../chunk-VG4EPHJA.js";
 import "../chunk-IGQVA7SC.js";

package/dist/components/DateInput.cjs

@@ -320,7 +320,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -337,7 +338,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -359,7 +361,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx4.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/DateInput.js

@@ -10,7 +10,7 @@ import {
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-DVXLTLKP.js";
+} from "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import {
   CalendarRange

package/dist/components/DateRangeInput.cjs

@@ -320,7 +320,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -337,7 +338,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -359,7 +361,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx4.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,
@@ -1282,7 +1284,10 @@ var DateRangeInput = (_a) => {
     const formattedCleanValue = formatInputValue2(cleanValue);
     setInputValue(formattedCleanValue);
     requestAnimationFrame(() => {
-      const newPosition = Math.min(cursorPosition - 1, formattedCleanValue.length);
+      const newPosition = Math.min(
+        cursorPosition - 1,
+        formattedCleanValue.length
+      );
       setCursorPosition(newPosition);
     });
   };
@@ -1302,7 +1307,12 @@ var DateRangeInput = (_a) => {
     if (finalValue !== formattedValue) {
       return finalValue.length;
     }
-    return calculateCursorPositionHelper(rawValue, finalValue, originalPosition, disableRange);
+    return calculateCursorPositionHelper(
+      rawValue,
+      finalValue,
+      originalPosition,
+      disableRange
+    );
   };
   const setCursorPosition = (position) => {
     if (triggerRef.current) {
@@ -1423,7 +1433,10 @@ var DateRangeInput = (_a) => {
             onChange("");
             requestAnimationFrame(() => {
               if (triggerRef.current) {
-                triggerRef.current.setSelectionRange(formattedValue.length, formattedValue.length);
+                triggerRef.current.setSelectionRange(
+                  formattedValue.length,
+                  formattedValue.length
+                );
               }
             });
           } else {
@@ -1456,7 +1469,10 @@ var DateRangeInput = (_a) => {
           }
           requestAnimationFrame(() => {
             if (triggerRef.current) {
-              triggerRef.current.setSelectionRange(newValue.length, newValue.length);
+              triggerRef.current.setSelectionRange(
+                newValue.length,
+                newValue.length
+              );
             }
           });
           setIsTyping(true);
@@ -1485,7 +1501,10 @@ var DateRangeInput = (_a) => {
             onChange("");
             requestAnimationFrame(() => {
               if (triggerRef.current) {
-                triggerRef.current.setSelectionRange(formattedValue.length, formattedValue.length);
+                triggerRef.current.setSelectionRange(
+                  formattedValue.length,
+                  formattedValue.length
+                );
               }
             });
           } else {
@@ -1646,7 +1665,11 @@ function calculateCursorPositionHelper(originalValue, formattedValue, originalPo
       return Math.min(newPosition, formattedValue.length);
     }
   }
-  return calculateCursorPosition(originalValue, formattedValue, originalPosition);
+  return calculateCursorPosition(
+    originalValue,
+    formattedValue,
+    originalPosition
+  );
 }
 function formatDisplayValueHelper(from, to, disableRange) {
   if (!from && !to) {

package/dist/components/DateRangeInput.js

@@ -11,7 +11,7 @@ import {
 } from "../chunk-4T7F5BZZ.js";
 import {
   InputBase
-} from "../chunk-DVXLTLKP.js";
+} from "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import {
   CalendarRange
@@ -166,7 +166,10 @@ var DateRangeInput = (_a) => {
     const formattedCleanValue = formatInputValue2(cleanValue);
     setInputValue(formattedCleanValue);
     requestAnimationFrame(() => {
-      const newPosition = Math.min(cursorPosition - 1, formattedCleanValue.length);
+      const newPosition = Math.min(
+        cursorPosition - 1,
+        formattedCleanValue.length
+      );
       setCursorPosition(newPosition);
     });
   };
@@ -186,7 +189,12 @@ var DateRangeInput = (_a) => {
     if (finalValue !== formattedValue) {
       return finalValue.length;
     }
-    return calculateCursorPositionHelper(rawValue, finalValue, originalPosition, disableRange);
+    return calculateCursorPositionHelper(
+      rawValue,
+      finalValue,
+      originalPosition,
+      disableRange
+    );
   };
   const setCursorPosition = (position) => {
     if (triggerRef.current) {
@@ -307,7 +315,10 @@ var DateRangeInput = (_a) => {
             onChange("");
             requestAnimationFrame(() => {
               if (triggerRef.current) {
-                triggerRef.current.setSelectionRange(formattedValue.length, formattedValue.length);
+                triggerRef.current.setSelectionRange(
+                  formattedValue.length,
+                  formattedValue.length
+                );
               }
             });
           } else {
@@ -340,7 +351,10 @@ var DateRangeInput = (_a) => {
           }
           requestAnimationFrame(() => {
             if (triggerRef.current) {
-              triggerRef.current.setSelectionRange(newValue.length, newValue.length);
+              triggerRef.current.setSelectionRange(
+                newValue.length,
+                newValue.length
+              );
             }
           });
           setIsTyping(true);
@@ -369,7 +383,10 @@ var DateRangeInput = (_a) => {
             onChange("");
             requestAnimationFrame(() => {
               if (triggerRef.current) {
-                triggerRef.current.setSelectionRange(formattedValue.length, formattedValue.length);
+                triggerRef.current.setSelectionRange(
+                  formattedValue.length,
+                  formattedValue.length
+                );
               }
             });
           } else {
@@ -530,7 +547,11 @@ function calculateCursorPositionHelper(originalValue, formattedValue, originalPo
       return Math.min(newPosition, formattedValue.length);
     }
   }
-  return calculateCursorPosition(originalValue, formattedValue, originalPosition);
+  return calculateCursorPosition(
+    originalValue,
+    formattedValue,
+    originalPosition
+  );
 }
 function formatDisplayValueHelper(from, to, disableRange) {
   if (!from && !to) {

package/dist/components/FilterGroup.cjs

@@ -817,7 +817,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -834,7 +835,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -856,7 +858,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx9.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/FilterGroup.js

@@ -4,8 +4,8 @@ import {
 } from "../chunk-4N2PED4P.js";
 import {
   Search
-} from "../chunk-W3K72ORO.js";
-import "../chunk-DVXLTLKP.js";
+} from "../chunk-SGQWENE2.js";
+import "../chunk-724LJWFR.js";
 import {
   Label
 } from "../chunk-S5K22XTH.js";

package/dist/components/Input.cjs

@@ -322,7 +322,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -339,7 +340,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -361,7 +363,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx4.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/Input.js

@@ -6,7 +6,7 @@ import {
   InputBase,
   Percentage,
   UOM
-} from "../chunk-DVXLTLKP.js";
+} from "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import "../chunk-IGQVA7SC.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/MobileDataGrid.cjs

@@ -218,6 +218,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",

package/dist/components/MobileDataGrid.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-6DONKNDT.js";
 import {
   Stack
-} from "../chunk-IOSLZ3WW.js";
+} from "../chunk-KXUUKAQM.js";
 import {
   Heading3
 } from "../chunk-J6LETUNM.js";

package/dist/components/Notification.cjs

@@ -585,6 +585,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",

package/dist/components/Notification.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Stack
-} from "../chunk-IOSLZ3WW.js";
+} from "../chunk-KXUUKAQM.js";
 import {
   Heading3
 } from "../chunk-J6LETUNM.js";

package/dist/components/Password.cjs

@@ -320,7 +320,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -337,7 +338,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -359,7 +361,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx4.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/Password.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   InputBase
-} from "../chunk-DVXLTLKP.js";
+} from "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import {
   Icon

package/dist/components/Search.cjs

@@ -320,7 +320,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -337,7 +338,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -359,7 +361,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx4.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/Search.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Search
-} from "../chunk-W3K72ORO.js";
-import "../chunk-DVXLTLKP.js";
+} from "../chunk-SGQWENE2.js";
+import "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import "../chunk-IGQVA7SC.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/Select.cjs

@@ -320,7 +320,8 @@ var InputBase = (_a) => {
     inputContainerRef,
     removeBorder,
     wrapperClassName,
-    focus
+    focus,
+    fullWidth = true
   } = _b, props = __objRest(_b, [
     "id",
     "before",
@@ -337,7 +338,8 @@ var InputBase = (_a) => {
     "inputContainerRef",
     "removeBorder",
     "wrapperClassName",
-    "focus"
+    "focus",
+    "fullWidth"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -359,7 +361,7 @@ var InputBase = (_a) => {
     }
   }, [selectOnFocus]);
   const inputBaseClass = (0, import_clsx4.default)(
-    "w-full",
+    fullWidth ? "w-full" : "w-fit",
     "flex flex-row items-center",
     "bg-background-action-secondary-normal caret-icon-on-action-secondary-normal",
     componentGap,

package/dist/components/Select.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   Select
-} from "../chunk-JIFWUW4M.js";
-import "../chunk-DVXLTLKP.js";
+} from "../chunk-2BVSUYXU.js";
+import "../chunk-724LJWFR.js";
 import "../chunk-S5K22XTH.js";
 import "../chunk-IGQVA7SC.js";
 import "../chunk-RDLEIAQU.js";

package/dist/components/SideMenuGroup.cjs

@@ -357,6 +357,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",

package/dist/components/SideMenuGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Stack
-} from "../chunk-IOSLZ3WW.js";
+} from "../chunk-KXUUKAQM.js";
 import {
   Label
 } from "../chunk-S5K22XTH.js";

package/dist/components/SideMenuItem.cjs

@@ -312,6 +312,7 @@ var Stack = (_a) => {
         "max-w-screen",
         width !== "fit" && "w-full",
         width === "full" && "w-full",
+        width === "max" && "w-max",
         centered && "mx-auto",
         overflowY == "auto" && "overflow-y-auto",
         overflowY == "hidden" && "overflow-y-hidden",