@lax-wp/design-system 0.3.95 → 0.3.96

package/dist/components/data-display/floating-element-wrapper/floating-element-dragger.d.ts

@@ -0,0 +1 @@
+export declare const FloatingElementWrapper: ({ children, showAsModal, ...props }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/file-upload-dragger/{FileUploadDragger.d.ts → FileUpload.d.ts}

@@ -82,4 +82,4 @@ export type FileUploadDraggerProps = {
     /** Custom drag and drop text */
     dragAndDropText?: string;
 };
-export declare const FileUploadDragger: FC<FileUploadDraggerProps>;
+export declare const FileUpload: FC<FileUploadDraggerProps>;

package/dist/index.d.ts

@@ -56,6 +56,7 @@ export { Card } from "./components/data-display/card/Card";
 export type { CardProps } from "./components/data-display/card/Card";
 export { Modal } from "./components/data-display/modal/Modal";
 export type { ModalProps, } from "./components/data-display/modal/Modal";
+export { FloatingElementWrapper } from "./components/data-display/floating-element-wrapper/floating-element-dragger";
 export { Tag } from "./components/data-display/tag/Tag";
 export type { TagProps, TagSize, TagColor, ThemeMode, UploadHandler, } from "./components/data-display/tag/Tag";
 export { LabelValue } from "./components/data-display/label-value/LabelValue";
@@ -183,8 +184,8 @@ export { NameInitialLogo } from "./components/user-avatar";
 export type { NameInitialLogoProps } from "./components/user-avatar";
 export { UserProfilePic } from "./components/user-avatar";
 export type { UserProfilePicProps } from "./components/user-avatar";
-export { FileUploadDragger } from "./components/forms/file-upload-dragger/FileUploadDragger";
-export type { FileUploadDraggerProps, } from "./components/forms/file-upload-dragger/FileUploadDragger";
+export { FileUpload } from "./components/forms/file-upload-dragger/FileUpload";
+export type { FileUploadDraggerProps, } from "./components/forms/file-upload-dragger/FileUpload";
 export { LottieAnimation } from "./components/data-display/lottie-animation/LottieAnimation";
 export type { LottieAnimationProps } from "./components/data-display/lottie-animation/LottieAnimation";
 export { DataTypeIcon } from "./components/data-display/datatype-icon/DataTypeIcon";

package/dist/index.es.js

@@ -35298,7 +35298,86 @@ const Card = ({
   )
 ] });
 Card.displayName = "Card";
-const formatBooleanValue = (e) => e === 1 || e === "1" || typeof e == "string" && e.toLowerCase() === "yes" || typeof e == "string" && e.toLowerCase() === "true" ? "Yes" : e === 0 || e === "0" || typeof e == "string" && e.toLowerCase() === "no" || typeof e == "string" && e.toLowerCase() === "false" ? "No" : e?.toString() || "-", formatCurrency = (e, t = "USD") => {
+const Drawer = ({
+  id: e,
+  children: t,
+  onClose: n,
+  open: a,
+  title: s,
+  parentContainer: o = "full-screen-container",
+  resizable: V,
+  width: W = 400,
+  placement: G = "right",
+  closable: U = !1,
+  mask: J,
+  classNames: K,
+  styles: oe,
+  getContainer: ce,
+  zIndex: pe,
+  footer: ue,
+  ...xe
+}) => {
+  const me = useRef(!1), [ve, ge] = useState(W);
+  useEffect(() => {
+    ge(W);
+  }, [a, W]);
+  const ye = useCallback(
+    (Te) => {
+      if (me.current)
+        if (G === "right") {
+          const ke = document.body.offsetWidth - (Te.clientX - document.body.offsetLeft);
+          ke > 256 && ge(ke);
+        } else
+          Te.clientX > 256 && ge(Te.clientX);
+    },
+    [G, ge]
+  ), _e = useCallback(() => {
+    me.current && (me.current = !1);
+  }, []);
+  useEffect(() => (document.addEventListener("mousemove", ye), document.addEventListener("mouseup", _e), () => {
+    document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", _e);
+  }), [ye, _e]);
+  const Re = typeof window < "u" ? document.getElementById(o) || document.body : null;
+  return Re ? createPortal(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Drawer$1,
+      {
+        id: e || "",
+        closable: U,
+        title: s,
+        onClose: n,
+        open: a,
+        width: ve,
+        getContainer: ce !== void 0 ? ce : !1,
+        placement: G,
+        mask: J,
+        classNames: K,
+        styles: oe,
+        zIndex: pe,
+        footer: ue,
+        ...xe,
+        children: [
+          V && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: "cursor-ew-resize w-1 pl-[2px] absolute top-0 bottom-0 z-[2100] bg-transparent dark:bg-black-600 hover:bg-neutral-200 dark:hover:bg-black-700",
+              onMouseDown: () => {
+                me.current = !0;
+              },
+              style: G === "right" ? { left: 0 } : {
+                right: 0
+              }
+            }
+          ),
+          t
+        ]
+      }
+    ),
+    Re
+  ) : null;
+};
+Drawer.displayName = "Drawer";
+const FloatingElementWrapper = ({ children: e, showAsModal: t, ...n }) => t ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { onCancel: n.onClose, ...n, children: e }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Drawer, { ...n, children: e }), formatBooleanValue = (e) => e === 1 || e === "1" || typeof e == "string" && e.toLowerCase() === "yes" || typeof e == "string" && e.toLowerCase() === "true" ? "Yes" : e === 0 || e === "0" || typeof e == "string" && e.toLowerCase() === "no" || typeof e == "string" && e.toLowerCase() === "false" ? "No" : e?.toString() || "-", formatCurrency = (e, t = "USD") => {
   try {
     if (e == null) return "";
     const n = Number(e);
@@ -50147,85 +50226,6 @@ const Stepper = ({
   ] });
 };
 Stepper.displayName = "Stepper";
