@payloadcms/ui 4.0.0-internal.45cfa3d → 4.0.0-internal.4a6b4c3

package/dist/elements/Tooltip/index.js

@@ -2,24 +2,13 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useLayoutEffect, useState } from 'react';
-import { useIntersect } from '../../hooks/useIntersect.js';
+import { autoUpdate, computePosition, flip, hide, offset, shift, size } from '@floating-ui/dom';
+import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import './index.css';
-// Breathing room (px) between a shifted tooltip and its clipping edge. Maps to `--spacer-1`.
 const EDGE_GUTTER = 4;
-const getClipBoundary = el => {
-  let current = el?.parentElement || null;
-  while (current) {
-    const {
-      overflowX
-    } = window.getComputedStyle(current);
-    if (overflowX === 'auto' || overflowX === 'clip' || overflowX === 'hidden' || overflowX === 'scroll') {
-      return current.getBoundingClientRect();
-    }
-    current = current.parentElement;
-  }
-  return null;
-};
+const TOP_BOTTOM_OFFSET = 10;
+const LEFT_RIGHT_OFFSET = 11;
 const TooltipCaret = () => {
   const $ = _c(2);
   const clipId = React.useId();
@@ -55,26 +44,45 @@ const TooltipCaret = () => {
   }
   return t0;
 };
+const isTriggerHidden = element => {
+  if (typeof element.checkVisibility === 'function') {
+    return !element.checkVisibility();
+  }
+  // Fallback for browsers without `checkVisibility`: an element collapsed by a
+  // `display: none` ancestor has no client rects.
+  return element.getClientRects().length === 0;
+};
+const toPlacement = (side, alignCaret) => {
+  if (side === 'left' || side === 'right' || alignCaret === 'center') {
+    return side;
+  }
+  return `${side}-${alignCaret === 'left' ? 'start' : 'end'}`;
+};
 export const Tooltip = props => {
   const {
+    id,
     alignCaret = 'center',
-    boundingRef,
+    'aria-hidden': ariaHidden,
     children,
     className,
     delay = 500,
+    portal = true,
     position: positionFromProps,
+    role = 'tooltip',
     show: showFromProps = true,
-    staticPositioning = false
+    staticPositioning = false,
+    tabIndex
   } = props;
-  const [show, setShow] = React.useState(showFromProps);
-  const [position, setPosition] = React.useState('top');
-  const [shiftX, setShiftX] = useState(0);
-  const [maxWidth, setMaxWidth] = useState(null);
-  const [ref, intersectionEntry, node] = useIntersect({
-    root: boundingRef?.current || null,
-    rootMargin: '-145px 0px 0px 100px',
-    threshold: 0
-  }, staticPositioning);
+  const generatedID = React.useId();
+  const tooltipID = id || generatedID;
+  const [show, setShow] = useState(showFromProps);
+  const [isMounted, setIsMounted] = useState(false);
+  const [placement, setPlacement] = useState(positionFromProps || 'top');
+  // A hidden marker rendered where the tooltip used to live in the DOM, so its
+  // parent element can be used as the floating-ui reference for the portaled tooltip.
+  const triggerMarkerRef = useRef(null);
+  const floatingRef = useRef(null);
+  const updateTokenRef = useRef(0);
   useEffect(() => {
     let timerID;
     // do not use the delay on transition-out
@@ -91,83 +99,149 @@ export const Tooltip = props => {
       }
     };
   }, [showFromProps, delay]);
