@dmsi/wedgekit-react 0.0.257 → 0.0.258

package/dist/{chunk-2MZ5WKCL.js → chunk-5LMXR6AJ.js}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-CCOQOO23.js";
 import {
   MenuOption
-} from "./chunk-FLVYV4T4.js";
-import {
-  Search
-} from "./chunk-7PWT532Y.js";
+} from "./chunk-7CA54V6U.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";
+import {
+  Search
+} from "./chunk-6DPFKSCT.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-7PWT532Y.js → chunk-6DPFKSCT.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-5NIAGAA7.js";
+} from "./chunk-ZL5X7KP6.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-PEB3BNN6.js → chunk-AEHXCKEP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-PGSDEGBP.js";
 import {
   MenuOption
-} from "./chunk-FLVYV4T4.js";
+} from "./chunk-7CA54V6U.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-FQRSSPFV.js → chunk-ALDZAM7B.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-4RJKB7LC.js";
 import {
   ModalButtons
-} from "./chunk-XM7IQHBU.js";
+} from "./chunk-5OPI4GTJ.js";
 import {
   ModalContent
 } from "./chunk-FRHPFACM.js";
 import {
   ModalHeader
-} from "./chunk-6CPGOW6J.js";
+} from "./chunk-3C2U4FKR.js";
 import {
   ModalScrim
 } from "./chunk-ZFOANBWG.js";

package/dist/{chunk-SYN5FFHV.js → chunk-J5V2JRIK.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-5NIAGAA7.js";
+} from "./chunk-ZL5X7KP6.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-KIAURU7N.js → chunk-T3TT3SVX.js}

