@dmsi/wedgekit-react 0.0.78 → 0.0.80

package/dist/chunk-2DCVAATK.js

@@ -0,0 +1,252 @@
+import {
+  useMounted
+} from "./chunk-4RJKB7LC.js";
+import {
+  ModalButtons
+} from "./chunk-QUPHLL7D.js";
+import {
+  ModalContent
+} from "./chunk-FWPJ73IK.js";
+import {
+  ModalHeader
+} from "./chunk-TVDFTRGL.js";
+import {
+  ModalScrim
+} from "./chunk-4JLU7TAC.js";
+import {
+  useMatchesMobile
+} from "./chunk-SWA5WVQO.js";
+import {
+  findDocumentRoot
+} from "./chunk-4T7F5BZZ.js";
+
+// src/components/Modal.tsx
+import clsx from "clsx";
+import { useCallback, useEffect, useRef } from "react";
+import { createPortal } from "react-dom";
+import { usePrevious } from "react-use";
+import { jsx, jsxs } from "react/jsx-runtime";
+var fadeInScale = (element, duration = 300) => element.animate(
+  [
+    { opacity: 0, transform: "scale(0.95)" },
+    { opacity: 1, transform: "scale(1)" }
+  ],
+  {
+    duration,
+    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+    fill: "both"
+  }
+);
+var fadeOutScale = (element, duration = 200) => element.animate(
+  [
+    { opacity: 1, transform: "scale(1)" },
+    { opacity: 0, transform: "scale(0.95)" }
+  ],
+  {
+    duration,
+    easing: "ease-in-out",
+    fill: "both"
+  }
+);
+var bgFadeIn = (element, duration = 300) => element.animate([{ opacity: 0 }, { opacity: 1 }], {
+  duration,
+  easing: "cubic-bezier(0.4, 0, 0.2, 1)",
+  fill: "both"
+});
+var bgFadeOut = (element, duration = 200) => element.animate([{ opacity: 1 }, { opacity: 0 }], {
+  duration,
+  easing: "ease-in-out",
+  fill: "both"
+});
+var whenAllAnimationsFinish = (animations, callback) => {
+  let finishedCount = 0;
+  animations.forEach((animation) => {
+    animation.onfinish = () => {
+      finishedCount += 1;
+      if (finishedCount === animations.length) {
+        callback();
+      }
+    };
+  });
+};
+var sizes = {
+  small: {
+    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
+  },
+  medium: {
+    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+  },
+  large: {
+    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+  },
+  "x-large": {
+    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
+  }
+};
+var Modal = ({
+  id,
+  title,
+  open = false,
+  size = "small",
+  className,
+  children,
+  onClose,
+  onContinue,
+  closeOnBackdropClick = true,
+  showButtons = false,
+  hideCloseIcon = false,
+  headerIcon,
+  fixedHeightScrolling = false,
+  customActions
+}) => {
+  var _a;
+  const mounted = useMounted();
+  const modalRef = useRef(null);
+  const bgRef = useRef(null);
+  const wasOpen = usePrevious(open);
+  const isMobile = useMatchesMobile();
+  const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
+  useEffect(() => {
+    if (!mounted) return;
+    if (!modalRef.current || !bgRef.current) {
+      console.error("Modal or background reference is not set.");
+      return;
+    }
+    if (wasOpen === void 0) return;
+    if (wasOpen && !open) {
+      const modalAnimation = fadeOutScale(modalRef.current);
+      const bgAnimation = bgFadeOut(bgRef.current);
+      whenAllAnimationsFinish([modalAnimation, bgAnimation], () => {
+        if (onClose) {
+          onClose();
+        }
+      });
+    } else if (!wasOpen && open) {
+      fadeInScale(modalRef.current);
+      bgFadeIn(bgRef.current);
+    }
+  }, [mounted, open]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Escape") {
+        if (onClose) {
+          e.preventDefault();
+          onClose();
+        }
+      }
+    },
+    [onClose, bgRef, modalRef]
+  );
+  const handleClose = useCallback(() => {
+    if (onClose) {
+      onClose();
+    }
+  }, [onClose]);
+  useEffect(() => {
+    if (open) {
+      document.addEventListener("keyup", handleKeyDown);
+    }
+    return () => {
+      document.removeEventListener("keyup", handleKeyDown);
+    };
+  }, [open, handleKeyDown]);
+  useEffect(() => {
+    if (!open) return;
+    const scrollY = window.scrollY;
+    const body = document.body;
+    body.style.position = "fixed";
+    body.style.top = `-${scrollY}px`;
+    body.style.left = "0";
+    body.style.right = "0";
+    body.style.overflow = "hidden";
+    body.style.width = "100%";
+    return () => {
+      body.style.position = "";
+      body.style.top = "";
+      body.style.left = "";
+      body.style.right = "";
+      body.style.overflow = "";
+      body.style.width = "";
+      window.scrollTo(0, scrollY);
+    };
+  }, [open]);
+  const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
+  const backgroundClickHandler = useCallback(
+    (e) => {
+      const target = e.target;
+      const currentTarget = e.currentTarget;
+      if (currentTarget.contains(target) && currentTarget !== target) {
+        e.stopPropagation();
+        return;
+      }
+      if (open && closeOnBackdropClick) {
+        handleClose();
+      }
+    },
+    [open, closeOnBackdropClick, handleClose]
+  );
+  if (!mounted) {
+    return null;
+  }
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      ModalScrim,
+      {
+        id: id ? `${id}-scrim` : void 0,
+        size,
+        ref: bgRef,
+        show: open,
+        onClick: backgroundClickHandler,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            id,
+            ref: modalRef,
+            className: clsx(
+              "bg-white shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
+              computedFixedHeightScrolling && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
+              className,
+              sizeClass
+            ),
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsx(
+                ModalHeader,
+                {
+                  id: id ? `${id}-header` : void 0,
+                  title,
+                  onClose: handleClose,
+                  hideCloseIcon,
+                  headerIcon
+                }
+              ),
+              children && /* @__PURE__ */ jsx(
+                ModalContent,
+                {
+                  id: id ? `${id}-content` : void 0,
+                  fixedHeightScrolling: computedFixedHeightScrolling,
+                  children
+                }
+              ),
+              showButtons && /* @__PURE__ */ jsx(
+                ModalButtons,
+                {
+                  id: id ? `${id}-buttons` : void 0,
+                  onClose: handleClose,
+                  onContinue,
+                  customActions
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    findDocumentRoot(bgRef.current)
+  );
+};
+Modal.displayName = "Modal";
+
+export {
+  Modal
+};

package/dist/components/DataGrid.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  Tooltip
-} from "../chunk-QZGUMB7T.js";
 import {
   useInfiniteScroll
 } from "../chunk-AWQSSKCK.js";