+  // Keep the tooltip mounted for the duration of its fade-out transition so the
+  // portal doesn't disappear abruptly when `show` flips back to false.
   useEffect(() => {
-    if (staticPositioning) {
+    if (show) {
+      setIsMounted(true);
       return;
     }
-    setPosition(intersectionEntry?.isIntersecting ? 'top' : 'bottom');
-  }, [intersectionEntry, staticPositioning]);
-  // Keep a horizontally-centered tooltip (top/bottom) inside its boundary by
-  // shifting it inward by exactly the amount it would overflow. The hidden
-  // measuring aside (`node`) provides the natural, unshifted geometry.
-  const computeShift = useCallback(() => {
-    const usesHorizontalCenter = (positionFromProps || position) === 'top' || (positionFromProps || position) === 'bottom';
-    if (staticPositioning || !node || !usesHorizontalCenter) {
-      setShiftX(0);
-      setMaxWidth(null);
+    // Matches the `.tooltip--show` opacity transition duration.
+    const timeoutID = setTimeout(() => setIsMounted(false), 200);
+    return () => {
+      clearTimeout(timeoutID);
+    };
+  }, [show]);
+  const updatePosition = useCallback(async () => {
+    const trigger = triggerMarkerRef.current?.parentElement;
+    const floatingElement = floatingRef.current;
+    if (!trigger || !floatingElement) {
       return;
     }
-    const rect = node.getBoundingClientRect();
-    const boundary = boundingRef?.current?.getBoundingClientRect() ?? getClipBoundary(node) ?? undefined;
-    const leftEdge = (boundary?.left ?? 0) + EDGE_GUTTER;
-    const rightEdge = (boundary?.right ?? window.innerWidth) - EDGE_GUTTER;
-    const available = rightEdge - leftEdge;
-    // When the tooltip can't fit even at full boundary width, cap it so it wraps.
-    const nextMaxWidth = rect.width > available ? available : null;
-    setMaxWidth(nextMaxWidth);
-    // Compute the shift against the clamped box, kept centered on the anchor.
-    const center = rect.left + rect.width / 2;
-    const effectiveWidth = nextMaxWidth ?? rect.width;
-    const effectiveLeft = center - effectiveWidth / 2;
-    const effectiveRight = center + effectiveWidth / 2;
-    let shift = 0;
-    if (effectiveRight > rightEdge) {
-      shift = rightEdge - effectiveRight;
-    }
-    if (effectiveLeft + shift < leftEdge) {
-      shift = leftEdge - effectiveLeft;
+    const token = ++updateTokenRef.current;
+    const boundary = 'clippingAncestors';
+    const canFlip = !staticPositioning && !positionFromProps;
+    const {
+      middlewareData,
+      placement: resolvedPlacement,
+      x,
+      y
+    } = await computePosition(trigger, floatingElement, {
+      middleware: [offset(({
+        placement: currentPlacement
+      }) => currentPlacement.startsWith('left') || currentPlacement.startsWith('right') ? LEFT_RIGHT_OFFSET : TOP_BOTTOM_OFFSET), ...(canFlip ? [flip({
+        boundary,
+        padding: EDGE_GUTTER
+      })] : []), ...(staticPositioning ? [] : [shift({
+        boundary,
+        padding: EDGE_GUTTER
+      }), size({
+        apply({
+          availableWidth,
+          elements
+        }) {
+          const shouldWrap = elements.floating.scrollWidth > availableWidth;
+          elements.floating.toggleAttribute('data-wrap', shouldWrap);
+          elements.floating.style.setProperty('--tooltip-max-width', shouldWrap ? `${Math.floor(availableWidth)}px` : '');
+        },
+        boundary,
+        padding: EDGE_GUTTER
+      })]), hide({
+        boundary: 'clippingAncestors'
+      })],
+      placement: toPlacement(positionFromProps || 'top', alignCaret),
+      strategy: 'fixed'
+    });
+    // A newer call already applied a fresher position - discard this stale result.
+    if (token !== updateTokenRef.current) {
+      return;
     }
-    setShiftX(shift);
-  }, [boundingRef, node, position, positionFromProps, staticPositioning]);
+    const hidden = isTriggerHidden(trigger) || Boolean(middlewareData.hide?.referenceHidden);
+    floatingElement.style.setProperty('--tooltip-x', `${x}px`);
+    Object.assign(floatingElement.style, {
+      left: `${x}px`,
+      top: `${y}px`,
+      visibility: hidden ? 'hidden' : ''
+    });
+    const resolvedSide = resolvedPlacement.split('-')[0];
+    const isHorizontalSide = resolvedSide === 'left' || resolvedSide === 'right';
+    const shiftX = !isHorizontalSide && alignCaret === 'center' ? middlewareData.shift?.x || 0 : 0;
+    const shiftY = isHorizontalSide ? middlewareData.shift?.y || 0 : 0;
+    floatingElement.style.setProperty('--tooltip-caret-x', shiftX ? `${-shiftX}px` : '0px');
+    floatingElement.style.setProperty('--tooltip-caret-y', shiftY ? `${-shiftY}px` : '0px');
+    setPlacement(resolvedSide);
+  }, [alignCaret, positionFromProps, staticPositioning]);
+  const setFloatingElement = useCallback(element => {
+    floatingRef.current = element;
+    void updatePosition();
+  }, [updatePosition]);
+  // While mounted, let floating-ui keep the portaled tooltip aligned to its trigger
+  // as the page scrolls, the trigger resizes or moves, or a hidden ancestor becomes
+  // visible again - instead of manually re-measuring on window scroll/resize alone.
   useLayoutEffect(() => {
-    if (!show) {
+    const trigger_0 = triggerMarkerRef.current?.parentElement;
+    const floatingElement_0 = floatingRef.current;
+    if (!isMounted || !trigger_0 || !floatingElement_0) {
       return;
     }
-    computeShift();
-    window.addEventListener('resize', computeShift);
+    const cleanupAutoUpdate = autoUpdate(trigger_0, floatingElement_0, updatePosition, {
+      elementResize: 'ResizeObserver' in window
+    });
+    // autoUpdate's own layout-shift tracking gives up once the trigger's rect
+    // collapses to zero (e.g. behind a `display: none` ancestor), so it can't
+    // tell when the trigger becomes visible again. Watch for that separately.
+    const visibilityObserver = typeof IntersectionObserver === 'function' ? new IntersectionObserver(() => void updatePosition(), {
+      threshold: 0
+    }) : null;
+    visibilityObserver?.observe(trigger_0);
+    const visualViewport = window.visualViewport;
+    visualViewport?.addEventListener('resize', updatePosition);
+    visualViewport?.addEventListener('scroll', updatePosition);
+    return () => {
+      cleanupAutoUpdate();
+      visibilityObserver?.disconnect();
+      visualViewport?.removeEventListener('resize', updatePosition);
+      visualViewport?.removeEventListener('scroll', updatePosition);
+    };
+  }, [isMounted, updatePosition]);
+  useEffect(() => {
+    const trigger_1 = triggerMarkerRef.current?.parentElement;
+    if (ariaHidden || role !== 'tooltip' || !show || !trigger_1) {
+      return;
+    }
+    const describedByIDs = trigger_1.getAttribute('aria-describedby')?.split(' ') || [];
+    if (!describedByIDs.includes(tooltipID)) {
+      trigger_1.setAttribute('aria-describedby', [...describedByIDs, tooltipID].join(' '));
+    }
     return () => {
-      window.removeEventListener('resize', computeShift);
+      const remainingIDs = (trigger_1.getAttribute('aria-describedby')?.split(' ') || []).filter(describedByID => describedByID !== tooltipID);
+      if (remainingIDs.length) {
+        trigger_1.setAttribute('aria-describedby', remainingIDs.join(' '));
+      } else {
+        trigger_1.removeAttribute('aria-describedby');
+      }
     };
-  }, [show, computeShift]);
-  // 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.
+  }, [ariaHidden, role, show, tooltipID]);
+  const content = isMounted ? /*#__PURE__*/_jsxs("aside", {
+    "aria-hidden": ariaHidden,
+    className: ['tooltip', className, show && 'tooltip--show', `tooltip--caret-${alignCaret}`, `tooltip--position-${placement}`].filter(Boolean).join(' '),
+    id: tooltipID,
+    ref: setFloatingElement,
+    role: role,
+    tabIndex: tabIndex,
+    children: [/*#__PURE__*/_jsx(TooltipCaret, {}), /*#__PURE__*/_jsx("div", {
+      className: "tooltip-content",
+      children: children
+    })]
+  }) : null;
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [!staticPositioning && /*#__PURE__*/_jsxs("aside", {
+    children: [/*#__PURE__*/_jsx("span", {
       "aria-hidden": "true",
-      className: ['tooltip', className, `tooltip--caret-${alignCaret}`, 'tooltip--position-top'].filter(Boolean).join(' '),
-      ref: ref,
-      style: {
-        opacity: '0'
-      },
-      children: [/*#__PURE__*/_jsx(TooltipCaret, {}), /*#__PURE__*/_jsx("div", {
-        className: "tooltip-content",
-        children: children
-      })]
-    }), /*#__PURE__*/_jsxs("aside", {
-      className: ['tooltip', className, show && 'tooltip--show', maxWidth && 'tooltip--wrap', `tooltip--caret-${alignCaret}`, `tooltip--position-${positionFromProps || position}`].filter(Boolean).join(' '),
+      ref: triggerMarkerRef,
       style: {
-        ...(maxWidth ? {
-          '--tooltip-max-width': `${maxWidth}px`
-        } : {}),
-        ...(shiftX ? {
-          '--tooltip-caret-x': `${-shiftX}px`,
-          '--tooltip-x': `calc(-50% + ${shiftX}px)`
-        } : {})
-      },
-      children: [/*#__PURE__*/_jsx(TooltipCaret, {}), /*#__PURE__*/_jsx("div", {
-        className: "tooltip-content",
-        children: children
-      })]
-    })]
+        display: 'none'
+      }
+    }), portal && content ? /*#__PURE__*/createPortal(content, triggerMarkerRef.current?.closest('dialog, [role="dialog"]') ?? document.body) : content]
   });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useEffect","useLayoutEffect","useState","useIntersect","EDGE_GUTTER","getClipBoundary","el","current","parentElement","overflowX","window","getComputedStyle","getBoundingClientRect","TooltipCaret","$","clipId","useId","t0","_jsxs","className","height","viewBox","width","children","_jsx","id","x","y","clipPath","d","Tooltip","props","alignCaret","boundingRef","delay","position","positionFromProps","show","showFromProps","staticPositioning","setShow","setPosition","shiftX","setShiftX","maxWidth","setMaxWidth","ref","intersectionEntry","node","root","rootMargin","threshold","timerID","setTimeout","clearTimeout","isIntersecting","computeShift","usesHorizontalCenter","rect","boundary","undefined","leftEdge","left","rightEdge","right","innerWidth","available","nextMaxWidth","center","effectiveWidth","effectiveLeft","effectiveRight","shift","addEventListener","removeEventListener","Fragment","filter","Boolean","join","style","opacity"],"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useLayoutEffect, useState } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport './index.css'\n\n// Breathing room (px) between a shifted tooltip and its clipping edge. Maps to `--spacer-1`.\nconst EDGE_GUTTER = 4\n\nconst getClipBoundary = (el: HTMLElement | null): DOMRect | null => {\n  let current = el?.parentElement || null\n\n  while (current) {\n    const { overflowX } = window.getComputedStyle(current)\n    if (\n      overflowX === 'auto' ||\n      overflowX === 'clip' ||\n      overflowX === 'hidden' ||\n      overflowX === 'scroll'\n    ) {\n      return current.getBoundingClientRect()\n    }\n    current = current.parentElement\n  }\n\n  return null\n}\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' | 'left' | 'right' | '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\nconst TooltipCaret: React.FC = () => {\n  const clipId = React.useId()\n\n  return (\n    <svg aria-hidden=\"true\" className=\"tooltip__caret\" height=\"14\" viewBox=\"0 0 14 14\" width=\"15\">\n      <clipPath id={clipId}>\n        <rect height=\"14\" width=\"15\" x=\"-0.5\" y=\"0.5\" />\n      </clipPath>\n      {/* Border stroke - clipped to hide top edge */}\n      <path\n        className=\"tooltip__caret-stroke\"\n        clipPath={`url(#${clipId})`}\n        d=\"M0,0 H14 L7.875,6.125 Q7,7 6.125,6.125 Z\"\n      />\n      {/* Fill path */}\n      <path className=\"tooltip__caret-fill\" d=\"M0,0 H14 L7.875,6.125 Q7,7 6.125,6.125 Z\" />\n    </svg>\n  )\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    alignCaret = 'center',\n    boundingRef,\n    children,\n    className,\n    delay = 500,\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' | 'left' | 'right' | 'top'>('top')\n  const [shiftX, setShiftX] = useState(0)\n  const [maxWidth, setMaxWidth] = useState<null | number>(null)\n\n  const [ref, intersectionEntry, node] = 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  // Keep a horizontally-centered tooltip (top/bottom) inside its boundary by\n  // shifting it inward by exactly the amount it would overflow. The hidden\n  // measuring aside (`node`) provides the natural, unshifted geometry.\n  const computeShift = useCallback(() => {\n    const usesHorizontalCenter =\n      (positionFromProps || position) === 'top' || (positionFromProps || position) === 'bottom'\n\n    if (staticPositioning || !node || !usesHorizontalCenter) {\n      setShiftX(0)\n      setMaxWidth(null)\n      return\n    }\n\n    const rect = node.getBoundingClientRect()\n    const boundary =\n      boundingRef?.current?.getBoundingClientRect() ?? getClipBoundary(node) ?? undefined\n    const leftEdge = (boundary?.left ?? 0) + EDGE_GUTTER\n    const rightEdge = (boundary?.right ?? window.innerWidth) - EDGE_GUTTER\n    const available = rightEdge - leftEdge\n\n    // When the tooltip can't fit even at full boundary width, cap it so it wraps.\n    const nextMaxWidth = rect.width > available ? available : null\n    setMaxWidth(nextMaxWidth)\n\n    // Compute the shift against the clamped box, kept centered on the anchor.\n    const center = rect.left + rect.width / 2\n    const effectiveWidth = nextMaxWidth ?? rect.width\n    const effectiveLeft = center - effectiveWidth / 2\n    const effectiveRight = center + effectiveWidth / 2\n\n    let shift = 0\n    if (effectiveRight > rightEdge) {\n      shift = rightEdge - effectiveRight\n    }\n    if (effectiveLeft + shift < leftEdge) {\n      shift = leftEdge - effectiveLeft\n    }\n\n    setShiftX(shift)\n  }, [boundingRef, node, position, positionFromProps, staticPositioning])\n\n  useLayoutEffect(() => {\n    if (!show) {\n      return\n    }\n\n    computeShift()\n    window.addEventListener('resize', computeShift)\n\n    return () => {\n      window.removeEventListener('resize', computeShift)\n    }\n  }, [show, computeShift])\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          <TooltipCaret />\n          <div className=\"tooltip-content\">{children}</div>\n        </aside>\n      )}\n      <aside\n        className={[\n          'tooltip',\n          className,\n          show && 'tooltip--show',\n          maxWidth && 'tooltip--wrap',\n          `tooltip--caret-${alignCaret}`,\n          `tooltip--position-${positionFromProps || position}`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={\n          {\n            ...(maxWidth ? { '--tooltip-max-width': `${maxWidth}px` } : {}),\n            ...(shiftX\n              ? {\n                  '--tooltip-caret-x': `${-shiftX}px`,\n                  '--tooltip-x': `calc(-50% + ${shiftX}px)`,\n                }\n              : {}),\n          } as React.CSSProperties\n        }\n      >\n        <TooltipCaret />\n        <div className=\"tooltip-content\">{children}</div>\n      </aside>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","autoUpdate","computePosition","flip","hide","offset","shift","size","React","useCallback","useEffect","useLayoutEffect","useRef","useState","createPortal","EDGE_GUTTER","TOP_BOTTOM_OFFSET","LEFT_RIGHT_OFFSET","TooltipCaret","$","clipId","useId","t0","_jsxs","className","height","viewBox","width","children","_jsx","id","x","y","clipPath","d","isTriggerHidden","element","checkVisibility","getClientRects","length","toPlacement","side","alignCaret","Tooltip","props","ariaHidden","delay","portal","position","positionFromProps","role","show","showFromProps","staticPositioning","tabIndex","generatedID","tooltipID","setShow","isMounted","setIsMounted","placement","setPlacement","triggerMarkerRef","floatingRef","updateTokenRef","timerID","setTimeout","clearTimeout","timeoutID","updatePosition","trigger","current","parentElement","floatingElement","token","boundary","canFlip","middlewareData","resolvedPlacement","middleware","currentPlacement","startsWith","padding","apply","availableWidth","elements","shouldWrap","floating","scrollWidth","toggleAttribute","style","setProperty","Math","floor","strategy","hidden","Boolean","referenceHidden","Object","assign","left","top","visibility","resolvedSide","split","isHorizontalSide","shiftX","shiftY","setFloatingElement","cleanupAutoUpdate","elementResize","window","visibilityObserver","IntersectionObserver","threshold","observe","visualViewport","addEventListener","disconnect","removeEventListener","describedByIDs","getAttribute","includes","setAttribute","join","remainingIDs","filter","describedByID","removeAttribute","content","ref","Fragment","display","closest","document","body"],"sources":["../../../src/elements/Tooltip/index.tsx"],"sourcesContent":["'use client'\nimport { autoUpdate, computePosition, flip, hide, offset, shift, size } from '@floating-ui/dom'\nimport React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport './index.css'\n\nconst EDGE_GUTTER = 4\n\nconst TOP_BOTTOM_OFFSET = 10\nconst LEFT_RIGHT_OFFSET = 11\n\ntype Side = 'bottom' | 'left' | 'right' | 'top'\n\nexport type Props = {\n  alignCaret?: 'center' | 'left' | 'right'\n  'aria-hidden'?: boolean\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  id?: string\n  portal?: boolean\n  position?: Side\n  role?: 'alert' | 'tooltip'\n  show?: boolean\n  /**\n   * Disables adaptive placement: the tooltip always renders on `position` (or its\n   * default) instead of flipping to whichever side has room. It does not affect\n   * the `portal` setting. @default false\n   */\n  staticPositioning?: boolean\n  tabIndex?: number\n}\n\nconst TooltipCaret: React.FC = () => {\n  const clipId = React.useId()\n\n  return (\n    <svg aria-hidden=\"true\" className=\"tooltip__caret\" height=\"14\" viewBox=\"0 0 14 14\" width=\"15\">\n      <clipPath id={clipId}>\n        <rect height=\"14\" width=\"15\" x=\"-0.5\" y=\"0.5\" />\n      </clipPath>\n      {/* Border stroke - clipped to hide top edge */}\n      <path\n        className=\"tooltip__caret-stroke\"\n        clipPath={`url(#${clipId})`}\n        d=\"M0,0 H14 L7.875,6.125 Q7,7 6.125,6.125 Z\"\n      />\n      <path className=\"tooltip__caret-fill\" d=\"M0,0 H14 L7.875,6.125 Q7,7 6.125,6.125 Z\" />\n    </svg>\n  )\n}\n\nconst isTriggerHidden = (element: Element): boolean => {\n  if (typeof element.checkVisibility === 'function') {\n    return !element.checkVisibility()\n  }\n\n  // Fallback for browsers without `checkVisibility`: an element collapsed by a\n  // `display: none` ancestor has no client rects.\n  return element.getClientRects().length === 0\n}\n\nconst toPlacement = (side: Side, alignCaret: 'center' | 'left' | 'right') => {\n  if (side === 'left' || side === 'right' || alignCaret === 'center') {\n    return side\n  }\n\n  return `${side}-${alignCaret === 'left' ? 'start' : 'end'}` as const\n}\n\nexport const Tooltip: React.FC<Props> = (props) => {\n  const {\n    id,\n    alignCaret = 'center',\n    'aria-hidden': ariaHidden,\n    children,\n    className,\n    delay = 500,\n    portal = true,\n    position: positionFromProps,\n    role = 'tooltip',\n    show: showFromProps = true,\n    staticPositioning = false,\n    tabIndex,\n  } = props\n\n  const generatedID = React.useId()\n  const tooltipID = id || generatedID\n\n  const [show, setShow] = useState(showFromProps)\n  const [isMounted, setIsMounted] = useState(false)\n  const [placement, setPlacement] = useState<Side>(positionFromProps || 'top')\n\n  // A hidden marker rendered where the tooltip used to live in the DOM, so its\n  // parent element can be used as the floating-ui reference for the portaled tooltip.\n  const triggerMarkerRef = useRef<HTMLSpanElement>(null)\n  const floatingRef = useRef<HTMLDivElement | null>(null)\n\n  const updateTokenRef = useRef(0)\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  // Keep the tooltip mounted for the duration of its fade-out transition so the\n  // portal doesn't disappear abruptly when `show` flips back to false.\n  useEffect(() => {\n    if (show) {\n      setIsMounted(true)\n      return\n    }\n\n    // Matches the `.tooltip--show` opacity transition duration.\n    const timeoutID = setTimeout(() => setIsMounted(false), 200)\n\n    return () => {\n      clearTimeout(timeoutID)\n    }\n  }, [show])\n\n  const updatePosition = useCallback(async () => {\n    const trigger = triggerMarkerRef.current?.parentElement\n    const floatingElement = floatingRef.current\n\n    if (!trigger || !floatingElement) {\n      return\n    }\n\n    const token = ++updateTokenRef.current\n    const boundary = 'clippingAncestors'\n    const canFlip = !staticPositioning && !positionFromProps\n\n    const {\n      middlewareData,\n      placement: resolvedPlacement,\n      x,\n      y,\n    } = await computePosition(trigger, floatingElement, {\n      middleware: [\n        offset(({ placement: currentPlacement }) =>\n          currentPlacement.startsWith('left') || currentPlacement.startsWith('right')\n            ? LEFT_RIGHT_OFFSET\n            : TOP_BOTTOM_OFFSET,\n        ),\n        ...(canFlip ? [flip({ boundary, padding: EDGE_GUTTER })] : []),\n        ...(staticPositioning\n          ? []\n          : [\n              shift({ boundary, padding: EDGE_GUTTER }),\n              size({\n                apply({ availableWidth, elements }) {\n                  const shouldWrap = elements.floating.scrollWidth > availableWidth\n\n                  elements.floating.toggleAttribute('data-wrap', shouldWrap)\n                  elements.floating.style.setProperty(\n                    '--tooltip-max-width',\n                    shouldWrap ? `${Math.floor(availableWidth)}px` : '',\n                  )\n                },\n                boundary,\n                padding: EDGE_GUTTER,\n              }),\n            ]),\n        hide({ boundary: 'clippingAncestors' }),\n      ],\n      placement: toPlacement(positionFromProps || 'top', alignCaret),\n      strategy: 'fixed',\n    })\n\n    // A newer call already applied a fresher position - discard this stale result.\n    if (token !== updateTokenRef.current) {\n      return\n    }\n\n    const hidden = isTriggerHidden(trigger) || Boolean(middlewareData.hide?.referenceHidden)\n\n    floatingElement.style.setProperty('--tooltip-x', `${x}px`)\n\n    Object.assign(floatingElement.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n      visibility: hidden ? 'hidden' : '',\n    })\n\n    const resolvedSide = resolvedPlacement.split('-')[0] as Side\n    const isHorizontalSide = resolvedSide === 'left' || resolvedSide === 'right'\n\n    const shiftX = !isHorizontalSide && alignCaret === 'center' ? middlewareData.shift?.x || 0 : 0\n    const shiftY = isHorizontalSide ? middlewareData.shift?.y || 0 : 0\n\n    floatingElement.style.setProperty('--tooltip-caret-x', shiftX ? `${-shiftX}px` : '0px')\n    floatingElement.style.setProperty('--tooltip-caret-y', shiftY ? `${-shiftY}px` : '0px')\n\n    setPlacement(resolvedSide)\n  }, [alignCaret, positionFromProps, staticPositioning])\n\n  const setFloatingElement = useCallback(\n    (element: HTMLDivElement | null) => {\n      floatingRef.current = element\n      void updatePosition()\n    },\n    [updatePosition],\n  )\n\n  // While mounted, let floating-ui keep the portaled tooltip aligned to its trigger\n  // as the page scrolls, the trigger resizes or moves, or a hidden ancestor becomes\n  // visible again - instead of manually re-measuring on window scroll/resize alone.\n  useLayoutEffect(() => {\n    const trigger = triggerMarkerRef.current?.parentElement\n    const floatingElement = floatingRef.current\n\n    if (!isMounted || !trigger || !floatingElement) {\n      return\n    }\n\n    const cleanupAutoUpdate = autoUpdate(trigger, floatingElement, updatePosition, {\n      elementResize: 'ResizeObserver' in window,\n    })\n\n    // autoUpdate's own layout-shift tracking gives up once the trigger's rect\n    // collapses to zero (e.g. behind a `display: none` ancestor), so it can't\n    // tell when the trigger becomes visible again. Watch for that separately.\n    const visibilityObserver =\n      typeof IntersectionObserver === 'function'\n        ? new IntersectionObserver(() => void updatePosition(), { threshold: 0 })\n        : null\n\n    visibilityObserver?.observe(trigger)\n\n    const visualViewport = window.visualViewport\n\n    visualViewport?.addEventListener('resize', updatePosition)\n    visualViewport?.addEventListener('scroll', updatePosition)\n\n    return () => {\n      cleanupAutoUpdate()\n      visibilityObserver?.disconnect()\n      visualViewport?.removeEventListener('resize', updatePosition)\n      visualViewport?.removeEventListener('scroll', updatePosition)\n    }\n  }, [isMounted, updatePosition])\n\n  useEffect(() => {\n    const trigger = triggerMarkerRef.current?.parentElement\n\n    if (ariaHidden || role !== 'tooltip' || !show || !trigger) {\n      return\n    }\n\n    const describedByIDs = trigger.getAttribute('aria-describedby')?.split(' ') || []\n\n    if (!describedByIDs.includes(tooltipID)) {\n      trigger.setAttribute('aria-describedby', [...describedByIDs, tooltipID].join(' '))\n    }\n\n    return () => {\n      const remainingIDs = (trigger.getAttribute('aria-describedby')?.split(' ') || []).filter(\n        (describedByID) => describedByID !== tooltipID,\n      )\n\n      if (remainingIDs.length) {\n        trigger.setAttribute('aria-describedby', remainingIDs.join(' '))\n      } else {\n        trigger.removeAttribute('aria-describedby')\n      }\n    }\n  }, [ariaHidden, role, show, tooltipID])\n\n  const content = isMounted ? (\n    <aside\n      aria-hidden={ariaHidden}\n      className={[\n        'tooltip',\n        className,\n        show && 'tooltip--show',\n        `tooltip--caret-${alignCaret}`,\n        `tooltip--position-${placement}`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={tooltipID}\n      ref={setFloatingElement}\n      role={role}\n      tabIndex={tabIndex}\n    >\n      <TooltipCaret />\n      <div className=\"tooltip-content\">{children}</div>\n    </aside>\n  ) : null\n\n  return (\n    <React.Fragment>\n      <span aria-hidden=\"true\" ref={triggerMarkerRef} style={{ display: 'none' }} />\n      {portal && content\n        ? createPortal(\n            content,\n            triggerMarkerRef.current?.closest('dialog, [role=\"dialog\"]') ?? document.body,\n          )\n        : content}\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,SAASC,UAAU,EAAEC,eAAe,EAAEC,IAAI,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ;AAC7E,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,eAAe,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AACjF,SAASC,YAAY,QAAQ;AAE7B,OAAO;AAEP,MAAMC,WAAA,GAAc;AAEpB,MAAMC,iBAAA,GAAoB;AAC1B,MAAMC,iBAAA,GAAoB;AAwB1B,MAAMC,YAAA,GAAyBA,CAAA;EAAA,MAAAC,CAAA,GAAAnB,EAAA;EAC7B,MAAAoB,MAAA,GAAeZ,KAAA,CAAAa,KAAA,CAAW;EAAA,IAAAC,EAAA;EAAA,IAAAH,CAAA,QAAAC,MAAA;IAGxBE,EAAA,GAAAC,KAAA,CAAC;MAAA,eAAgB;MAAAC,SAAA,EAAiB;MAAAC,MAAA,EAAwB;MAAAC,OAAA,EAAa;MAAAC,KAAA,EAAkB;MAAAC,QAAA,GACvFC,IAAA,CAAC;QAAAC,EAAA,EAAaV,MAAA;QAAAQ,QAAA,EACZC,IAAA,CAAC;UAAAJ,MAAA,EAAY;UAAAE,KAAA,EAAW;UAAAI,CAAA,EAAO;UAAAC,CAAA,EAAS;QAAA,C;UAG1CH,IAAA,CAAC;QAAAL,SAAA,EACW;QAAAS,QAAA,EACA,QAAQb,MAAA,GAAS;QAAAc,CAAA,EACzB;MAAA,C,GAEJL,IAAA,CAAC;QAAAL,SAAA,EAAe;QAAAU,CAAA,EAAwB;MAAA,C;;;;;;;SAV1CZ,E;CAaJ;AAEA,MAAMa,eAAA,GAAmBC,OAAA;EACvB,IAAI,OAAOA,OAAA,CAAQC,eAAe,KAAK,YAAY;IACjD,OAAO,CAACD,OAAA,CAAQC,eAAe;EACjC;EAEA;EACA;EACA,OAAOD,OAAA,CAAQE,cAAc,GAAGC,MAAM,KAAK;AAC7C;AAEA,MAAMC,WAAA,GAAcA,CAACC,IAAA,EAAYC,UAAA;EAC/B,IAAID,IAAA,KAAS,UAAUA,IAAA,KAAS,WAAWC,UAAA,KAAe,UAAU;IAClE,OAAOD,IAAA;EACT;EAEA,OAAO,GAAGA,IAAA,IAAQC,UAAA,KAAe,SAAS,UAAU,OAAO;AAC7D;AAEA,OAAO,MAAMC,OAAA,GAA4BC,KAAA;EACvC,MAAM;IACJd,EAAE;IACFY,UAAA,GAAa,QAAQ;IACrB,eAAeG,UAAU;IACzBjB,QAAQ;IACRJ,SAAS;IACTsB,KAAA,GAAQ,GAAG;IACXC,MAAA,GAAS,IAAI;IACbC,QAAA,EAAUC,iBAAiB;IAC3BC,IAAA,GAAO,SAAS;IAChBC,IAAA,EAAMC,aAAA,GAAgB,IAAI;IAC1BC,iBAAA,GAAoB,KAAK;IACzBC;EAAQ,CACT,GAAGV,KAAA;EAEJ,MAAMW,WAAA,GAAc/C,KAAA,CAAMa,KAAK;EAC/B,MAAMmC,SAAA,GAAY1B,EAAA,IAAMyB,WAAA;EAExB,MAAM,CAACJ,IAAA,EAAMM,OAAA,CAAQ,GAAG5C,QAAA,CAASuC,aAAA;EACjC,MAAM,CAACM,SAAA,EAAWC,YAAA,CAAa,GAAG9C,QAAA,CAAS;EAC3C,MAAM,CAAC+C,SAAA,EAAWC,YAAA,CAAa,GAAGhD,QAAA,CAAeoC,iBAAA,IAAqB;EAEtE;EACA;EACA,MAAMa,gBAAA,GAAmBlD,MAAA,CAAwB;EACjD,MAAMmD,WAAA,GAAcnD,MAAA,CAA8B;EAElD,MAAMoD,cAAA,GAAiBpD,MAAA,CAAO;EAE9BF,SAAA,CAAU;IACR,IAAIuD,OAAA;IAEJ;IACA,IAAInB,KAAA,IAASM,aAAA,EAAe;MAC1Ba,OAAA,GAAUC,UAAA,CAAW;QACnBT,OAAA,CAAQL,aAAA;MACV,GAAGN,KAAA;IACL,OAAO;MACLW,OAAA,CAAQL,aAAA;IACV;IAEA,OAAO;MACL,IAAIa,OAAA,EAAS;QACXE,YAAA,CAAaF,OAAA;MACf;IACF;EACF,GAAG,CAACb,aAAA,EAAeN,KAAA,CAAM;EAEzB;EACA;EACApC,SAAA,CAAU;IACR,IAAIyC,IAAA,EAAM;MACRQ,YAAA,CAAa;MACb;IACF;IAEA;IACA,MAAMS,SAAA,GAAYF,UAAA,CAAW,MAAMP,YAAA,CAAa,QAAQ;IAExD,OAAO;MACLQ,YAAA,CAAaC,SAAA;IACf;EACF,GAAG,CAACjB,IAAA,CAAK;EAET,MAAMkB,cAAA,GAAiB5D,WAAA,CAAY;IACjC,MAAM6D,OAAA,GAAUR,gBAAA,CAAiBS,OAAO,EAAEC,aAAA;IAC1C,MAAMC,eAAA,GAAkBV,WAAA,CAAYQ,OAAO;IAE3C,IAAI,CAACD,OAAA,IAAW,CAACG,eAAA,EAAiB;MAChC;IACF;IAEA,MAAMC,KAAA,GAAQ,EAAEV,cAAA,CAAeO,OAAO;IACtC,MAAMI,QAAA,GAAW;IACjB,MAAMC,OAAA,GAAU,CAACvB,iBAAA,IAAqB,CAACJ,iBAAA;IAEvC,MAAM;MACJ4B,cAAc;MACdjB,SAAA,EAAWkB,iBAAiB;MAC5B/C,CAAC;MACDC;IAAC,CACF,GAAG,MAAM9B,eAAA,CAAgBoE,OAAA,EAASG,eAAA,EAAiB;MAClDM,UAAA,EAAY,CACV1E,MAAA,CAAO,CAAC;QAAEuD,SAAA,EAAWoB;MAAgB,CAAE,KACrCA,gBAAA,CAAiBC,UAAU,CAAC,WAAWD,gBAAA,CAAiBC,UAAU,CAAC,WAC/DhE,iBAAA,GACAD,iBAAA,G,IAEF4D,OAAA,GAAU,CAACzE,IAAA,CAAK;QAAEwE,QAAA;QAAUO,OAAA,EAASnE;MAAY,GAAG,GAAG,EAAE,G,IACzDsC,iBAAA,GACA,EAAE,GACF,CACE/C,KAAA,CAAM;QAAEqE,QAAA;QAAUO,OAAA,EAASnE;MAAY,IACvCR,IAAA,CAAK;QACH4E,MAAM;UAAEC,cAAc;UAAEC;QAAQ,CAAE;UAChC,MAAMC,UAAA,GAAaD,QAAA,CAASE,QAAQ,CAACC,WAAW,GAAGJ,cAAA;UAEnDC,QAAA,CAASE,QAAQ,CAACE,eAAe,CAAC,aAAaH,UAAA;UAC/CD,QAAA,CAASE,QAAQ,CAACG,KAAK,CAACC,WAAW,CACjC,uBACAL,UAAA,GAAa,GAAGM,IAAA,CAAKC,KAAK,CAACT,cAAA,KAAmB,GAAG;QAErD;QACAT,QAAA;QACAO,OAAA,EAASnE;MACX,GACD,GACLX,IAAA,CAAK;QAAEuE,QAAA,EAAU;MAAoB,GACtC;MACDf,SAAA,EAAWpB,WAAA,CAAYS,iBAAA,IAAqB,OAAOP,UAAA;MACnDoD,QAAA,EAAU;IACZ;IAEA;IACA,IAAIpB,KAAA,KAAUV,cAAA,CAAeO,OAAO,EAAE;MACpC;IACF;IAEA,MAAMwB,MAAA,GAAS5D,eAAA,CAAgBmC,OAAA,KAAY0B,OAAA,CAAQnB,cAAA,CAAezE,IAAI,EAAE6F,eAAA;IAExExB,eAAA,CAAgBiB,KAAK,CAACC,WAAW,CAAC,eAAe,GAAG5D,CAAA,IAAK;IAEzDmE,MAAA,CAAOC,MAAM,CAAC1B,eAAA,CAAgBiB,KAAK,EAAE;MACnCU,IAAA,EAAM,GAAGrE,CAAA,IAAK;MACdsE,GAAA,EAAK,GAAGrE,CAAA,IAAK;MACbsE,UAAA,EAAYP,MAAA,GAAS,WAAW;IAClC;IAEA,MAAMQ,YAAA,GAAezB,iBAAA,CAAkB0B,KAAK,CAAC,IAAI,CAAC,EAAE;IACpD,MAAMC,gBAAA,GAAmBF,YAAA,KAAiB,UAAUA,YAAA,KAAiB;IAErE,MAAMG,MAAA,GAAS,CAACD,gBAAA,IAAoB/D,UAAA,KAAe,WAAWmC,cAAA,CAAevE,KAAK,EAAEyB,CAAA,IAAK,IAAI;IAC7F,MAAM4E,MAAA,GAASF,gBAAA,GAAmB5B,cAAA,CAAevE,KAAK,EAAE0B,CAAA,IAAK,IAAI;IAEjEyC,eAAA,CAAgBiB,KAAK,CAACC,WAAW,CAAC,qBAAqBe,MAAA,GAAS,GAAG,CAACA,MAAA,IAAU,GAAG;IACjFjC,eAAA,CAAgBiB,KAAK,CAACC,WAAW,CAAC,qBAAqBgB,MAAA,GAAS,GAAG,CAACA,MAAA,IAAU,GAAG;IAEjF9C,YAAA,CAAa0C,YAAA;EACf,GAAG,CAAC7D,UAAA,EAAYO,iBAAA,EAAmBI,iBAAA,CAAkB;EAErD,MAAMuD,kBAAA,GAAqBnG,WAAA,CACxB2B,OAAA;IACC2B,WAAA,CAAYQ,OAAO,GAAGnC,OAAA;IACtB,KAAKiC,cAAA;EACP,GACA,CAACA,cAAA,CAAe;EAGlB;EACA;EACA;EACA1D,eAAA,CAAgB;IACd,MAAM2D,SAAA,GAAUR,gBAAA,CAAiBS,OAAO,EAAEC,aAAA;IAC1C,MAAMC,iBAAA,GAAkBV,WAAA,CAAYQ,OAAO;IAE3C,IAAI,CAACb,SAAA,IAAa,CAACY,SAAA,IAAW,CAACG,iBAAA,EAAiB;MAC9C;IACF;IAEA,MAAMoC,iBAAA,GAAoB5G,UAAA,CAAWqE,SAAA,EAASG,iBAAA,EAAiBJ,cAAA,EAAgB;MAC7EyC,aAAA,EAAe,oBAAoBC;IACrC;IAEA;IACA;IACA;IACA,MAAMC,kBAAA,GACJ,OAAOC,oBAAA,KAAyB,aAC5B,IAAIA,oBAAA,CAAqB,MAAM,KAAK5C,cAAA,IAAkB;MAAE6C,SAAA,EAAW;IAAE,KACrE;IAENF,kBAAA,EAAoBG,OAAA,CAAQ7C,SAAA;IAE5B,MAAM8C,cAAA,GAAiBL,MAAA,CAAOK,cAAc;IAE5CA,cAAA,EAAgBC,gBAAA,CAAiB,UAAUhD,cAAA;IAC3C+C,cAAA,EAAgBC,gBAAA,CAAiB,UAAUhD,cAAA;IAE3C,OAAO;MACLwC,iBAAA;MACAG,kBAAA,EAAoBM,UAAA;MACpBF,cAAA,EAAgBG,mBAAA,CAAoB,UAAUlD,cAAA;MAC9C+C,cAAA,EAAgBG,mBAAA,CAAoB,UAAUlD,cAAA;IAChD;EACF,GAAG,CAACX,SAAA,EAAWW,cAAA,CAAe;EAE9B3D,SAAA,CAAU;IACR,MAAM4D,SAAA,GAAUR,gBAAA,CAAiBS,OAAO,EAAEC,aAAA;IAE1C,IAAI3B,UAAA,IAAcK,IAAA,KAAS,aAAa,CAACC,IAAA,IAAQ,CAACmB,SAAA,EAAS;MACzD;IACF;IAEA,MAAMkD,cAAA,GAAiBlD,SAAA,CAAQmD,YAAY,CAAC,qBAAqBjB,KAAA,CAAM,QAAQ,EAAE;IAEjF,IAAI,CAACgB,cAAA,CAAeE,QAAQ,CAAClE,SAAA,GAAY;MACvCc,SAAA,CAAQqD,YAAY,CAAC,oBAAoB,C,GAAIH,cAAA,EAAgBhE,SAAA,CAAU,CAACoE,IAAI,CAAC;IAC/E;IAEA,OAAO;MACL,MAAMC,YAAA,GAAe,CAACvD,SAAA,CAAQmD,YAAY,CAAC,qBAAqBjB,KAAA,CAAM,QAAQ,EAAE,EAAEsB,MAAM,CACrFC,aAAA,IAAkBA,aAAA,KAAkBvE,SAAA;MAGvC,IAAIqE,YAAA,CAAatF,MAAM,EAAE;QACvB+B,SAAA,CAAQqD,YAAY,CAAC,oBAAoBE,YAAA,CAAaD,IAAI,CAAC;MAC7D,OAAO;QACLtD,SAAA,CAAQ0D,eAAe,CAAC;MAC1B;IACF;EACF,GAAG,CAACnF,UAAA,EAAYK,IAAA,EAAMC,IAAA,EAAMK,SAAA,CAAU;EAEtC,MAAMyE,OAAA,GAAUvE,SAAA,gBACdnC,KAAA,CAAC;IACC,eAAasB,UAAA;IACbrB,SAAA,EAAW,CACT,WACAA,SAAA,EACA2B,IAAA,IAAQ,iBACR,kBAAkBT,UAAA,EAAY,EAC9B,qBAAqBkB,SAAA,EAAW,CACjC,CACEkE,MAAM,CAAC9B,OAAA,EACP4B,IAAI,CAAC;IACR9F,EAAA,EAAI0B,SAAA;IACJ0E,GAAA,EAAKtB,kBAAA;IACL1D,IAAA,EAAMA,IAAA;IACNI,QAAA,EAAUA,QAAA;4BAEVzB,IAAA,CAACX,YAAA,O,aACDW,IAAA,CAAC;MAAIL,SAAA,EAAU;gBAAmBI;;OAElC;EAEJ,oBACEL,KAAA,CAACf,KAAA,CAAM2H,QAAQ;4BACbtG,IAAA,CAAC;MAAK,eAAY;MAAOqG,GAAA,EAAKpE,gBAAA;MAAkB4B,KAAA,EAAO;QAAE0C,OAAA,EAAS;MAAO;QACxErF,MAAA,IAAUkF,OAAA,gBACPnH,YAAA,CACEmH,OAAA,EACAnE,gBAAA,CAAiBS,OAAO,EAAE8D,OAAA,CAAQ,8BAA8BC,QAAA,CAASC,IAAI,IAE/EN,OAAA;;AAGV","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAMzD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EAAE,SAAS,GACjB,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,0BAA+B,qBA8LtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAMzD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EAAE,SAAS,GACjB,GAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,0BAA+B,qBAgMtD"}

