@dmsi/wedgekit-react 0.0.161 → 0.0.163

package/dist/{chunk-SBSHZ327.js → chunk-O4JGGMFE.js}

@@ -1,6 +1,6 @@
 import {
   Menu
-} from "./chunk-RLK4TBXR.js";
+} from "./chunk-UBU6IJML.js";
 import {
   useSubMenuSystem
 } from "./chunk-5GUW4DUY.js";
@@ -323,7 +323,7 @@ function DataCellHeader(_a) {
                   children: "Filter"
                 })
               ),
-              !predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ jsxs(
+              !predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ jsx(
                 MenuOption,
                 __spreadProps(__spreadValues({
                   onClick: () => {
@@ -374,11 +374,7 @@ function DataCellHeader(_a) {
                       })
                     );
                   },
-                  children: [
-                    "Freeze [",
-                    header.column.columnDef.header,
-                    "]"
-                  ]
+                  children: `Freeze [${header.column.columnDef.header}]`
                 })
               )
             ]

package/dist/{chunk-RLK4TBXR.js → chunk-UBU6IJML.js}

@@ -40,7 +40,8 @@ var Menu = (_a) => {
     mobileHide,
     useDefaultMinWidth,
     autoFocusOff,
-    menuName
+    menuName,
+    calculateMinMaxHeight
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -58,7 +59,8 @@ var Menu = (_a) => {
     "mobileHide",
     "useDefaultMinWidth",
     "autoFocusOff",
-    "menuName"
+    "menuName",
+    "calculateMinMaxHeight"
   ]);
   const internalRef = useRef(null);
   const actualRef = ref || internalRef;