-const Drawer = ({
-  id: e,
-  children: t,
-  onClose: n,
-  open: a,
-  title: s,
-  parentContainer: o = "full-screen-container",
-  resizable: V,
-  width: W = 400,
-  placement: G = "right",
-  closable: U = !1,
-  mask: J,
-  classNames: K,
-  styles: oe,
-  getContainer: ce,
-  zIndex: pe,
-  footer: ue,
-  ...xe
-}) => {
-  const me = useRef(!1), [ve, ge] = useState(W);
-  useEffect(() => {
-    ge(W);
-  }, [a, W]);
-  const ye = useCallback(
-    (Te) => {
-      if (me.current)
-        if (G === "right") {
-          const ke = document.body.offsetWidth - (Te.clientX - document.body.offsetLeft);
-          ke > 256 && ge(ke);
-        } else
-          Te.clientX > 256 && ge(Te.clientX);
-    },
-    [G, ge]
-  ), _e = useCallback(() => {
-    me.current && (me.current = !1);
-  }, []);
-  useEffect(() => (document.addEventListener("mousemove", ye), document.addEventListener("mouseup", _e), () => {
-    document.removeEventListener("mousemove", ye), document.removeEventListener("mouseup", _e);
-  }), [ye, _e]);
-  const Re = typeof window < "u" ? document.getElementById(o) || document.body : null;
-  return Re ? createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      Drawer$1,
-      {
-        id: e || "",
-        closable: U,
-        title: s,
-        onClose: n,
-        open: a,
-        width: ve,
-        getContainer: ce !== void 0 ? ce : !1,
-        placement: G,
-        mask: J,
-        classNames: K,
-        styles: oe,
-        zIndex: pe,
-        footer: ue,
-        ...xe,
-        children: [
-          V && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "cursor-ew-resize w-1 pl-[2px] absolute top-0 bottom-0 z-[2100] bg-transparent dark:bg-black-600 hover:bg-neutral-200 dark:hover:bg-black-700",
-              onMouseDown: () => {
-                me.current = !0;
-              },
-              style: G === "right" ? { left: 0 } : {
-                right: 0
-              }
-            }
-          ),
-          t
-        ]
-      }
-    ),
-    Re
-  ) : null;
-};
-Drawer.displayName = "Drawer";
 const ConfirmPopUp = ({
   children: e,
   onCancel: t,
@@ -53939,7 +53939,7 @@ const TrashOutlineIcon = ({ fill: e = "currentColor", size: t = 20, ...n }) => /
       }
     )
   }
-), { Dragger } = Upload, DEFAULT_MAX_SIZE = 200 * 1024 * 1024, FileUploadDragger = ({
+), { Dragger } = Upload, DEFAULT_MAX_SIZE = 200 * 1024 * 1024, FileUpload = ({
   getFile: e,
   id: t,
   description: n,
@@ -63333,8 +63333,9 @@ export {
   DynamicItemsCell,
   EditIcon,
   ErrorModal,
-  FileUploadDragger,
+  FileUpload,
   FloatingBar,
+  FloatingElementWrapper,
   Helmet,
   HelmetTitle,
   IconButton,