@payloadcms/ui 3.0.0-alpha.47 → 3.0.0-alpha.49

package/dist/elements/Popup/PopupTrigger/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport type { Props } from './types.js'\n\nimport './index.scss'\n\nconst baseClass = 'popup-button'\n\nexport const PopupTrigger: React.FC<Props> = (props) => {\n  const { active, button, buttonType, className, setActive } = props\n\n  const classes = [baseClass, className, `${baseClass}--${buttonType}`].filter(Boolean).join(' ')\n\n  const handleClick = () => {\n    setActive(!active)\n  }\n\n  if (buttonType === 'none') {\n    return null\n  }\n\n  if (buttonType === 'custom') {\n    return (\n      <div\n        className={classes}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') handleClick()\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {button}\n      </div>\n    )\n  }\n\n  return (\n    <button className={classes} onClick={() => setActive(!active)} tabIndex={0} type=\"button\">\n      {button}\n    </button>\n  )\n}\n"],"names":["React","baseClass","PopupTrigger","props","active","button","buttonType","className","setActive","classes","filter","Boolean","join","handleClick","div","onClick","onKeyDown","e","key","role","tabIndex","type"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAMzB,MAAMC,YAAY;AAElB,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGL;IAE7D,MAAMM,UAAU;QAACR;QAAWM;QAAW,CAAC,EAAEN,UAAU,EAAE,EAAEK,WAAW,CAAC;KAAC,CAACI,MAAM,CAACC,SAASC,IAAI,CAAC;IAE3F,MAAMC,cAAc;QAClBL,UAAU,CAACJ;IACb;IAEA,IAAIE,eAAe,QAAQ;QACzB,OAAO;IACT;IAEA,IAAIA,eAAe,UAAU;QAC3B,qBACE,oBAACQ;YACCP,WAAWE;YACXM,SAASF;YACTG,WAAW,CAACC;gBACV,IAAIA,EAAEC,GAAG,KAAK,SAASL;YACzB;YACAM,MAAK;YACLC,UAAU;WAETf;IAGP;IAEA,qBACE,oBAACA;QAAOE,WAAWE;QAASM,SAAS,IAAMP,UAAU,CAACJ;QAASgB,UAAU;QAAGC,MAAK;OAC9EhB;AAGP,EAAC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'popup-button'\n\nexport type PopupTriggerProps = {\n  active: boolean\n  button: React.ReactNode\n  buttonType: 'custom' | 'default' | 'none'\n  className?: string\n  setActive: (active: boolean) => void\n}\n\nexport const PopupTrigger: React.FC<PopupTriggerProps> = (props) => {\n  const { active, button, buttonType, className, setActive } = props\n\n  const classes = [baseClass, className, `${baseClass}--${buttonType}`].filter(Boolean).join(' ')\n\n  const handleClick = () => {\n    setActive(!active)\n  }\n\n  if (buttonType === 'none') {\n    return null\n  }\n\n  if (buttonType === 'custom') {\n    return (\n      <div\n        className={classes}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter') handleClick()\n        }}\n        role=\"button\"\n        tabIndex={0}\n      >\n        {button}\n      </div>\n    )\n  }\n\n  return (\n    <button className={classes} onClick={() => setActive(!active)} tabIndex={0} type=\"button\">\n      {button}\n    </button>\n  )\n}\n"],"names":["React","baseClass","PopupTrigger","props","active","button","buttonType","className","setActive","classes","filter","Boolean","join","handleClick","div","onClick","onKeyDown","e","key","role","tabIndex","type"],"mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,MAAMC,YAAY;AAUlB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,SAAS,EAAE,GAAGL;IAE7D,MAAMM,UAAU;QAACR;QAAWM;QAAW,CAAC,EAAEN,UAAU,EAAE,EAAEK,WAAW,CAAC;KAAC,CAACI,MAAM,CAACC,SAASC,IAAI,CAAC;IAE3F,MAAMC,cAAc;QAClBL,UAAU,CAACJ;IACb;IAEA,IAAIE,eAAe,QAAQ;QACzB,OAAO;IACT;IAEA,IAAIA,eAAe,UAAU;QAC3B,qBACE,oBAACQ;YACCP,WAAWE;YACXM,SAASF;YACTG,WAAW,CAACC;gBACV,IAAIA,EAAEC,GAAG,KAAK,SAASL;YACzB;YACAM,MAAK;YACLC,UAAU;WAETf;IAGP;IAEA,qBACE,oBAACA;QAAOE,WAAWE;QAASM,SAAS,IAAMP,UAAU,CAACJ;QAASgB,UAAU;QAAGC,MAAK;OAC9EhB;AAGP,EAAC"}

package/dist/elements/Popup/PopupTrigger/types.d.ts

@@ -1,9 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
-export type Props = {
-    active: boolean;
-    button: React.ReactNode;
-    buttonType: 'custom' | 'default' | 'none';
-    className?: string;
-    setActive: (active: boolean) => void;
-};
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/elements/Popup/PopupTrigger/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupTrigger/types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,UAAU,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;CACrC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupTrigger/types.ts"],"names":[],"mappings":""}

package/dist/elements/Popup/PopupTrigger/types.js

@@ -1,3 +1,2 @@
-export { };
 
 //# sourceMappingURL=types.js.map

package/dist/elements/Popup/PopupTrigger/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/types.ts"],"sourcesContent":["export type Props = {\n  active: boolean\n  button: React.ReactNode\n  buttonType: 'custom' | 'default' | 'none'\n  className?: string\n  setActive: (active: boolean) => void\n}\n"],"names":[],"mappings":"AAAA,WAMC"}
+{"version":3,"sources":["../../../../src/elements/Popup/PopupTrigger/types.ts"],"names":[],"mappings":""}

package/dist/elements/Popup/index.d.ts

@@ -1,6 +1,25 @@
+import type { CSSProperties } from 'react';
+export * as PopupList from './PopupButtonList/index.js';
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
-declare const Popup: React.FC<Props>;
-export default Popup;
+export type PopupProps = {
+    backgroundColor?: CSSProperties['backgroundColor'];
+    boundingRef?: React.MutableRefObject<HTMLElement>;
+    button?: React.ReactNode;
+    buttonClassName?: string;
+    buttonType?: 'custom' | 'default' | 'none';
+    caret?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    forceOpen?: boolean;
+    horizontalAlign?: 'center' | 'left' | 'right';
+    initActive?: boolean;
+    onToggleOpen?: (active: boolean) => void;
+    render?: (any: any) => React.ReactNode;
+    showOnHover?: boolean;
+    showScrollbar?: boolean;
+    size?: 'fit-content' | 'large' | 'medium' | 'small';
+    verticalAlign?: 'bottom' | 'top';
+};
+export declare const Popup: React.FC<PopupProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Popup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkK1B,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Popup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,SAAS,MAAM,4BAA4B,CAAA;AAGvD,OAAO,KAAmD,MAAM,OAAO,CAAA;AAIvE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,UAAU,GAAG;IACvB,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAA;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,KAAK,CAAC,SAAS,CAAA;IACjC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnD,aAAa,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkKtC,CAAA"}

package/dist/elements/Popup/index.js

@@ -1,10 +1,11 @@
 'use client';
+export * as PopupList from './PopupButtonList/index.js';
 import * as facelessUIImport from '@faceless-ui/window-info';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
 import { PopupTrigger } from './PopupTrigger/index.js';
 const baseClass = 'popup';
-const Popup = (props)=>{
+export const Popup = (props)=>{
     const { boundingRef, button, buttonClassName, buttonType = 'default', caret = true, children, className, forceOpen, horizontalAlign: horizontalAlignFromProps = 'left', initActive = false, onToggleOpen, render, showOnHover = false, showScrollbar = false, size = 'medium', verticalAlign: verticalAlignFromProps = 'top' } = props;
     const { useWindowInfo } = facelessUIImport;
     const { height: windowHeight, width: windowWidth } = useWindowInfo();
@@ -137,6 +138,5 @@ const Popup = (props)=>{
         className: `${baseClass}__caret`
     })));
 };
