@payloadcms/ui 3.0.0-canary.a0b06af → 3.0.0-canary.a5aaf21

package/dist/elements/Tooltip/index.js

@@ -1,78 +1,142 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
 import './index.scss';
-export const Tooltip = (props)=>{
-    const { alignCaret = 'center', boundingRef, children, className, delay = 350, show: showFromProps = true, staticPositioning = false } = props;
-    const [show, setShow] = React.useState(showFromProps);
-    const [position, setPosition] = React.useState('top');
-    const getTitleAttribute = (content)=>typeof content === 'string' ? content : '';
-    const [ref, intersectionEntry] = useIntersect({
-        root: boundingRef?.current || null,
-        rootMargin: '-145px 0px 0px 100px',
-        threshold: 0
-    }, staticPositioning);
-    useEffect(()=>{
-        let timerId;
-        // do not use the delay on transition-out
-        if (delay && showFromProps) {
-            timerId = setTimeout(()=>{
-                setShow(showFromProps);
-            }, delay);
-        } else {
-            setShow(showFromProps);
+export const Tooltip = props => {
+  const $ = _c(24);
+  const {
+    alignCaret: t0,
+    boundingRef,
+    children,
+    className,
+    delay: t1,
+    position: positionFromProps,
+    show: t2,
+    staticPositioning: t3
+  } = props;
+  const alignCaret = t0 === undefined ? "center" : t0;
+  const delay = t1 === undefined ? 350 : t1;
+  const showFromProps = t2 === undefined ? true : t2;
+  const staticPositioning = t3 === undefined ? false : t3;
+  const [show, setShow] = React.useState(showFromProps);
+  const [position, setPosition] = React.useState("top");
+  const getTitleAttribute = _temp;
+  const t4 = boundingRef?.current || null;
+  let t5;
+  if ($[0] !== t4) {
+    t5 = {
+      root: t4,
+      rootMargin: "-145px 0px 0px 100px",
+      threshold: 0
+    };
+    $[0] = t4;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const [ref, intersectionEntry] = useIntersect(t5, staticPositioning);
+  let t6;
+  let t7;
+  if ($[2] !== delay || $[3] !== showFromProps) {
+    t6 = () => {
+      let timerId;
+      if (delay && showFromProps) {
+        timerId = setTimeout(() => {
+          setShow(showFromProps);
+        }, delay);
+      } else {
+        setShow(showFromProps);
+      }
+      return () => {
+        if (timerId) {
+          clearTimeout(timerId);
         }
-        return ()=>{
-            if (timerId) clearTimeout(timerId);
-        };
-    }, [
-        showFromProps,
-        delay
-    ]);
-    useEffect(()=>{
-        if (staticPositioning) return;
-        setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom');
-    }, [
-        intersectionEntry,
-        staticPositioning
-    ]);
-    // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            !staticPositioning && /*#__PURE__*/ _jsx("aside", {
-                "aria-hidden": "true",
-                className: [
-                    'tooltip',
-                    className,
-                    `tooltip--caret-${alignCaret}`,
-                    'tooltip--position-top'
-                ].filter(Boolean).join(' '),
-                ref: ref,
-                style: {
-                    opacity: '0'
-                },
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "tooltip-content",
-                    children: children
-                })
-            }),
-            /*#__PURE__*/ _jsx("aside", {
-                className: [
-                    'tooltip',
-                    className,
-                    show && 'tooltip--show',
-                    `tooltip--caret-${alignCaret}`,
-                    `tooltip--position-${position}`
-                ].filter(Boolean).join(' '),
-                title: getTitleAttribute(children),
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "tooltip-content",
-                    children: children
-                })
-            })
-        ]
+      };
+    };
+    t7 = [showFromProps, delay];
+    $[2] = delay;
+    $[3] = showFromProps;
+    $[4] = t6;
+    $[5] = t7;
+  } else {
+    t6 = $[4];
+    t7 = $[5];
+  }
+  useEffect(t6, t7);
+  let t8;
+  let t9;
+  if ($[6] !== staticPositioning || $[7] !== intersectionEntry) {
+    t8 = () => {
+      if (staticPositioning) {
+        return;
+      }
+      setPosition(intersectionEntry?.isIntersecting ? "top" : "bottom");
+    };
+    t9 = [intersectionEntry, staticPositioning];
+    $[6] = staticPositioning;
+    $[7] = intersectionEntry;
+    $[8] = t8;
+    $[9] = t9;
+  } else {
+    t8 = $[8];
+    t9 = $[9];
+  }
+  useEffect(t8, t9);
+  let t10;
+  if ($[10] !== staticPositioning || $[11] !== alignCaret || $[12] !== className || $[13] !== children || $[14] !== ref || $[15] !== show || $[16] !== positionFromProps || $[17] !== position) {
+    const t11 = show && "tooltip--show";
+    const t12 = `tooltip--caret-${alignCaret}`;
+    const t13 = `tooltip--position-${positionFromProps || position}`;
+    let t14;
+    if ($[19] !== className || $[20] !== t11 || $[21] !== t12 || $[22] !== t13) {
+      t14 = ["tooltip", className, t11, t12, t13].filter(Boolean);
+      $[19] = className;
+      $[20] = t11;
+      $[21] = t12;
+      $[22] = t13;
+      $[23] = t14;
+    } else {
+      t14 = $[23];
+    }
+    t10 = _jsxs(React.Fragment, {
+      children: [!staticPositioning && _jsx("aside", {
+        "aria-hidden": "true",
+        className: ["tooltip", className, `tooltip--caret-${alignCaret}`, "tooltip--position-top"].filter(Boolean).join(" "),
+        ref,
+        style: {
+          opacity: "0"
+        },
+        children: _jsx("div", {
+          className: "tooltip-content",
+          children
+        })
+      }), _jsx("aside", {
+        className: t14.join(" "),
+        title: getTitleAttribute(children),
+        children: _jsx("div", {
+          className: "tooltip-content",
+          children
+        })
+      })]
     });
+    $[10] = staticPositioning;
+    $[11] = alignCaret;
+    $[12] = className;
+    $[13] = children;
+    $[14] = ref;
+    $[15] = show;
+    $[16] = positionFromProps;
+    $[17] = position;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  return t10;
 };
