@payloadcms/ui 4.0.0-internal.cc18726 → 4.0.0-internal.cd47d20

package/dist/providers/ToastContainer/index.js

@@ -1,69 +1,136 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+import { useModal } from '@faceless-ui/modal';
+import React, { useLayoutEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
 import { Toaster } from 'sonner';
 import { CheckIcon } from '../../icons/Check/index.js';
 import { InfoIcon } from '../../icons/Info/index.js';
 import { WarningIcon } from '../../icons/Warning/index.js';
 import { XIcon } from '../../icons/X/index.js';
+import { getActiveModal } from '../../utilities/getActiveModal.js';
 import './index.css';
-export const ToastContainer = ({
-  config
-}) => {
+export const ToastContainer = t0 => {
+  const $ = _c(6);
   const {
-    admin: {
-      toast: {
-        duration,
-        expand,
-        limit,
-        position
-      } = {}
-    } = {}
+    config
+  } = t0;
+  const {
+    admin: t1
   } = config;
-  return /*#__PURE__*/_jsx(Toaster, {
+  const {
+    toast: t2
+  } = t1 === undefined ? {} : t1;
+  const {
+    duration,
+    expand,
+    limit,
+    position
+  } = t2 === undefined ? {} : t2;
+  const {
+    modalState
+  } = useModal();
+  const [portalContainer, setPortalContainer] = useState(null);
+  let t3;
+  let t4;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = () => {
+      const container = document.createElement("div");
+      document.body.appendChild(container);
+      setPortalContainer(container);
+      return () => container.remove();
+    };
+    t4 = [];
+    $[0] = t3;
+    $[1] = t4;
+  } else {
+    t3 = $[0];
+    t4 = $[1];
+  }
+  useLayoutEffect(t3, t4);
+  let t5;
+  let t6;
+  if ($[2] !== modalState || $[3] !== portalContainer) {
+    t5 = () => {
+      if (!portalContainer) {
+        return;
+      }
+      const updateContainer = () => {
+        const activeModal = getActiveModal({
+          modalState
+        });
+        const destination = activeModal ?? document.body;
+        if (portalContainer.parentElement !== destination) {
+          destination.appendChild(portalContainer);
+        }
+      };
+      updateContainer();
+      const observer = new MutationObserver(updateContainer);
+      observer.observe(document.body, {
+        attributeFilter: ["open"],
+        attributes: true,
+        childList: true,
+        subtree: true
+      });
+      return () => observer.disconnect();
+    };
+    t6 = [modalState, portalContainer];
+    $[2] = modalState;
+    $[3] = portalContainer;
+    $[4] = t5;
+    $[5] = t6;
+  } else {
+    t5 = $[4];
+    t6 = $[5];
+  }
+  useLayoutEffect(t5, t6);
+  if (!portalContainer) {
+    return null;
+  }
+  return createPortal(_jsx(Toaster, {
     className: "payload-toast-container",
     closeButton: true,
-    // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing "undefined" opts out of RTL/LTR handling
     dir: "undefined",
     duration: duration ?? 4000,
     expand: expand ?? false,
     gap: 8,
     icons: {
-      close: /*#__PURE__*/_jsx(XIcon, {
+      close: _jsx(XIcon, {
         size: 24
       }),
-      error: /*#__PURE__*/_jsx(WarningIcon, {}),
-      info: /*#__PURE__*/_jsx(InfoIcon, {}),
-      success: /*#__PURE__*/_jsx(CheckIcon, {
+      error: _jsx(WarningIcon, {}),
+      info: _jsx(InfoIcon, {}),
+      success: _jsx(CheckIcon, {
         size: 24
       }),
-      warning: /*#__PURE__*/_jsx(WarningIcon, {})
+      warning: _jsx(WarningIcon, {})
     },
     offset: {
-      bottom: 'var(--spacer-6)',
-      right: 'var(--spacer-6)'
+      bottom: "var(--spacer-6)",
+      right: "var(--spacer-6)"
     },
-    position: position ?? 'bottom-right',
+    position: position ?? "bottom-right",
     style: {
-      width: '280px'
+      width: "280px"
     },
     theme: "dark",
     toastOptions: {
       classNames: {
-        closeButton: 'payload-toast-close-button',
-        content: 'toast-content',
-        error: 'toast-error',
-        icon: 'toast-icon',
-        info: 'toast-info',
-        success: 'toast-success',
-        title: 'toast-title',
-        toast: 'payload-toast-item',
-        warning: 'toast-warning'
+        closeButton: "payload-toast-close-button",
+        content: "toast-content",
+        error: "toast-error",
+        icon: "toast-icon",
+        info: "toast-info",
+        success: "toast-success",
+        title: "toast-title",
+        toast: "payload-toast-item",
+        warning: "toast-warning"
       },
       unstyled: true
     },
     visibleToasts: limit ?? 5
-  });
+  }), portalContainer);
 };
 //# sourceMappingURL=index.js.map

package/dist/providers/ToastContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","ToastContainer","config","admin","toast","duration","expand","limit","position","_jsx","className","closeButton","dir","gap","icons","close","size","error","info","success","warning","offset","bottom","right","style","width","theme","toastOptions","classNames","content","icon","title","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport React from 'react'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  return (\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 4000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: <XIcon size={24} />,\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,OAAO,QAAQ;AAExB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,WAAW,QAAQ;AAC5B,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,OAAO,MAAMC,cAAA,GAERA,CAAC;EAAEC;AAAM,CAAE;EACd,MAAM;IAAEC,KAAA,EAAO;MAAEC,KAAA,EAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,KAAK;QAAEC;MAAQ,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAAE,GAAGN,MAAA;EAE9E,oBACEO,IAAA,CAACb,OAAA;IACCc,SAAA,EAAU;IACVC,WAAW;IACX;IACAC,GAAA,EAAI;IACJP,QAAA,EAAUA,QAAA,IAAY;IACtBC,MAAA,EAAQA,MAAA,IAAU;IAClBO,GAAA,EAAK;IACLC,KAAA,EAAO;MACLC,KAAA,eAAON,IAAA,CAACT,KAAA;QAAMgB,IAAA,EAAM;;MACpBC,KAAA,eAAOR,IAAA,CAACV,WAAA;MACRmB,IAAA,eAAMT,IAAA,CAACX,QAAA;MACPqB,OAAA,eAASV,IAAA,CAACZ,SAAA;QAAUmB,IAAA,EAAM;;MAC1BI,OAAA,eAASX,IAAA,CAACV,WAAA;IACZ;IACAsB,MAAA,EAAQ;MACNC,MAAA,EAAQ;MACRC,KAAA,EAAO;IACT;IACAf,QAAA,EAAUA,QAAA,IAAY;IACtBgB,KAAA,EAAO;MACLC,KAAA,EAAO;IACT;IACAC,KAAA,EAAM;IACNC,YAAA,EAAc;MACZC,UAAA,EAAY;QACVjB,WAAA,EAAa;QACbkB,OAAA,EAAS;QACTZ,KAAA,EAAO;QACPa,IAAA,EAAM;QACNZ,IAAA,EAAM;QACNC,OAAA,EAAS;QACTY,KAAA,EAAO;QACP3B,KAAA,EAAO;QACPgB,OAAA,EAAS;MACX;MACAY,QAAA,EAAU;IACZ;IACAC,aAAA,EAAe1B,KAAA,IAAS;;AAG9B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useModal","React","useLayoutEffect","useState","createPortal","Toaster","CheckIcon","InfoIcon","WarningIcon","XIcon","getActiveModal","ToastContainer","t0","$","config","admin","t1","toast","t2","undefined","duration","expand","limit","position","modalState","portalContainer","setPortalContainer","t3","t4","Symbol","for","container","document","createElement","body","appendChild","remove","t5","t6","updateContainer","activeModal","destination","parentElement","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","disconnect","_jsx","className","closeButton","dir","gap","icons","close","size","info","success","offset","bottom","right","style","width","theme","toastOptions","classNames","content","error","icon","title","warning","unstyled","visibleToasts"],"sources":["../../../src/providers/ToastContainer/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useLayoutEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { Toaster } from 'sonner'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { InfoIcon } from '../../icons/Info/index.js'\nimport { WarningIcon } from '../../icons/Warning/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { getActiveModal } from '../../utilities/getActiveModal.js'\nimport './index.css'\n\nexport const ToastContainer: React.FC<{\n  config: ClientConfig\n}> = ({ config }) => {\n  const { admin: { toast: { duration, expand, limit, position } = {} } = {} } = config\n\n  const { modalState } = useModal()\n  const [portalContainer, setPortalContainer] = useState<HTMLDivElement | null>(null)\n\n  useLayoutEffect(() => {\n    const container = document.createElement('div')\n\n    document.body.appendChild(container)\n    setPortalContainer(container)\n    return () => container.remove()\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!portalContainer) {\n      return\n    }\n    const updateContainer = () => {\n      const activeModal = getActiveModal({ modalState })\n      const destination = activeModal ?? document.body\n\n      // Move the portal host, preserving Sonner's mounted state and pending notifications.\n      if (portalContainer.parentElement !== destination) {\n        destination.appendChild(portalContainer)\n      }\n    }\n\n    updateContainer()\n    const observer = new MutationObserver(updateContainer)\n\n    observer.observe(document.body, {\n      attributeFilter: ['open'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n    return () => observer.disconnect()\n  }, [modalState, portalContainer])\n\n  if (!portalContainer) {\n    return null\n  }\n\n  return createPortal(\n    <Toaster\n      className=\"payload-toast-container\"\n      closeButton\n      // @ts-expect-error - Sonner's `dir` prop is typed as `Direction`, but passing \"undefined\" opts out of RTL/LTR handling\n      dir=\"undefined\"\n      duration={duration ?? 4000}\n      expand={expand ?? false}\n      gap={8}\n      icons={{\n        close: <XIcon size={24} />,\n        error: <WarningIcon />,\n        info: <InfoIcon />,\n        success: <CheckIcon size={24} />,\n        warning: <WarningIcon />,\n      }}\n      offset={{\n        bottom: 'var(--spacer-6)',\n        right: 'var(--spacer-6)',\n      }}\n      position={position ?? 'bottom-right'}\n      style={{\n        width: '280px',\n      }}\n      theme=\"dark\"\n      toastOptions={{\n        classNames: {\n          closeButton: 'payload-toast-close-button',\n          content: 'toast-content',\n          error: 'toast-error',\n          icon: 'toast-icon',\n          info: 'toast-info',\n          success: 'toast-success',\n          title: 'toast-title',\n          toast: 'payload-toast-item',\n          warning: 'toast-warning',\n        },\n        unstyled: true,\n      }}\n      visibleToasts={limit ?? 5}\n    />,\n    portalContainer,\n  )\n}\n"],"mappings":"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","ignoreList":[]}