+import {
+  Tooltip
+} from "../chunk-QZGUMB7T.js";
 import {
   Select
 } from "../chunk-2BVSUYXU.js";

package/dist/components/Modal.js

@@ -1,257 +1,19 @@
 "use client";
 import {
-  useMounted
-} from "../chunk-4RJKB7LC.js";
-import {
-  ModalButtons
-} from "../chunk-QUPHLL7D.js";
-import {
-  ModalContent
-} from "../chunk-FWPJ73IK.js";
-import {
-  ModalHeader
-} from "../chunk-TVDFTRGL.js";
-import {
-  ModalScrim
-} from "../chunk-4JLU7TAC.js";
+  Modal
+} from "../chunk-2DCVAATK.js";
+import "../chunk-4RJKB7LC.js";
+import "../chunk-QUPHLL7D.js";
+import "../chunk-FWPJ73IK.js";
+import "../chunk-TVDFTRGL.js";
+import "../chunk-4JLU7TAC.js";
 import "../chunk-J6LETUNM.js";
-import {
-  useMatchesMobile
-} from "../chunk-SWA5WVQO.js";
-import {
-  findDocumentRoot
-} from "../chunk-4T7F5BZZ.js";
+import "../chunk-SWA5WVQO.js";
+import "../chunk-4T7F5BZZ.js";
 import "../chunk-MZJS2ZAU.js";
 import "../chunk-IGQVA7SC.js";
 import "../chunk-RDLEIAQU.js";
 import "../chunk-ORMEWXMH.js";