-export default Popup;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Popup/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/window-info'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { PopupTrigger } from './PopupTrigger/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup'\n\nconst Popup: React.FC<Props> = (props) => {\n  const {\n    boundingRef,\n    button,\n    buttonClassName,\n    buttonType = 'default',\n    caret = true,\n    children,\n    className,\n    forceOpen,\n    horizontalAlign: horizontalAlignFromProps = 'left',\n    initActive = false,\n    onToggleOpen,\n    render,\n    showOnHover = false,\n    showScrollbar = false,\n    size = 'medium',\n    verticalAlign: verticalAlignFromProps = 'top',\n  } = props\n  const { useWindowInfo } = facelessUIImport\n\n  const { height: windowHeight, width: windowWidth } = useWindowInfo()\n  const [intersectionRef, intersectionEntry] = useIntersect({\n    root: boundingRef?.current || null,\n    rootMargin: '-100px 0px 0px 0px',\n    threshold: 1,\n  })\n\n  const contentRef = useRef(null)\n  const [active, setActive] = useState(initActive)\n  const [verticalAlign, setVerticalAlign] = useState(verticalAlignFromProps)\n  const [horizontalAlign, setHorizontalAlign] = useState(horizontalAlignFromProps)\n\n  const setPosition = useCallback(\n    ({ horizontal = false, vertical = false }) => {\n      if (contentRef.current) {\n        const bounds = contentRef.current.getBoundingClientRect()\n\n        const {\n          bottom: contentBottomPos,\n          left: contentLeftPos,\n          right: contentRightPos,\n          top: contentTopPos,\n        } = bounds\n\n        let boundingTopPos = 100\n        let boundingRightPos = document.documentElement.clientWidth\n        let boundingBottomPos = document.documentElement.clientHeight\n        let boundingLeftPos = 0\n\n        if (boundingRef?.current) {\n          ;({\n            bottom: boundingBottomPos,\n            left: boundingLeftPos,\n            right: boundingRightPos,\n            top: boundingTopPos,\n          } = boundingRef.current.getBoundingClientRect())\n        }\n\n        if (horizontal) {\n          if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {\n            setHorizontalAlign('right')\n          } else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {\n            setHorizontalAlign('left')\n          }\n        }\n\n        if (vertical) {\n          if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {\n            setVerticalAlign('bottom')\n          } else if (contentBottomPos > boundingBottomPos && contentTopPos > boundingTopPos) {\n            setVerticalAlign('top')\n          }\n        }\n      }\n    },\n    [boundingRef],\n  )\n\n  const handleClickOutside = useCallback(\n    (e) => {\n      if (contentRef.current.contains(e.target)) {\n        return\n      }\n\n      setActive(false)\n    },\n    [contentRef],\n  )\n\n  useEffect(() => {\n    setPosition({ horizontal: true })\n  }, [intersectionEntry, setPosition, windowWidth])\n\n  useEffect(() => {\n    setPosition({ vertical: true })\n  }, [intersectionEntry, setPosition, windowHeight])\n\n  useEffect(() => {\n    if (typeof onToggleOpen === 'function') onToggleOpen(active)\n\n    if (active) {\n      document.addEventListener('mousedown', handleClickOutside)\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [active, handleClickOutside, onToggleOpen])\n\n  useEffect(() => {\n    setActive(forceOpen)\n  }, [forceOpen])\n\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}--size-${size}`,\n    `${baseClass}--v-align-${verticalAlign}`,\n    `${baseClass}--h-align-${horizontalAlign}`,\n    active && `${baseClass}--active`,\n    showScrollbar && `${baseClass}--show-scrollbar`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes}>\n      <div className={`${baseClass}__trigger-wrap`}>\n        {showOnHover ? (\n          <div\n            className={`${baseClass}__on-hover-watch`}\n            onMouseEnter={() => setActive(true)}\n            onMouseLeave={() => setActive(false)}\n          >\n            <PopupTrigger\n              {...{ active, button, buttonType, className: buttonClassName, setActive }}\n            />\n          </div>\n        ) : (\n          <PopupTrigger\n            {...{ active, button, buttonType, className: buttonClassName, setActive }}\n          />\n        )}\n      </div>\n\n      <div className={`${baseClass}__content`} ref={contentRef}>\n        <div className={`${baseClass}__hide-scrollbar`} ref={intersectionRef}>\n          <div className={`${baseClass}__scroll-container`}>\n            <div className={`${baseClass}__scroll-content`}>\n              {render && render({ close: () => setActive(false) })}\n              {children && children}\n            </div>\n          </div>\n        </div>\n\n        {caret && <div className={`${baseClass}__caret`} />}\n      </div>\n    </div>\n  )\n}\n\nexport default Popup\n"],"names":["facelessUIImport","React","useCallback","useEffect","useRef","useState","useIntersect","PopupTrigger","baseClass","Popup","props","boundingRef","button","buttonClassName","buttonType","caret","children","className","forceOpen","horizontalAlign","horizontalAlignFromProps","initActive","onToggleOpen","render","showOnHover","showScrollbar","size","verticalAlign","verticalAlignFromProps","useWindowInfo","height","windowHeight","width","windowWidth","intersectionRef","intersectionEntry","root","current","rootMargin","threshold","contentRef","active","setActive","setVerticalAlign","setHorizontalAlign","setPosition","horizontal","vertical","bounds","getBoundingClientRect","bottom","contentBottomPos","left","contentLeftPos","right","contentRightPos","top","contentTopPos","boundingTopPos","boundingRightPos","document","documentElement","clientWidth","boundingBottomPos","clientHeight","boundingLeftPos","handleClickOutside","e","contains","target","addEventListener","removeEventListener","classes","filter","Boolean","join","div","onMouseEnter","onMouseLeave","ref","close"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/Popup/index.tsx"],"sourcesContent":["'use client'\nimport type { CSSProperties } from 'react'\n\nexport * as PopupList from './PopupButtonList/index.js'\n\nimport * as facelessUIImport from '@faceless-ui/window-info'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { PopupTrigger } from './PopupTrigger/index.js'\nimport './index.scss'\n\nconst baseClass = 'popup'\n\nexport type PopupProps = {\n  backgroundColor?: CSSProperties['backgroundColor']\n  boundingRef?: React.MutableRefObject<HTMLElement>\n  button?: React.ReactNode\n  buttonClassName?: string\n  buttonType?: 'custom' | 'default' | 'none'\n  caret?: boolean\n  children?: React.ReactNode\n  className?: string\n  forceOpen?: boolean\n  horizontalAlign?: 'center' | 'left' | 'right'\n  initActive?: boolean\n  onToggleOpen?: (active: boolean) => void\n  render?: (any) => React.ReactNode\n  showOnHover?: boolean\n  showScrollbar?: boolean\n  size?: 'fit-content' | 'large' | 'medium' | 'small'\n  verticalAlign?: 'bottom' | 'top'\n}\n\nexport const Popup: React.FC<PopupProps> = (props) => {\n  const {\n    boundingRef,\n    button,\n    buttonClassName,\n    buttonType = 'default',\n    caret = true,\n    children,\n    className,\n    forceOpen,\n    horizontalAlign: horizontalAlignFromProps = 'left',\n    initActive = false,\n    onToggleOpen,\n    render,\n    showOnHover = false,\n    showScrollbar = false,\n    size = 'medium',\n    verticalAlign: verticalAlignFromProps = 'top',\n  } = props\n  const { useWindowInfo } = facelessUIImport\n\n  const { height: windowHeight, width: windowWidth } = useWindowInfo()\n  const [intersectionRef, intersectionEntry] = useIntersect({\n    root: boundingRef?.current || null,\n    rootMargin: '-100px 0px 0px 0px',\n    threshold: 1,\n  })\n\n  const contentRef = useRef(null)\n  const [active, setActive] = useState(initActive)\n  const [verticalAlign, setVerticalAlign] = useState(verticalAlignFromProps)\n  const [horizontalAlign, setHorizontalAlign] = useState(horizontalAlignFromProps)\n\n  const setPosition = useCallback(\n    ({ horizontal = false, vertical = false }) => {\n      if (contentRef.current) {\n        const bounds = contentRef.current.getBoundingClientRect()\n\n        const {\n          bottom: contentBottomPos,\n          left: contentLeftPos,\n          right: contentRightPos,\n          top: contentTopPos,\n        } = bounds\n\n        let boundingTopPos = 100\n        let boundingRightPos = document.documentElement.clientWidth\n        let boundingBottomPos = document.documentElement.clientHeight\n        let boundingLeftPos = 0\n\n        if (boundingRef?.current) {\n          ;({\n            bottom: boundingBottomPos,\n            left: boundingLeftPos,\n            right: boundingRightPos,\n            top: boundingTopPos,\n          } = boundingRef.current.getBoundingClientRect())\n        }\n\n        if (horizontal) {\n          if (contentRightPos > boundingRightPos && contentLeftPos > boundingLeftPos) {\n            setHorizontalAlign('right')\n          } else if (contentLeftPos < boundingLeftPos && contentRightPos < boundingRightPos) {\n            setHorizontalAlign('left')\n          }\n        }\n\n        if (vertical) {\n          if (contentTopPos < boundingTopPos && contentBottomPos < boundingBottomPos) {\n            setVerticalAlign('bottom')\n          } else if (contentBottomPos > boundingBottomPos && contentTopPos > boundingTopPos) {\n            setVerticalAlign('top')\n          }\n        }\n      }\n    },\n    [boundingRef],\n  )\n\n  const handleClickOutside = useCallback(\n    (e) => {\n      if (contentRef.current.contains(e.target)) {\n        return\n      }\n\n      setActive(false)\n    },\n    [contentRef],\n  )\n\n  useEffect(() => {\n    setPosition({ horizontal: true })\n  }, [intersectionEntry, setPosition, windowWidth])\n\n  useEffect(() => {\n    setPosition({ vertical: true })\n  }, [intersectionEntry, setPosition, windowHeight])\n\n  useEffect(() => {\n    if (typeof onToggleOpen === 'function') onToggleOpen(active)\n\n    if (active) {\n      document.addEventListener('mousedown', handleClickOutside)\n    } else {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [active, handleClickOutside, onToggleOpen])\n\n  useEffect(() => {\n    setActive(forceOpen)\n  }, [forceOpen])\n\n  const classes = [\n    baseClass,\n    className,\n    `${baseClass}--size-${size}`,\n    `${baseClass}--v-align-${verticalAlign}`,\n    `${baseClass}--h-align-${horizontalAlign}`,\n    active && `${baseClass}--active`,\n    showScrollbar && `${baseClass}--show-scrollbar`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes}>\n      <div className={`${baseClass}__trigger-wrap`}>\n        {showOnHover ? (\n          <div\n            className={`${baseClass}__on-hover-watch`}\n            onMouseEnter={() => setActive(true)}\n            onMouseLeave={() => setActive(false)}\n          >\n            <PopupTrigger\n              {...{ active, button, buttonType, className: buttonClassName, setActive }}\n            />\n          </div>\n        ) : (\n          <PopupTrigger\n            {...{ active, button, buttonType, className: buttonClassName, setActive }}\n          />\n        )}\n      </div>\n\n      <div className={`${baseClass}__content`} ref={contentRef}>\n        <div className={`${baseClass}__hide-scrollbar`} ref={intersectionRef}>\n          <div className={`${baseClass}__scroll-container`}>\n            <div className={`${baseClass}__scroll-content`}>\n              {render && render({ close: () => setActive(false) })}\n              {children && children}\n            </div>\n          </div>\n        </div>\n\n        {caret && <div className={`${baseClass}__caret`} />}\n      </div>\n    </div>\n  )\n}\n"],"names":["PopupList","facelessUIImport","React","useCallback","useEffect","useRef","useState","useIntersect","PopupTrigger","baseClass","Popup","props","boundingRef","button","buttonClassName","buttonType","caret","children","className","forceOpen","horizontalAlign","horizontalAlignFromProps","initActive","onToggleOpen","render","showOnHover","showScrollbar","size","verticalAlign","verticalAlignFromProps","useWindowInfo","height","windowHeight","width","windowWidth","intersectionRef","intersectionEntry","root","current","rootMargin","threshold","contentRef","active","setActive","setVerticalAlign","setHorizontalAlign","setPosition","horizontal","vertical","bounds","getBoundingClientRect","bottom","contentBottomPos","left","contentLeftPos","right","contentRightPos","top","contentTopPos","boundingTopPos","boundingRightPos","document","documentElement","clientWidth","boundingBottomPos","clientHeight","boundingLeftPos","handleClickOutside","e","contains","target","addEventListener","removeEventListener","classes","filter","Boolean","join","div","onMouseEnter","onMouseLeave","ref","close"],"mappings":"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"}