@@ -3,22 +3,34 @@ import {
 } from "./chunk-QQ5G773N.js";
 import {
   Select
-} from "./chunk-SYN5FFHV.js";
-import {
-  Checkbox
-} from "./chunk-NO5BIKWS.js";
+} from "./chunk-J5V2JRIK.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-2MZ5WKCL.js";
+} from "./chunk-5LMXR6AJ.js";
 import {
   Menu
 } from "./chunk-PGSDEGBP.js";
 import {
   MenuOption
-} from "./chunk-FLVYV4T4.js";
+} from "./chunk-7CA54V6U.js";
+import {
+  Search
+} from "./chunk-6DPFKSCT.js";
+import {
+  Input
+} from "./chunk-ZL5X7KP6.js";
+import {
+  Label
+} from "./chunk-7CS736EF.js";
+import {
+  Checkbox
+} from "./chunk-NO5BIKWS.js";
+import {
+  Button
+} from "./chunk-WWAPK5PH.js";
 import {
   useInfiniteScroll,
   useTableLayout
@@ -26,18 +38,9 @@ import {
 import {
   formatDate
 } from "./chunk-TYTD4FLW.js";
-import {
-  Search
-} from "./chunk-7PWT532Y.js";
-import {
-  Input
-} from "./chunk-5NIAGAA7.js";
 import {
   formatCurrencyDisplay
 } from "./chunk-5UH6QUFB.js";
-import {
-  Label
-} from "./chunk-7CS736EF.js";
 import {
   Subheader
 } from "./chunk-FA7IFW66.js";
@@ -47,9 +50,6 @@ import {
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
-import {
-  Button
-} from "./chunk-WWAPK5PH.js";
 import {
   componentGap,
   componentPadding

package/dist/{chunk-5NIAGAA7.js → chunk-ZL5X7KP6.js}

@@ -1,11 +1,11 @@
+import {
+  Label
+} from "./chunk-7CS736EF.js";
 import {
   formatCurrencyDisplay,
   formatDecimalValue,
   getDecimalPlaceholder
 } from "./chunk-5UH6QUFB.js";
-import {
-  Label
-} from "./chunk-7CS736EF.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
@@ -50,7 +50,8 @@ var InputBase = (_a) => {
     wrapperClassName,
     focus,
     secondaryIconColor,
-    fullWidth = true
+    fullWidth = true,
+    wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -70,7 +71,8 @@ var InputBase = (_a) => {
     "wrapperClassName",
     "focus",
     "secondaryIconColor",
-    "fullWidth"
+    "fullWidth",
+    "wrapperRef"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -161,6 +163,11 @@ var InputBase = (_a) => {
               inputReadOnlyClass,
               wrapperClassName
             ),
+            ref: (el) => {
+              if (wrapperRef) {
+                wrapperRef.current = el;
+              }
+            },
             children: [
               before,
               /* @__PURE__ */ jsx(

package/dist/components/CalendarRange.cjs

@@ -1404,7 +1404,8 @@ var InputBase = (_a) => {
     wrapperClassName,
     focus,
     secondaryIconColor,
-    fullWidth = true
+    fullWidth = true,
+    wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -1424,7 +1425,8 @@ var InputBase = (_a) => {
     "wrapperClassName",
     "focus",
     "secondaryIconColor",
-    "fullWidth"
+    "fullWidth",
+    "wrapperRef"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -1515,6 +1517,11 @@ var InputBase = (_a) => {
               inputReadOnlyClass,
               wrapperClassName
             ),
+            ref: (el) => {
+              if (wrapperRef) {
+                wrapperRef.current = el;
+              }
+            },
             children: [
               before,
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(

package/dist/components/CalendarRange.js

@@ -2,30 +2,30 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-PEB3BNN6.js";
-import "../chunk-KIAURU7N.js";
+} from "../chunk-AEHXCKEP.js";
+import "../chunk-T3TT3SVX.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-SYN5FFHV.js";
-import "../chunk-NO5BIKWS.js";
-import "../chunk-2MZ5WKCL.js";
+import "../chunk-J5V2JRIK.js";
+import "../chunk-5LMXR6AJ.js";
 import "../chunk-PGSDEGBP.js";
 import "../chunk-CCOQOO23.js";
-import "../chunk-FLVYV4T4.js";
+import "../chunk-7CA54V6U.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-6DPFKSCT.js";
+import "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NO5BIKWS.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-HIVPC3T4.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
-import "../chunk-7PWT532Y.js";
-import "../chunk-5NIAGAA7.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-FA7IFW66.js";
 import "../chunk-4VER5OEU.js";
 import "../chunk-NQXZBWDZ.js";
 import "../chunk-4LXG6QNT.js";
 import "../chunk-OGIFIPKH.js";
 import "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/dist/components/DataGridCell.cjs

@@ -1271,7 +1271,8 @@ var InputBase = (_a) => {
     wrapperClassName,
     focus,
     secondaryIconColor,
-    fullWidth = true
+    fullWidth = true,
+    wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -1291,7 +1292,8 @@ var InputBase = (_a) => {
     "wrapperClassName",
     "focus",
     "secondaryIconColor",
-    "fullWidth"
+    "fullWidth",
+    "wrapperRef"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -1382,6 +1384,11 @@ var InputBase = (_a) => {
               inputReadOnlyClass,
               wrapperClassName
             ),
+            ref: (el) => {
+              if (wrapperRef) {
+                wrapperRef.current = el;
+              }
+            },
             children: [
               before,
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(

package/dist/components/DataGridCell.js

@@ -4,18 +4,18 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-2MZ5WKCL.js";
+} from "../chunk-5LMXR6AJ.js";
 import "../chunk-PGSDEGBP.js";
 import "../chunk-CCOQOO23.js";
-import "../chunk-FLVYV4T4.js";
+import "../chunk-7CA54V6U.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-6DPFKSCT.js";
+import "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
 import "../chunk-HIVPC3T4.js";
 import "../chunk-VXWSAIB5.js";
 import "../chunk-TYTD4FLW.js";
-import "../chunk-7PWT532Y.js";
-import "../chunk-5NIAGAA7.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-OGIFIPKH.js";
 import "../chunk-NKUETCDA.js";
 import "../chunk-6CTCHYIS.js";

package/dist/components/DateInput.cjs

@@ -334,7 +334,8 @@ var InputBase = (_a) => {
     wrapperClassName,
     focus,
     secondaryIconColor,
-    fullWidth = true
+    fullWidth = true,
+    wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -354,7 +355,8 @@ var InputBase = (_a) => {
     "wrapperClassName",
     "focus",
     "secondaryIconColor",
-    "fullWidth"
+    "fullWidth",
+    "wrapperRef"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -445,6 +447,11 @@ var InputBase = (_a) => {
               inputReadOnlyClass,
               wrapperClassName
             ),
+            ref: (el) => {
+              if (wrapperRef) {
+                wrapperRef.current = el;
+              }
+            },
             children: [
               before,
               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -4546,6 +4553,7 @@ var DateInput = (_a) => {
   const [isTyping, setIsTyping] = (0, import_react20.useState)(false);
   const popoverRef = (0, import_react20.useRef)(null);
   const triggerRef = (0, import_react20.useRef)(null);
+  const rootRef = (0, import_react20.useRef)(null);
   const [calendarPosition, setCalendarPosition] = (0, import_react20.useState)({
     top: 0,
     left: 0,
@@ -4563,8 +4571,8 @@ var DateInput = (_a) => {
     }
   }, [visible]);
   const updatePosition = () => {
-    if (triggerRef.current) {
-      const rect = triggerRef.current.getBoundingClientRect();
+    if (rootRef.current) {
+      const rect = rootRef.current.getBoundingClientRect();
       setCalendarPosition({
         top: rect.bottom + window.scrollY,
         left: rect.left + window.scrollX,
@@ -4688,6 +4696,7 @@ var DateInput = (_a) => {
           triggerRef.current = el;
         }
       }, props), {
+        wrapperRef: rootRef,
         value: inputValue,
         placeholder,
         disabled,
@@ -4711,8 +4720,8 @@ var DateInput = (_a) => {
           },
           className: "absolute z-40 bg-white",
           style: {
-            top: `${calendarPosition.top + 16}px`,
-            left: `${calendarPosition.left - 4}px`,
+            top: `${calendarPosition.top + 4}px`,
+            left: `${calendarPosition.left}px`,
             minWidth: `${calendarPosition.width}px`
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(

package/dist/components/DateInput.js

@@ -1,14 +1,21 @@
 import {
   CalendarRange
-} from "../chunk-PEB3BNN6.js";
-import "../chunk-KIAURU7N.js";
+} from "../chunk-AEHXCKEP.js";
+import "../chunk-T3TT3SVX.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-SYN5FFHV.js";
-import "../chunk-NO5BIKWS.js";
-import "../chunk-2MZ5WKCL.js";
+import "../chunk-J5V2JRIK.js";
+import "../chunk-5LMXR6AJ.js";
 import "../chunk-PGSDEGBP.js";
 import "../chunk-CCOQOO23.js";
-import "../chunk-FLVYV4T4.js";
+import "../chunk-7CA54V6U.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-6DPFKSCT.js";
+import {
+  InputBase
+} from "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NO5BIKWS.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-HIVPC3T4.js";
 import {
   findDocumentRoot
@@ -20,13 +27,7 @@ import {
   isValidDate,
   parseInputDate
 } from "../chunk-TYTD4FLW.js";
-import "../chunk-7PWT532Y.js";
-import {
-  InputBase
-} from "../chunk-5NIAGAA7.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-FA7IFW66.js";
 import "../chunk-4VER5OEU.js";
 import "../chunk-NQXZBWDZ.js";
@@ -35,7 +36,6 @@ import "../chunk-OGIFIPKH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,
@@ -72,6 +72,7 @@ var DateInput = (_a) => {
   const [isTyping, setIsTyping] = useState(false);
   const popoverRef = useRef(null);
   const triggerRef = useRef(null);
+  const rootRef = useRef(null);
   const [calendarPosition, setCalendarPosition] = useState({
     top: 0,
     left: 0,
@@ -89,8 +90,8 @@ var DateInput = (_a) => {
     }
   }, [visible]);
   const updatePosition = () => {
-    if (triggerRef.current) {
-      const rect = triggerRef.current.getBoundingClientRect();
+    if (rootRef.current) {
+      const rect = rootRef.current.getBoundingClientRect();
       setCalendarPosition({
         top: rect.bottom + window.scrollY,
         left: rect.left + window.scrollX,
@@ -214,6 +215,7 @@ var DateInput = (_a) => {
           triggerRef.current = el;
         }
       }, props), {
+        wrapperRef: rootRef,
         value: inputValue,
         placeholder,
         disabled,
@@ -237,8 +239,8 @@ var DateInput = (_a) => {
           },
           className: "absolute z-40 bg-white",
           style: {
-            top: `${calendarPosition.top + 16}px`,
-            left: `${calendarPosition.left - 4}px`,
+            top: `${calendarPosition.top + 4}px`,
+            left: `${calendarPosition.left}px`,
             minWidth: `${calendarPosition.width}px`
           },
           children: /* @__PURE__ */ jsx(

package/dist/components/DateRangeInput.cjs

@@ -334,7 +334,8 @@ var InputBase = (_a) => {
     wrapperClassName,
     focus,
     secondaryIconColor,
-    fullWidth = true
+    fullWidth = true,
+    wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -354,7 +355,8 @@ var InputBase = (_a) => {
     "wrapperClassName",
     "focus",
     "secondaryIconColor",
-    "fullWidth"
+    "fullWidth",
+    "wrapperRef"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -445,6 +447,11 @@ var InputBase = (_a) => {
               inputReadOnlyClass,
               wrapperClassName
             ),
+            ref: (el) => {
+              if (wrapperRef) {
+                wrapperRef.current = el;
+              }
+            },
             children: [
               before,
               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -4557,6 +4564,7 @@ var DateRangeInput = (_a) => {
   const [inputValue, setInputValue] = (0, import_react20.useState)("");
   const [isTyping, setIsTyping] = (0, import_react20.useState)(false);
   const popoverRef = (0, import_react20.useRef)(null);
+  const rootRef = (0, import_react20.useRef)(null);
   const triggerRef = (0, import_react20.useRef)(null);
   const [calendarPosition, setCalendarPosition] = (0, import_react20.useState)({
     top: 0,
@@ -4575,8 +4583,8 @@ var DateRangeInput = (_a) => {
     }
   }, [visible]);
   const updatePosition = () => {
-    if (triggerRef.current) {
-      const rect = triggerRef.current.getBoundingClientRect();
+    if (rootRef.current) {
+      const rect = rootRef.current.getBoundingClientRect();
       setCalendarPosition({
         top: rect.bottom + window.scrollY,
         left: rect.left + window.scrollX,
@@ -4954,6 +4962,7 @@ var DateRangeInput = (_a) => {
           triggerRef.current = el;
         }
       }, props), {
+        wrapperRef: rootRef,
         value: inputValue,
         placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
         disabled,
@@ -4977,8 +4986,8 @@ var DateRangeInput = (_a) => {
           },
           className: "absolute z-40 bg-white",
           style: {
-            top: `${calendarPosition.top + 16}px`,
-            left: `${calendarPosition.left - 4}px`,
+            top: `${calendarPosition.top + 4}px`,
+            left: `${calendarPosition.left}px`,
             minWidth: `${calendarPosition.width}px`
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(

package/dist/components/DateRangeInput.js

@@ -1,14 +1,21 @@
 import {
   CalendarRange
-} from "../chunk-PEB3BNN6.js";
-import "../chunk-KIAURU7N.js";
+} from "../chunk-AEHXCKEP.js";
+import "../chunk-T3TT3SVX.js";
 import "../chunk-QQ5G773N.js";
-import "../chunk-SYN5FFHV.js";
-import "../chunk-NO5BIKWS.js";
-import "../chunk-2MZ5WKCL.js";
+import "../chunk-J5V2JRIK.js";
+import "../chunk-5LMXR6AJ.js";
 import "../chunk-PGSDEGBP.js";
 import "../chunk-CCOQOO23.js";
-import "../chunk-FLVYV4T4.js";
+import "../chunk-7CA54V6U.js";
+import "../chunk-WVUIIBRR.js";
+import "../chunk-6DPFKSCT.js";
+import {
+  InputBase
+} from "../chunk-ZL5X7KP6.js";
+import "../chunk-7CS736EF.js";
+import "../chunk-NO5BIKWS.js";
+import "../chunk-WWAPK5PH.js";
 import "../chunk-HIVPC3T4.js";
 import {
   findDocumentRoot
@@ -21,13 +28,7 @@ import {
   isValidDateRangeOrder,
   parseInputDate
 } from "../chunk-TYTD4FLW.js";
-import "../chunk-7PWT532Y.js";
-import {
-  InputBase
-} from "../chunk-5NIAGAA7.js";
 import "../chunk-5UH6QUFB.js";
-import "../chunk-7CS736EF.js";
-import "../chunk-WVUIIBRR.js";
 import "../chunk-FA7IFW66.js";
 import "../chunk-4VER5OEU.js";
 import "../chunk-NQXZBWDZ.js";
@@ -36,7 +37,6 @@ import "../chunk-OGIFIPKH.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
-import "../chunk-WWAPK5PH.js";
 import "../chunk-6CTCHYIS.js";
 import {
   __objRest,
@@ -76,6 +76,7 @@ var DateRangeInput = (_a) => {
   const [inputValue, setInputValue] = useState("");
   const [isTyping, setIsTyping] = useState(false);
   const popoverRef = useRef(null);
+  const rootRef = useRef(null);
   const triggerRef = useRef(null);
   const [calendarPosition, setCalendarPosition] = useState({
     top: 0,
@@ -94,8 +95,8 @@ var DateRangeInput = (_a) => {
     }
   }, [visible]);
   const updatePosition = () => {
-    if (triggerRef.current) {
-      const rect = triggerRef.current.getBoundingClientRect();
+    if (rootRef.current) {
+      const rect = rootRef.current.getBoundingClientRect();
       setCalendarPosition({
         top: rect.bottom + window.scrollY,
         left: rect.left + window.scrollX,
@@ -473,6 +474,7 @@ var DateRangeInput = (_a) => {
           triggerRef.current = el;
         }
       }, props), {
+        wrapperRef: rootRef,
         value: inputValue,
         placeholder: disableRange ? "MM/DD/YYYY" : placeholder,
         disabled,
@@ -496,8 +498,8 @@ var DateRangeInput = (_a) => {
           },
           className: "absolute z-40 bg-white",
           style: {
-            top: `${calendarPosition.top + 16}px`,
-            left: `${calendarPosition.left - 4}px`,
+            top: `${calendarPosition.top + 4}px`,
+            left: `${calendarPosition.left}px`,
             minWidth: `${calendarPosition.width}px`
           },
           children: /* @__PURE__ */ jsx(

package/dist/components/FilterGroup.cjs

@@ -854,7 +854,8 @@ var InputBase = (_a) => {
     wrapperClassName,
     focus,
     secondaryIconColor,
-    fullWidth = true
+    fullWidth = true,
+    wrapperRef
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -874,7 +875,8 @@ var InputBase = (_a) => {
     "wrapperClassName",
     "focus",
     "secondaryIconColor",
-    "fullWidth"
+    "fullWidth",
+    "wrapperRef"
   ]);
   const attributes = {
     "data-error": error && !focus || null,
@@ -965,6 +967,11 @@ var InputBase = (_a) => {
               inputReadOnlyClass,
               wrapperClassName
             ),
+            ref: (el) => {
+              if (wrapperRef) {
+                wrapperRef.current = el;
+              }
+            },
             children: [
               before,
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(