-
+function _temp(content) {
+  return typeof content === "string" ? content : "";
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 350,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerId: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerId = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerId) clearTimeout(timerId)\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) return\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"names":["React","useEffect","useIntersect","Tooltip","props","alignCaret","boundingRef","children","className","delay","show","showFromProps","staticPositioning","setShow","useState","position","setPosition","getTitleAttribute","content","ref","intersectionEntry","root","current","rootMargin","threshold","timerId","setTimeout","clearTimeout","isIntersecting","Fragment","aside","aria-hidden","filter","Boolean","join","style","opacity","div","title"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,OAAO,eAAc;AAerB,OAAO,MAAMC,UAA2B,CAACC;IACvC,MAAM,EACJC,aAAa,QAAQ,EACrBC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,QAAQ,GAAG,EACXC,MAAMC,gBAAgB,IAAI,EAC1BC,oBAAoB,KAAK,EAC1B,GAAGR;IAEJ,MAAM,CAACM,MAAMG,QAAQ,GAAGb,MAAMc,QAAQ,CAACH;IACvC,MAAM,CAACI,UAAUC,YAAY,GAAGhB,MAAMc,QAAQ,CAAmB;IAEjE,MAAMG,oBAAoB,CAACC,UAAa,OAAOA,YAAY,WAAWA,UAAU;IAEhF,MAAM,CAACC,KAAKC,kBAAkB,GAAGlB,aAC/B;QACEmB,MAAMf,aAAagB,WAAW;QAC9BC,YAAY;QACZC,WAAW;IACb,GACAZ;IAGFX,UAAU;QACR,IAAIwB;QAEJ,yCAAyC;QACzC,IAAIhB,SAASE,eAAe;YAC1Bc,UAAUC,WAAW;gBACnBb,QAAQF;YACV,GAAGF;QACL,OAAO;YACLI,QAAQF;QACV;QAEA,OAAO;YACL,IAAIc,SAASE,aAAaF;QAC5B;IACF,GAAG;QAACd;QAAeF;KAAM;IAEzBR,UAAU;QACR,IAAIW,mBAAmB;QACvBI,YAAYI,mBAAmBQ,iBAAiB,QAAQ;IAC1D,GAAG;QAACR;QAAmBR;KAAkB;IAEzC,mMAAmM;IACnM,qBACE,MAACZ,MAAM6B,QAAQ;;YACZ,CAACjB,mCACA,KAACkB;gBACCC,eAAY;gBACZvB,WAAW;oBAAC;oBAAWA;oBAAW,CAAC,eAAe,EAAEH,WAAW,CAAC;oBAAE;iBAAwB,CACvF2B,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRf,KAAKA;gBACLgB,OAAO;oBAAEC,SAAS;gBAAI;0BAEtB,cAAA,KAACC;oBAAI7B,WAAU;8BAAmBD;;;0BAGtC,KAACuB;gBACCtB,WAAW;oBACT;oBACAA;oBACAE,QAAQ;oBACR,CAAC,eAAe,EAAEL,WAAW,CAAC;oBAC9B,CAAC,kBAAkB,EAAEU,SAAS,CAAC;iBAChC,CACEiB,MAAM,CAACC,SACPC,IAAI,CAAC;gBACRI,OAAOrB,kBAAkBV;0BAEzB,cAAA,KAAC8B;oBAAI7B,WAAU;8BAAmBD;;;;;AAI1C,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useIntersect","Tooltip","props","$","alignCaret","t0","boundingRef","children","className","delay","t1","position","positionFromProps","show","t2","staticPositioning","t3","undefined","showFromProps","setShow","useState","setPosition","getTitleAttribute","_temp","t4","current","t5","root","rootMargin","threshold","ref","intersectionEntry","t6","t7","timerId","clearTimeout","t8","t9","isIntersecting","t10","t11","t12","t13","t14","filter","Boolean","_jsxs","Fragment","_jsx","join","style","opacity","title","content"],"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.scss'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  boundingRef?: React.RefObject<HTMLElement | null>\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  position?: 'bottom' | 'top'\n  show?: boolean\n  /**\n   * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false\n   */\n  staticPositioning?: boolean\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 350,\n    position: positionFromProps,\n    show: showFromProps = true,\n    staticPositioning = false,\n  } = props\n\n  const [show, setShow] = React.useState(showFromProps)\n  const [position, setPosition] = React.useState<'bottom' | 'top'>('top')\n\n  const getTitleAttribute = (content) => (typeof content === 'string' ? content : '')\n\n  const [ref, intersectionEntry] = useIntersect(\n    {\n      root: boundingRef?.current || null,\n      rootMargin: '-145px 0px 0px 100px',\n      threshold: 0,\n    },\n    staticPositioning,\n  )\n\n  useEffect(() => {\n    let timerId: NodeJS.Timeout\n\n    // do not use the delay on transition-out\n    if (delay && showFromProps) {\n      timerId = setTimeout(() => {\n        setShow(showFromProps)\n      }, delay)\n    } else {\n      setShow(showFromProps)\n    }\n\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId)\n      }\n    }\n  }, [showFromProps, delay])\n\n  useEffect(() => {\n    if (staticPositioning) {\n      return\n    }\n    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom')\n  }, [intersectionEntry, staticPositioning])\n\n  // The first aside is always on top. The purpose of that is that it can reliably be used for the interaction observer (as it's not moving around), to calculate the position of the actual tooltip.\n  return (\n    <React.Fragment>\n      {!staticPositioning && (\n        <aside\n          aria-hidden=\"true\"\n          className={['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top']\n            .filter(Boolean)\n            .join(' ')}\n          ref={ref}\n          style={{ opacity: '0' }}\n        >\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        title={getTitleAttribute(children)}\n      >\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Tooltip/index.scss