package/dist/elements/Popup/index.scss

@@ -80,11 +80,10 @@
   ////////////////////////////////
   // HORIZONTAL ALIGNMENT
   ////////////////////////////////
-  [dir='rtl']
-  &--h-align-left {
+  [dir='rtl'] &--h-align-left {
     .popup__caret {
       right: var(--popup-padding);
-      left: unset
+      left: unset;
     }
   }
   &--h-align-left {
@@ -104,16 +103,15 @@
     }
   }
 
-  [dir='rtl']
-  &--h-align-right {
+  [dir='rtl'] &--h-align-right {
     .popup__content {
       right: unset;
-      left:0
+      left: 0;
     }
 
     .popup__caret {
       right: unset;
-      left: var(--popup-padding)
+      left: var(--popup-padding);
     }
   }
 

package/dist/elements/PreviewButton/index.d.ts

@@ -1,10 +1,9 @@
 import type { GeneratePreviewURL } from 'payload/config';
 import type { CustomPreviewButtonProps } from 'payload/types';
 import React from 'react';
-type Props = {
+export type PreviewButtonProps = {
     CustomComponent?: CustomPreviewButtonProps;
     generatePreviewURL?: GeneratePreviewURL;
 };
-declare const PreviewButton: React.FC<Props>;
-export default PreviewButton;
+export declare const PreviewButton: React.FC<PreviewButtonProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,EAAE,wBAAwB,EAA6B,MAAM,eAAe,CAAA;AAExF,OAAO,KAAwC,MAAM,OAAO,CAAA;AA+B5D,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,wBAAwB,CAAA;IAC1C,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsDlC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,EAAE,wBAAwB,EAA6B,MAAM,eAAe,CAAA;AAExF,OAAO,KAAwC,MAAM,OAAO,CAAA;AA+B5D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,CAAC,EAAE,wBAAwB,CAAA;IAC1C,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;CACxC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyDtD,CAAA"}

package/dist/elements/PreviewButton/index.js

@@ -18,7 +18,7 @@ const DefaultPreviewButton = ({ disabled, label, preview })=>{
         size: "small"
     }, label);
 };
-const PreviewButton = ({ CustomComponent, generatePreviewURL })=>{
+export const PreviewButton = ({ CustomComponent, generatePreviewURL })=>{
     const { id, collectionSlug, globalSlug } = useDocumentInfo();
     const [isLoading, setIsLoading] = useState(false);
     const { code: locale } = useLocale();
@@ -73,6 +73,5 @@ const PreviewButton = ({ CustomComponent, generatePreviewURL })=>{
         }
     });
 };
