@payloadcms/ui 3.0.0-beta.9 → 3.0.0-canary.220bb7c

package/dist/fields/Relationship/select-components/SingleValue/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Fragment, useEffect, useState } from 'react';
 import { components as SelectComponents } from 'react-select';
 import { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js';
@@ -26,31 +27,55 @@ export const SingleValue = (props)=>{
         isDrawerOpen,
         setDrawerIsOpen
     ]);
-    return /*#__PURE__*/ React.createElement(SelectComponents.SingleValue, {
-        ...props,
-        className: baseClass
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__label`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__label-text`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__text`
-    }, children), relationTo && hasReadPermission && /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement(DocumentDrawerToggler, {
-        "aria-label": t('general:editLabel', {
-            label
-        }),
-        className: `${baseClass}__drawer-toggler`,
-        onClick: ()=>setShowTooltip(false),
-        onMouseDown: (e)=>e.stopPropagation(),
-        onMouseEnter: ()=>setShowTooltip(true),
-        onMouseLeave: ()=>setShowTooltip(false),
-        onTouchEnd: (e)=>e.stopPropagation()
-    }, /*#__PURE__*/ React.createElement(Tooltip, {
-        className: `${baseClass}__tooltip`,
-        show: showTooltip
-    }, t('general:edit')), /*#__PURE__*/ React.createElement(Edit, null))))), relationTo && hasReadPermission && /*#__PURE__*/ React.createElement(DocumentDrawer, {
-        onSave: onSave
-    }));
+    return /*#__PURE__*/ _jsx(React.Fragment, {
+        children: /*#__PURE__*/ _jsxs(SelectComponents.SingleValue, {
+            ...props,
+            className: baseClass,
+            children: [
+                /*#__PURE__*/ _jsx("div", {
+                    className: `${baseClass}__label`,
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__label-text`,
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: `${baseClass}__text`,
+                                children: children
+                            }),
+                            relationTo && hasReadPermission && /*#__PURE__*/ _jsx(Fragment, {
+                                children: /*#__PURE__*/ _jsxs(DocumentDrawerToggler, {
+                                    "aria-label": t('general:editLabel', {
+                                        label
+                                    }),
+                                    className: `${baseClass}__drawer-toggler`,
+                                    onClick: ()=>setShowTooltip(false),
+                                    onKeyDown: (e)=>{
+                                        if (e.key === 'Enter') {
+                                            e.stopPropagation();
+                                        }
+                                    },
+                                    onMouseDown: (e)=>e.stopPropagation(),
+                                    onMouseEnter: ()=>setShowTooltip(true),
+                                    onMouseLeave: ()=>setShowTooltip(false),
+                                    onTouchEnd: (e)=>e.stopPropagation(),
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Tooltip, {
+                                            className: `${baseClass}__tooltip`,
+                                            show: showTooltip,
+                                            children: t('general:edit')
+                                        }),
+                                        /*#__PURE__*/ _jsx(Edit, {})
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                }),
+                relationTo && hasReadPermission && /*#__PURE__*/ _jsx(DocumentDrawer, {
+                    onSave: onSave
+                })
+            ]
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