@@ -75,8 +77,11 @@ var Menu = (_a) => {
     }
   );
   useEffect(() => {
+    if (calculateMinMaxHeight) {
+      return;
+    }
     const raf = requestAnimationFrame(() => {
-      if (!actualRef || !actualRef.current || customMaxHeight) {
+      if (!actualRef.current || customMaxHeight) {
         return;
       }
       if (actualRef.current.childElementCount > 4) {
@@ -94,7 +99,18 @@ var Menu = (_a) => {
     return () => {
       cancelAnimationFrame(raf);
     };
-  }, [actualRef, customMaxHeight]);
+  }, [actualRef.current, customMaxHeight, calculateMinMaxHeight]);
+  useEffect(() => {
+    if (!calculateMinMaxHeight) {
+      return;
+    }
+    if ((positionTo == null ? void 0 : positionTo.current) && actualRef.current) {
+      const positionToRect = positionTo.current.getBoundingClientRect();
+      const offsetInPx = 16;
+      const calculatedMaxHeight = window.innerHeight - positionToRect.bottom - offsetInPx;
+      setMaxHeight(`${calculatedMaxHeight}px`);
+    }
+  }, [actualRef.current, positionTo == null ? void 0 : positionTo.current, calculateMinMaxHeight]);
   useEffect(() => {
     if (!show) {
       return;

package/dist/components/DataGridCell.cjs

@@ -1228,7 +1228,8 @@ var Menu = (_a) => {
     mobileHide,
     useDefaultMinWidth,
     autoFocusOff,
-    menuName
+    menuName,
+    calculateMinMaxHeight
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -1246,7 +1247,8 @@ var Menu = (_a) => {
     "mobileHide",
     "useDefaultMinWidth",
     "autoFocusOff",
-    "menuName"
+    "menuName",
+    "calculateMinMaxHeight"
   ]);
   const internalRef = (0, import_react8.useRef)(null);
   const actualRef = ref || internalRef;
@@ -1263,8 +1265,11 @@ var Menu = (_a) => {
     }
   );
   (0, import_react8.useEffect)(() => {
+    if (calculateMinMaxHeight) {
+      return;
+    }
     const raf = requestAnimationFrame(() => {
-      if (!actualRef || !actualRef.current || customMaxHeight) {
+      if (!actualRef.current || customMaxHeight) {
         return;
       }
       if (actualRef.current.childElementCount > 4) {
@@ -1282,7 +1287,18 @@ var Menu = (_a) => {
     return () => {
       cancelAnimationFrame(raf);
     };
-  }, [actualRef, customMaxHeight]);
+  }, [actualRef.current, customMaxHeight, calculateMinMaxHeight]);
+  (0, import_react8.useEffect)(() => {
+    if (!calculateMinMaxHeight) {
+      return;
+    }
+    if ((positionTo == null ? void 0 : positionTo.current) && actualRef.current) {
+      const positionToRect = positionTo.current.getBoundingClientRect();
+      const offsetInPx = 16;
+      const calculatedMaxHeight = window.innerHeight - positionToRect.bottom - offsetInPx;
+      setMaxHeight(`${calculatedMaxHeight}px`);
+    }
+  }, [actualRef.current, positionTo == null ? void 0 : positionTo.current, calculateMinMaxHeight]);
   (0, import_react8.useEffect)(() => {
     if (!show) {
       return;
@@ -1961,7 +1977,7 @@ function DataCellHeader(_a) {
                   children: "Filter"
                 })
               ),
-              !predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+              !predeterminedPinned.current && header.column.getCanPin() && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 MenuOption,
                 __spreadProps(__spreadValues({
                   onClick: () => {
@@ -2012,11 +2028,7 @@ function DataCellHeader(_a) {
                       })
                     );
                   },
-                  children: [
-                    "Freeze [",
-                    header.column.columnDef.header,
-                    "]"
-                  ]
+                  children: `Freeze [${header.column.columnDef.header}]`
                 })
               )
             ]

package/dist/components/DataGridCell.js

@@ -4,8 +4,8 @@ import {
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "../chunk-SBSHZ327.js";
-import "../chunk-RLK4TBXR.js";
+} from "../chunk-O4JGGMFE.js";
+import "../chunk-UBU6IJML.js";
 import "../chunk-5GUW4DUY.js";
 import "../chunk-FFU6FB3K.js";
 import "../chunk-WNQ53SVY.js";

package/dist/components/HorizontalDivider.js

@@ -1,7 +1,12 @@
-import {
-  HorizontalDivider
-} from "../chunk-EPQLWHCL.js";
 import "../chunk-ORMEWXMH.js";
+
+// src/components/HorizontalDivider.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+function HorizontalDivider({ id, testid, hideOnMobile }) {
+  const hideOnMobileStyle = clsx(hideOnMobile && "hidden desktop:block");
+  return /* @__PURE__ */ jsx("hr", { id, "data-testid": testid, className: clsx("w-full border-t border-border-primary-normal", hideOnMobileStyle) });
+}
 export {
   HorizontalDivider
 };

package/dist/components/Menu.cjs

@@ -221,7 +221,8 @@ var Menu = (_a) => {
     mobileHide,
     useDefaultMinWidth,
     autoFocusOff,
-    menuName
+    menuName,
+    calculateMinMaxHeight
   } = _b, props = __objRest(_b, [
     "id",
     "testid",
@@ -239,7 +240,8 @@ var Menu = (_a) => {
     "mobileHide",
     "useDefaultMinWidth",
     "autoFocusOff",
-    "menuName"
+    "menuName",
+    "calculateMinMaxHeight"
   ]);
   const internalRef = (0, import_react5.useRef)(null);
   const actualRef = ref || internalRef;
@@ -256,8 +258,11 @@ var Menu = (_a) => {
     }
   );
   (0, import_react5.useEffect)(() => {
+    if (calculateMinMaxHeight) {
+      return;
+    }
     const raf = requestAnimationFrame(() => {
-      if (!actualRef || !actualRef.current || customMaxHeight) {
+      if (!actualRef.current || customMaxHeight) {
         return;
       }
       if (actualRef.current.childElementCount > 4) {
@@ -275,7 +280,18 @@ var Menu = (_a) => {
     return () => {
       cancelAnimationFrame(raf);
     };
-  }, [actualRef, customMaxHeight]);
+  }, [actualRef.current, customMaxHeight, calculateMinMaxHeight]);
+  (0, import_react5.useEffect)(() => {
+    if (!calculateMinMaxHeight) {
+      return;
+    }
+    if ((positionTo == null ? void 0 : positionTo.current) && actualRef.current) {
+      const positionToRect = positionTo.current.getBoundingClientRect();
+      const offsetInPx = 16;
+      const calculatedMaxHeight = window.innerHeight - positionToRect.bottom - offsetInPx;
+      setMaxHeight(`${calculatedMaxHeight}px`);
+    }
+  }, [actualRef.current, positionTo == null ? void 0 : positionTo.current, calculateMinMaxHeight]);
   (0, import_react5.useEffect)(() => {
     if (!show) {
       return;

package/dist/components/Menu.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   Menu
-} from "../chunk-RLK4TBXR.js";
+} from "../chunk-UBU6IJML.js";
 import "../chunk-5GUW4DUY.js";
 import "../chunk-WNQ53SVY.js";
 import "../chunk-6LN6QT6M.js";

package/dist/components/Radio.js

@@ -1,10 +1,138 @@
 "use client";
 import {
-  Radio
-} from "../chunk-BATIOCXB.js";
-import "../chunk-HVI3CL7Y.js";
-import "../chunk-RDLEIAQU.js";
-import "../chunk-ORMEWXMH.js";
+  Paragraph
+} from "../chunk-HVI3CL7Y.js";
+import {
+  baseTransition,
+  componentGap
+} from "../chunk-RDLEIAQU.js";
+import {
+  __objRest,
+  __spreadValues
+} from "../chunk-ORMEWXMH.js";
+
+// src/components/Radio.tsx
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Radio = (_a) => {
+  var _b = _a, {
+    className,
+    label,
+    error,
+    disabled,
+    checked,
+    readOnly,
+    id,
+    testid
+  } = _b, props = __objRest(_b, [
+    "className",
+    "label",
+    "error",
+    "disabled",
+    "checked",
+    "readOnly",
+    "id",
+    "testid"
+  ]);
+  const radioId = id;
+  const paragraphColor = disabled ? "text-primary-disabled" : error ? "text-primary-error" : "text-primary-normal";
+  const defaultClassName = clsx(
+    !error && !disabled && "border-border-primary-normal peer-hover:border-border-action-hover peer-hover:bg-background-action-secondary-hover peer-focus:border-border-action-hover peer-focus:bg-background-action-secondary-hover peer-active:border-border-action-active peer-active:bg-background-action-secondary-active peer-checked:border-0 peer-checked:bg-background-action-secondary-hover"
+  );
+  const errorClassName = clsx(
+    error && !disabled && "border-border-action-critical-normal peer-hover:border-border-action-critical-hover peer-hover:bg-background-action-critical-secondary-hover peer-focus:border-border-action-critical-hover peer-focus:bg-background-action-critical-secondary-hover peer-active:border-border-action-critical-active peer-active:bg-background-action-secondary-active peer-checked:bg-background-action-critical-secondary-hover peer-checked:border-0 "
+  );
+  const disabledClassName = clsx(
+    disabled && "peer-disabled:bg-background-action-secondary-disabled peer-disabled:border-border-primary-normal peer-checked:border-0"
+  );
+  const readonlyClassName = clsx(
+    readOnly && "peer-read-only:bg-background-action-secondary-disabled peer-read-only:border-border-primary-normal peer-checked:border-0"
+  );
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      htmlFor: radioId,
+      className: clsx(
+        "flex items-center",
+        componentGap,
+        disabled ? "cursor-default" : "cursor-pointer",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            __spreadValues({
+              id: radioId,
+              "data-testid": testid,
+              type: "radio",
+              className: "sr-only peer",
+              disabled,
+              checked,
+              readOnly
+            }, props)
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                "size-6 rounded-full border flex items-center justify-center",
+                baseTransition,
+                defaultClassName,
+                errorClassName,
+                disabledClassName,
+                readonlyClassName
+              ),
+              children: checked && /* @__PURE__ */ jsx(
+                RadioIcon,
+                {
+                  className: clsx(
+                    "transition-colors",
+                    !error && !disabled && "text-icon-on-action-secondary-normal hover:text-icon-on-action-secondary-hover active:text-icon-on-action-secondary-active peer-hover:text-icon-on-action-secondary-hover peer-focus:text-icon-on-action-secondary-hover peer-active:text-icon-on-action-secondary-active",
+                    error && !disabled && "text-icon-action-critical-secondary-normal hover:text-icon-action-critical-secondary-hover active:text-icon-action-critical-secondary-active peer-hover:text-icon-action-critical-secondary-hover peer-focus:text-icon-action-critical-secondary-hover peer-active:text-icon-action-critical-secondary-active",
+                    disabled && "text-icon-on-action-secondary-disabled",
+                    readOnly && "text-icon-on-action-secondary-disabled"
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        label && /* @__PURE__ */ jsx(Paragraph, { id: radioId ? `${radioId}-label` : void 0, testid: testid ? `${testid}-label` : void 0, padded: true, color: paragraphColor, children: label })
+      ]
+    }
+  );
+};
+Radio.displayName = "Radio";
+var RadioIcon = ({ className }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "1",
+            y: "1",
+            width: "22",
+            height: "22",
+            rx: "11",
+            stroke: "currentColor",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "16", height: "16", rx: "8", fill: "currentColor" })
+      ]
+    }
+  );
+};
+RadioIcon.displayName = "RadioIcon";
 export {
   Radio
 };

package/dist/components/WorldpayIframe.js

@@ -1,8 +1,11 @@
 "use client";
-import {
-  WorldpayIframe
-} from "../chunk-WFGKIR5A.js";
 import "../chunk-ORMEWXMH.js";
+
+// src/components/WorldpayIframe.tsx
+import { jsx } from "react/jsx-runtime";
+function WorldpayIframe({ url }) {
+  return /* @__PURE__ */ jsx("iframe", { src: url, style: { width: "100%", height: "100%", flex: 1 } });
+}
 export {
   WorldpayIframe
 };