-export default PreviewButton;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { GeneratePreviewURL } from 'payload/config'\nimport type { CustomPreviewButtonProps, DefaultPreviewButtonProps } from 'payload/types'\n\nimport React, { useCallback, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useAuth } from '../../providers/Auth/index.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 { Button } from '../Button/index.js'\n\nconst baseClass = 'preview-btn'\n\nconst DefaultPreviewButton: React.FC<DefaultPreviewButtonProps> = ({\n  disabled,\n  label,\n  preview,\n}) => {\n  return (\n    <Button\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={preview}\n      size=\"small\"\n    >\n      {label}\n    </Button>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomPreviewButtonProps\n  generatePreviewURL?: GeneratePreviewURL\n}\n\nconst PreviewButton: React.FC<Props> = ({ CustomComponent, generatePreviewURL }) => {\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const [isLoading, setIsLoading] = useState(false)\n  const { code: locale } = useLocale()\n  const { token } = useAuth()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { t } = useTranslation()\n  const isGeneratingPreviewURL = useRef(false)\n\n  // we need to regenerate the preview URL every time the button is clicked\n  // to do this we need to fetch the document data fresh from the API\n  // this will ensure the latest data is used when generating the preview URL\n  const preview = useCallback(async () => {\n    if (!generatePreviewURL || isGeneratingPreviewURL.current) return\n    isGeneratingPreviewURL.current = true\n\n    try {\n      setIsLoading(true)\n\n      let url = `${serverURL}${api}`\n      if (collectionSlug) url = `${url}/${collectionSlug}/${id}`\n      if (globalSlug) url = `${url}/globals/${globalSlug}`\n\n      const data = await fetch(`${url}?draft=true&locale=${locale}&fallback-locale=null`).then(\n        (res) => res.json(),\n      )\n      const previewURL = await generatePreviewURL(data, { locale, token })\n      if (!previewURL) throw new Error()\n      setIsLoading(false)\n      isGeneratingPreviewURL.current = false\n      window.open(previewURL, '_blank')\n    } catch (err) {\n      setIsLoading(false)\n      isGeneratingPreviewURL.current = false\n      toast.error(t('error:previewing'))\n    }\n  }, [serverURL, api, collectionSlug, globalSlug, id, generatePreviewURL, locale, token, t])\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultPreviewButton}\n      componentProps={{\n        DefaultButton: DefaultPreviewButton,\n        disabled: isLoading || !generatePreviewURL,\n        label: isLoading ? t('general:loading') : t('version:preview'),\n        preview,\n      }}\n    />\n  )\n}\n\nexport default PreviewButton\n"],"names":["React","useCallback","useRef","useState","toast","RenderCustomComponent","useAuth","useConfig","useDocumentInfo","useLocale","useTranslation","Button","baseClass","DefaultPreviewButton","disabled","label","preview","buttonStyle","className","onClick","size","PreviewButton","CustomComponent","generatePreviewURL","id","collectionSlug","globalSlug","isLoading","setIsLoading","code","locale","token","routes","api","serverURL","t","isGeneratingPreviewURL","current","url","data","fetch","then","res","json","previewURL","Error","window","open","err","error","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAIA,OAAOA,SAASC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAC5D,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAE3C,MAAMC,YAAY;AAElB,MAAMC,uBAA4D,CAAC,EACjEC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACR;IACC,qBACE,oBAACL;QACCM,aAAY;QACZC,WAAWN;QACXE,UAAUA;QACVK,SAASH;QACTI,MAAK;OAEJL;AAGP;AAOA,MAAMM,gBAAiC,CAAC,EAAEC,eAAe,EAAEC,kBAAkB,EAAE;IAC7E,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGlB;IAE3C,MAAM,CAACmB,WAAWC,aAAa,GAAGzB,SAAS;IAC3C,MAAM,EAAE0B,MAAMC,MAAM,EAAE,GAAGrB;IACzB,MAAM,EAAEsB,KAAK,EAAE,GAAGzB;IAClB,MAAM,EACJ0B,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG3B;IACJ,MAAM,EAAE4B,CAAC,EAAE,GAAGzB;IACd,MAAM0B,yBAAyBlC,OAAO;IAEtC,yEAAyE;IACzE,mEAAmE;IACnE,2EAA2E;IAC3E,MAAMc,UAAUf,YAAY;QAC1B,IAAI,CAACsB,sBAAsBa,uBAAuBC,OAAO,EAAE;QAC3DD,uBAAuBC,OAAO,GAAG;QAEjC,IAAI;YACFT,aAAa;YAEb,IAAIU,MAAM,CAAC,EAAEJ,UAAU,EAAED,IAAI,CAAC;YAC9B,IAAIR,gBAAgBa,MAAM,CAAC,EAAEA,IAAI,CAAC,EAAEb,eAAe,CAAC,EAAED,GAAG,CAAC;YAC1D,IAAIE,YAAYY,MAAM,CAAC,EAAEA,IAAI,SAAS,EAAEZ,WAAW,CAAC;YAEpD,MAAMa,OAAO,MAAMC,MAAM,CAAC,EAAEF,IAAI,mBAAmB,EAAER,OAAO,qBAAqB,CAAC,EAAEW,IAAI,CACtF,CAACC,MAAQA,IAAIC,IAAI;YAEnB,MAAMC,aAAa,MAAMrB,mBAAmBgB,MAAM;gBAAET;gBAAQC;YAAM;YAClE,IAAI,CAACa,YAAY,MAAM,IAAIC;YAC3BjB,aAAa;YACbQ,uBAAuBC,OAAO,GAAG;YACjCS,OAAOC,IAAI,CAACH,YAAY;QAC1B,EAAE,OAAOI,KAAK;YACZpB,aAAa;YACbQ,uBAAuBC,OAAO,GAAG;YACjCjC,MAAM6C,KAAK,CAACd,EAAE;QAChB;IACF,GAAG;QAACD;QAAWD;QAAKR;QAAgBC;QAAYF;QAAID;QAAoBO;QAAQC;QAAOI;KAAE;IAEzF,qBACE,oBAAC9B;QACCiB,iBAAiBA;QACjB4B,kBAAkBrC;QAClBsC,gBAAgB;YACdC,eAAevC;YACfC,UAAUa,aAAa,CAACJ;YACxBR,OAAOY,YAAYQ,EAAE,qBAAqBA,EAAE;YAC5CnB;QACF;;AAGN;AAEA,eAAeK,cAAa"}
+{"version":3,"sources":["../../../src/elements/PreviewButton/index.tsx"],"sourcesContent":["'use client'\nimport type { GeneratePreviewURL } from 'payload/config'\nimport type { CustomPreviewButtonProps, DefaultPreviewButtonProps } from 'payload/types'\n\nimport React, { useCallback, useRef, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useAuth } from '../../providers/Auth/index.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 { Button } from '../Button/index.js'\n\nconst baseClass = 'preview-btn'\n\nconst DefaultPreviewButton: React.FC<DefaultPreviewButtonProps> = ({\n  disabled,\n  label,\n  preview,\n}) => {\n  return (\n    <Button\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={preview}\n      size=\"small\"\n    >\n      {label}\n    </Button>\n  )\n}\n\nexport type PreviewButtonProps = {\n  CustomComponent?: CustomPreviewButtonProps\n  generatePreviewURL?: GeneratePreviewURL\n}\n\nexport const PreviewButton: React.FC<PreviewButtonProps> = ({\n  CustomComponent,\n  generatePreviewURL,\n}) => {\n  const { id, collectionSlug, globalSlug } = useDocumentInfo()\n\n  const [isLoading, setIsLoading] = useState(false)\n  const { code: locale } = useLocale()\n  const { token } = useAuth()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { t } = useTranslation()\n  const isGeneratingPreviewURL = useRef(false)\n\n  // we need to regenerate the preview URL every time the button is clicked\n  // to do this we need to fetch the document data fresh from the API\n  // this will ensure the latest data is used when generating the preview URL\n  const preview = useCallback(async () => {\n    if (!generatePreviewURL || isGeneratingPreviewURL.current) return\n    isGeneratingPreviewURL.current = true\n\n    try {\n      setIsLoading(true)\n\n      let url = `${serverURL}${api}`\n      if (collectionSlug) url = `${url}/${collectionSlug}/${id}`\n      if (globalSlug) url = `${url}/globals/${globalSlug}`\n\n      const data = await fetch(`${url}?draft=true&locale=${locale}&fallback-locale=null`).then(\n        (res) => res.json(),\n      )\n      const previewURL = await generatePreviewURL(data, { locale, token })\n      if (!previewURL) throw new Error()\n      setIsLoading(false)\n      isGeneratingPreviewURL.current = false\n      window.open(previewURL, '_blank')\n    } catch (err) {\n      setIsLoading(false)\n      isGeneratingPreviewURL.current = false\n      toast.error(t('error:previewing'))\n    }\n  }, [serverURL, api, collectionSlug, globalSlug, id, generatePreviewURL, locale, token, t])\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultPreviewButton}\n      componentProps={{\n        DefaultButton: DefaultPreviewButton,\n        disabled: isLoading || !generatePreviewURL,\n        label: isLoading ? t('general:loading') : t('version:preview'),\n        preview,\n      }}\n    />\n  )\n}\n"],"names":["React","useCallback","useRef","useState","toast","RenderCustomComponent","useAuth","useConfig","useDocumentInfo","useLocale","useTranslation","Button","baseClass","DefaultPreviewButton","disabled","label","preview","buttonStyle","className","onClick","size","PreviewButton","CustomComponent","generatePreviewURL","id","collectionSlug","globalSlug","isLoading","setIsLoading","code","locale","token","routes","api","serverURL","t","isGeneratingPreviewURL","current","url","data","fetch","then","res","json","previewURL","Error","window","open","err","error","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAIA,OAAOA,SAASC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAC5D,SAASC,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,MAAM,QAAQ,qBAAoB;AAE3C,MAAMC,YAAY;AAElB,MAAMC,uBAA4D,CAAC,EACjEC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACR;IACC,qBACE,oBAACL;QACCM,aAAY;QACZC,WAAWN;QACXE,UAAUA;QACVK,SAASH;QACTI,MAAK;OAEJL;AAGP;AAOA,OAAO,MAAMM,gBAA8C,CAAC,EAC1DC,eAAe,EACfC,kBAAkB,EACnB;IACC,MAAM,EAAEC,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAE,GAAGlB;IAE3C,MAAM,CAACmB,WAAWC,aAAa,GAAGzB,SAAS;IAC3C,MAAM,EAAE0B,MAAMC,MAAM,EAAE,GAAGrB;IACzB,MAAM,EAAEsB,KAAK,EAAE,GAAGzB;IAClB,MAAM,EACJ0B,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG3B;IACJ,MAAM,EAAE4B,CAAC,EAAE,GAAGzB;IACd,MAAM0B,yBAAyBlC,OAAO;IAEtC,yEAAyE;IACzE,mEAAmE;IACnE,2EAA2E;IAC3E,MAAMc,UAAUf,YAAY;QAC1B,IAAI,CAACsB,sBAAsBa,uBAAuBC,OAAO,EAAE;QAC3DD,uBAAuBC,OAAO,GAAG;QAEjC,IAAI;YACFT,aAAa;YAEb,IAAIU,MAAM,CAAC,EAAEJ,UAAU,EAAED,IAAI,CAAC;YAC9B,IAAIR,gBAAgBa,MAAM,CAAC,EAAEA,IAAI,CAAC,EAAEb,eAAe,CAAC,EAAED,GAAG,CAAC;YAC1D,IAAIE,YAAYY,MAAM,CAAC,EAAEA,IAAI,SAAS,EAAEZ,WAAW,CAAC;YAEpD,MAAMa,OAAO,MAAMC,MAAM,CAAC,EAAEF,IAAI,mBAAmB,EAAER,OAAO,qBAAqB,CAAC,EAAEW,IAAI,CACtF,CAACC,MAAQA,IAAIC,IAAI;YAEnB,MAAMC,aAAa,MAAMrB,mBAAmBgB,MAAM;gBAAET;gBAAQC;YAAM;YAClE,IAAI,CAACa,YAAY,MAAM,IAAIC;YAC3BjB,aAAa;YACbQ,uBAAuBC,OAAO,GAAG;YACjCS,OAAOC,IAAI,CAACH,YAAY;QAC1B,EAAE,OAAOI,KAAK;YACZpB,aAAa;YACbQ,uBAAuBC,OAAO,GAAG;YACjCjC,MAAM6C,KAAK,CAACd,EAAE;QAChB;IACF,GAAG;QAACD;QAAWD;QAAKR;QAAgBC;QAAYF;QAAID;QAAoBO;QAAQC;QAAOI;KAAE;IAEzF,qBACE,oBAAC9B;QACCiB,iBAAiBA;QACjB4B,kBAAkBrC;QAClBsC,gBAAgB;YACdC,eAAevC;YACfC,UAAUa,aAAa,CAACJ;YACxBR,OAAOY,YAAYQ,EAAE,qBAAqBA,EAAE;YAC5CnB;QACF;;AAGN,EAAC"}

package/dist/elements/PreviewSizes/index.d.ts

@@ -7,12 +7,13 @@ type FileInfo = FileSize & {
 type FilesSizesWithUrl = {
     [key: string]: FileInfo;
 };
-declare const PreviewSizes: React.FC<{
+export type PreviewSizesProps = {
     doc: Data & {
         sizes?: FilesSizesWithUrl;
     };
     imageCacheTag?: string;
     uploadConfig: SanitizedCollectionConfig['upload'];
-}>;
-export default PreviewSizes;
+};
+export declare const PreviewSizes: React.FC<PreviewSizesProps>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewSizes/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,QAAQ,EACR,yBAAyB,EAE1B,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAuC,MAAM,OAAO,CAAA;AAG3D,OAAO,cAAc,CAAA;AAIrB,KAAK,QAAQ,GAAG,QAAQ,GAAG;IACzB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CACxB,CAAA;AAsDD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,GAAG,EAAE,IAAI,GAAG;QACV,KAAK,CAAC,EAAE,iBAAiB,CAAA;KAC1B,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CA4EA,CAAA;AACD,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PreviewSizes/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,IAAI,EACJ,QAAQ,EACR,yBAAyB,EAE1B,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAuC,MAAM,OAAO,CAAA;AAG3D,OAAO,cAAc,CAAA;AAIrB,KAAK,QAAQ,GAAG,QAAQ,GAAG;IACzB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AACD,KAAK,iBAAiB,GAAG;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CACxB,CAAA;AAsDD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,IAAI,GAAG;QACV,KAAK,CAAC,EAAE,iBAAiB,CAAA;KAC1B,CAAA;IACD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4EpD,CAAA"}

package/dist/elements/PreviewSizes/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import FileMeta from '../FileDetails/FileMeta/index.js';
+import { FileMeta } from '../FileDetails/FileMeta/index.js';
 const baseClass = 'preview-sizes';
 const sortSizes = (sizes, imageSizes)=>{
     if (!imageSizes || imageSizes.length === 0) return sizes;
@@ -35,7 +35,7 @@ const PreviewSizeCard = ({ name, active, meta, onClick, previewSrc })=>{
         className: `${baseClass}__sizeName`
     }, name), /*#__PURE__*/ React.createElement(FileMeta, meta)));
 };