-
-// src/components/Modal.tsx
-import clsx from "clsx";
-import { useCallback, useEffect, useRef } from "react";
-import { createPortal } from "react-dom";
-import { usePrevious } from "react-use";
-import { jsx, jsxs } from "react/jsx-runtime";
-var fadeInScale = (element, duration = 300) => element.animate(
-  [
-    { opacity: 0, transform: "scale(0.95)" },
-    { opacity: 1, transform: "scale(1)" }
-  ],
-  {
-    duration,
-    easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-    fill: "both"
-  }
-);
-var fadeOutScale = (element, duration = 200) => element.animate(
-  [
-    { opacity: 1, transform: "scale(1)" },
-    { opacity: 0, transform: "scale(0.95)" }
-  ],
-  {
-    duration,
-    easing: "ease-in-out",
-    fill: "both"
-  }
-);
-var bgFadeIn = (element, duration = 300) => element.animate([{ opacity: 0 }, { opacity: 1 }], {
-  duration,
-  easing: "cubic-bezier(0.4, 0, 0.2, 1)",
-  fill: "both"
-});
-var bgFadeOut = (element, duration = 200) => element.animate([{ opacity: 1 }, { opacity: 0 }], {
-  duration,
-  easing: "ease-in-out",
-  fill: "both"
-});
-var whenAllAnimationsFinish = (animations, callback) => {
-  let finishedCount = 0;
-  animations.forEach((animation) => {
-    animation.onfinish = () => {
-      finishedCount += 1;
-      if (finishedCount === animations.length) {
-        callback();
-      }
-    };
-  });
-};
-var sizes = {
-  small: {
-    sizeClass: "max-h-screen desktop:max-w-120 rounded-sm"
-  },
-  medium: {
-    sizeClass: "desktop:max-w-180 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
-  },
-  large: {
-    sizeClass: "desktop:max-w-240 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
-  },
-  "x-large": {
-    sizeClass: "desktop:max-w-300 w-screen desktop:h-fit h-screen desktop:w-full max-w-240"
-  }
-};
-var Modal = ({
-  id,
-  title,
-  open = false,
-  size = "small",
-  className,
-  children,
-  onClose,
-  onContinue,
-  closeOnBackdropClick = true,
-  showButtons = false,
-  hideCloseIcon = false,
-  headerIcon,
-  fixedHeightScrolling = false,
-  customActions
-}) => {
-  var _a;
-  const mounted = useMounted();
-  const modalRef = useRef(null);
-  const bgRef = useRef(null);
-  const wasOpen = usePrevious(open);
-  const isMobile = useMatchesMobile();
-  const computedFixedHeightScrolling = isMobile || fixedHeightScrolling;
-  useEffect(() => {
-    if (!mounted) return;
-    if (!modalRef.current || !bgRef.current) {
-      console.error("Modal or background reference is not set.");
-      return;
-    }
-    if (wasOpen === void 0) return;
-    if (wasOpen && !open) {
-      const modalAnimation = fadeOutScale(modalRef.current);
-      const bgAnimation = bgFadeOut(bgRef.current);
-      whenAllAnimationsFinish([modalAnimation, bgAnimation], () => {
-        if (onClose) {
-          onClose();
-        }
-      });
-    } else if (!wasOpen && open) {
-      fadeInScale(modalRef.current);
-      bgFadeIn(bgRef.current);
-    }
-  }, [mounted, open]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        if (onClose) {
-          e.preventDefault();
-          onClose();
-        }
-      }
-    },
-    [onClose, bgRef, modalRef]
-  );
-  const handleClose = useCallback(() => {
-    if (onClose) {
-      onClose();
-    }
-  }, [onClose]);
-  useEffect(() => {
-    if (open) {
-      document.addEventListener("keyup", handleKeyDown);
-    }
-    return () => {
-      document.removeEventListener("keyup", handleKeyDown);
-    };
-  }, [open, handleKeyDown]);
-  useEffect(() => {
-    if (!open) return;
-    const scrollY = window.scrollY;
-    const body = document.body;
-    body.style.position = "fixed";
-    body.style.top = `-${scrollY}px`;
-    body.style.left = "0";
-    body.style.right = "0";
-    body.style.overflow = "hidden";
-    body.style.width = "100%";
-    return () => {
-      body.style.position = "";
-      body.style.top = "";
-      body.style.left = "";
-      body.style.right = "";
-      body.style.overflow = "";
-      body.style.width = "";
-      window.scrollTo(0, scrollY);
-    };
-  }, [open]);
-  const { sizeClass } = (_a = sizes[size]) != null ? _a : sizes.small;
-  const backgroundClickHandler = useCallback(
-    (e) => {
-      const target = e.target;
-      const currentTarget = e.currentTarget;
-      if (currentTarget.contains(target) && currentTarget !== target) {
-        e.stopPropagation();
-        return;
-      }
-      if (open && closeOnBackdropClick) {
-        handleClose();
-      }
-    },
-    [open, closeOnBackdropClick, handleClose]
-  );
-  if (!mounted) {
-    return null;
-  }
-  return createPortal(
-    /* @__PURE__ */ jsx(
-      ModalScrim,
-      {
-        id: id ? `${id}-scrim` : void 0,
-        size,
-        ref: bgRef,
-        show: open,
-        onClick: backgroundClickHandler,
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            id,
-            ref: modalRef,
-            className: clsx(
-              "bg-white shadow-md rounded-sm flex flex-col overflow-hidden w-full opacity-0 h-fit",
-              computedFixedHeightScrolling && "desktop:max-h-[calc(100vh-32px)] desktop:h-auto",
-              className,
-              sizeClass
-            ),
-            onClick: (e) => e.stopPropagation(),
-            children: [
-              /* @__PURE__ */ jsx(
-                ModalHeader,
-                {
-                  id: id ? `${id}-header` : void 0,
-                  title,
-                  onClose: handleClose,
-                  hideCloseIcon,
-                  headerIcon
-                }
-              ),
-              children && /* @__PURE__ */ jsx(
-                ModalContent,
-                {
-                  id: id ? `${id}-content` : void 0,
-                  fixedHeightScrolling: computedFixedHeightScrolling,
-                  children
-                }
-              ),
-              showButtons && /* @__PURE__ */ jsx(
-                ModalButtons,
-                {
-                  id: id ? `${id}-buttons` : void 0,
-                  onClose: handleClose,
-                  onContinue,
-                  customActions
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    findDocumentRoot(bgRef.current)
-  );
-};
-Modal.displayName = "Modal";
 export {
   Modal
 };