package/dist/fields/Relationship/select-components/SingleValue/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useEffect, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../../types.js'\n\nimport { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js'\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { Edit } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<SingleValueProps<Option>> = (props) => {\n  const {\n    children,\n    data: { label, relationTo, value },\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { onSave, setDrawerIsOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({\n    id: value.toString(),\n    collectionSlug: relationTo,\n  })\n\n  useEffect(() => {\n    if (typeof setDrawerIsOpen === 'function') {\n      setDrawerIsOpen(isDrawerOpen)\n    }\n  }, [isDrawerOpen, setDrawerIsOpen])\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && (\n            <Fragment>\n              <DocumentDrawerToggler\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={() => setShowTooltip(false)}\n                onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                onMouseEnter={() => setShowTooltip(true)}\n                onMouseLeave={() => setShowTooltip(false)}\n                onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <Edit />\n              </DocumentDrawerToggler>\n            </Fragment>\n          )}\n        </div>\n      </div>\n      {relationTo && hasReadPermission && <DocumentDrawer onSave={onSave} />}\n    </SelectComponents.SingleValue>\n  )\n}\n"],"names":["React","Fragment","useEffect","useState","components","SelectComponents","useDocumentDrawer","Tooltip","Edit","useAuth","useTranslation","baseClass","SingleValue","props","children","data","label","relationTo","value","selectProps","customProps","onSave","setDrawerIsOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","permission","DocumentDrawer","DocumentDrawerToggler","isDrawerOpen","id","toString","collectionSlug","className","div","aria-label","onClick","onMouseDown","e","stopPropagation","onMouseEnter","onMouseLeave","onTouchEnd","show"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC5D,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,iBAAiB,QAAQ,+CAA8C;AAChF,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,IAAI,QAAQ,kCAAiC;AACtD,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAG3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAkD,CAACC;IAC9D,MAAM,EACJC,QAAQ,EACRC,MAAM,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAClC,8FAA8F;IAC9FC,aAAa,EAAEC,aAAa,EAAEC,MAAM,EAAEC,eAAe,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EACpE,GAAGT;IAEJ,MAAM,CAACU,aAAaC,eAAe,GAAGrB,SAAS;IAC/C,MAAM,EAAEsB,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,WAAW,EAAE,GAAGjB;IACxB,MAAMkB,oBAAoBC,QAAQF,aAAaG,aAAa,CAACZ,WAAW,EAAEa,MAAMC;IAEhF,MAAM,CAACC,gBAAgBC,uBAAuB,EAAEC,YAAY,EAAE,CAAC,GAAG5B,kBAAkB;QAClF6B,IAAIjB,MAAMkB,QAAQ;QAClBC,gBAAgBpB;IAClB;IAEAf,UAAU;QACR,IAAI,OAAOoB,oBAAoB,YAAY;YACzCA,gBAAgBY;QAClB;IACF,GAAG;QAACA;QAAcZ;KAAgB;IAElC,qBACE,oBAACjB,iBAAiBO,WAAW;QAAE,GAAGC,KAAK;QAAEyB,WAAW3B;qBAClD,oBAAC4B;QAAID,WAAW,CAAC,EAAE3B,UAAU,OAAO,CAAC;qBACnC,oBAAC4B;QAAID,WAAW,CAAC,EAAE3B,UAAU,YAAY,CAAC;qBACxC,oBAAC4B;QAAID,WAAW,CAAC,EAAE3B,UAAU,MAAM,CAAC;OAAGG,WACtCG,cAAcU,mCACb,oBAAC1B,8BACC,oBAACgC;QACCO,cAAYf,EAAE,qBAAqB;YAAET;QAAM;QAC3CsB,WAAW,CAAC,EAAE3B,UAAU,gBAAgB,CAAC;QACzC8B,SAAS,IAAMjB,eAAe;QAC9BkB,aAAa,CAACC,IAAMA,EAAEC,eAAe;QACrCC,cAAc,IAAMrB,eAAe;QACnCsB,cAAc,IAAMtB,eAAe;QACnCuB,YAAY,CAACJ,IAAMA,EAAEC,eAAe;qBAEpC,oBAACrC;QAAQ+B,WAAW,CAAC,EAAE3B,UAAU,SAAS,CAAC;QAAEqC,MAAMzB;OAChDE,EAAE,gCAEL,oBAACjB,iBAMVS,cAAcU,mCAAqB,oBAACK;QAAeX,QAAQA;;AAGlE,EAAC"}
+{"version":3,"sources":["../../../../../src/fields/Relationship/select-components/SingleValue/index.tsx"],"sourcesContent":["'use client'\nimport type { SingleValueProps } from 'react-select'\n\nimport React, { Fragment, useEffect, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { Option } from '../../types.js'\n\nimport { useDocumentDrawer } from '../../../../elements/DocumentDrawer/index.js'\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { Edit } from '../../../../icons/Edit/index.js'\nimport { useAuth } from '../../../../providers/Auth/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'relationship--single-value'\n\nexport const SingleValue: React.FC<SingleValueProps<Option>> = (props) => {\n  const {\n    children,\n    data: { label, relationTo, value },\n    // @ts-expect-error-next-line // TODO Fix this - moduleResolution 16 breaks our declare module\n    selectProps: { customProps: { onSave, setDrawerIsOpen } = {} } = {},\n  } = props\n\n  const [showTooltip, setShowTooltip] = useState(false)\n  const { t } = useTranslation()\n  const { permissions } = useAuth()\n  const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read?.permission)\n\n  const [DocumentDrawer, DocumentDrawerToggler, { isDrawerOpen }] = useDocumentDrawer({\n    id: value.toString(),\n    collectionSlug: relationTo,\n  })\n\n  useEffect(() => {\n    if (typeof setDrawerIsOpen === 'function') {\n      setDrawerIsOpen(isDrawerOpen)\n    }\n  }, [isDrawerOpen, setDrawerIsOpen])\n\n  return (\n    <React.Fragment>\n      {/* @ts-expect-error // TODO Fix this - Broke with React 19 types */}\n      <SelectComponents.SingleValue {...props} className={baseClass}>\n        <div className={`${baseClass}__label`}>\n          <div className={`${baseClass}__label-text`}>\n            <div className={`${baseClass}__text`}>{children}</div>\n            {relationTo && hasReadPermission && (\n              <Fragment>\n                <DocumentDrawerToggler\n                  aria-label={t('general:editLabel', { label })}\n                  className={`${baseClass}__drawer-toggler`}\n                  onClick={() => setShowTooltip(false)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter') {\n                      e.stopPropagation()\n                    }\n                  }}\n                  onMouseDown={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                  onMouseEnter={() => setShowTooltip(true)}\n                  onMouseLeave={() => setShowTooltip(false)}\n                  onTouchEnd={(e) => e.stopPropagation()} // prevents react-select dropdown from opening\n                >\n                  <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                    {t('general:edit')}\n                  </Tooltip>\n                  <Edit />\n                </DocumentDrawerToggler>\n              </Fragment>\n            )}\n          </div>\n        </div>\n        {relationTo && hasReadPermission && <DocumentDrawer onSave={onSave} />}\n      </SelectComponents.SingleValue>\n    </React.Fragment>\n  )\n}\n"],"names":["React","Fragment","useEffect","useState","components","SelectComponents","useDocumentDrawer","Tooltip","Edit","useAuth","useTranslation","baseClass","SingleValue","props","children","data","label","relationTo","value","selectProps","customProps","onSave","setDrawerIsOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","permission","DocumentDrawer","DocumentDrawerToggler","isDrawerOpen","id","toString","collectionSlug","className","div","aria-label","onClick","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","show"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAO;AAC5D,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAI7D,SAASC,iBAAiB,QAAQ,+CAA8C;AAChF,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,IAAI,QAAQ,kCAAiC;AACtD,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAG3E,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAkD,CAACC;IAC9D,MAAM,EACJC,QAAQ,EACRC,MAAM,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAClC,8FAA8F;IAC9FC,aAAa,EAAEC,aAAa,EAAEC,MAAM,EAAEC,eAAe,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EACpE,GAAGT;IAEJ,MAAM,CAACU,aAAaC,eAAe,GAAGrB,SAAS;IAC/C,MAAM,EAAEsB,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,WAAW,EAAE,GAAGjB;IACxB,MAAMkB,oBAAoBC,QAAQF,aAAaG,aAAa,CAACZ,WAAW,EAAEa,MAAMC;IAEhF,MAAM,CAACC,gBAAgBC,uBAAuB,EAAEC,YAAY,EAAE,CAAC,GAAG5B,kBAAkB;QAClF6B,IAAIjB,MAAMkB,QAAQ;QAClBC,gBAAgBpB;IAClB;IAEAf,UAAU;QACR,IAAI,OAAOoB,oBAAoB,YAAY;YACzCA,gBAAgBY;QAClB;IACF,GAAG;QAACA;QAAcZ;KAAgB;IAElC,qBACE,KAACtB,MAAMC,QAAQ;kBAEb,cAAA,MAACI,iBAAiBO,WAAW;YAAE,GAAGC,KAAK;YAAEyB,WAAW3B;;8BAClD,KAAC4B;oBAAID,WAAW,CAAC,EAAE3B,UAAU,OAAO,CAAC;8BACnC,cAAA,MAAC4B;wBAAID,WAAW,CAAC,EAAE3B,UAAU,YAAY,CAAC;;0CACxC,KAAC4B;gCAAID,WAAW,CAAC,EAAE3B,UAAU,MAAM,CAAC;0CAAGG;;4BACtCG,cAAcU,mCACb,KAAC1B;0CACC,cAAA,MAACgC;oCACCO,cAAYf,EAAE,qBAAqB;wCAAET;oCAAM;oCAC3CsB,WAAW,CAAC,EAAE3B,UAAU,gBAAgB,CAAC;oCACzC8B,SAAS,IAAMjB,eAAe;oCAC9BkB,WAAW,CAACC;wCACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;4CACrBD,EAAEE,eAAe;wCACnB;oCACF;oCACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe;oCACrCE,cAAc,IAAMvB,eAAe;oCACnCwB,cAAc,IAAMxB,eAAe;oCACnCyB,YAAY,CAACN,IAAMA,EAAEE,eAAe;;sDAEpC,KAACtC;4CAAQ+B,WAAW,CAAC,EAAE3B,UAAU,SAAS,CAAC;4CAAEuC,MAAM3B;sDAChDE,EAAE;;sDAEL,KAACjB;;;;;;;gBAMVS,cAAcU,mCAAqB,KAACK;oBAAeX,QAAQA;;;;;AAIpE,EAAC"}

package/dist/fields/Relationship/select-components/SingleValue/index.scss

@@ -33,8 +33,8 @@
       height: base(0.75);
     }
 
-    &:focus {
-      outline: none;
+    &:focus-visible {
+      outline: var(--accessibility-outline);
     }
 
     &:hover {

package/dist/fields/Relationship/types.d.ts

@@ -1,12 +1,11 @@
-import type { I18n } from '@payloadcms/translations';
-import type { ClientCollectionConfig, FieldBase, RelationshipField } from 'payload/types';
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientCollectionConfig, RelationshipField } from 'payload/types';
 import type { SanitizedConfig } from 'payload/types';
 import type { FormFieldBase } from '../shared/index.js';
 export type RelationshipFieldProps = FormFieldBase & {
     allowCreate?: RelationshipField['admin']['allowCreate'];
     hasMany?: boolean;
     isSortable?: boolean;
-    label?: FieldBase['label'];
     name: string;
     relationTo?: RelationshipField['relationTo'];
     sortOptions?: RelationshipField['admin']['sortOptions'];
@@ -34,14 +33,14 @@ type UPDATE = {
     collection: ClientCollectionConfig;
     config: SanitizedConfig;
     doc: any;
-    i18n: I18n;
+    i18n: I18nClient;
     type: 'UPDATE';
 };
 type ADD = {
     collection: ClientCollectionConfig;
     config: SanitizedConfig;
     docs: any[];
-    i18n: I18n;
+    i18n: I18nClient;
     ids?: (number | string)[];
     sort?: boolean;
     type: 'ADD';

package/dist/fields/Relationship/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,sBAAsB,GAAG,aAAa,GAAG;IACnD,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAC5C,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,GAAG,GAAG;IACT,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,IAAI,EAAE,IAAI,CAAA;IACV,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Relationship/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAa,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,sBAAsB,GAAG,aAAa,GAAG;IACnD,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IAC5C,WAAW,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAEvD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,KAAK,GAAG,GAAG;IACT,UAAU,EAAE,sBAAsB,CAAA;IAClC,MAAM,EAAE,eAAe,CAAA;IACvB,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,IAAI,EAAE,UAAU,CAAA;IAChB,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,MAAM,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAA;CACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA"}

package/dist/fields/Relationship/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, FieldBase, RelationshipField } from 'payload/types'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type RelationshipFieldProps = FormFieldBase & {\n  allowCreate?: RelationshipField['admin']['allowCreate']\n  hasMany?: boolean\n  isSortable?: boolean\n  label?: FieldBase['label']\n  name: string\n  relationTo?: RelationshipField['relationTo']\n  sortOptions?: RelationshipField['admin']['sortOptions']\n  width?: string\n}\n\nexport type Option = {\n  label: string\n  options?: Option[]\n  relationTo?: string\n  value: number | string\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: number | string\n}\n\nexport type Value = ValueWithRelation | number | string\n\ntype CLEAR = {\n  type: 'CLEAR'\n}\n\ntype UPDATE = {\n  collection: ClientCollectionConfig\n  config: SanitizedConfig\n  doc: any\n  i18n: I18n\n  type: 'UPDATE'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  config: SanitizedConfig\n  docs: any[]\n  i18n: I18n\n  ids?: (number | string)[]\n  sort?: boolean\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR | UPDATE\n\nexport type GetResults = (args: {\n  lastFullyLoadedRelation?: number\n  lastLoadedPage: Record<string, number>\n  onSuccess?: () => void\n  search?: string\n  sort?: boolean\n  value?: Value | Value[]\n}) => Promise<void>\n"],"names":[],"rangeMappings":"","mappings":"AA4DA,WAOmB"}
+{"version":3,"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, FieldBase, RelationshipField } from 'payload/types'\nimport type { SanitizedConfig } from 'payload/types'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type RelationshipFieldProps = FormFieldBase & {\n  allowCreate?: RelationshipField['admin']['allowCreate']\n  hasMany?: boolean\n  isSortable?: boolean\n  name: string\n  relationTo?: RelationshipField['relationTo']\n  sortOptions?: RelationshipField['admin']['sortOptions']\n  width?: string\n}\n\nexport type Option = {\n  label: string\n  options?: Option[]\n  relationTo?: string\n  value: number | string\n}\n\nexport type OptionGroup = {\n  label: string\n  options: Option[]\n}\n\nexport type ValueWithRelation = {\n  relationTo: string\n  value: number | string\n}\n\nexport type Value = ValueWithRelation | number | string\n\ntype CLEAR = {\n  type: 'CLEAR'\n}\n\ntype UPDATE = {\n  collection: ClientCollectionConfig\n  config: SanitizedConfig\n  doc: any\n  i18n: I18nClient\n  type: 'UPDATE'\n}\n\ntype ADD = {\n  collection: ClientCollectionConfig\n  config: SanitizedConfig\n  docs: any[]\n  i18n: I18nClient\n  ids?: (number | string)[]\n  sort?: boolean\n  type: 'ADD'\n}\n\nexport type Action = ADD | CLEAR | UPDATE\n\nexport type GetResults = (args: {\n  lastFullyLoadedRelation?: number\n  lastLoadedPage: Record<string, number>\n  onSuccess?: () => void\n  search?: string\n  sort?: boolean\n  value?: Value | Value[]\n}) => Promise<void>\n"],"names":[],"rangeMappings":"","mappings":"AA2DA,WAOmB"}

package/dist/fields/RichText/index.d.ts

@@ -1,9 +1,7 @@
-import type { FieldBase } from 'packages/payload/src/exports/types.js';
 import type React from 'react';
 import type { MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js';
 import type { FormFieldBase } from '../shared/index.js';
 export type RichTextFieldProps = FormFieldBase & {
-    label?: FieldBase['label'];
     name: string;
     richTextComponentMap?: Map<string, MappedField[] | React.ReactNode>;
     width?: string;

package/dist/fields/RichText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RichText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AAC1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEjD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/RichText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAA;AAC1F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAAG;IAC/C,IAAI,EAAE,MAAM,CAAA;IACZ,oBAAoB,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEjD,CAAA"}

package/dist/fields/RichText/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["import type { FieldBase } from 'packages/payload/src/exports/types.js'\nimport type React from 'react'\n\nimport type { MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type RichTextFieldProps = FormFieldBase & {\n  label?: FieldBase['label']\n  name: string\n  richTextComponentMap?: Map<string, MappedField[] | React.ReactNode>\n  width?: string\n}\n\nexport const RichText: React.FC<RichTextFieldProps> = () => {\n  return null\n}\n"],"names":["RichText"],"rangeMappings":";;","mappings":"AAaA,OAAO,MAAMA,WAAyC;IACpD,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["import type React from 'react'\n\nimport type { MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type RichTextFieldProps = FormFieldBase & {\n  name: string\n  richTextComponentMap?: Map<string, MappedField[] | React.ReactNode>\n  width?: string\n}\n\nexport const RichText: React.FC<RichTextFieldProps> = () => {\n  return null\n}\n"],"names":["RichText"],"rangeMappings":";;","mappings":"AAWA,OAAO,MAAMA,WAAyC;IACpD,OAAO;AACT,EAAC"}

package/dist/fields/Row/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { RenderFields } from '../../forms/RenderFields/index.js';
@@ -10,25 +11,28 @@ const baseClass = 'row';
 const RowField = (props)=>{
     const { className, fieldMap, forceRender = false } = props;
     const { indexPath, path, readOnly, schemaPath, siblingPermissions } = useFieldProps();
-    return /*#__PURE__*/ React.createElement(RowProvider, null, /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            baseClass,
-            className
-        ].filter(Boolean).join(' ')
-    }, /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap,
-        forceRender,
-        path,
-        readOnly,
-        schemaPath,
-        className: `${baseClass}__fields`,
-        fieldMap: fieldMap,
-        forceRender: forceRender,
-        indexPath: indexPath,
-        margins: false,
-        permissions: siblingPermissions
-    })));
+    return /*#__PURE__*/ _jsx(RowProvider, {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: [
+                fieldBaseClass,
+                baseClass,
+                className
+            ].filter(Boolean).join(' '),
+            children: /*#__PURE__*/ _jsx(RenderFields, {
+                fieldMap,
+                forceRender,
+                path,
+                readOnly,
+                schemaPath,
+                className: `${baseClass}__fields`,
+                fieldMap: fieldMap,
+                forceRender: forceRender,
+                indexPath: indexPath,
+                margins: false,
+                permissions: siblingPermissions
+            })
+        })
+    });
 };
 export const Row = withCondition(RowField);
 