-const PreviewSizes = ({ doc, imageCacheTag, uploadConfig })=>{
+export const PreviewSizes = ({ doc, imageCacheTag, uploadConfig })=>{
     const { imageSizes } = uploadConfig;
     const { sizes } = doc;
     const [orderedSizes, setOrderedSizes] = useState(()=>sortSizes(sizes, imageSizes));
@@ -101,6 +101,5 @@ const PreviewSizes = ({ doc, imageCacheTag, uploadConfig })=>{
         return null;
     }))));
 };
-export default PreviewSizes;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PreviewSizes/index.tsx"],"sourcesContent":["import type {\n  Data,\n  FileSize,\n  SanitizedCollectionConfig,\n  SanitizedUploadConfig,\n} from 'payload/types'\n\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport FileMeta from '../FileDetails/FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'preview-sizes'\n\ntype FileInfo = FileSize & {\n  url: string\n}\ntype FilesSizesWithUrl = {\n  [key: string]: FileInfo\n}\n\nconst sortSizes = (sizes: FilesSizesWithUrl, imageSizes: SanitizedUploadConfig['imageSizes']) => {\n  if (!imageSizes || imageSizes.length === 0) return sizes\n\n  const orderedSizes: FilesSizesWithUrl = {}\n\n  imageSizes.forEach(({ name }) => {\n    if (sizes[name]) {\n      orderedSizes[name] = sizes[name]\n    }\n  })\n\n  return orderedSizes\n}\n\ntype PreviewSizeCardProps = {\n  active: boolean\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  meta,\n  onClick,\n  previewSrc,\n}) => {\n  return (\n    <div\n      className={[`${baseClass}__sizeOption`, active && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={typeof onClick === 'function' ? onClick : undefined}\n      onKeyDown={(e) => {\n        if (typeof onClick !== 'function') return\n        if (e.key === 'Enter') onClick()\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__image`}>\n        <img alt={meta.filename} src={previewSrc} />\n      </div>\n      <div className={`${baseClass}__sizeMeta`}>\n        <div className={`${baseClass}__sizeName`}>{name}</div>\n        <FileMeta {...meta} />\n      </div>\n    </div>\n  )\n}\n\nconst PreviewSizes: React.FC<{\n  doc: Data & {\n    sizes?: FilesSizesWithUrl\n  }\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}> = ({ doc, imageCacheTag, uploadConfig }) => {\n  const { imageSizes } = uploadConfig\n  const { sizes } = doc\n\n  const [orderedSizes, setOrderedSizes] = useState<FilesSizesWithUrl>(() =>\n    sortSizes(sizes, imageSizes),\n  )\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const generateImageUrl = (doc) => {\n    if (!doc.filename) return null\n    if (doc.url) return `${doc.url}${imageCacheTag ? `?${imageCacheTag}` : ''}`\n  }\n  useEffect(() => {\n    setOrderedSizes(sortSizes(sizes, imageSizes))\n  }, [sizes, imageSizes, imageCacheTag])\n\n  const mainPreviewSrc = selectedSize\n    ? generateImageUrl(doc.sizes[selectedSize])\n    : generateImageUrl(doc)\n\n  const originalImage = useMemo(\n    (): FileInfo => ({\n      filename: doc.filename,\n      filesize: doc.filesize,\n      height: doc.height,\n      mimeType: doc.mimeType,\n      url: doc.url,\n      width: doc.width,\n    }),\n    [doc],\n  )\n  const originalFilename = 'Original'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__imageWrap`}>\n        <div className={`${baseClass}__meta`}>\n          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>\n          <FileMeta {...(selectedSize ? orderedSizes[selectedSize] : originalImage)} />\n        </div>\n        <img alt={doc.filename} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            meta={originalImage}\n            name={originalFilename}\n            onClick={() => setSelectedSize(null)}\n            previewSrc={generateImageUrl(doc)}\n          />\n\n          {Object.entries(orderedSizes).map(([key, val]) => {\n            const selected = selectedSize === key\n            const previewSrc = generateImageUrl(val)\n\n            if (previewSrc) {\n              return (\n                <PreviewSizeCard\n                  active={selected}\n                  key={key}\n                  meta={val}\n                  name={key}\n                  onClick={() => setSelectedSize(key)}\n                  previewSrc={previewSrc}\n                />\n              )\n            }\n\n            return null\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\nexport default PreviewSizes\n"],"names":["React","useEffect","useMemo","useState","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","meta","onClick","previewSrc","div","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","img","alt","filename","src","PreviewSizes","doc","imageCacheTag","uploadConfig","setOrderedSizes","selectedSize","setSelectedSize","generateImageUrl","url","mainPreviewSrc","originalImage","filesize","height","mimeType","width","originalFilename","Object","entries","map","val","selected"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/PreviewSizes/index.tsx"],"sourcesContent":["import type {\n  Data,\n  FileSize,\n  SanitizedCollectionConfig,\n  SanitizedUploadConfig,\n} from 'payload/types'\n\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { FileMeta } from '../FileDetails/FileMeta/index.js'\nimport './index.scss'\n\nconst baseClass = 'preview-sizes'\n\ntype FileInfo = FileSize & {\n  url: string\n}\ntype FilesSizesWithUrl = {\n  [key: string]: FileInfo\n}\n\nconst sortSizes = (sizes: FilesSizesWithUrl, imageSizes: SanitizedUploadConfig['imageSizes']) => {\n  if (!imageSizes || imageSizes.length === 0) return sizes\n\n  const orderedSizes: FilesSizesWithUrl = {}\n\n  imageSizes.forEach(({ name }) => {\n    if (sizes[name]) {\n      orderedSizes[name] = sizes[name]\n    }\n  })\n\n  return orderedSizes\n}\n\ntype PreviewSizeCardProps = {\n  active: boolean\n  meta: FileInfo\n  name: string\n  onClick?: () => void\n  previewSrc: string\n}\nconst PreviewSizeCard: React.FC<PreviewSizeCardProps> = ({\n  name,\n  active,\n  meta,\n  onClick,\n  previewSrc,\n}) => {\n  return (\n    <div\n      className={[`${baseClass}__sizeOption`, active && `${baseClass}--selected`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={typeof onClick === 'function' ? onClick : undefined}\n      onKeyDown={(e) => {\n        if (typeof onClick !== 'function') return\n        if (e.key === 'Enter') onClick()\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__image`}>\n        <img alt={meta.filename} src={previewSrc} />\n      </div>\n      <div className={`${baseClass}__sizeMeta`}>\n        <div className={`${baseClass}__sizeName`}>{name}</div>\n        <FileMeta {...meta} />\n      </div>\n    </div>\n  )\n}\n\nexport type PreviewSizesProps = {\n  doc: Data & {\n    sizes?: FilesSizesWithUrl\n  }\n  imageCacheTag?: string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const PreviewSizes: React.FC<PreviewSizesProps> = ({ doc, imageCacheTag, uploadConfig }) => {\n  const { imageSizes } = uploadConfig\n  const { sizes } = doc\n\n  const [orderedSizes, setOrderedSizes] = useState<FilesSizesWithUrl>(() =>\n    sortSizes(sizes, imageSizes),\n  )\n  const [selectedSize, setSelectedSize] = useState<null | string>(null)\n\n  const generateImageUrl = (doc) => {\n    if (!doc.filename) return null\n    if (doc.url) return `${doc.url}${imageCacheTag ? `?${imageCacheTag}` : ''}`\n  }\n  useEffect(() => {\n    setOrderedSizes(sortSizes(sizes, imageSizes))\n  }, [sizes, imageSizes, imageCacheTag])\n\n  const mainPreviewSrc = selectedSize\n    ? generateImageUrl(doc.sizes[selectedSize])\n    : generateImageUrl(doc)\n\n  const originalImage = useMemo(\n    (): FileInfo => ({\n      filename: doc.filename,\n      filesize: doc.filesize,\n      height: doc.height,\n      mimeType: doc.mimeType,\n      url: doc.url,\n      width: doc.width,\n    }),\n    [doc],\n  )\n  const originalFilename = 'Original'\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__imageWrap`}>\n        <div className={`${baseClass}__meta`}>\n          <div className={`${baseClass}__sizeName`}>{selectedSize || originalFilename}</div>\n          <FileMeta {...(selectedSize ? orderedSizes[selectedSize] : originalImage)} />\n        </div>\n        <img alt={doc.filename} className={`${baseClass}__preview`} src={mainPreviewSrc} />\n      </div>\n      <div className={`${baseClass}__listWrap`}>\n        <div className={`${baseClass}__list`}>\n          <PreviewSizeCard\n            active={!selectedSize}\n            meta={originalImage}\n            name={originalFilename}\n            onClick={() => setSelectedSize(null)}\n            previewSrc={generateImageUrl(doc)}\n          />\n\n          {Object.entries(orderedSizes).map(([key, val]) => {\n            const selected = selectedSize === key\n            const previewSrc = generateImageUrl(val)\n\n            if (previewSrc) {\n              return (\n                <PreviewSizeCard\n                  active={selected}\n                  key={key}\n                  meta={val}\n                  name={key}\n                  onClick={() => setSelectedSize(key)}\n                  previewSrc={previewSrc}\n                />\n              )\n            }\n\n            return null\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["React","useEffect","useMemo","useState","FileMeta","baseClass","sortSizes","sizes","imageSizes","length","orderedSizes","forEach","name","PreviewSizeCard","active","meta","onClick","previewSrc","div","className","filter","Boolean","join","undefined","onKeyDown","e","key","role","tabIndex","img","alt","filename","src","PreviewSizes","doc","imageCacheTag","uploadConfig","setOrderedSizes","selectedSize","setSelectedSize","generateImageUrl","url","mainPreviewSrc","originalImage","filesize","height","mimeType","width","originalFilename","Object","entries","map","val","selected"],"mappings":"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"}