@@ -53,7 +53,7 @@
   }
 
   &--position-top {
-    top: calc(var(--base) * -0.6 - 13px);
+    top: calc(var(--base) * -1.25);
     transform: translate3d(-50%, calc(var(--caret-size) * -1), 0);
 
     &::after {
@@ -63,7 +63,7 @@
   }
 
   &--position-bottom {
-    bottom: calc(var(--base) * -0.6 - 13px);
+    bottom: calc(var(--base) * -1.25);
     transform: translate3d(-50%, var(--caret-size), 0);
 
     &::after {

package/dist/elements/Translation/index.js

@@ -1,36 +1,43 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-const RecursiveTranslation = ({ elements, translationString })=>{
-    const regex = /(<[^>]+>.*?<\/[^>]+>)/g;
-    const sections = translationString.split(regex);
-    return /*#__PURE__*/ _jsx("span", {
-        children: sections.map((section, index)=>{
-            if (elements && section.startsWith('<') && section.endsWith('>')) {
-                const elementKey = section[1];
-                const Element = elements[elementKey];
-                if (Element) {
-                    const regex = new RegExp(`<${elementKey}>(.*?)<\/${elementKey}>`, 'g');
-                    const children = section.replace(regex, (_, group)=>group);
-                    return /*#__PURE__*/ _jsx(Element, {
-                        children: /*#__PURE__*/ _jsx(RecursiveTranslation, {
-                            translationString: children
-                        })
-                    }, index);
-                }
-            }
-            return section;
-        })
-    });
+const RecursiveTranslation = ({
+  elements,
+  translationString
+}) => {
+  const regex = /(<[^>]+>.*?<\/[^>]+>)/g;
+  const sections = translationString.split(regex);
+  return /*#__PURE__*/_jsx("span", {
+    children: sections.map((section, index) => {
+      if (elements && section.startsWith('<') && section.endsWith('>')) {
+        const elementKey = section[1];
+        const Element = elements[elementKey];
+        if (Element) {
+          const regex = new RegExp(`<${elementKey}>(.*?)<\/${elementKey}>`, 'g');
+          const children = section.replace(regex, (_, group) => group);
+          return /*#__PURE__*/_jsx(Element, {
+            children: /*#__PURE__*/_jsx(RecursiveTranslation, {
+              translationString: children
+            })
+          }, index);
+        }
+      }
+      return section;
+    })
+  });
 };
-export const Translation = ({ elements, i18nKey, t, variables })=>{
-    const stringWithVariables = t(i18nKey, variables || {});
-    if (!elements) {
-        return stringWithVariables;
-    }
-    return /*#__PURE__*/ _jsx(RecursiveTranslation, {
-        elements: elements,
-        translationString: stringWithVariables
-    });
+export const Translation = ({
+  elements,
+  i18nKey,
+  t,
+  variables
+}) => {
+  const stringWithVariables = t(i18nKey, variables || {});
+  if (!elements) {
+    return stringWithVariables;
+  }
+  return /*#__PURE__*/_jsx(RecursiveTranslation, {
+    elements: elements,
+    translationString: stringWithVariables
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/Translation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Translation/index.tsx"],"sourcesContent":["import type { ClientTranslationKeys, TFunction } from '@payloadcms/translations'\n\nimport * as React from 'react'\n\nconst RecursiveTranslation: React.FC<{\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  translationString: string\n}> = ({ elements, translationString }) => {\n  const regex = /(<[^>]+>.*?<\\/[^>]+>)/g\n  const sections = translationString.split(regex)\n\n  return (\n    <span>\n      {sections.map((section, index) => {\n        if (elements && section.startsWith('<') && section.endsWith('>')) {\n          const elementKey = section[1]\n          const Element = elements[elementKey]\n\n          if (Element) {\n            const regex = new RegExp(`<${elementKey}>(.*?)<\\/${elementKey}>`, 'g')\n            const children = section.replace(regex, (_, group) => group)\n\n            return (\n              <Element key={index}>\n                <RecursiveTranslation translationString={children} />\n              </Element>\n            )\n          }\n        }\n\n        return section\n      })}\n    </span>\n  )\n}\n\nexport type TranslationProps = {\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  i18nKey: ClientTranslationKeys\n  t: TFunction\n  variables?: Record<string, unknown>\n}\n\nexport const Translation: React.FC<TranslationProps> = ({ elements, i18nKey, t, variables }) => {\n  const stringWithVariables = t(i18nKey, variables || {})\n\n  if (!elements) {\n    return stringWithVariables\n  }\n\n  return <RecursiveTranslation elements={elements} translationString={stringWithVariables} />\n}\n"],"names":["React","RecursiveTranslation","elements","translationString","regex","sections","split","span","map","section","index","startsWith","endsWith","elementKey","Element","RegExp","children","replace","_","group","Translation","i18nKey","t","variables","stringWithVariables"],"mappings":";AAEA,YAAYA,WAAW,QAAO;AAE9B,MAAMC,uBAGD,CAAC,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE;IACnC,MAAMC,QAAQ;IACd,MAAMC,WAAWF,kBAAkBG,KAAK,CAACF;IAEzC,qBACE,KAACG;kBACEF,SAASG,GAAG,CAAC,CAACC,SAASC;YACtB,IAAIR,YAAYO,QAAQE,UAAU,CAAC,QAAQF,QAAQG,QAAQ,CAAC,MAAM;gBAChE,MAAMC,aAAaJ,OAAO,CAAC,EAAE;gBAC7B,MAAMK,UAAUZ,QAAQ,CAACW,WAAW;gBAEpC,IAAIC,SAAS;oBACX,MAAMV,QAAQ,IAAIW,OAAO,CAAC,CAAC,EAAEF,WAAW,SAAS,EAAEA,WAAW,CAAC,CAAC,EAAE;oBAClE,MAAMG,WAAWP,QAAQQ,OAAO,CAACb,OAAO,CAACc,GAAGC,QAAUA;oBAEtD,qBACE,KAACL;kCACC,cAAA,KAACb;4BAAqBE,mBAAmBa;;uBAD7BN;gBAIlB;YACF;YAEA,OAAOD;QACT;;AAGN;AASA,OAAO,MAAMW,cAA0C,CAAC,EAAElB,QAAQ,EAAEmB,OAAO,EAAEC,CAAC,EAAEC,SAAS,EAAE;IACzF,MAAMC,sBAAsBF,EAAED,SAASE,aAAa,CAAC;IAErD,IAAI,CAACrB,UAAU;QACb,OAAOsB;IACT;IAEA,qBAAO,KAACvB;QAAqBC,UAAUA;QAAUC,mBAAmBqB;;AACtE,EAAC"}
+{"version":3,"file":"index.js","names":["React","RecursiveTranslation","elements","translationString","regex","sections","split","_jsx","map","section","index","startsWith","endsWith","elementKey","Element","RegExp","children","replace","_","group","Translation","i18nKey","t","variables","stringWithVariables"],"sources":["../../../src/elements/Translation/index.tsx"],"sourcesContent":["import type { ClientTranslationKeys, TFunction } from '@payloadcms/translations'\n\nimport * as React from 'react'\n\nconst RecursiveTranslation: React.FC<{\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  translationString: string\n}> = ({ elements, translationString }) => {\n  const regex = /(<[^>]+>.*?<\\/[^>]+>)/g\n  const sections = translationString.split(regex)\n\n  return (\n    <span>\n      {sections.map((section, index) => {\n        if (elements && section.startsWith('<') && section.endsWith('>')) {\n          const elementKey = section[1]\n          const Element = elements[elementKey]\n\n          if (Element) {\n            const regex = new RegExp(`<${elementKey}>(.*?)<\\/${elementKey}>`, 'g')\n            const children = section.replace(regex, (_, group) => group)\n\n            return (\n              <Element key={index}>\n                <RecursiveTranslation translationString={children} />\n              </Element>\n            )\n          }\n        }\n\n        return section\n      })}\n    </span>\n  )\n}\n\nexport type TranslationProps = {\n  elements?: Record<string, React.FC<{ children: React.ReactNode }>>\n  i18nKey: ClientTranslationKeys\n  t: TFunction\n  variables?: Record<string, unknown>\n}\n\nexport const Translation: React.FC<TranslationProps> = ({ elements, i18nKey, t, variables }) => {\n  const stringWithVariables = t(i18nKey, variables || {})\n\n  if (!elements) {\n    return stringWithVariables\n  }\n\n  return <RecursiveTranslation elements={elements} translationString={stringWithVariables} />\n}\n"],"mappings":";AAEA,YAAYA,KAAA,MAAW;AAEvB,MAAMC,oBAAA,GAGDA,CAAC;EAAEC,QAAQ;EAAEC;AAAiB,CAAE;EACnC,MAAMC,KAAA,GAAQ;EACd,MAAMC,QAAA,GAAWF,iBAAA,CAAkBG,KAAK,CAACF,KAAA;EAEzC,oBACEG,IAAA,CAAC;cACEF,QAAA,CAASG,GAAG,CAAC,CAACC,OAAA,EAASC,KAAA;MACtB,IAAIR,QAAA,IAAYO,OAAA,CAAQE,UAAU,CAAC,QAAQF,OAAA,CAAQG,QAAQ,CAAC,MAAM;QAChE,MAAMC,UAAA,GAAaJ,OAAO,CAAC,EAAE;QAC7B,MAAMK,OAAA,GAAUZ,QAAQ,CAACW,UAAA,CAAW;QAEpC,IAAIC,OAAA,EAAS;UACX,MAAMV,KAAA,GAAQ,IAAIW,MAAA,CAAO,IAAIF,UAAA,YAAsBA,UAAA,GAAa,EAAE;UAClE,MAAMG,QAAA,GAAWP,OAAA,CAAQQ,OAAO,CAACb,KAAA,EAAO,CAACc,CAAA,EAAGC,KAAA,KAAUA,KAAA;UAEtD,oBACEZ,IAAA,CAACO,OAAA;sBACC,aAAAP,IAAA,CAACN,oBAAA;cAAqBE,iBAAA,EAAmBa;;aAD7BN,KAAA;QAIlB;MACF;MAEA,OAAOD,OAAA;IACT;;AAGN;AASA,OAAO,MAAMW,WAAA,GAA0CA,CAAC;EAAElB,QAAQ;EAAEmB,OAAO;EAAEC,CAAC;EAAEC;AAAS,CAAE;EACzF,MAAMC,mBAAA,GAAsBF,CAAA,CAAED,OAAA,EAASE,SAAA,IAAa,CAAC;EAErD,IAAI,CAACrB,QAAA,EAAU;IACb,OAAOsB,mBAAA;EACT;EAEA,oBAAOjB,IAAA,CAACN,oBAAA;IAAqBC,QAAA,EAAUA,QAAA;IAAUC,iBAAA,EAAmBqB;;AACtE","ignoreList":[]}

package/dist/elements/UnpublishMany/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkHtD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAIrD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8HtD,CAAA"}

package/dist/elements/UnpublishMany/index.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal, useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
@@ -16,122 +17,135 @@ import { Pill } from '../Pill/index.js';
 import './index.scss';
 const baseClass = 'unpublish-many';
 import { toast } from 'sonner';
-export const UnpublishMany = (props)=>{
-    const { collection: { slug, labels: { plural }, versions } = {} } = props;
-    const { routes: { api }, serverURL } = useConfig();
-    const { permissions } = useAuth();
-    const { toggleModal } = useModal();
-    const { i18n, t } = useTranslation();
-    const { getQueryParams, selectAll } = useSelection();
-    const [submitted, setSubmitted] = useState(false);
-    const { stringifyParams } = useSearchParams();
-    const router = useRouter();
-    const { clearRouteCache } = useRouteCache();
-    const collectionPermissions = permissions?.collections?.[slug];
-    const hasPermission = collectionPermissions?.update?.permission;
-    const modalSlug = `unpublish-${slug}`;
-    const addDefaultError = useCallback(()=>{
-        toast.error(t('error:unknown'));
-    }, [
-        t
-    ]);
-    const handleUnpublish = useCallback(async ()=>{
-        setSubmitted(true);
-        await requests.patch(`${serverURL}${api}/${slug}${getQueryParams({
-            _status: {
-                not_equals: 'draft'
-            }
-        })}`, {
-            body: JSON.stringify({
-                _status: 'draft'
-            }),
-            headers: {
-                'Accept-Language': i18n.language,
-                'Content-Type': 'application/json'
-            }
-        }).then(async (res)=>{
-            try {
-                const json = await res.json();
-                toggleModal(modalSlug);
-                if (res.status < 400) {
-                    toast.success(t('general:updatedSuccessfully'));
-                    router.replace(stringifyParams({
-                        params: {
-                            page: selectAll ? '1' : undefined
-                        }
-                    }));
-                    clearRouteCache();
-                    return null;
-                }
-                if (json.errors) {
-                    json.errors.forEach((error)=>toast.error(error.message));
-                } else {
-                    addDefaultError();
-                }
-                return false;
-            } catch (e) {
-                return addDefaultError();
-            }
-        });
-    }, [
-        addDefaultError,
-        api,
-        getQueryParams,
-        i18n.language,
-        modalSlug,
-        selectAll,
-        serverURL,
-        slug,
-        t,
-        toggleModal,
-        router,
-        clearRouteCache,
-        stringifyParams
-    ]);
-    if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {
-        return null;
+export const UnpublishMany = props => {
+  const {
+    collection: {
+      slug,
+      labels: {
+        plural
+      },
+      versions
+    } = {}
+  } = props;
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
     }
-    return /*#__PURE__*/ _jsxs(React.Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx(Pill, {
-                className: `${baseClass}__toggle`,
-                onClick: ()=>{
-                    setSubmitted(false);
-                    toggleModal(modalSlug);
-                },
-                children: t('version:unpublish')
-            }),
-            /*#__PURE__*/ _jsx(Modal, {
-                className: baseClass,
-                slug: modalSlug,
-                children: /*#__PURE__*/ _jsxs("div", {
-                    className: `${baseClass}__template`,
-                    children: [
-                        /*#__PURE__*/ _jsx("h1", {
-                            children: t('version:confirmUnpublish')
-                        }),
-                        /*#__PURE__*/ _jsx("p", {
-                            children: t('version:aboutToUnpublishSelection', {
-                                label: getTranslation(plural, i18n)
-                            })
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
-                            buttonStyle: "secondary",
-                            id: "confirm-cancel",
-                            onClick: submitted ? undefined : ()=>toggleModal(modalSlug),
-                            type: "button",
-                            children: t('general:cancel')
-                        }),
-                        /*#__PURE__*/ _jsx(Button, {
-                            id: "confirm-unpublish",
-                            onClick: submitted ? undefined : handleUnpublish,
-                            children: submitted ? t('version:unpublishing') : t('general:confirm')
-                        })
-                    ]
-                })
-            })
-        ]
+  } = useConfig();
+  const {
+    permissions
+  } = useAuth();
+  const {
+    toggleModal
+  } = useModal();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    getQueryParams,
+    selectAll
+  } = useSelection();
+  const [submitted, setSubmitted] = useState(false);
+  const {
+    stringifyParams
+  } = useSearchParams();
+  const router = useRouter();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasPermission = collectionPermissions?.update?.permission;
+  const modalSlug = `unpublish-${slug}`;
+  const addDefaultError = useCallback(() => {
+    toast.error(t('error:unknown'));
+  }, [t]);
+  const handleUnpublish = useCallback(async () => {
+    setSubmitted(true);
+    await requests.patch(`${serverURL}${api}/${slug}${getQueryParams({
+      _status: {
+        not_equals: 'draft'
+      }
+    })}`, {
+      body: JSON.stringify({
+        _status: 'draft'
+      }),
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json'
+      }
+    }).then(async res => {
+      try {
+        const json = await res.json();
+        toggleModal(modalSlug);
+        if (res.status < 400) {
+          toast.success(t('general:updatedSuccessfully'));
+          router.replace(stringifyParams({
+            params: {
+              page: selectAll ? '1' : undefined
+            }
+          }));
+          clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this
+          ;
+          return null;
+        }
+        if (json.errors) {
+          json.errors.forEach(error => toast.error(error.message));
+        } else {
+          addDefaultError();
+        }
+        return false;
+      } catch (e) {
+        return addDefaultError();
+      }
     });
+  }, [addDefaultError, api, getQueryParams, i18n.language, modalSlug, selectAll, serverURL, slug, t, toggleModal, router, clearRouteCache, stringifyParams]);
+  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(Pill, {
+      className: `${baseClass}__toggle`,
+      onClick: () => {
+        setSubmitted(false);
+        toggleModal(modalSlug);
+      },
+      children: t('version:unpublish')
+    }), /*#__PURE__*/_jsx(Modal, {
+      className: baseClass,
+      slug: modalSlug,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__wrapper`,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__content`,
+          children: [/*#__PURE__*/_jsx("h1", {
+            children: t('version:confirmUnpublish')
+          }), /*#__PURE__*/_jsx("p", {
+            children: t('version:aboutToUnpublishSelection', {
+              label: getTranslation(plural, i18n)
+            })
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__controls`,
+          children: [/*#__PURE__*/_jsx(Button, {
+            buttonStyle: "secondary",
+            id: "confirm-cancel",
+            onClick: submitted ? undefined : () => toggleModal(modalSlug),
+            size: "large",
+            type: "button",
+            children: t('general:cancel')
+          }), /*#__PURE__*/_jsx(Button, {
+            id: "confirm-unpublish",
+            onClick: submitted ? undefined : handleUnpublish,
+            size: "large",
+            children: submitted ? t('version:unpublishing') : t('general:confirm')
+          })]
+        })]
+      })
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map