package/dist/fields/Row/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { RowFieldProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider, useRow } from './provider.js'\n\nexport { RowProvider, useRow }\n\nconst baseClass = 'row'\n\nconst RowField: React.FC<RowFieldProps> = (props) => {\n  const { className, fieldMap, forceRender = false } = props\n\n  const { indexPath, path, readOnly, schemaPath, siblingPermissions } = useFieldProps()\n\n  return (\n    <RowProvider>\n      <div className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}>\n        <RenderFields\n          {...{ fieldMap, forceRender, path, readOnly, schemaPath }}\n          className={`${baseClass}__fields`}\n          fieldMap={fieldMap}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins={false}\n          permissions={siblingPermissions}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const Row = withCondition(RowField)\n"],"names":["React","useFieldProps","RenderFields","withCondition","fieldBaseClass","RowProvider","useRow","baseClass","RowField","props","className","fieldMap","forceRender","indexPath","path","readOnly","schemaPath","siblingPermissions","div","filter","Boolean","join","margins","permissions","Row"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AAEnD,SAASC,WAAW,EAAEC,MAAM,QAAQ,gBAAe;AAEnD,SAASD,WAAW,EAAEC,MAAM,GAAE;AAE9B,MAAMC,YAAY;AAElB,MAAMC,WAAoC,CAACC;IACzC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,cAAc,KAAK,EAAE,GAAGH;IAErD,MAAM,EAAEI,SAAS,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,kBAAkB,EAAE,GAAGhB;IAEtE,qBACE,oBAACI,iCACC,oBAACa;QAAIR,WAAW;YAACN;YAAgBG;YAAWG;SAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;qBAC1E,oBAACnB;QACOS;QAAUC;QAAaE;QAAMC;QAAUC;QAC7CN,WAAW,CAAC,EAAEH,UAAU,QAAQ,CAAC;QACjCI,UAAUA;QACVC,aAAaA;QACbC,WAAWA;QACXS,SAAS;QACTC,aAAaN;;AAKvB;AAEA,OAAO,MAAMO,MAAMrB,cAAcK,UAAS"}
+{"version":3,"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { RowFieldProps } from './types.js'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { RowProvider, useRow } from './provider.js'\n\nexport { RowProvider, useRow }\n\nconst baseClass = 'row'\n\nconst RowField: React.FC<RowFieldProps> = (props) => {\n  const { className, fieldMap, forceRender = false } = props\n\n  const { indexPath, path, readOnly, schemaPath, siblingPermissions } = useFieldProps()\n\n  return (\n    <RowProvider>\n      <div className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}>\n        <RenderFields\n          {...{ fieldMap, forceRender, path, readOnly, schemaPath }}\n          className={`${baseClass}__fields`}\n          fieldMap={fieldMap}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins={false}\n          permissions={siblingPermissions}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const Row = withCondition(RowField)\n"],"names":["React","useFieldProps","RenderFields","withCondition","fieldBaseClass","RowProvider","useRow","baseClass","RowField","props","className","fieldMap","forceRender","indexPath","path","readOnly","schemaPath","siblingPermissions","div","filter","Boolean","join","margins","permissions","Row"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AAEnD,SAASC,WAAW,EAAEC,MAAM,QAAQ,gBAAe;AAEnD,SAASD,WAAW,EAAEC,MAAM,GAAE;AAE9B,MAAMC,YAAY;AAElB,MAAMC,WAAoC,CAACC;IACzC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,cAAc,KAAK,EAAE,GAAGH;IAErD,MAAM,EAAEI,SAAS,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,kBAAkB,EAAE,GAAGhB;IAEtE,qBACE,KAACI;kBACC,cAAA,KAACa;YAAIR,WAAW;gBAACN;gBAAgBG;gBAAWG;aAAU,CAACS,MAAM,CAACC,SAASC,IAAI,CAAC;sBAC1E,cAAA,KAACnB;gBACOS;gBAAUC;gBAAaE;gBAAMC;gBAAUC;gBAC7CN,WAAW,CAAC,EAAEH,UAAU,QAAQ,CAAC;gBACjCI,UAAUA;gBACVC,aAAaA;gBACbC,WAAWA;gBACXS,SAAS;gBACTC,aAAaN;;;;AAKvB;AAEA,OAAO,MAAMO,MAAMrB,cAAcK,UAAS"}

package/dist/fields/Row/provider.js

@@ -1,10 +1,12 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext } from 'react';
 export const Context = /*#__PURE__*/ createContext(false);
 export const RowProvider = ({ children, withinRow = true })=>{
-    return /*#__PURE__*/ React.createElement(Context.Provider, {
-        value: withinRow
-    }, children);
+    return /*#__PURE__*/ _jsx(Context.Provider, {
+        value: withinRow,
+        children: children
+    });
 };
 export const useRow = ()=>useContext(Context);
 