package/dist/elements/Publish/index.js

@@ -3,7 +3,7 @@ import qs from 'qs';
 import React, { useCallback } from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useForm, useFormModified } from '../../forms/Form/context.js';
-import FormSubmit from '../../forms/Submit/index.js';
+import { FormSubmit } from '../../forms/Submit/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
 import { useLocale } from '../../providers/Locale/index.js';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/Publish/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomPublishButtonProps, DefaultPublishButtonProps } from 'payload/types'\n\nimport qs from 'qs'\nimport React, { useCallback } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport FormSubmit from '../../forms/Submit/index.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'\n\nconst DefaultPublishButton: React.FC<DefaultPublishButtonProps> = ({\n  id,\n  canPublish,\n  disabled,\n  label,\n  publish,\n}) => {\n  if (!canPublish) return null\n\n  return (\n    <FormSubmit buttonId={id} disabled={disabled} onClick={publish} size=\"small\" type=\"button\">\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomPublishButtonProps\n}\n\nexport const Publish: React.FC<Props> = ({ CustomComponent }) => {\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo()\n  const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n  const { getData, submit } = useForm()\n  const modified = useFormModified()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { t } = useTranslation()\n\n  const hasNewerVersions = unpublishedVersions?.totalDocs > 0\n  const canPublish = modified || hasNewerVersions || !publishedDoc\n\n  const publish = useCallback(() => {\n    void submit({\n      overrides: {\n        _status: 'published',\n      },\n    })\n  }, [submit])\n\n  React.useEffect(() => {\n    const fetchPublishAccess = async () => {\n      let docAccessURL: string\n      let operation = 'update'\n\n      const params = {\n        locale: code || undefined,\n      }\n      if (globalSlug) {\n        docAccessURL = `/globals/${globalSlug}/access`\n      } else if (collectionSlug) {\n        if (!id) operation = 'create'\n        docAccessURL = `/${collectionSlug}/access${id ? `/${id}` : ''}`\n      }\n\n      if (docAccessURL) {\n        const data = getData()\n\n        const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n          body: JSON.stringify({\n            ...data,\n            _status: 'published',\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'post',\n        })\n        const json = await res.json()\n        const result = Boolean(json?.[operation]?.permission)\n        setHasPublishPermission(result)\n      } else {\n        setHasPublishPermission(true)\n      }\n    }\n\n    void fetchPublishAccess()\n  }, [api, code, collectionSlug, getData, globalSlug, id, serverURL])\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultPublishButton}\n      componentProps={{\n        id: 'action-save',\n        DefaultButton: DefaultPublishButton,\n        canPublish: hasPublishPermission,\n        disabled: !canPublish,\n        label: t('version:publishChanges'),\n        publish,\n      }}\n    />\n  )\n}\n"],"names":["qs","React","useCallback","RenderCustomComponent","useForm","useFormModified","FormSubmit","useConfig","useDocumentInfo","useLocale","useTranslation","DefaultPublishButton","id","canPublish","disabled","label","publish","buttonId","onClick","size","type","Publish","CustomComponent","code","collectionSlug","globalSlug","publishedDoc","unpublishedVersions","hasPublishPermission","setHasPublishPermission","useState","getData","submit","modified","routes","api","serverURL","t","hasNewerVersions","totalDocs","overrides","_status","useEffect","fetchPublishAccess","docAccessURL","operation","params","locale","undefined","data","res","fetch","stringify","body","JSON","credentials","headers","method","json","result","Boolean","permission","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,QAAQ,KAAI;AACnB,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,OAAOC,gBAAgB,8BAA6B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,uBAA4D,CAAC,EACjEC,EAAE,EACFC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACR;IACC,IAAI,CAACH,YAAY,OAAO;IAExB,qBACE,oBAACP;QAAWW,UAAUL;QAAIE,UAAUA;QAAUI,SAASF;QAASG,MAAK;QAAQC,MAAK;OAC/EL;AAGP;AAMA,OAAO,MAAMM,UAA2B,CAAC,EAAEC,eAAe,EAAE;IAC1D,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEG,EAAE,EAAEY,cAAc,EAAEC,UAAU,EAAEC,YAAY,EAAEC,mBAAmB,EAAE,GAAGnB;IAC9E,MAAM,CAACoB,sBAAsBC,wBAAwB,GAAG5B,MAAM6B,QAAQ,CAAC;IACvE,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAG5B;IAC5B,MAAM6B,WAAW5B;IACjB,MAAM,EACJ6B,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG7B;IACJ,MAAM,EAAE8B,CAAC,EAAE,GAAG3B;IAEd,MAAM4B,mBAAmBX,qBAAqBY,YAAY;IAC1D,MAAM1B,aAAaoB,YAAYK,oBAAoB,CAACZ;IAEpD,MAAMV,UAAUd,YAAY;QAC1B,KAAK8B,OAAO;YACVQ,WAAW;gBACTC,SAAS;YACX;QACF;IACF,GAAG;QAACT;KAAO;IAEX/B,MAAMyC,SAAS,CAAC;QACd,MAAMC,qBAAqB;YACzB,IAAIC;YACJ,IAAIC,YAAY;YAEhB,MAAMC,SAAS;gBACbC,QAAQxB,QAAQyB;YAClB;YACA,IAAIvB,YAAY;gBACdmB,eAAe,CAAC,SAAS,EAAEnB,WAAW,OAAO,CAAC;YAChD,OAAO,IAAID,gBAAgB;gBACzB,IAAI,CAACZ,IAAIiC,YAAY;gBACrBD,eAAe,CAAC,CAAC,EAAEpB,eAAe,OAAO,EAAEZ,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,CAAC;YACjE;YAEA,IAAIgC,cAAc;gBAChB,MAAMK,OAAOlB;gBAEb,MAAMmB,MAAM,MAAMC,MAAM,CAAC,EAAEf,UAAU,EAAED,IAAI,EAAES,aAAa,CAAC,EAAE5C,GAAGoD,SAAS,CAACN,QAAQ,CAAC,EAAE;oBACnFO,MAAMC,KAAKF,SAAS,CAAC;wBACnB,GAAGH,IAAI;wBACPR,SAAS;oBACX;oBACAc,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBACA,MAAMC,OAAO,MAAMR,IAAIQ,IAAI;gBAC3B,MAAMC,SAASC,QAAQF,MAAM,CAACb,UAAU,EAAEgB;gBAC1ChC,wBAAwB8B;YAC1B,OAAO;gBACL9B,wBAAwB;YAC1B;QACF;QAEA,KAAKc;IACP,GAAG;QAACR;QAAKZ;QAAMC;QAAgBO;QAASN;QAAYb;QAAIwB;KAAU;IAElE,qBACE,oBAACjC;QACCmB,iBAAiBA;QACjBwC,kBAAkBnD;QAClBoD,gBAAgB;YACdnD,IAAI;YACJoD,eAAerD;YACfE,YAAYe;YACZd,UAAU,CAACD;YACXE,OAAOsB,EAAE;YACTrB;QACF;;AAGN,EAAC"}
+{"version":3,"sources":["../../../src/elements/Publish/index.tsx"],"sourcesContent":["'use client'\nimport type { CustomPublishButtonProps, DefaultPublishButtonProps } from 'payload/types'\n\nimport qs from 'qs'\nimport React, { useCallback } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.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'\n\nconst DefaultPublishButton: React.FC<DefaultPublishButtonProps> = ({\n  id,\n  canPublish,\n  disabled,\n  label,\n  publish,\n}) => {\n  if (!canPublish) return null\n\n  return (\n    <FormSubmit buttonId={id} disabled={disabled} onClick={publish} size=\"small\" type=\"button\">\n      {label}\n    </FormSubmit>\n  )\n}\n\ntype Props = {\n  CustomComponent?: CustomPublishButtonProps\n}\n\nexport const Publish: React.FC<Props> = ({ CustomComponent }) => {\n  const { code } = useLocale()\n  const { id, collectionSlug, globalSlug, publishedDoc, unpublishedVersions } = useDocumentInfo()\n  const [hasPublishPermission, setHasPublishPermission] = React.useState(false)\n  const { getData, submit } = useForm()\n  const modified = useFormModified()\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { t } = useTranslation()\n\n  const hasNewerVersions = unpublishedVersions?.totalDocs > 0\n  const canPublish = modified || hasNewerVersions || !publishedDoc\n\n  const publish = useCallback(() => {\n    void submit({\n      overrides: {\n        _status: 'published',\n      },\n    })\n  }, [submit])\n\n  React.useEffect(() => {\n    const fetchPublishAccess = async () => {\n      let docAccessURL: string\n      let operation = 'update'\n\n      const params = {\n        locale: code || undefined,\n      }\n      if (globalSlug) {\n        docAccessURL = `/globals/${globalSlug}/access`\n      } else if (collectionSlug) {\n        if (!id) operation = 'create'\n        docAccessURL = `/${collectionSlug}/access${id ? `/${id}` : ''}`\n      }\n\n      if (docAccessURL) {\n        const data = getData()\n\n        const res = await fetch(`${serverURL}${api}${docAccessURL}?${qs.stringify(params)}`, {\n          body: JSON.stringify({\n            ...data,\n            _status: 'published',\n          }),\n          credentials: 'include',\n          headers: {\n            'Content-Type': 'application/json',\n          },\n          method: 'post',\n        })\n        const json = await res.json()\n        const result = Boolean(json?.[operation]?.permission)\n        setHasPublishPermission(result)\n      } else {\n        setHasPublishPermission(true)\n      }\n    }\n\n    void fetchPublishAccess()\n  }, [api, code, collectionSlug, getData, globalSlug, id, serverURL])\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomComponent}\n      DefaultComponent={DefaultPublishButton}\n      componentProps={{\n        id: 'action-save',\n        DefaultButton: DefaultPublishButton,\n        canPublish: hasPublishPermission,\n        disabled: !canPublish,\n        label: t('version:publishChanges'),\n        publish,\n      }}\n    />\n  )\n}\n"],"names":["qs","React","useCallback","RenderCustomComponent","useForm","useFormModified","FormSubmit","useConfig","useDocumentInfo","useLocale","useTranslation","DefaultPublishButton","id","canPublish","disabled","label","publish","buttonId","onClick","size","type","Publish","CustomComponent","code","collectionSlug","globalSlug","publishedDoc","unpublishedVersions","hasPublishPermission","setHasPublishPermission","useState","getData","submit","modified","routes","api","serverURL","t","hasNewerVersions","totalDocs","overrides","_status","useEffect","fetchPublishAccess","docAccessURL","operation","params","locale","undefined","data","res","fetch","stringify","body","JSON","credentials","headers","method","json","result","Boolean","permission","DefaultComponent","componentProps","DefaultButton"],"mappings":"AAAA;AAGA,OAAOA,QAAQ,KAAI;AACnB,OAAOC,SAASC,WAAW,QAAQ,QAAO;AAE1C,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,uBAA4D,CAAC,EACjEC,EAAE,EACFC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,OAAO,EACR;IACC,IAAI,CAACH,YAAY,OAAO;IAExB,qBACE,oBAACP;QAAWW,UAAUL;QAAIE,UAAUA;QAAUI,SAASF;QAASG,MAAK;QAAQC,MAAK;OAC/EL;AAGP;AAMA,OAAO,MAAMM,UAA2B,CAAC,EAAEC,eAAe,EAAE;IAC1D,MAAM,EAAEC,IAAI,EAAE,GAAGd;IACjB,MAAM,EAAEG,EAAE,EAAEY,cAAc,EAAEC,UAAU,EAAEC,YAAY,EAAEC,mBAAmB,EAAE,GAAGnB;IAC9E,MAAM,CAACoB,sBAAsBC,wBAAwB,GAAG5B,MAAM6B,QAAQ,CAAC;IACvE,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAG5B;IAC5B,MAAM6B,WAAW5B;IACjB,MAAM,EACJ6B,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,GAAG7B;IACJ,MAAM,EAAE8B,CAAC,EAAE,GAAG3B;IAEd,MAAM4B,mBAAmBX,qBAAqBY,YAAY;IAC1D,MAAM1B,aAAaoB,YAAYK,oBAAoB,CAACZ;IAEpD,MAAMV,UAAUd,YAAY;QAC1B,KAAK8B,OAAO;YACVQ,WAAW;gBACTC,SAAS;YACX;QACF;IACF,GAAG;QAACT;KAAO;IAEX/B,MAAMyC,SAAS,CAAC;QACd,MAAMC,qBAAqB;YACzB,IAAIC;YACJ,IAAIC,YAAY;YAEhB,MAAMC,SAAS;gBACbC,QAAQxB,QAAQyB;YAClB;YACA,IAAIvB,YAAY;gBACdmB,eAAe,CAAC,SAAS,EAAEnB,WAAW,OAAO,CAAC;YAChD,OAAO,IAAID,gBAAgB;gBACzB,IAAI,CAACZ,IAAIiC,YAAY;gBACrBD,eAAe,CAAC,CAAC,EAAEpB,eAAe,OAAO,EAAEZ,KAAK,CAAC,CAAC,EAAEA,GAAG,CAAC,GAAG,GAAG,CAAC;YACjE;YAEA,IAAIgC,cAAc;gBAChB,MAAMK,OAAOlB;gBAEb,MAAMmB,MAAM,MAAMC,MAAM,CAAC,EAAEf,UAAU,EAAED,IAAI,EAAES,aAAa,CAAC,EAAE5C,GAAGoD,SAAS,CAACN,QAAQ,CAAC,EAAE;oBACnFO,MAAMC,KAAKF,SAAS,CAAC;wBACnB,GAAGH,IAAI;wBACPR,SAAS;oBACX;oBACAc,aAAa;oBACbC,SAAS;wBACP,gBAAgB;oBAClB;oBACAC,QAAQ;gBACV;gBACA,MAAMC,OAAO,MAAMR,IAAIQ,IAAI;gBAC3B,MAAMC,SAASC,QAAQF,MAAM,CAACb,UAAU,EAAEgB;gBAC1ChC,wBAAwB8B;YAC1B,OAAO;gBACL9B,wBAAwB;YAC1B;QACF;QAEA,KAAKc;IACP,GAAG;QAACR;QAAKZ;QAAMC;QAAgBO;QAASN;QAAYb;QAAIwB;KAAU;IAElE,qBACE,oBAACjC;QACCmB,iBAAiBA;QACjBwC,kBAAkBnD;QAClBoD,gBAAgB;YACdnD,IAAI;YACJoD,eAAerD;YACfE,YAAYe;YACZd,UAAU,CAACD;YACXE,OAAOsB,EAAE;YACTrB;QACF;;AAGN,EAAC"}

package/dist/elements/PublishMany/index.d.ts

@@ -1,5 +1,8 @@
+import type { ClientCollectionConfig } from 'payload/types';
 import React from 'react';
-import type { Props } from './types.js';
 import './index.scss';
-export declare const PublishMany: React.FC<Props>;
+export type PublishManyProps = {
+    collection: ClientCollectionConfig;
+};
+export declare const PublishMany: React.FC<PublishManyProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishMany/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAWvC,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoHvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PublishMany/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAK3D,OAAO,KAAgC,MAAM,OAAO,CAAA;AAapD,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,EAAE,sBAAsB,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwHlD,CAAA"}

package/dist/elements/PublishMany/index.js

@@ -6,16 +6,18 @@ import React, { useCallback, useState } from 'react';
 import { toast } from 'react-toastify';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { useRouteCache } from '../../providers/RouteCache/index.js';
 import { useSearchParams } from '../../providers/SearchParams/index.js';
-import { SelectAllStatus, useSelection } from '../../providers/SelectionProvider/index.js';
+import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { MinimalTemplate } from '../../templates/Minimal/index.js';
 import { requests } from '../../utilities/api.js';
 import { Button } from '../Button/index.js';
-import Pill from '../Pill/index.js';
+import { Pill } from '../Pill/index.js';
 const baseClass = 'publish-many';
 export const PublishMany = (props)=>{
     const { Modal, useModal } = facelessUIImport;
+    const { clearRouteCache } = useRouteCache();
     const { collection: { slug, labels: { plural }, versions } = {} } = props;
     const { routes: { api }, serverURL } = useConfig();
     const { permissions } = useAuth();
@@ -58,6 +60,7 @@ export const PublishMany = (props)=>{
                             page: selectAll ? '1' : undefined
                         }
                     }));
