@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

package/dist/elements/PublishMany/index.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\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 { 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 { 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' } })}&draft=true`,\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        <div 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        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","PublishMany","props","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","div","h1","p","label","buttonStyle","id","type"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Modal","useModal","getTranslation","useRouter","React","useCallback","useState","toast","useAuth","useConfig","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","requests","Button","Pill","baseClass","PublishMany","props","clearRouteCache","collection","slug","labels","plural","singular","versions","config","routes","api","serverURL","permissions","toggleModal","i18n","t","getQueryParams","selectAll","submitted","setSubmitted","router","stringifyParams","collectionPermissions","collections","hasPermission","update","modalSlug","addDefaultError","error","handlePublish","patch","_status","not_equals","body","JSON","stringify","headers","language","then","res","json","deletedDocs","docs","length","successLabel","status","success","count","label","errors","message","description","map","join","replace","params","page","undefined","forEach","e","drafts","None","_jsxs","Fragment","_jsx","className","onClick","buttonStyle","id","size","type"],"sources":["../../../src/elements/PublishMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { Modal, useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\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 { 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 { clearRouteCache } = useRouteCache()\n\n  const { collection: { slug, labels: { plural, singular }, versions } = {} } = props\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\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\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' } })}&draft=true`,\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\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            if (json?.errors.length > 0) {\n              toast.error(json.message, {\n                description: json.errors.map((error) => error.message).join('\\n'),\n              })\n            }\n            router.replace(\n              stringifyParams({\n                params: {\n                  page: selectAll ? '1' : undefined,\n                },\n              }),\n            )\n\n            clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\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,\n    modalSlug,\n    plural,\n    selectAll,\n    serverURL,\n    singular,\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        <div className={`${baseClass}__wrapper`}>\n          <div className={`${baseClass}__content`}>\n            <h1>{t('version:confirmPublish')}</h1>\n            <p>{t('version:aboutToPublishSelection', { label: getTranslation(plural, i18n) })}</p>\n          </div>\n          <div className={`${baseClass}__controls`}>\n            <Button\n              buttonStyle=\"secondary\"\n              id=\"confirm-cancel\"\n              onClick={submitted ? undefined : () => toggleModal(modalSlug)}\n              size=\"large\"\n              type=\"button\"\n            >\n              {t('general:cancel')}\n            </Button>\n            <Button\n              id=\"confirm-publish\"\n              onClick={submitted ? undefined : handlePublish}\n              size=\"large\"\n            >\n              {submitted ? t('version:publishing') : t('general:confirm')}\n            </Button>\n          </div>\n        </div>\n      </Modal>\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/PublishMany/index.scss

@@ -1,18 +1,39 @@
 @import '../../scss/styles.scss';
 
-.publish-many {
-  @include blur-bg;
-  display: flex;
-  align-items: center;
-  height: 100%;
-  padding: base(2);
+@layer payload-default {
+  .publish-many {
+    @include blur-bg;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 
-  &__template {
-    z-index: 1;
-    position: relative;
-  }
+    &__wrapper {
+      z-index: 1;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      gap: base(0.8);
+      padding: base(2);
+    }
+
+    &__content {
+      display: flex;
+      flex-direction: column;
+      gap: base(0.4);
+
+      > * {
+        margin: 0;
+      }
+    }
+
+    &__controls {
+      display: flex;
+      gap: base(0.4);
 
-  .btn {
-    margin-right: $baseline;
+      .btn {
+        margin: 0;
+      }
+    }
   }
 }

package/dist/elements/ReactSelect/ClearIndicator/index.js

@@ -1,28 +1,34 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { XIcon } from '../../../icons/X/index.js';
 import './index.scss';
 const baseClass = 'clear-indicator';
-export const ClearIndicator = (props)=>{
-    const { clearValue, innerProps: { ref, ...restInnerProps } } = props;
-    return /*#__PURE__*/ _jsx("div", {
-        className: baseClass,
-        // TODO Fix this - Broke with React 19 types
-        ref: typeof ref === 'string' ? null : ref,
-        ...restInnerProps,
-        onKeyDown: (e)=>{
-            if (e.key === 'Enter') {
-                clearValue();
-                e.stopPropagation();
-            }
-        },
-        role: "button",
-        tabIndex: 0,
-        children: /*#__PURE__*/ _jsx(XIcon, {
-            className: `${baseClass}__icon`
-        })
-    });
+export const ClearIndicator = props => {
+  const {
+    clearValue,
+    innerProps: {
+      ref,
+      ...restInnerProps
+    }
+  } = props;
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    // TODO Fix this - Broke with React 19 types
+    ref: typeof ref === 'string' ? null : ref,
+    ...restInnerProps,
+    onKeyDown: e => {
+      if (e.key === 'Enter') {
+        clearValue();
+        e.stopPropagation();
+      }
+    },
+    role: "button",
+    tabIndex: 0,
+    children: /*#__PURE__*/_jsx(XIcon, {
+      className: `${baseClass}__icon`
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/ClearIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport './index.scss'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <XIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"names":["React","XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","div","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAIzB,SAASC,KAAK,QAAQ,4BAA2B;AACjD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,iBAAkE,CAACC;IAC9E,MAAM,EACJC,UAAU,EACVC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGJ;IAEJ,qBACE,KAACK;QACCC,WAAWR;QACX,4CAA4C;QAC5CK,KAAK,OAAOA,QAAQ,WAAW,OAAOA;QACrC,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;gBACrBR;gBACAO,EAAEE,eAAe;YACnB;QACF;QACAC,MAAK;QACLC,UAAU;kBAEV,cAAA,KAACf;YAAMS,WAAW,CAAC,EAAER,UAAU,MAAM,CAAC;;;AAG5C,EAAC"}
+{"version":3,"file":"index.js","names":["React","XIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport './index.scss'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <XIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAIlB,SAASC,KAAK,QAAQ;AACtB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAmEC,KAAA;EAC9E,MAAM;IACJC,UAAU;IACVC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGJ,KAAA;EAEJ,oBACEK,IAAA,CAAC;IACCC,SAAA,EAAWR,SAAA;IACX;IACAK,GAAA,EAAK,OAAOA,GAAA,KAAQ,WAAW,OAAOA,GAAA;IACrC,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBR,UAAA;QACAO,CAAA,CAAEE,eAAe;MACnB;IACF;IACAC,IAAA,EAAK;IACLC,QAAA,EAAU;cAEV,aAAAP,IAAA,CAACR,KAAA;MAAMS,SAAA,EAAW,GAAGR,SAAA;;;AAG3B","ignoreList":[]}

package/dist/elements/ReactSelect/ClearIndicator/index.scss

@@ -1,9 +1,11 @@
 @import '../../../scss/styles.scss';
 
-.clear-indicator {
-  cursor: pointer;
+@layer payload-default {
+  .clear-indicator {
+    cursor: pointer;
 
-  &:focus-visible {
-    outline: var(--accessibility-outline);
+    &:focus-visible {
+      outline: var(--accessibility-outline);
+    }
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/Control/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAsCvD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/Control/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAqCvD,CAAA"}

package/dist/elements/ReactSelect/Control/index.js

@@ -1,37 +1,46 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
-export const Control = (props)=>{
-    const { children, innerProps, // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
-    selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {} } = props;
-    return /*#__PURE__*/ _jsx(React.Fragment, {
-        children: /*#__PURE__*/ _jsx(SelectComponents.Control, {
-            ...props,
-            innerProps: {
-                ...innerProps,
-                onKeyDown: (e)=>{
-                    if (disableKeyDown) {
-                        e.stopPropagation();
-                        // Create event for keydown listeners which specifically want to bypass this stopPropagation
-                        const bypassEvent = new CustomEvent('bypassKeyDown', {
-                            detail: e
-                        });
-                        document.dispatchEvent(bypassEvent);
-                    }
-                },
-                // react-select has this typed incorrectly so we disable the linting rule
-                // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
-                onMouseDown: (e)=>{
-                    // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
-                    if (!disableMouseDown) {
-                        innerProps.onMouseDown(e);
-                    }
-                }
-            },
-            children: children
-        })
-    });
+export const Control = props => {
+  const {
+    children,
+    innerProps,
+    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module
+    selectProps: {
+      customProps: {
+        disableKeyDown,
+        disableMouseDown
+      } = {}
+    } = {}
+  } = props;
+  return /*#__PURE__*/_jsx(React.Fragment, {
+    children: /*#__PURE__*/_jsx(SelectComponents.Control, {
+      ...props,
+      innerProps: {
+        ...innerProps,
+        onKeyDown: e => {
+          if (disableKeyDown) {
+            e.stopPropagation();
+            // Create event for keydown listeners which specifically want to bypass this stopPropagation
+            const bypassEvent = new CustomEvent('bypassKeyDown', {
+              detail: e
+            });
+            document.dispatchEvent(bypassEvent);
+          }
+        },
+        // react-select has this typed incorrectly so we disable the linting rule
+        // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)
+        onMouseDown: e => {
+          // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)
+          if (!disableMouseDown) {
+            innerProps.onMouseDown(e);
+          }
+        }
+      },
+      children: children
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/Control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/Control/index.tsx"],"sourcesContent":["'use client'\nimport type { ControlProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Control: React.FC<ControlProps<Option, any>> = (props) => {\n  const {\n    children,\n    innerProps,\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {},\n  } = props\n\n  return (\n    <React.Fragment>\n      {/* @ts-expect-error // TODO Fix this - Broke with React 19 types */}\n      <SelectComponents.Control\n        {...props}\n        innerProps={{\n          ...innerProps,\n          onKeyDown: (e) => {\n            if (disableKeyDown) {\n              e.stopPropagation()\n              // Create event for keydown listeners which specifically want to bypass this stopPropagation\n              const bypassEvent = new CustomEvent('bypassKeyDown', { detail: e })\n              document.dispatchEvent(bypassEvent)\n            }\n          },\n          // react-select has this typed incorrectly so we disable the linting rule\n          // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)\n\n          onMouseDown: (e) => {\n            // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)\n            if (!disableMouseDown) {\n              innerProps.onMouseDown(e)\n            }\n          },\n        }}\n      >\n        {children}\n      </SelectComponents.Control>\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Control","props","children","innerProps","selectProps","customProps","disableKeyDown","disableMouseDown","Fragment","onKeyDown","e","stopPropagation","bypassEvent","CustomEvent","detail","document","dispatchEvent","onMouseDown"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,UAA+C,CAACC;IAC3D,MAAM,EACJC,QAAQ,EACRC,UAAU,EACV,8FAA8F;IAC9FC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAEC,gBAAgB,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC7E,GAAGN;IAEJ,qBACE,KAACJ,MAAMW,QAAQ;kBAEb,cAAA,KAACT,iBAAiBC,OAAO;YACtB,GAAGC,KAAK;YACTE,YAAY;gBACV,GAAGA,UAAU;gBACbM,WAAW,CAACC;oBACV,IAAIJ,gBAAgB;wBAClBI,EAAEC,eAAe;wBACjB,4FAA4F;wBAC5F,MAAMC,cAAc,IAAIC,YAAY,iBAAiB;4BAAEC,QAAQJ;wBAAE;wBACjEK,SAASC,aAAa,CAACJ;oBACzB;gBACF;gBACA,yEAAyE;gBACzE,uIAAuI;gBAEvIK,aAAa,CAACP;oBACZ,yIAAyI;oBACzI,IAAI,CAACH,kBAAkB;wBACrBJ,WAAWc,WAAW,CAACP;oBACzB;gBACF;YACF;sBAECR;;;AAIT,EAAC"}
+{"version":3,"file":"index.js","names":["React","components","SelectComponents","Control","props","children","innerProps","selectProps","customProps","disableKeyDown","disableMouseDown","_jsx","Fragment","onKeyDown","e","stopPropagation","bypassEvent","CustomEvent","detail","document","dispatchEvent","onMouseDown"],"sources":["../../../../src/elements/ReactSelect/Control/index.tsx"],"sourcesContent":["'use client'\nimport type { ControlProps } from 'react-select'\n\nimport React from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../types.js'\n\nexport const Control: React.FC<ControlProps<Option, any>> = (props) => {\n  const {\n    children,\n    innerProps,\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { disableKeyDown, disableMouseDown } = {} } = {},\n  } = props\n\n  return (\n    <React.Fragment>\n      <SelectComponents.Control\n        {...props}\n        innerProps={{\n          ...innerProps,\n          onKeyDown: (e) => {\n            if (disableKeyDown) {\n              e.stopPropagation()\n              // Create event for keydown listeners which specifically want to bypass this stopPropagation\n              const bypassEvent = new CustomEvent('bypassKeyDown', { detail: e })\n              document.dispatchEvent(bypassEvent)\n            }\n          },\n          // react-select has this typed incorrectly so we disable the linting rule\n          // we need to prevent react-select from hijacking the 'onKeyDown' event while modals are open (i.e. the 'Relationship' field component)\n\n          onMouseDown: (e) => {\n            // we need to prevent react-select from hijacking the 'onMouseDown' event while modals are open (i.e. the 'Relationship' field component)\n            if (!disableMouseDown) {\n              innerProps.onMouseDown(e)\n            }\n          },\n        }}\n      >\n        {children}\n      </SelectComponents.Control>\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAI/C,OAAO,MAAMC,OAAA,GAAgDC,KAAA;EAC3D,MAAM;IACJC,QAAQ;IACRC,UAAU;IACV;IACAC,WAAA,EAAa;MAAEC,WAAA,EAAa;QAAEC,cAAc;QAAEC;MAAgB,CAAE,GAAG,CAAC;IAAC,CAAE,GAAG,CAAC;EAAC,CAC7E,GAAGN,KAAA;EAEJ,oBACEO,IAAA,CAACX,KAAA,CAAMY,QAAQ;cACb,aAAAD,IAAA,CAACT,gBAAA,CAAiBC,OAAO;MACtB,GAAGC,KAAK;MACTE,UAAA,EAAY;QACV,GAAGA,UAAU;QACbO,SAAA,EAAYC,CAAA;UACV,IAAIL,cAAA,EAAgB;YAClBK,CAAA,CAAEC,eAAe;YACjB;YACA,MAAMC,WAAA,GAAc,IAAIC,WAAA,CAAY,iBAAiB;cAAEC,MAAA,EAAQJ;YAAE;YACjEK,QAAA,CAASC,aAAa,CAACJ,WAAA;UACzB;QACF;QACA;QACA;QAEAK,WAAA,EAAcP,CAAA;UACZ;UACA,IAAI,CAACJ,gBAAA,EAAkB;YACrBJ,UAAA,CAAWe,WAAW,CAACP,CAAA;UACzB;QACF;MACF;gBAECT;;;AAIT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAG1D,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAEvD,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAmB7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,cAAc,CAAA;AAGrB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAqB7C,CAAA"}

package/dist/elements/ReactSelect/DropdownIndicator/index.js

@@ -1,23 +1,30 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ChevronIcon } from '@payloadcms/ui';
 import React from 'react';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
 import './index.scss';
 const baseClass = 'dropdown-indicator';
-export const DropdownIndicator = (props)=>{
-    const { innerProps: { ref, ...restInnerProps } } = props;
-    return /*#__PURE__*/ _jsx("button", {
-        className: baseClass,
-        ref: ref,
-        ...restInnerProps,
-        onKeyDown: (e)=>{
-            if (e.key === 'Enter') e.key = ' ';
-        },
-        type: "button",
-        children: /*#__PURE__*/ _jsx(ChevronIcon, {
-            className: `${baseClass}__icon`
-        })
-    });
+export const DropdownIndicator = props => {
+  const {
+    innerProps: {
+      ref,
+      ...restInnerProps
+    }
+  } = props;
+  return /*#__PURE__*/_jsx("button", {
+    className: baseClass,
+    ref: ref,
+    ...restInnerProps,
+    onKeyDown: e => {
+      if (e.key === 'Enter') {
+        e.key = ' ';
+      }
+    },
+    type: "button",
+    children: /*#__PURE__*/_jsx(ChevronIcon, {
+      className: `${baseClass}__icon`
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/DropdownIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport { ChevronIcon } from '@payloadcms/ui'\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport './index.scss'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') e.key = ' '\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["ChevronIcon","React","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","button","className","onKeyDown","e","key","type"],"mappings":"AAAA;;AAGA,SAASA,WAAW,QAAQ,iBAAgB;AAC5C,OAAOC,WAAyB,QAAO;AAIvC,OAAO,eAAc;AAErB,MAAMC,YAAY;AAClB,OAAO,MAAMC,oBAIT,CAACC;IACH,MAAM,EACJC,YAAY,EAAEC,GAAG,EAAE,GAAGC,gBAAgB,EACvC,GAAGH;IAEJ,qBACE,KAACI;QACCC,WAAWP;QACXI,KAAKA;QACJ,GAAGC,cAAc;QAClBG,WAAW,CAACC;YACV,IAAIA,EAAEC,GAAG,KAAK,SAASD,EAAEC,GAAG,GAAG;QACjC;QACAC,MAAK;kBAEL,cAAA,KAACb;YAAYS,WAAW,CAAC,EAAEP,UAAU,MAAM,CAAC;;;AAGlD,EAAC"}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","type"],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.scss'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAyB;AAIhC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAIRC,KAAA;EACH,MAAM;IACJC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGH,KAAA;EAEJ,oBACEI,IAAA,CAAC;IACCC,SAAA,EAAWP,SAAA;IACXI,GAAA,EAAKA,GAAA;IACJ,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBD,CAAA,CAAEC,GAAG,GAAG;MACV;IACF;IACAC,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACP,WAAA;MAAYQ,SAAA,EAAW,GAAGP,SAAA;;;AAGjC","ignoreList":[]}