package/dist/elements/UnpublishButton/index.js

@@ -41,10 +41,9 @@ export function UnpublishButton({
   const {
     reset: resetForm
   } = useForm();
-  const {
-    code: localeCode,
-    label: localeLabel
-  } = useLocale();
+  const locale = useLocale();
+  const localeCode = locale?.code;
+  const localeLabel = locale?.label;
   const [unpublishAll, setUnpublishAll] = useState(false);
   const unPublishModalSlug = `confirm-un-publish-${id}`;
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","hasLocalizeStatusEnabled","qs","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","ConfirmationModal","PopupList","UnpublishButton","label","labelProp","id","collectionSlug","data","dataFromProps","globalSlug","hasPublishedDoc","hasPublishPermission","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","toggleModal","config","getEntityConfig","reset","resetForm","code","localeCode","localeLabel","unpublishAll","setUnpublishAll","unPublishModalSlug","routes","api","serverURL","i18n","t","entityConfig","useMemo","unpublish","url","method","queryString","stringify","depth","locale","undefined","unpublishAllLocales","addQueryPrefix","apiRoute","path","res","body","JSON","_status","headers","language","status","success","json","errors","message","error","catch","drafts","versions","hasDraftsEnabled","canUnpublish","canUnpublishCurrentLocale","Boolean","_jsxs","Fragment","_jsx","Button","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/UnpublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UnpublishButtonClientProps } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, hasLocalizeStatusEnabled } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { PopupList } from '../Popup/index.js'\nexport function UnpublishButton({\n  label: labelProp,\n}: { label?: string } & UnpublishButtonClientProps = {}) {\n  const {\n    id,\n    collectionSlug,\n    data: dataFromProps,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    incrementVersionCount,\n    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n\n  const { config, getEntityConfig } = useConfig()\n  const { reset: resetForm } = useForm()\n  const { code: localeCode, label: localeLabel } = useLocale()\n  const [unpublishAll, setUnpublishAll] = useState(false)\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const unpublish = useCallback(\n    (unpublishAll?: boolean) => {\n      void (async () => {\n        let url\n        let method\n\n        const queryString = qs.stringify(\n          {\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: unpublishAll ? undefined : localeCode,\n            unpublishAllLocales: unpublishAll,\n          },\n          { addQueryPrefix: true },\n        )\n\n        if (collectionSlug) {\n          url = formatAdminURL({\n            apiRoute: api,\n            path: `/${collectionSlug}/${id}${queryString}`,\n            serverURL,\n          })\n          method = 'patch'\n        }\n\n        if (globalSlug) {\n          url = formatAdminURL({\n            apiRoute: api,\n            path: `/globals/${globalSlug}${queryString}`,\n            serverURL,\n          })\n          method = 'post'\n        }\n\n        try {\n          const res = await requests[method](url, {\n            body: JSON.stringify({ _status: 'draft' }),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n\n          if (res.status === 200) {\n            void resetForm({\n              ...(dataFromProps || {}),\n              _status: 'draft',\n            })\n\n            toast.success(t('version:unpublishedSuccessfully'))\n            if (!unpublishAll) {\n              incrementVersionCount()\n            }\n            setUnpublishedVersionCount(1)\n            setMostRecentVersionIsAutosaved(false)\n            setHasPublishedDoc(false)\n          } else {\n            try {\n              const json = await res.json()\n              if (json.errors?.[0]?.message) {\n                toast.error(json.errors[0].message)\n              } else if (json.error) {\n                toast.error(json.error)\n              } else {\n                toast.error(t('error:unPublishingDocument'))\n              }\n            } catch {\n              toast.error(t('error:unPublishingDocument'))\n            }\n          }\n        } catch {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      })().catch(() => {\n        toast.error(t('error:unPublishingDocument'))\n      })\n    },\n    [\n      dataFromProps,\n      resetForm,\n      collectionSlug,\n      globalSlug,\n      serverURL,\n      api,\n      localeCode,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      setHasPublishedDoc,\n      setMostRecentVersionIsAutosaved,\n      setUnpublishedVersionCount,\n      t,\n    ],\n  )\n\n  const drafts = entityConfig?.versions?.drafts\n  const hasDraftsEnabled = typeof drafts === 'object' && drafts !== null\n\n  const canUnpublish = React.useMemo(() => {\n    return hasDraftsEnabled && hasPublishPermission && hasPublishedDoc && !isTrashed\n  }, [hasPublishPermission, hasPublishedDoc, isTrashed, hasDraftsEnabled])\n\n  const canUnpublishCurrentLocale = React.useMemo(() => {\n    if (!canUnpublish) {\n      return false\n    }\n\n    return Boolean(entityConfig && hasLocalizeStatusEnabled(entityConfig))\n  }, [canUnpublish, entityConfig])\n\n  const label = getTranslation(localeLabel, i18n)\n\n  if (!canUnpublish) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <PopupList.Button\n        id=\"action-unpublish\"\n        onClick={() => {\n          setUnpublishAll(true)\n          toggleModal(unPublishModalSlug)\n        }}\n      >\n        {labelProp || t('version:unpublish')}\n      </PopupList.Button>\n      {canUnpublishCurrentLocale && (\n        <PopupList.Button\n          id=\"action-unpublish-locale\"\n          onClick={() => {\n            setUnpublishAll(false)\n            toggleModal(unPublishModalSlug)\n          }}\n        >\n          {labelProp ? `${labelProp} [${label}]` : t('version:unpublishIn', { locale: label })}\n        </PopupList.Button>\n      )}\n      <ConfirmationModal\n        body={\n          !unpublishAll\n            ? t('version:aboutToUnpublishIn', { locale: label })\n            : t('version:aboutToUnpublish')\n        }\n        confirmingLabel={t('version:unpublishing')}\n        heading={t('version:confirmUnpublish')}\n        modalSlug={unPublishModalSlug}\n        onConfirm={() => unpublish(unpublishAll)}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","hasLocalizeStatusEnabled","qs","React","useCallback","useState","toast","useForm","useConfig","useDocumentInfo","useLocale","useTranslation","requests","ConfirmationModal","PopupList","UnpublishButton","label","labelProp","id","collectionSlug","data","dataFromProps","globalSlug","hasPublishedDoc","hasPublishPermission","incrementVersionCount","isTrashed","setHasPublishedDoc","setMostRecentVersionIsAutosaved","setUnpublishedVersionCount","toggleModal","config","getEntityConfig","reset","resetForm","locale","localeCode","code","localeLabel","unpublishAll","setUnpublishAll","unPublishModalSlug","routes","api","serverURL","i18n","t","entityConfig","useMemo","unpublish","url","method","queryString","stringify","depth","undefined","unpublishAllLocales","addQueryPrefix","apiRoute","path","res","body","JSON","_status","headers","language","status","success","json","errors","message","error","catch","drafts","versions","hasDraftsEnabled","canUnpublish","canUnpublishCurrentLocale","Boolean","_jsxs","Fragment","_jsx","Button","onClick","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/UnpublishButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { UnpublishButtonClientProps } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL, hasLocalizeStatusEnabled } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { PopupList } from '../Popup/index.js'\nexport function UnpublishButton({\n  label: labelProp,\n}: { label?: string } & UnpublishButtonClientProps = {}) {\n  const {\n    id,\n    collectionSlug,\n    data: dataFromProps,\n    globalSlug,\n    hasPublishedDoc,\n    hasPublishPermission,\n    incrementVersionCount,\n    isTrashed,\n    setHasPublishedDoc,\n    setMostRecentVersionIsAutosaved,\n    setUnpublishedVersionCount,\n  } = useDocumentInfo()\n  const { toggleModal } = useModal()\n\n  const { config, getEntityConfig } = useConfig()\n  const { reset: resetForm } = useForm()\n  const locale = useLocale()\n  const localeCode = locale?.code\n  const localeLabel = locale?.label\n  const [unpublishAll, setUnpublishAll] = useState(false)\n  const unPublishModalSlug = `confirm-un-publish-${id}`\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const { i18n, t } = useTranslation()\n\n  const entityConfig = React.useMemo(() => {\n    if (collectionSlug) {\n      return getEntityConfig({ collectionSlug })\n    }\n\n    if (globalSlug) {\n      return getEntityConfig({ globalSlug })\n    }\n  }, [collectionSlug, globalSlug, getEntityConfig])\n\n  const unpublish = useCallback(\n    (unpublishAll?: boolean) => {\n      void (async () => {\n        let url\n        let method\n\n        const queryString = qs.stringify(\n          {\n            depth: 0,\n            'fallback-locale': 'null',\n            locale: unpublishAll ? undefined : localeCode,\n            unpublishAllLocales: unpublishAll,\n          },\n          { addQueryPrefix: true },\n        )\n\n        if (collectionSlug) {\n          url = formatAdminURL({\n            apiRoute: api,\n            path: `/${collectionSlug}/${id}${queryString}`,\n            serverURL,\n          })\n          method = 'patch'\n        }\n\n        if (globalSlug) {\n          url = formatAdminURL({\n            apiRoute: api,\n            path: `/globals/${globalSlug}${queryString}`,\n            serverURL,\n          })\n          method = 'post'\n        }\n\n        try {\n          const res = await requests[method](url, {\n            body: JSON.stringify({ _status: 'draft' }),\n            headers: {\n              'Accept-Language': i18n.language,\n              'Content-Type': 'application/json',\n            },\n          })\n\n          if (res.status === 200) {\n            void resetForm({\n              ...(dataFromProps || {}),\n              _status: 'draft',\n            })\n\n            toast.success(t('version:unpublishedSuccessfully'))\n            if (!unpublishAll) {\n              incrementVersionCount()\n            }\n            setUnpublishedVersionCount(1)\n            setMostRecentVersionIsAutosaved(false)\n            setHasPublishedDoc(false)\n          } else {\n            try {\n              const json = await res.json()\n              if (json.errors?.[0]?.message) {\n                toast.error(json.errors[0].message)\n              } else if (json.error) {\n                toast.error(json.error)\n              } else {\n                toast.error(t('error:unPublishingDocument'))\n              }\n            } catch {\n              toast.error(t('error:unPublishingDocument'))\n            }\n          }\n        } catch {\n          toast.error(t('error:unPublishingDocument'))\n        }\n      })().catch(() => {\n        toast.error(t('error:unPublishingDocument'))\n      })\n    },\n    [\n      dataFromProps,\n      resetForm,\n      collectionSlug,\n      globalSlug,\n      serverURL,\n      api,\n      localeCode,\n      id,\n      i18n.language,\n      incrementVersionCount,\n      setHasPublishedDoc,\n      setMostRecentVersionIsAutosaved,\n      setUnpublishedVersionCount,\n      t,\n    ],\n  )\n\n  const drafts = entityConfig?.versions?.drafts\n  const hasDraftsEnabled = typeof drafts === 'object' && drafts !== null\n\n  const canUnpublish = React.useMemo(() => {\n    return hasDraftsEnabled && hasPublishPermission && hasPublishedDoc && !isTrashed\n  }, [hasPublishPermission, hasPublishedDoc, isTrashed, hasDraftsEnabled])\n\n  const canUnpublishCurrentLocale = React.useMemo(() => {\n    if (!canUnpublish) {\n      return false\n    }\n\n    return Boolean(entityConfig && hasLocalizeStatusEnabled(entityConfig))\n  }, [canUnpublish, entityConfig])\n\n  const label = getTranslation(localeLabel, i18n)\n\n  if (!canUnpublish) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <PopupList.Button\n        id=\"action-unpublish\"\n        onClick={() => {\n          setUnpublishAll(true)\n          toggleModal(unPublishModalSlug)\n        }}\n      >\n        {labelProp || t('version:unpublish')}\n      </PopupList.Button>\n      {canUnpublishCurrentLocale && (\n        <PopupList.Button\n          id=\"action-unpublish-locale\"\n          onClick={() => {\n            setUnpublishAll(false)\n            toggleModal(unPublishModalSlug)\n          }}\n        >\n          {labelProp ? `${labelProp} [${label}]` : t('version:unpublishIn', { locale: label })}\n        </PopupList.Button>\n      )}\n      <ConfirmationModal\n        body={\n          !unpublishAll\n            ? t('version:aboutToUnpublishIn', { locale: label })\n            : t('version:aboutToUnpublish')\n        }\n        confirmingLabel={t('version:unpublishing')}\n        heading={t('version:confirmUnpublish')}\n        modalSlug={unPublishModalSlug}\n        onConfirm={() => unpublish(unpublishAll)}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAWpD,KAAK,+BAA+B,GAAG;IACrC,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC5C,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,qBA4JhF"}
+{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAKpC,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAWpD,KAAK,+BAA+B,GAAG;IACrC,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC5C,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,qBA6JhF"}

package/dist/elements/UnpublishMany/DrawerContent.js

@@ -35,9 +35,8 @@ export function UnpublishManyDrawerContent(props) {
       }
     }
   } = useConfig();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const {
     i18n,
     t

package/dist/elements/UnpublishMany/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["getTranslation","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","qs","React","useCallback","toast","useConfig","useLocale","useRouteCache","useRouter","useSearchParams","useTranslation","requests","parseSearchParams","ConfirmationModal","UnpublishManyDrawerContent","props","collection","slug","labels","plural","singular","drawerSlug","ids","onSuccess","selectAll","where","config","routes","api","code","locale","i18n","t","searchParams","router","clearRouteCache","addDefaultError","error","queryString","useMemo","whereConstraints","_status","not_equals","push","queryWithSearch","collectionConfig","search","get","id","in","stringify","select","addQueryPrefix","handleUnpublish","url","apiRoute","path","patch","body","JSON","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","forEach","_err","_jsx","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"sourcesContent":["import type { Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { combineWhereConstraints, formatAdminURL, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { UnpublishManyProps } from './index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\ntype UnpublishManyDrawerContentProps = {\n  collection: UnpublishManyProps['collection']\n  drawerSlug: string\n  ids: (number | string)[]\n  onSuccess?: () => void\n  selectAll: boolean\n  where?: Where\n}\n\nexport function UnpublishManyDrawerContent(props: UnpublishManyDrawerContentProps) {\n  const {\n    collection,\n    collection: { slug, labels: { plural, singular } } = {},\n    drawerSlug,\n    ids,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const { i18n, t } = useTranslation()\n  const searchParams = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const queryString = React.useMemo((): string => {\n    const whereConstraints: Where[] = [\n      {\n        _status: {\n          not_equals: 'draft',\n        },\n      },\n    ]\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (!selectAll) {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const handleUnpublish = useCallback(async () => {\n    const url = formatAdminURL({\n      apiRoute: api,\n      path: `/${slug}${queryString}`,\n    })\n    await requests\n      .patch(url, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n\n            if (typeof onSuccess === 'function') {\n              onSuccess()\n            }\n\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    api,\n    slug,\n    queryString,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n    onSuccess,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}\n      confirmingLabel={t('version:unpublishing')}\n      heading={t('version:confirmUnpublish')}\n      modalSlug={drawerSlug}\n      onConfirm={handleUnpublish}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerContent.js","names":["getTranslation","combineWhereConstraints","formatAdminURL","mergeListSearchAndWhere","qs","React","useCallback","toast","useConfig","useLocale","useRouteCache","useRouter","useSearchParams","useTranslation","requests","parseSearchParams","ConfirmationModal","UnpublishManyDrawerContent","props","collection","slug","labels","plural","singular","drawerSlug","ids","onSuccess","selectAll","where","config","routes","api","currentLocale","locale","code","i18n","t","searchParams","router","clearRouteCache","addDefaultError","error","queryString","useMemo","whereConstraints","_status","not_equals","push","queryWithSearch","collectionConfig","search","get","id","in","stringify","select","addQueryPrefix","handleUnpublish","url","apiRoute","path","patch","body","JSON","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","page","undefined","forEach","_err","_jsx","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/UnpublishMany/DrawerContent.tsx"],"sourcesContent":["import type { Where } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { combineWhereConstraints, formatAdminURL, mergeListSearchAndWhere } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback } from 'react'\nimport { toast } from 'sonner'\n\nimport type { UnpublishManyProps } from './index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useRouter, useSearchParams } from '../../providers/RouterAdapter/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\n\ntype UnpublishManyDrawerContentProps = {\n  collection: UnpublishManyProps['collection']\n  drawerSlug: string\n  ids: (number | string)[]\n  onSuccess?: () => void\n  selectAll: boolean\n  where?: Where\n}\n\nexport function UnpublishManyDrawerContent(props: UnpublishManyDrawerContentProps) {\n  const {\n    collection,\n    collection: { slug, labels: { plural, singular } } = {},\n    drawerSlug,\n    ids,\n    onSuccess,\n    selectAll,\n    where,\n  } = props\n\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const { i18n, t } = useTranslation()\n  const searchParams = useSearchParams()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const queryString = React.useMemo((): string => {\n    const whereConstraints: Where[] = [\n      {\n        _status: {\n          not_equals: 'draft',\n        },\n      },\n    ]\n\n    if (where) {\n      whereConstraints.push(where)\n    }\n\n    const queryWithSearch = mergeListSearchAndWhere({\n      collectionConfig: collection,\n      search: searchParams.get('search'),\n    })\n\n    if (queryWithSearch) {\n      whereConstraints.push(queryWithSearch)\n    }\n\n    if (!selectAll) {\n      // If we're not selecting all, we need to select specific docs\n      whereConstraints.push({\n        id: {\n          in: ids || [],\n        },\n      })\n    }\n\n    return qs.stringify(\n      {\n        locale,\n        select: {},\n        where: combineWhereConstraints(whereConstraints),\n      },\n      { addQueryPrefix: true },\n    )\n  }, [collection, searchParams, selectAll, ids, locale, where])\n\n  const handleUnpublish = useCallback(async () => {\n    const url = formatAdminURL({\n      apiRoute: api,\n      path: `/${slug}${queryString}`,\n    })\n    await requests\n      .patch(url, {\n        body: JSON.stringify({\n          _status: 'draft',\n        }),\n        headers: {\n          'Accept-Language': i18n.language,\n          'Content-Type': 'application/json',\n        },\n      })\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n\n          const deletedDocs = json?.docs.length || 0\n          const successLabel = deletedDocs > 1 ? plural : singular\n\n          if (res.status < 400 || deletedDocs > 0) {\n            toast.success(\n              t('general:updatedCountSuccessfully', {\n                count: deletedDocs,\n                label: getTranslation(successLabel, i18n),\n              }),\n            )\n\n            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n\n            router.replace(\n              qs.stringify(\n                {\n                  ...parseSearchParams(searchParams),\n                  page: selectAll ? '1' : undefined,\n                },\n                { addQueryPrefix: true },\n              ),\n            )\n\n            clearRouteCache()\n\n            if (typeof onSuccess === 'function') {\n              onSuccess()\n            }\n\n            return null\n          }\n\n          if (json.errors) {\n            json.errors.forEach((error) => toast.error(error.message))\n          } else {\n            addDefaultError()\n          }\n          return false\n        } catch (_err) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    api,\n    slug,\n    queryString,\n    i18n,\n    plural,\n    singular,\n    t,\n    router,\n    searchParams,\n    selectAll,\n    clearRouteCache,\n    addDefaultError,\n    onSuccess,\n  ])\n\n  return (\n    <ConfirmationModal\n      body={t('version:aboutToUnpublishSelection', { label: getTranslation(plural, i18n) })}\n      confirmingLabel={t('version:unpublishing')}\n      heading={t('version:confirmUnpublish')}\n      modalSlug={drawerSlug}\n      onConfirm={handleUnpublish}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Upload/UploadFromURLModal/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export declare const pasteURLDrawerSlug = "upload-paste-url";
 type Props = {
     readonly fileUrl: string;
-    readonly handleUrlSubmit: () => Promise<void>;
+    readonly handleUrlSubmit: () => Promise<boolean>;
     readonly isValidUrl: boolean;
     readonly setFileUrl: (url: string) => void;
 };

package/dist/elements/Upload/UploadFromURLModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Upload/UploadFromURLModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,kBAAkB,qBAAqB,CAAA;AAEpD,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkC9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Upload/UploadFromURLModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,kBAAkB,qBAAqB,CAAA;AAEpD,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAChD,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkC9C,CAAA"}

package/dist/elements/Upload/UploadFromURLModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","TextInput","useTranslation","Button","DialogBody","DialogFooter","DialogHeader","DialogModal","pasteURLDrawerSlug","UploadFromURLModal","t0","$","fileUrl","handleUrlSubmit","isValidUrl","setFileUrl","t","t1","t2","e","preventDefault","t3","e_0","target","value","t4","_jsxs","closeOnBlur","slug","children","_jsx","showClose","title","onSubmit","label","onChange","path","placeholder","buttonStyle","disabled","onClick"],"sources":["../../../../src/elements/Upload/UploadFromURLModal/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { TextInput } from '../../../fields/Text/Input.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogBody, DialogFooter, DialogHeader, DialogModal } from '../../Dialog/index.js'\n\nexport const pasteURLDrawerSlug = 'upload-paste-url'\n\ntype Props = {\n  readonly fileUrl: string\n  readonly handleUrlSubmit: () => Promise<void>\n  readonly isValidUrl: boolean\n  readonly setFileUrl: (url: string) => void\n}\n\nexport const UploadFromURLModal: React.FC<Props> = ({\n  fileUrl,\n  handleUrlSubmit,\n  isValidUrl,\n  setFileUrl,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <DialogModal closeOnBlur slug={pasteURLDrawerSlug}>\n      <DialogHeader showClose title={t('upload:fromURL')} />\n      <DialogBody>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            void handleUrlSubmit()\n          }}\n        >\n          <TextInput\n            label={t('upload:linkToFile')}\n            onChange={(e) => setFileUrl(e.target.value)}\n            path=\"url\"\n            placeholder=\"https://\"\n            value={fileUrl}\n          />\n        </form>\n      </DialogBody>\n      <DialogFooter>\n        <Button buttonStyle=\"primary\" disabled={!isValidUrl} onClick={() => void handleUrlSubmit()}>\n          {t('upload:addFile')}\n        </Button>\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAU,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAEpE,OAAO,MAAMC,kBAAA,GAAqB;AASlC,OAAO,MAAMC,kBAAA,GAAsCC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,OAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAL,EAKnD;EACC;IAAAM;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAN,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAK,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAP,CAAA,QAAAE,eAAA;MAOIK,EAAA,GAAAC,CAAA;QACRA,CAAA,CAAAC,cAAA,CAAgB;QACXP,eAAA;MAAA;MACPF,CAAA,MAAAE,eAAA;MAAAF,CAAA,MAAAO,EAAA;IAAA;MAAAA,EAAA,GAAAP,CAAA;IAAA;IAAA,IAAAU,EAAA;IAAA,IAAAV,CAAA,QAAAI,UAAA;MAIYM,EAAA,GAAAC,GAAA,IAAOP,UAAA,CAAWI,GAAA,CAAAI,MAAA,CAAAC,KAAc;MAAAb,CAAA,MAAAI,UAAA;MAAAJ,CAAA,MAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IAAA,IAAAc,EAAA;IAAA,IAAAd,CAAA,SAAAE,eAAA;MAQgBY,EAAA,GAAAA,CAAA,UAAWZ,eAAA;MAAAF,CAAA,OAAAE,eAAA;MAAAF,CAAA,OAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IAnB7EM,EAAA,GAAAS,KAAA,CAAAnB,WAAA;MAAAoB,WAAA;MAAAC,IAAA,EAAApB,kBAAA;MAAAqB,QAAA,GACEC,IAAA,CAAAxB,YAAA;QAAAyB,SAAA;QAAAC,KAAA,EAA+BhB,CAAA,CAAE;MAAA,C,GACjCc,IAAA,CAAA1B,UAAA;QAAAyB,QAAA,EACEC,IAAA,CAAC;UAAAG,QAAA,EACWf,EAGV;UAAAW,QAAA,EAEAC,IAAA,CAAA7B,SAAA;YAAAiC,KAAA,EACSlB,CAAA,CAAE;YAAAmB,QAAA,EACCd,EAAgC;YAAAe,IAAA,EACrC;YAAAC,WAAA,EACO;YAAAb,KAAA,EACLZ;UAAA,C;;UAIbkB,IAAA,CAAAzB,YAAA;QAAAwB,QAAA,EACEC,IAAA,CAAA3B,MAAA;UAAAmC,WAAA,EAAoB;UAAAC,QAAA,GAAqBzB,UAAA;UAAA0B,OAAA,EAAqBf,EAAW;UAAAI,QAAA,EACtEb,CAAA,CAAE;QAAA,C;;;;;;;;;;;;SApBTC,E;CAyBJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","TextInput","useTranslation","Button","DialogBody","DialogFooter","DialogHeader","DialogModal","pasteURLDrawerSlug","UploadFromURLModal","t0","$","fileUrl","handleUrlSubmit","isValidUrl","setFileUrl","t","t1","t2","e","preventDefault","t3","e_0","target","value","t4","_jsxs","closeOnBlur","slug","children","_jsx","showClose","title","onSubmit","label","onChange","path","placeholder","buttonStyle","disabled","onClick"],"sources":["../../../../src/elements/Upload/UploadFromURLModal/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { TextInput } from '../../../fields/Text/Input.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogBody, DialogFooter, DialogHeader, DialogModal } from '../../Dialog/index.js'\n\nexport const pasteURLDrawerSlug = 'upload-paste-url'\n\ntype Props = {\n  readonly fileUrl: string\n  readonly handleUrlSubmit: () => Promise<boolean>\n  readonly isValidUrl: boolean\n  readonly setFileUrl: (url: string) => void\n}\n\nexport const UploadFromURLModal: React.FC<Props> = ({\n  fileUrl,\n  handleUrlSubmit,\n  isValidUrl,\n  setFileUrl,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <DialogModal closeOnBlur slug={pasteURLDrawerSlug}>\n      <DialogHeader showClose title={t('upload:fromURL')} />\n      <DialogBody>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            void handleUrlSubmit()\n          }}\n        >\n          <TextInput\n            label={t('upload:linkToFile')}\n            onChange={(e) => setFileUrl(e.target.value)}\n            path=\"url\"\n            placeholder=\"https://\"\n            value={fileUrl}\n          />\n        </form>\n      </DialogBody>\n      <DialogFooter>\n        <Button buttonStyle=\"primary\" disabled={!isValidUrl} onClick={() => void handleUrlSubmit()}>\n          {t('upload:addFile')}\n        </Button>\n      </DialogFooter>\n    </DialogModal>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,UAAU,EAAEC,YAAY,EAAEC,YAAY,EAAEC,WAAW,QAAQ;AAEpE,OAAO,MAAMC,kBAAA,GAAqB;AASlC,OAAO,MAAMC,kBAAA,GAAsCC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,OAAA;IAAAC,eAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAL,EAKnD;EACC;IAAAM;EAAA,IAAcd,cAAA;EAAA,IAAAe,EAAA;EAAA,IAAAN,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAE,eAAA,IAAAF,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAI,UAAA,IAAAJ,CAAA,QAAAK,CAAA;IAAA,IAAAE,EAAA;IAAA,IAAAP,CAAA,QAAAE,eAAA;MAOIK,EAAA,GAAAC,CAAA;QACRA,CAAA,CAAAC,cAAA,CAAgB;QACXP,eAAA;MAAA;MACPF,CAAA,MAAAE,eAAA;MAAAF,CAAA,MAAAO,EAAA;IAAA;MAAAA,EAAA,GAAAP,CAAA;IAAA;IAAA,IAAAU,EAAA;IAAA,IAAAV,CAAA,QAAAI,UAAA;MAIYM,EAAA,GAAAC,GAAA,IAAOP,UAAA,CAAWI,GAAA,CAAAI,MAAA,CAAAC,KAAc;MAAAb,CAAA,MAAAI,UAAA;MAAAJ,CAAA,MAAAU,EAAA;IAAA;MAAAA,EAAA,GAAAV,CAAA;IAAA;IAAA,IAAAc,EAAA;IAAA,IAAAd,CAAA,SAAAE,eAAA;MAQgBY,EAAA,GAAAA,CAAA,UAAWZ,eAAA;MAAAF,CAAA,OAAAE,eAAA;MAAAF,CAAA,OAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IAnB7EM,EAAA,GAAAS,KAAA,CAAAnB,WAAA;MAAAoB,WAAA;MAAAC,IAAA,EAAApB,kBAAA;MAAAqB,QAAA,GACEC,IAAA,CAAAxB,YAAA;QAAAyB,SAAA;QAAAC,KAAA,EAA+BhB,CAAA,CAAE;MAAA,C,GACjCc,IAAA,CAAA1B,UAAA;QAAAyB,QAAA,EACEC,IAAA,CAAC;UAAAG,QAAA,EACWf,EAGV;UAAAW,QAAA,EAEAC,IAAA,CAAA7B,SAAA;YAAAiC,KAAA,EACSlB,CAAA,CAAE;YAAAmB,QAAA,EACCd,EAAgC;YAAAe,IAAA,EACrC;YAAAC,WAAA,EACO;YAAAb,KAAA,EACLZ;UAAA,C;;UAIbkB,IAAA,CAAAzB,YAAA;QAAAwB,QAAA,EACEC,IAAA,CAAA3B,MAAA;UAAAmC,WAAA,EAAoB;UAAAC,QAAA,GAAqBzB,UAAA;UAAA0B,OAAA,EAAqBf,EAAW;UAAAI,QAAA,EACtEb,CAAA,CAAE;QAAA,C;;;;;;;;;;;;SApBTC,E;CAyBJ","ignoreList":[]}

package/dist/elements/Upload/getEditorFileSrc.d.ts

@@ -0,0 +1,11 @@
+export declare const getEditorFileSrc: ({ data, fileSrc, hasSelectedFile, }: {
+    data?: {
+        original?: {
+            url?: string;
+        } | null;
+        url?: string;
+    };
+    fileSrc?: null | string;
+    hasSelectedFile: boolean;
+}) => string;
+//# sourceMappingURL=getEditorFileSrc.d.ts.map

package/dist/elements/Upload/getEditorFileSrc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getEditorFileSrc.d.ts","sourceRoot":"","sources":["../../../src/elements/Upload/getEditorFileSrc.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,wCAI1B;IACD,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE;YAAE,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,GAAG,IAAI,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3D,OAAO,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB,eAAe,EAAE,OAAO,CAAA;CACzB,KAAG,MAA2F,CAAA"}

package/dist/elements/Upload/getEditorFileSrc.js

@@ -0,0 +1,6 @@
+export const getEditorFileSrc = ({
+  data,
+  fileSrc,
+  hasSelectedFile
+}) => hasSelectedFile && fileSrc || data?.original?.url || data?.url || fileSrc || '';
+//# sourceMappingURL=getEditorFileSrc.js.map

package/dist/elements/Upload/getEditorFileSrc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getEditorFileSrc.js","names":["getEditorFileSrc","data","fileSrc","hasSelectedFile","original","url"],"sources":["../../../src/elements/Upload/getEditorFileSrc.ts"],"sourcesContent":["export const getEditorFileSrc = ({\n  data,\n  fileSrc,\n  hasSelectedFile,\n}: {\n  data?: { original?: { url?: string } | null; url?: string }\n  fileSrc?: null | string\n  hasSelectedFile: boolean\n}): string => (hasSelectedFile && fileSrc) || data?.original?.url || data?.url || fileSrc || ''\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAA,GAAmBA,CAAC;EAC/BC,IAAI;EACJC,OAAO;EACPC;AAAe,CAKhB,KAAaA,eAAC,IAAmBD,OAAA,IAAYD,IAAA,EAAMG,QAAA,EAAUC,GAAA,IAAOJ,IAAA,EAAMI,GAAA,IAAOH,OAAA,IAAW","ignoreList":[]}