@payloadcms/ui 3.0.0-beta.85 → 3.0.0-beta.86

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,126 @@ 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 { config: { 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
+      },
+      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?.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;
+  }
+  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')
+        })]
+      })
+    })]
+  });
 };
-
 //# 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    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?.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","config","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","versions","config","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","_jsxs","Fragment","_jsx","className","onClick","label","buttonStyle","id","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 }, 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?.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"],"mappings":"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","ignoreList":[]}

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/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      <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;kBACb,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.js

@@ -1,23 +1,28 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 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 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') e.key = ' '\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","button","className","onKeyDown","e","key","type"],"mappings":"AAAA;;AAGA,OAAOA,WAAyB,QAAO;AAIvC,SAASC,WAAW,QAAQ,kCAAiC;AAC7D,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,KAACZ;YAAYQ,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') e.key = ' '\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,SAASD,CAAA,CAAEC,GAAG,GAAG;IACjC;IACAC,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACP,WAAA;MAAYQ,SAAA,EAAW,GAAGP,SAAA;;;AAGjC","ignoreList":[]}

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

@@ -1,17 +1,18 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { components as SelectComponents } from 'react-select';
-export const Input = (props)=>{
-    return /*#__PURE__*/ _jsx(React.Fragment, {
-        children: /*#__PURE__*/ _jsx(SelectComponents.Input, {
-            ...props,
-            /**
-         * Adding `aria-activedescendant` fixes hydration error
-         * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196
-         */ "aria-activedescendant": undefined
-        })
-    });
+export const Input = props => {
+  return /*#__PURE__*/_jsx(React.Fragment, {
+    children: /*#__PURE__*/_jsx(SelectComponents.Input, {
+      ...props,
+      /**
+      * Adding `aria-activedescendant` fixes hydration error
+      * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196
+      */
+      "aria-activedescendant": undefined
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/elements/ReactSelect/Input/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 Input: React.FC<ControlProps<Option, any>> = (props) => {\n  return (\n    <React.Fragment>\n      {/* @ts-expect-error // TODO Fix this - Broke with React 19 types */}\n      <SelectComponents.Input\n        {...props}\n        /**\n         * Adding `aria-activedescendant` fixes hydration error\n         * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196\n         */\n        aria-activedescendant={undefined}\n      />\n    </React.Fragment>\n  )\n}\n"],"names":["React","components","SelectComponents","Input","props","Fragment","aria-activedescendant","undefined"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AACzB,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,OAAO,MAAMC,QAA6C,CAACC;IACzD,qBACE,KAACJ,MAAMK,QAAQ;kBAEb,cAAA,KAACH,iBAAiBC,KAAK;YACpB,GAAGC,KAAK;YACT;;;SAGC,GACDE,yBAAuBC;;;AAI/B,EAAC"}
+{"version":3,"file":"index.js","names":["React","components","SelectComponents","Input","props","_jsx","Fragment","undefined"],"sources":["../../../../src/elements/ReactSelect/Input/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 Input: React.FC<ControlProps<Option, any>> = (props) => {\n  return (\n    <React.Fragment>\n      {/* @ts-expect-error // TODO Fix this - Broke with React 19 types */}\n      <SelectComponents.Input\n        {...props}\n        /**\n         * Adding `aria-activedescendant` fixes hydration error\n         * source: https://github.com/JedWatson/react-select/issues/5459#issuecomment-1878037196\n         */\n        aria-activedescendant={undefined}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAClB,SAASC,UAAA,IAAcC,gBAAgB,QAAQ;AAI/C,OAAO,MAAMC,KAAA,GAA8CC,KAAA;EACzD,oBACEC,IAAA,CAACL,KAAA,CAAMM,QAAQ;cAEb,aAAAD,IAAA,CAACH,gBAAA,CAAiBC,KAAK;MACpB,GAAGC,KAAK;MACT;;;;MAIA,yBAAuBG;;;AAI/B","ignoreList":[]}