+                    clearRouteCache();
                     return null;
                 }
                 if (json.errors) {
@@ -82,7 +85,8 @@ export const PublishMany = (props)=>{
         t,
         toggleModal,
         router,
-        stringifyParams
+        stringifyParams,
+        clearRouteCache
     ]);
     if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {
         return null;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport type { Props } from './types.js'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/SelectionProvider/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport Pill from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'publish-many'\n\nexport const PublishMany: React.FC<Props> = (props) => {\n  const { Modal, useModal } = facelessUIImport\n\n  const { collection: { slug, labels: { plural }, versions } = {} } = props\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { permissions } = useAuth()\n  const { toggleModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const { getQueryParams, selectAll } = useSelection()\n  const [submitted, setSubmitted] = useState(false)\n  const router = useRouter()\n  const { stringifyParams } = useSearchParams()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update?.permission\n\n  const modalSlug = `publish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handlePublish = useCallback(async () => {\n    setSubmitted(true)\n    await requests\n      .patch(\n        `${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}`,\n        {\n          body: JSON.stringify({\n            _status: 'published',\n          }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\n        },\n      )\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n          toggleModal(modalSlug)\n          if (res.status < 400) {\n            toast.success(t('general:updatedSuccessfully'))\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\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 (e) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n.language,\n    modalSlug,\n    selectAll,\n    serverURL,\n    slug,\n    t,\n    toggleModal,\n    router,\n    stringifyParams,\n  ])\n\n  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSubmitted(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('version:publish')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__template`}>\n          <h1>{t('version:confirmPublish')}</h1>\n          <p>{t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"confirm-cancel\"\n            onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-publish\" onClick={submitted ? undefined : handlePublish}>\n            {submitted ? t('version:publishing') : t('general:confirm')}\n          </Button>\n        </MinimalTemplate>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useSearchParams","SelectAllStatus","useSelection","useTranslation","MinimalTemplate","requests","Button","Pill","baseClass","PublishMany","props","Modal","useModal","collection","slug","labels","plural","versions","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","router","stringifyParams","collectionPermissions","collections","hasPermission","update","permission","modalSlug","addDefaultError","error","handlePublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","status","success","replace","params","page","undefined","errors","forEach","message","e","drafts","None","Fragment","className","onClick","h1","p","label","buttonStyle","id","type"],"mappings":"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"}
+{"version":3,"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload/types'\n\nimport * as facelessUIImport from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'react-toastify'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { MinimalTemplate } from '../../templates/Minimal/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { Button } from '../Button/index.js'\nimport { Pill } from '../Pill/index.js'\nimport './index.scss'\n\nconst baseClass = 'publish-many'\n\nexport type PublishManyProps = {\n  collection: ClientCollectionConfig\n}\n\nexport const PublishMany: React.FC<PublishManyProps> = (props) => {\n  const { Modal, useModal } = facelessUIImport\n  const { clearRouteCache } = useRouteCache()\n\n  const { collection: { slug, labels: { plural }, versions } = {} } = props\n\n  const {\n    routes: { api },\n    serverURL,\n  } = useConfig()\n  const { permissions } = useAuth()\n  const { toggleModal } = useModal()\n  const { i18n, t } = useTranslation()\n  const { getQueryParams, selectAll } = useSelection()\n  const [submitted, setSubmitted] = useState(false)\n  const router = useRouter()\n  const { stringifyParams } = useSearchParams()\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasPermission = collectionPermissions?.update?.permission\n\n  const modalSlug = `publish-${slug}`\n\n  const addDefaultError = useCallback(() => {\n    toast.error(t('error:unknown'))\n  }, [t])\n\n  const handlePublish = useCallback(async () => {\n    setSubmitted(true)\n    await requests\n      .patch(\n        `${serverURL}${api}/${slug}${getQueryParams({ _status: { not_equals: 'published' } })}`,\n        {\n          body: JSON.stringify({\n            _status: 'published',\n          }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n          },\n        },\n      )\n      .then(async (res) => {\n        try {\n          const json = await res.json()\n          toggleModal(modalSlug)\n          if (res.status < 400) {\n            toast.success(t('general:updatedSuccessfully'))\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n              }),\n            )\n\n            clearRouteCache()\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 (e) {\n          return addDefaultError()\n        }\n      })\n  }, [\n    addDefaultError,\n    api,\n    getQueryParams,\n    i18n.language,\n    modalSlug,\n    selectAll,\n    serverURL,\n    slug,\n    t,\n    toggleModal,\n    router,\n    stringifyParams,\n    clearRouteCache,\n  ])\n\n  if (!versions?.drafts || selectAll === SelectAllStatus.None || !hasPermission) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <Pill\n        className={`${baseClass}__toggle`}\n        onClick={() => {\n          setSubmitted(false)\n          toggleModal(modalSlug)\n        }}\n      >\n        {t('version:publish')}\n      </Pill>\n      <Modal className={baseClass} slug={modalSlug}>\n        <MinimalTemplate className={`${baseClass}__template`}>\n          <h1>{t('version:confirmPublish')}</h1>\n          <p>{t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}</p>\n          <Button\n            buttonStyle=\"secondary\"\n            id=\"confirm-cancel\"\n            onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n            type=\"button\"\n          >\n            {t('general:cancel')}\n          </Button>\n          <Button id=\"confirm-publish\" onClick={submitted ? undefined : handlePublish}>\n            {submitted ? t('version:publishing') : t('general:confirm')}\n          </Button>\n        </MinimalTemplate>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"names":["facelessUIImport","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","MinimalTemplate","requests","Button","Pill","baseClass","PublishMany","props","Modal","useModal","clearRouteCache","collection","slug","labels","plural","versions","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","router","stringifyParams","collectionPermissions","collections","hasPermission","update","permission","modalSlug","addDefaultError","error","handlePublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","status","success","replace","params","page","undefined","errors","forEach","message","e","drafts","None","Fragment","className","onClick","h1","p","label","buttonStyle","id","type"],"mappings":"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"}

package/dist/elements/ReactSelect/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Props as ReactSelectAdapterProps } from './types.js';
+export type { Option } from './types.js';
 import './index.scss';
-declare const ReactSelect: React.FC<ReactSelectAdapterProps>;
-export default ReactSelect;
+export declare const ReactSelect: React.FC<ReactSelectAdapterProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,KAAK,IAAI,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAYlE,OAAO,cAAc,CAAA;AAuKrB,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQlD,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,KAAK,IAAI,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAClE,YAAY,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAYxC,OAAO,cAAc,CAAA;AAuKrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQzD,CAAA"}

package/dist/elements/ReactSelect/index.js

@@ -6,7 +6,7 @@ import Select from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import { Chevron } from '../../icons/Chevron/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-import DraggableSortable from '../DraggableSortable/index.js';
+import { DraggableSortable } from '../DraggableSortable/index.js';
 import { ClearIndicator } from './ClearIndicator/index.js';
 import { Control } from './Control/index.js';
 import { MultiValue } from './MultiValue/index.js';
@@ -149,13 +149,12 @@ const SortableSelect = (props)=>{
         }
     }, /*#__PURE__*/ React.createElement(SelectAdapter, props));
 };
-const ReactSelect = (props)=>{
+export const ReactSelect = (props)=>{
     const { isMulti, isSortable } = props;
     if (isMulti && isSortable) {
         return /*#__PURE__*/ React.createElement(SortableSelect, props);
     }
     return /*#__PURE__*/ React.createElement(SelectAdapter, props);
 };
-export default ReactSelect;
 
 //# sourceMappingURL=index.js.map