package/dist/fields/Row/provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n  children,\n  withinRow = true,\n}) => {\n  return <Context.Provider value={withinRow}>{children}</Context.Provider>\n}\n\nexport const useRow = (): boolean => useContext(Context)\n"],"names":["React","createContext","useContext","Context","RowProvider","children","withinRow","Provider","value","useRow"],"rangeMappings":";;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,wBAAUF,cAAc,OAAM;AAE3C,OAAO,MAAMG,cAA6E,CAAC,EACzFC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,oBAACH,QAAQI,QAAQ;QAACC,OAAOF;OAAYD;AAC9C,EAAC;AAED,OAAO,MAAMI,SAAS,IAAeP,WAAWC,SAAQ"}
+{"version":3,"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const Context = createContext(false)\n\nexport const RowProvider: React.FC<{ children?: React.ReactNode; withinRow?: boolean }> = ({\n  children,\n  withinRow = true,\n}) => {\n  return <Context.Provider value={withinRow}>{children}</Context.Provider>\n}\n\nexport const useRow = (): boolean => useContext(Context)\n"],"names":["React","createContext","useContext","Context","RowProvider","children","withinRow","Provider","value","useRow"],"rangeMappings":";;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,wBAAUF,cAAc,OAAM;AAE3C,OAAO,MAAMG,cAA6E,CAAC,EACzFC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,KAACH,QAAQI,QAAQ;QAACC,OAAOF;kBAAYD;;AAC9C,EAAC;AAED,OAAO,MAAMI,SAAS,IAAeP,WAAWC,SAAQ"}

package/dist/fields/Select/Input.d.ts

@@ -0,0 +1,11 @@
+import type { OptionObject } from 'payload/types';
+import React from 'react';
+import type { SelectFieldProps } from './index.js';
+import './index.scss';
+export type SelectInputProps = Omit<SelectFieldProps, 'custom' | 'disabled' | 'docPreferences' | 'locale' | 'localized' | 'options' | 'rtl' | 'type' | 'user' | 'validate' | 'value'> & {
+    options?: OptionObject[];
+    showError?: boolean;
+    value?: string | string[];
+};
+export declare const SelectInput: React.FC<SelectInputProps>;
+//# sourceMappingURL=Input.d.ts.map

package/dist/fields/Select/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAQlD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,gBAAgB,EACd,QAAQ,GACR,UAAU,GACV,gBAAgB,GAChB,QAAQ,GACR,WAAW,GACX,SAAS,GACT,KAAK,GACL,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,CACV,GAAG;IACF,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+FlD,CAAA"}

package/dist/fields/Select/Input.js

@@ -0,0 +1,87 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { ReactSelect } from '../../elements/ReactSelect/index.js';
+import { FieldDescription } from '../../forms/FieldDescription/index.js';
+import { FieldError } from '../../forms/FieldError/index.js';
+import { FieldLabel } from '../../forms/FieldLabel/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { fieldBaseClass } from '../shared/index.js';
+export const SelectInput = (props)=>{
+    const { AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, hasMany = false, isClearable = true, isSortable = true, label, labelProps, onChange, options, path, readOnly, required, showError, style, value, width } = props;
+    const { i18n } = useTranslation();
+    let valueToRender;
+    if (hasMany && Array.isArray(value)) {
+        valueToRender = value.map((val)=>{
+            const matchingOption = options.find((option)=>option.value === val);
+            return {
+                label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
+                value: matchingOption?.value ?? val
+            };
+        });
+    } else if (value) {
+        const matchingOption = options.find((option)=>option.value === value);
+        valueToRender = {
+            label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,
+            value: matchingOption?.value ?? value
+        };
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: [
+            fieldBaseClass,
+            'select',
+            className,
+            showError && 'error',
+            readOnly && 'read-only'
+        ].filter(Boolean).join(' '),
+        id: `field-${path.replace(/\./g, '__')}`,
+        style: {
+            ...style,
+            width
+        },
+        children: [
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                CustomLabel: CustomLabel,
+                label: label,
+                required: required,
+                ...labelProps || {}
+            }),
+            /*#__PURE__*/ _jsx(FieldError, {
+                CustomError: CustomError,
+                path: path,
+                ...errorProps || {}
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${fieldBaseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsx(FieldError, {
+                        CustomError: CustomError,
+                        path: path,
+                        ...errorProps || {}
+                    }),
+                    BeforeInput,
+                    /*#__PURE__*/ _jsx(ReactSelect, {
+                        disabled: readOnly,
+                        isClearable: isClearable,
+                        isMulti: hasMany,
+                        isSortable: isSortable,
+                        onChange: onChange,
+                        options: options.map((option)=>({
+                                ...option,
+                                label: getTranslation(option.label, i18n)
+                            })),
+                        showError: showError,
+                        value: valueToRender
+                    }),
+                    AfterInput
+                ]
+            }),
+            CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ _jsx(FieldDescription, {
+                ...descriptionProps || {}
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=Input.js.map

package/dist/fields/Select/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { OptionObject } from 'payload/types'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { SelectFieldProps } from './index.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { FieldDescription } from '../../forms/FieldDescription/index.js'\nimport { FieldError } from '../../forms/FieldError/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = Omit<\n  SelectFieldProps,\n  | 'custom'\n  | 'disabled'\n  | 'docPreferences'\n  | 'locale'\n  | 'localized'\n  | 'options'\n  | 'rtl'\n  | 'type'\n  | 'user'\n  | 'validate'\n  | 'value'\n> & {\n  options?: OptionObject[]\n  showError?: boolean\n  value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    errorProps,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    labelProps,\n    onChange,\n    options,\n    path,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  let valueToRender\n\n  if (hasMany && Array.isArray(value)) {\n    valueToRender = value.map((val) => {\n      const matchingOption = options.find((option) => option.value === val)\n      return {\n        label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,\n        value: matchingOption?.value ?? val,\n      }\n    })\n  } else if (value) {\n    const matchingOption = options.find((option) => option.value === value)\n    valueToRender = {\n      label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,\n      value: matchingOption?.value ?? value,\n    }\n  }\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'select',\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n        {BeforeInput}\n        <ReactSelect\n          disabled={readOnly}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ReactSelect","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","errorProps","hasMany","isClearable","isSortable","label","labelProps","onChange","options","path","readOnly","required","showError","style","value","width","i18n","valueToRender","Array","isArray","map","val","matchingOption","find","option","div","filter","Boolean","join","id","replace","disabled","isMulti","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,gBAAgB,QAAQ,wCAAuC;AACxE,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,UAAU,QAAQ,kCAAiC;AAC5D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AAsBnD,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EACJC,UAAU,EACVC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,UAAU,EACVC,UAAU,KAAK,EACfC,cAAc,IAAI,EAClBC,aAAa,IAAI,EACjBC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,OAAO,EACPC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,KAAK,EACLC,KAAK,EACN,GAAGtB;IAEJ,MAAM,EAAEuB,IAAI,EAAE,GAAG1B;IAEjB,IAAI2B;IAEJ,IAAIf,WAAWgB,MAAMC,OAAO,CAACL,QAAQ;QACnCG,gBAAgBH,MAAMM,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOV,KAAK,KAAKO;YACjE,OAAO;gBACLhB,OAAOiB,iBAAiBtC,eAAesC,eAAejB,KAAK,EAAEW,QAAQK;gBACrEP,OAAOQ,gBAAgBR,SAASO;YAClC;QACF;IACF,OAAO,IAAIP,OAAO;QAChB,MAAMQ,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOV,KAAK,KAAKA;QACjEG,gBAAgB;YACdZ,OAAOiB,iBAAiBtC,eAAesC,eAAejB,KAAK,EAAEW,QAAQF;YACrEA,OAAOQ,gBAAgBR,SAASA;QAClC;IACF;IAEA,qBACE,MAACW;QACC1B,WAAW;YACTR;YACA;YACAQ;YACAa,aAAa;YACbF,YAAY;SACb,CACEgB,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,IAAI,CAAC,MAAM,EAAEpB,KAAKqB,OAAO,CAAC,OAAO,MAAM,CAAC;QACxCjB,OAAO;YACL,GAAGA,KAAK;YACRE;QACF;;0BAEA,KAAC1B;gBACCS,aAAaA;gBACbO,OAAOA;gBACPM,UAAUA;gBACT,GAAIL,cAAc,CAAC,CAAC;;0BAEvB,KAAClB;gBAAWS,aAAaA;gBAAaY,MAAMA;gBAAO,GAAIR,cAAc,CAAC,CAAC;;0BACvE,MAACwB;gBAAI1B,WAAW,CAAC,EAAER,eAAe,MAAM,CAAC;;kCACvC,KAACH;wBAAWS,aAAaA;wBAAaY,MAAMA;wBAAO,GAAIR,cAAc,CAAC,CAAC;;oBACtEN;kCACD,KAACT;wBACC6C,UAAUrB;wBACVP,aAAaA;wBACb6B,SAAS9B;wBACTE,YAAYA;wBACZG,UAAUA;wBACVC,SAASA,QAAQY,GAAG,CAAC,CAACI,SAAY,CAAA;gCAChC,GAAGA,MAAM;gCACTnB,OAAOrB,eAAewC,OAAOnB,KAAK,EAAEW;4BACtC,CAAA;wBACAJ,WAAWA;wBACXE,OAAOG;;oBAERvB;;;YAEFE,sBAAsBqC,YACrBrC,kCAEA,KAACT;gBAAkB,GAAIa,oBAAoB,CAAC,CAAC;;;;AAIrD,EAAC"}

package/dist/fields/Select/index.d.ts

@@ -1,12 +1,12 @@
-import type { FieldBase, Option } from 'payload/types';
+import type { Option } from 'payload/types';
 import React from 'react';
 import type { FormFieldBase } from '../shared/index.js';
-import './index.scss';
+import type { SelectInputProps } from './Input.js';
+import { SelectInput } from './Input.js';
 export type SelectFieldProps = FormFieldBase & {
     hasMany?: boolean;
     isClearable?: boolean;
     isSortable?: boolean;
-    label?: FieldBase['label'];
     name?: string;
     onChange?: (e: string) => void;
     options?: Option[];
@@ -15,4 +15,5 @@ export type SelectFieldProps = FormFieldBase & {
     width?: string;
 };
 export declare const Select: React.FC<SelectFieldProps>;
+export { SelectInput, type SelectInputProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,SAAS,EAAE,MAAM,EAAgB,MAAM,eAAe,CAAA;AAOpF,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAOvD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AA0JD,eAAO,MAAM,MAAM,4BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Select/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,MAAM,EAAgB,MAAM,eAAe,CAAA;AAEzE,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAExC,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAkHD,eAAO,MAAM,MAAM,4BAA6B,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}

package/dist/fields/Select/index.js

@@ -1,15 +1,10 @@
 /* eslint-disable react/destructuring-assignment */ 'use client';
-import { getTranslation } from '@payloadcms/translations';
-import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
-import { FieldError } from '@payloadcms/ui/forms/FieldError';
-import { FieldLabel } from '@payloadcms/ui/forms/FieldLabel';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useState } from 'react';
-import { ReactSelect } from '../../elements/ReactSelect/index.js';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { fieldBaseClass } from '../shared/index.js';
+import { SelectInput } from './Input.js';
 const formatOptions = (options)=>options.map((option)=>{
         if (typeof option === 'object' && (option.value || option.value === '')) {
             return option;
@@ -21,7 +16,6 @@ const formatOptions = (options)=>options.map((option)=>{
     });
 const SelectField = (props)=>{
     const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, descriptionProps, errorProps, hasMany = false, isClearable = true, isSortable = true, label, labelProps, onChange: onChangeFromProps, options: optionsFromProps = [], path: pathFromProps, readOnly: readOnlyFromProps, required, style, validate, width } = props;
-    const { i18n } = useTranslation();
     const [options] = useState(formatOptions(optionsFromProps));
     const memoizedValidate = useCallback((value, validationOptions)=>{
         if (typeof validate === 'function') return validate(value, {
@@ -37,29 +31,13 @@ const SelectField = (props)=>{
         options
     ]);
     const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const readOnly = readOnlyFromProps || readOnlyFromContext;
-    const { path, setValue, showError, value } = useField({
+    const { formInitializing, formProcessing, path, setValue, showError, value } = useField({
         path: pathFromContext || pathFromProps || name,
         validate: memoizedValidate
     });
-    let valueToRender;
-    if (hasMany && Array.isArray(value)) {
-        valueToRender = value.map((val)=>{
-            const matchingOption = options.find((option)=>option.value === val);
-            return {
-                label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
-                value: matchingOption?.value ?? val
-            };
-        });
-    } else if (value) {
-        const matchingOption = options.find((option)=>option.value === value);
-        valueToRender = {
-            label: matchingOption ? getTranslation(matchingOption.label, i18n) : value,
-            value: matchingOption?.value ?? value
-        };
-    }
+    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
     const onChange = useCallback((selectedOption)=>{
-        if (!readOnly) {
+        if (!disabled) {
             let newValue;
             if (!selectedOption) {
                 newValue = null;
@@ -78,47 +56,38 @@ const SelectField = (props)=>{
             setValue(newValue);
         }
     }, [
-        readOnly,
+        disabled,
         hasMany,
         setValue,
         onChangeFromProps
     ]);
-    return /*#__PURE__*/ React.createElement("div", {
-        className: [
-            fieldBaseClass,
-            'select',
-            className,
-            showError && 'error',
-            readOnly && 'read-only'
-        ].filter(Boolean).join(' '),
-        id: `field-${path.replace(/\./g, '__')}`,
-        style: {
-            ...style,
-            width
-        }
-    }, /*#__PURE__*/ React.createElement(FieldError, {
+    return /*#__PURE__*/ _jsx(SelectInput, {
+        AfterInput: AfterInput,
+        BeforeInput: BeforeInput,
+        CustomDescription: CustomDescription,
         CustomError: CustomError,
-        path: path,
-        ...errorProps || {}
-    }), /*#__PURE__*/ React.createElement(FieldLabel, {
         CustomLabel: CustomLabel,
-        label: label,
-        required: required,
-        ...labelProps || {}
-    }), /*#__PURE__*/ React.createElement("div", null, BeforeInput, /*#__PURE__*/ React.createElement(ReactSelect, {
-        disabled: readOnly,
+        className: className,
+        descriptionProps: descriptionProps,
+        errorProps: errorProps,
+        hasMany: hasMany,
         isClearable: isClearable,
-        isMulti: hasMany,
         isSortable: isSortable,
+        label: label,
+        labelProps: labelProps,
+        name: name,
         onChange: onChange,
-        options: options.map((option)=>({
-                ...option,
-                label: getTranslation(option.label, i18n)
-            })),
+        options: options,
+        path: path,
+        readOnly: disabled,
+        required: required,
         showError: showError,
-        value: valueToRender
-    }), AfterInput), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {}));
+        style: style,
+        value: value,
+        width: width
+    });
 };
 export const Select = withCondition(SelectField);
+export { SelectInput };
 
 //# sourceMappingURL=index.js.map