@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

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

@@ -1,5 +1,6 @@
 'use client';
-import { Fragment, useState } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { Fragment, useState } from 'react';
 import { components as SelectComponents } from 'react-select';
 import { Tooltip } from '../../../../elements/Tooltip/index.js';
 import { EditIcon } from '../../../../icons/Edit/index.js';
@@ -14,37 +15,92 @@ export const SingleValue = // TODO Fix this - moduleResolution 16 breaks our dec
     const { t } = useTranslation();
     const { permissions } = useAuth();
     const hasReadPermission = Boolean(permissions?.collections?.[relationTo]?.read);
-    return <SelectComponents.SingleValue {...props} className={baseClass}>
-      <div className={`${baseClass}__label`} title={label || ''}>
-        <div className={`${baseClass}__label-text`}>
-          <div className={`${baseClass}__text`}>{children}</div>
-          {relationTo && hasReadPermission && allowEdit !== false && <Fragment>
-              <button aria-label={t('general:editLabel', {
-        label
-    })} className={`${baseClass}__drawer-toggler`} onClick={(event)=>{
-        setShowTooltip(false);
-        onDocumentOpen({
-            id: value,
-            collectionSlug: relationTo,
-            hasReadPermission,
-            openInNewTab: event.metaKey || event.ctrlKey
-        });
-    }} onKeyDown={(e)=>{
-        if (e.key === 'Enter') {
-            e.stopPropagation();
-        }
-    }} onMouseDown={(e)=>e.stopPropagation()} // prevents react-select dropdown from opening
-    onMouseEnter={()=>setShowTooltip(true)} onMouseLeave={()=>setShowTooltip(false)} onTouchEnd={(e)=>e.stopPropagation()} // prevents react-select dropdown from openingtype="button"
-    type="button">
-                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>
-                  {t('general:edit')}
-                </Tooltip>
-                <EditIcon/>
-              </button>
-            </Fragment>}
-        </div>
-      </div>
-    </SelectComponents.SingleValue>;
+    return /*#__PURE__*/ _jsxDEV(SelectComponents.SingleValue, {
+        ...props,
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: `${baseClass}__label`,
+            title: label || '',
+            children: /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__label-text`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV("div", {
+                        className: `${baseClass}__text`,
+                        children: children
+                    }, void 0, false, {
+                        fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                        lineNumber: 41,
+                        columnNumber: 11
+                    }, this),
+                    relationTo && hasReadPermission && allowEdit !== false && /*#__PURE__*/ _jsxDEV(Fragment, {
+                        children: /*#__PURE__*/ _jsxDEV("button", {
+                            "aria-label": t('general:editLabel', {
+                                label
+                            }),
+                            className: `${baseClass}__drawer-toggler`,
+                            onClick: (event)=>{
+                                setShowTooltip(false);
+                                onDocumentOpen({
+                                    id: value,
+                                    collectionSlug: relationTo,
+                                    hasReadPermission,
+                                    openInNewTab: event.metaKey || event.ctrlKey
+                                });
+                            },
+                            onKeyDown: (e)=>{
+                                if (e.key === 'Enter') {
+                                    e.stopPropagation();
+                                }
+                            },
+                            onMouseDown: (e)=>e.stopPropagation(),
+                            // prevents react-select dropdown from opening
+                            onMouseEnter: ()=>setShowTooltip(true),
+                            onMouseLeave: ()=>setShowTooltip(false),
+                            onTouchEnd: (e)=>e.stopPropagation(),
+                            // prevents react-select dropdown from openingtype="button"
+                            type: "button",
+                            children: [
+                                /*#__PURE__*/ _jsxDEV(Tooltip, {
+                                    className: `${baseClass}__tooltip`,
+                                    show: showTooltip,
+                                    children: t('general:edit')
+                                }, void 0, false, {
+                                    fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                                    lineNumber: 67,
+                                    columnNumber: 17
+                                }, this),
+                                /*#__PURE__*/ _jsxDEV(EditIcon, {}, void 0, false, {
+                                    fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                                    lineNumber: 70,
+                                    columnNumber: 17
+                                }, this)
+                            ]
+                        }, void 0, true, {
+                            fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                            lineNumber: 44,
+                            columnNumber: 15
+                        }, this)
+                    }, void 0, false, {
+                        fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                        lineNumber: 43,
+                        columnNumber: 13
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+                lineNumber: 40,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+            lineNumber: 39,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Relationship/select-components/SingleValue/index.tsx",
+        lineNumber: 38,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } 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<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\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)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  setShowTooltip(false)\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\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 openingtype=\"button\"\n                type=\"button\"\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"names":["Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","children","data","allowEdit","label","relationTo","value","selectProps","customProps","onDocumentOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","className","div","title","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;AAGA,SAAgBA,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAK7D,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAGP,gEAAgE;AAIlE,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3D,GAAGT;IAEJ,MAAM,CAACU,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,WAAW,EAAE,GAAGjB;IACxB,MAAMkB,oBAAoBC,QAAQF,aAAaG,aAAa,CAACX,WAAW,EAAEY;IAE1E,QACGxB,iBAAiBM,aAAa,GAAGC,KAAK,EAAEkB,WAAWpB,WAAW;MAC7D,CAACqB,IAAID,WAAW,GAAGpB,UAAU,OAAO,CAAC,EAAEsB,OAAOhB,SAAS,IAAI;QACzD,CAACe,IAAID,WAAW,GAAGpB,UAAU,YAAY,CAAC,EAAE;UAC1C,CAACqB,IAAID,WAAW,GAAGpB,UAAU,MAAM,CAAC,GAAGG,WAAWkB,IAAI;UACtD,CAACd,cAAcS,qBAAqBX,cAAc,UAC/Cb,SAAS;cACR,CAAC+B,OACCC,YAAYV,EAAE,qBAAqB;QAAER;IAAM,IAC3Cc,WAAW,GAAGpB,UAAU,gBAAgB,CAAC,EACzCyB,SAAS,CAACC;QACRb,eAAe;QACfF,eAAe;YACbgB,IAAInB;YACJoB,gBAAgBrB;YAChBS;YACAa,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;QAC9C;IACF,GACAC,WAAW,CAACC;QACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;YACrBD,EAAEE,eAAe;QACnB;IACF,GACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe,IAAI,8CAA8C;IACvFE,cAAc,IAAMxB,eAAe,OACnCyB,cAAc,IAAMzB,eAAe,QACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe,IAAI,2DAA2D;IACnGK,KAAK,SACN;gBACC,CAAC5C,QAAQwB,WAAW,GAAGpB,UAAU,SAAS,CAAC,EAAEyC,MAAM7B,aAAa;kBAC9D,CAACE,EAAE,gBAAgB;gBACrB,EAAElB,QAAQ;gBACV,CAACC,UAAW;cACd,EAAE0B,OAAO;YACX,EAAE/B,UACF;QACJ,EAAE6B,IAAI;MACR,EAAEA,IAAI;IACR,EAAE1B,iBAAiBM;AAEvB,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, useState } from 'react'\nimport { components as SelectComponents } from 'react-select'\n\nimport type { ReactSelectAdapterProps } from '../../../../elements/ReactSelect/types.js'\nimport type { Option } from '../../types.js'\n\nimport { Tooltip } from '../../../../elements/Tooltip/index.js'\nimport { EditIcon } 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<\n  {\n    selectProps: {\n      // TODO Fix this - moduleResolution 16 breaks our declare module\n      customProps: ReactSelectAdapterProps['customProps']\n    }\n  } & SingleValueProps<Option>\n> = (props) => {\n  const {\n    children,\n    data: { allowEdit, label, relationTo, value },\n    selectProps: { customProps: { onDocumentOpen } = {} } = {},\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)\n\n  return (\n    <SelectComponents.SingleValue {...props} className={baseClass}>\n      <div className={`${baseClass}__label`} title={label || ''}>\n        <div className={`${baseClass}__label-text`}>\n          <div className={`${baseClass}__text`}>{children}</div>\n          {relationTo && hasReadPermission && allowEdit !== false && (\n            <Fragment>\n              <button\n                aria-label={t('general:editLabel', { label })}\n                className={`${baseClass}__drawer-toggler`}\n                onClick={(event) => {\n                  setShowTooltip(false)\n                  onDocumentOpen({\n                    id: value,\n                    collectionSlug: relationTo,\n                    hasReadPermission,\n                    openInNewTab: event.metaKey || event.ctrlKey,\n                  })\n                }}\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 openingtype=\"button\"\n                type=\"button\"\n              >\n                <Tooltip className={`${baseClass}__tooltip`} show={showTooltip}>\n                  {t('general:edit')}\n                </Tooltip>\n                <EditIcon />\n              </button>\n            </Fragment>\n          )}\n        </div>\n      </div>\n    </SelectComponents.SingleValue>\n  )\n}\n"],"names":["React","Fragment","useState","components","SelectComponents","Tooltip","EditIcon","useAuth","useTranslation","baseClass","SingleValue","props","children","data","allowEdit","label","relationTo","value","selectProps","customProps","onDocumentOpen","showTooltip","setShowTooltip","t","permissions","hasReadPermission","Boolean","collections","read","className","div","title","button","aria-label","onClick","event","id","collectionSlug","openInNewTab","metaKey","ctrlKey","onKeyDown","e","key","stopPropagation","onMouseDown","onMouseEnter","onMouseLeave","onTouchEnd","type","show"],"mappings":"AAAA;;AAGA,OAAOA,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,QAAO;AACjD,SAASC,cAAcC,gBAAgB,QAAQ,eAAc;AAK7D,SAASC,OAAO,QAAQ,wCAAuC;AAC/D,SAASC,QAAQ,QAAQ,kCAAiC;AAC1D,SAASC,OAAO,QAAQ,sCAAqC;AAC7D,SAASC,cAAc,QAAQ,6CAA4C;AAC3E,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAGP,gEAAgE;AAIlE,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAE,EAC7CC,aAAa,EAAEC,aAAa,EAAEC,cAAc,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAC3D,GAAGT;IAEJ,MAAM,CAACU,aAAaC,eAAe,GAAGpB,SAAS;IAC/C,MAAM,EAAEqB,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,WAAW,EAAE,GAAGjB;IACxB,MAAMkB,oBAAoBC,QAAQF,aAAaG,aAAa,CAACX,WAAW,EAAEY;IAE1E,qBACE,QAACxB,iBAAiBM,WAAW;QAAE,GAAGC,KAAK;QAAEkB,WAAWpB;kBAClD,cAAA,QAACqB;YAAID,WAAW,GAAGpB,UAAU,OAAO,CAAC;YAAEsB,OAAOhB,SAAS;sBACrD,cAAA,QAACe;gBAAID,WAAW,GAAGpB,UAAU,YAAY,CAAC;;kCACxC,QAACqB;wBAAID,WAAW,GAAGpB,UAAU,MAAM,CAAC;kCAAGG;;;;;;oBACtCI,cAAcS,qBAAqBX,cAAc,uBAChD,QAACb;kCACC,cAAA,QAAC+B;4BACCC,cAAYV,EAAE,qBAAqB;gCAAER;4BAAM;4BAC3Cc,WAAW,GAAGpB,UAAU,gBAAgB,CAAC;4BACzCyB,SAAS,CAACC;gCACRb,eAAe;gCACfF,eAAe;oCACbgB,IAAInB;oCACJoB,gBAAgBrB;oCAChBS;oCACAa,cAAcH,MAAMI,OAAO,IAAIJ,MAAMK,OAAO;gCAC9C;4BACF;4BACAC,WAAW,CAACC;gCACV,IAAIA,EAAEC,GAAG,KAAK,SAAS;oCACrBD,EAAEE,eAAe;gCACnB;4BACF;4BACAC,aAAa,CAACH,IAAMA,EAAEE,eAAe;4BAAI,8CAA8C;4BACvFE,cAAc,IAAMxB,eAAe;4BACnCyB,cAAc,IAAMzB,eAAe;4BACnC0B,YAAY,CAACN,IAAMA,EAAEE,eAAe;4BAAI,2DAA2D;4BACnGK,MAAK;;8CAEL,QAAC5C;oCAAQwB,WAAW,GAAGpB,UAAU,SAAS,CAAC;oCAAEyC,MAAM7B;8CAChDE,EAAE;;;;;;8CAEL,QAACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQjB,EAAC"}

package/dist/fields/Row/index.js

@@ -1,4 +1,6 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { fieldBaseClass } from '../shared/index.js';
@@ -7,15 +9,39 @@ import { RowProvider } from './provider.js';
 const baseClass = 'row';
 const RowFieldComponent = (props)=>{
     const { field: { admin: { className, style } = {}, fields }, forceRender = false, indexPath = '', parentPath = '', parentSchemaPath = '', permissions, readOnly } = props;
-    return <RowProvider>
-      <div className={[
-        fieldBaseClass,
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} style={style || undefined}>
-        <RenderFields className={`${baseClass}__fields`} fields={fields} forceRender={forceRender} margins={false} parentIndexPath={indexPath} parentPath={parentPath} parentSchemaPath={parentSchemaPath} permissions={permissions} readOnly={readOnly}/>
-      </div>
-    </RowProvider>;
+    return /*#__PURE__*/ _jsxDEV(RowProvider, {
+        children: /*#__PURE__*/ _jsxDEV("div", {
+            className: [
+                fieldBaseClass,
+                baseClass,
+                className
+            ].filter(Boolean).join(' '),
+            style: style || undefined,
+            children: /*#__PURE__*/ _jsxDEV(RenderFields, {
+                className: `${baseClass}__fields`,
+                fields: fields,
+                forceRender: forceRender,
+                margins: false,
+                parentIndexPath: indexPath,
+                parentPath: parentPath,
+                parentSchemaPath: parentSchemaPath,
+                permissions: permissions,
+                readOnly: readOnly
+            }, void 0, false, {
+                fileName: "src/fields/Row/index.tsx",
+                lineNumber: 31,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/fields/Row/index.tsx",
+            lineNumber: 27,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/fields/Row/index.tsx",
+        lineNumber: 26,
+        columnNumber: 5
+    }, this);
 };
 export const RowField = withCondition(RowFieldComponent);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\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 } from './provider.js'\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className, style } = {}, fields },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    permissions,\n    readOnly,\n  } = props\n\n  return (\n    <RowProvider>\n      <div\n        className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}\n        style={style || undefined}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          margins={false}\n          parentIndexPath={indexPath}\n          parentPath={parentPath}\n          parentSchemaPath={parentSchemaPath}\n          permissions={permissions}\n          readOnly={readOnly}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"names":["RenderFields","withCondition","fieldBaseClass","RowProvider","baseClass","RowFieldComponent","props","field","admin","className","style","fields","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","div","filter","Boolean","join","undefined","margins","parentIndexPath","RowField"],"mappings":"AAAA;AAKA,SAASA,YAAY,QAAQ,oCAAmC;AAChE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AACrB,SAASC,WAAW,QAAQ,gBAAe;AAE3C,MAAMC,YAAY;AAElB,MAAMC,oBAA6C,CAACC;IAClD,MAAM,EACJC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAE,EACnDC,cAAc,KAAK,EACnBC,YAAY,EAAE,EACdC,aAAa,EAAE,EACfC,mBAAmB,EAAE,EACrBC,WAAW,EACXC,QAAQ,EACT,GAAGX;IAEJ,QACGH,YAAY;MACX,CAACe,IACCT,WAAW;QAACP;QAAgBE;QAAWK;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC,MACvEX,OAAOA,SAASY,WACjB;QACC,CAACtB,aACCS,WAAW,GAAGL,UAAU,QAAQ,CAAC,EACjCO,QAAQA,QACRC,aAAaA,aACbW,SAAS,OACTC,iBAAiBX,WACjBC,YAAYA,YACZC,kBAAkBA,kBAClBC,aAAaA,aACbC,UAAUA,WACV;MACJ,EAAEC,IAAI;IACR,EAAEf;AAEN;AAEA,OAAO,MAAMsB,WAAWxB,cAAcI,mBAAkB"}
+{"version":3,"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldClientComponent } from 'payload'\n\nimport React from 'react'\n\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 } from './provider.js'\n\nconst baseClass = 'row'\n\nconst RowFieldComponent: RowFieldClientComponent = (props) => {\n  const {\n    field: { admin: { className, style } = {}, fields },\n    forceRender = false,\n    indexPath = '',\n    parentPath = '',\n    parentSchemaPath = '',\n    permissions,\n    readOnly,\n  } = props\n\n  return (\n    <RowProvider>\n      <div\n        className={[fieldBaseClass, baseClass, className].filter(Boolean).join(' ')}\n        style={style || undefined}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          margins={false}\n          parentIndexPath={indexPath}\n          parentPath={parentPath}\n          parentSchemaPath={parentSchemaPath}\n          permissions={permissions}\n          readOnly={readOnly}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"names":["React","RenderFields","withCondition","fieldBaseClass","RowProvider","baseClass","RowFieldComponent","props","field","admin","className","style","fields","forceRender","indexPath","parentPath","parentSchemaPath","permissions","readOnly","div","filter","Boolean","join","undefined","margins","parentIndexPath","RowField"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,oCAAmC;AAChE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AACrB,SAASC,WAAW,QAAQ,gBAAe;AAE3C,MAAMC,YAAY;AAElB,MAAMC,oBAA6C,CAACC;IAClD,MAAM,EACJC,OAAO,EAAEC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAG,CAAC,CAAC,EAAEC,MAAM,EAAE,EACnDC,cAAc,KAAK,EACnBC,YAAY,EAAE,EACdC,aAAa,EAAE,EACfC,mBAAmB,EAAE,EACrBC,WAAW,EACXC,QAAQ,EACT,GAAGX;IAEJ,qBACE,QAACH;kBACC,cAAA,QAACe;YACCT,WAAW;gBAACP;gBAAgBE;gBAAWK;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;YACvEX,OAAOA,SAASY;sBAEhB,cAAA,QAACtB;gBACCS,WAAW,GAAGL,UAAU,QAAQ,CAAC;gBACjCO,QAAQA;gBACRC,aAAaA;gBACbW,SAAS;gBACTC,iBAAiBX;gBACjBC,YAAYA;gBACZC,kBAAkBA;gBAClBC,aAAaA;gBACbC,UAAUA;;;;;;;;;;;;;;;;AAKpB;AAEA,OAAO,MAAMQ,WAAWxB,cAAcI,mBAAkB"}

package/dist/fields/Row/provider.js

@@ -1,8 +1,16 @@
 'use client';
-import { createContext, use } from 'react';
-export const Context = createContext(false);
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { createContext, use } from 'react';
+export const Context = /*#__PURE__*/ createContext(false);
 export const RowProvider = ({ children, withinRow = true })=>{
-    return <Context value={withinRow}>{children}</Context>;
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: withinRow,
+        children: children
+    }, void 0, false, {
+        fileName: "src/fields/Row/provider.tsx",
+        lineNumber: 10,
+        columnNumber: 10
+    }, this);
 };
 export const useRow = ()=>use(Context);
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } 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 value={withinRow}>{children}</Context>\n}\n\nexport const useRow = (): boolean => use(Context)\n"],"names":["createContext","use","Context","RowProvider","children","withinRow","value","useRow"],"mappings":"AAAA;AACA,SAAgBA,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,UAAUF,cAAc,OAAM;AAE3C,OAAO,MAAMG,cAA6E,CAAC,EACzFC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,QAAQH,QAAQI,OAAOD,YAAYD,WAAWF;AAChD,EAAC;AAED,OAAO,MAAMK,SAAS,IAAeN,IAAIC,SAAQ"}
+{"version":3,"sources":["../../../src/fields/Row/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } 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 value={withinRow}>{children}</Context>\n}\n\nexport const useRow = (): boolean => use(Context)\n"],"names":["React","createContext","use","Context","RowProvider","children","withinRow","value","useRow"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAEjD,OAAO,MAAMC,wBAAUF,cAAc,OAAM;AAE3C,OAAO,MAAMG,cAA6E,CAAC,EACzFC,QAAQ,EACRC,YAAY,IAAI,EACjB;IACC,qBAAO,QAACH;QAAQI,OAAOD;kBAAYD;;;;;;AACrC,EAAC;AAED,OAAO,MAAMG,SAAS,IAAeN,IAAIC,SAAQ"}

package/dist/fields/Select/Input.js

@@ -1,5 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
 import { ReactSelect } from '../../elements/ReactSelect/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
@@ -30,25 +32,102 @@ export const SelectInput = (props)=>{
         // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state
         valueToRender = null;
     }
-    return <div className={[
-        fieldBaseClass,
-        'select',
-        className,
-        showError && 'error',
-        readOnly && 'read-only'
-    ].filter(Boolean).join(' ')} id={`field-${path.replace(/\./g, '__')}`} style={style}>
-      <RenderCustomComponent CustomComponent={Label} Fallback={<FieldLabel label={label} localized={localized} path={path} required={required}/>}/>
-      <div className={`${fieldBaseClass}__wrap`}>
-        <RenderCustomComponent CustomComponent={Error} Fallback={<FieldError path={path} showError={showError}/>}/>
-        {BeforeInput}
-        <ReactSelect disabled={readOnly} filterOption={filterOption} id={id} isClearable={isClearable} isMulti={hasMany} isSortable={isSortable} onChange={onChange} onInputChange={onInputChange} options={options.map((option)=>({
-            ...option,
-            label: getTranslation(option.label, i18n)
-        }))} placeholder={placeholder} showError={showError} value={valueToRender}/>
-        {AfterInput}
-      </div>
-      <RenderCustomComponent CustomComponent={Description} Fallback={<FieldDescription description={description} path={path}/>}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            fieldBaseClass,
+            'select',
+            className,
+            showError && 'error',
+            readOnly && 'read-only'
+        ].filter(Boolean).join(' '),
+        id: `field-${path.replace(/\./g, '__')}`,
+        style: style,
+        children: [
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Label,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                    label: label,
+                    localized: localized,
+                    path: path,
+                    required: required
+                }, void 0, false, {
+                    fileName: "src/fields/Select/Input.tsx",
+                    lineNumber: 114,
+                    columnNumber: 11
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 111,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: `${fieldBaseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                        CustomComponent: Error,
+                        Fallback: /*#__PURE__*/ _jsxDEV(FieldError, {
+                            path: path,
+                            showError: showError
+                        }, void 0, false, {
+                            fileName: "src/fields/Select/Input.tsx",
+                            lineNumber: 120,
+                            columnNumber: 21
+                        }, void 0)
+                    }, void 0, false, {
+                        fileName: "src/fields/Select/Input.tsx",
+                        lineNumber: 118,
+                        columnNumber: 9
+                    }, this),
+                    BeforeInput,
+                    /*#__PURE__*/ _jsxDEV(ReactSelect, {
+                        disabled: readOnly,
+                        filterOption: filterOption,
+                        id: id,
+                        isClearable: isClearable,
+                        isMulti: hasMany,
+                        isSortable: isSortable,
+                        onChange: onChange,
+                        onInputChange: onInputChange,
+                        options: options.map((option)=>({
+                                ...option,
+                                label: getTranslation(option.label, i18n)
+                            })),
+                        placeholder: placeholder,
+                        showError: showError,
+                        value: valueToRender
+                    }, void 0, false, {
+                        fileName: "src/fields/Select/Input.tsx",
+                        lineNumber: 123,
+                        columnNumber: 9
+                    }, this),
+                    AfterInput
+                ]
+            }, void 0, true, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 117,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+                CustomComponent: Description,
+                Fallback: /*#__PURE__*/ _jsxDEV(FieldDescription, {
+                    description: description,
+                    path: path
+                }, void 0, false, {
+                    fileName: "src/fields/Select/Input.tsx",
+                    lineNumber: 144,
+                    columnNumber: 19
+                }, void 0)
+            }, void 0, false, {
+                fileName: "src/fields/Select/Input.tsx",
+                lineNumber: 142,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/fields/Select/Input.tsx",
+        lineNumber: 98,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOption?: ReactSelectAdapterProps['filterOption']\n  readonly hasMany?: boolean\n  readonly id?: string\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    id,\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    filterOption,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\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  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\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={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <ReactSelect\n          disabled={readOnly}\n          filterOption={filterOption}\n          id={id}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          placeholder={placeholder}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","id","AfterInput","BeforeInput","className","Description","description","Error","filterOption","hasMany","isClearable","isSortable","label","Label","localized","onChange","onInputChange","options","path","placeholder","readOnly","required","showError","style","value","i18n","valueToRender","Array","isArray","map","val","matchingOption","find","option","div","filter","Boolean","join","replace","CustomComponent","Fallback","disabled","isMulti"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAKzD,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AA8BrB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EACJC,EAAE,EACFC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,YAAY,EACZC,UAAU,KAAK,EACfC,cAAc,IAAI,EAClBC,aAAa,IAAI,EACjBC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,KAAK,EACN,GAAGxB;IAEJ,MAAM,EAAEyB,IAAI,EAAE,GAAG5B;IAEjB,IAAI6B;IAEJ,IAAIjB,WAAWkB,MAAMC,OAAO,CAACJ,QAAQ;QACnCE,gBAAgBF,MAAMK,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKM;YACjE,OAAO;gBACLlB,OAAOmB,iBAAiBxC,eAAewC,eAAenB,KAAK,EAAEa,QAAQK;gBACrEN,OAAOO,gBAAgBP,SAASM;YAClC;QACF;IACF,OAAO,IAAIN,OAAO;QAChB,MAAMO,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKA;QACjEE,gBAAgB;YACdd,OAAOmB,iBAAiBxC,eAAewC,eAAenB,KAAK,EAAEa,QAAQD;YACrEA,OAAOO,gBAAgBP,SAASA;QAClC;IACF,OAAO;QACL,yHAAyH;QACzHE,gBAAgB;IAClB;IAEA,QACGQ,IACC9B,WAAW;QACTN;QACA;QACAM;QACAkB,aAAa;QACbF,YAAY;KACb,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC,MACRpC,IAAI,CAAC,MAAM,EAAEiB,KAAKoB,OAAO,CAAC,OAAO,OAAO,EACxCf,OAAOA,OACR;MACC,CAAC9B,sBACC8C,iBAAiB1B,OACjB2B,WACG5C,WAAWgB,OAAOA,OAAOE,WAAWA,WAAWI,MAAMA,MAAMG,UAAUA,cAExE;MACF,CAACa,IAAI9B,WAAW,GAAGN,eAAe,MAAM,CAAC,EAAE;QACzC,CAACL,sBACC8C,iBAAiBhC,OACjBiC,WAAW7C,WAAWuB,MAAMA,MAAMI,WAAWA,eAC7C;QACF,CAACnB,YAAY;QACb,CAACX,YACCiD,UAAUrB,UACVZ,cAAcA,cACdP,IAAIA,IACJS,aAAaA,aACbgC,SAASjC,SACTE,YAAYA,YACZI,UAAUA,UACVC,eAAeA,eACfC,SAASA,QAAQY,GAAG,CAAC,CAACI,SAAY,CAAA;YAChC,GAAGA,MAAM;YACTrB,OAAOrB,eAAe0C,OAAOrB,KAAK,EAAEa;QACtC,CAAA,IACAN,aAAaA,aACbG,WAAWA,WACXE,OAAOE,gBACP;QACF,CAACxB,WAAW;MACd,EAAEgC,IAAI;MACN,CAACzC,sBACC8C,iBAAiBlC,aACjBmC,WAAW9C,iBAAiBY,aAAaA,aAAaY,MAAMA,UAC5D;IACJ,EAAEgB;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type { LabelFunction, OptionObject, StaticDescription, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\n\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly Description?: React.ReactNode\n  readonly description?: StaticDescription\n  readonly Error?: React.ReactNode\n  readonly filterOption?: ReactSelectAdapterProps['filterOption']\n  readonly hasMany?: boolean\n  readonly id?: string\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly Label?: React.ReactNode\n  readonly label?: StaticLabel\n  readonly localized?: boolean\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly onInputChange?: ReactSelectAdapterProps['onInputChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly placeholder?: LabelFunction | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    id,\n    AfterInput,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    filterOption,\n    hasMany = false,\n    isClearable = true,\n    isSortable = true,\n    label,\n    Label,\n    localized,\n    onChange,\n    onInputChange,\n    options,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    showError,\n    style,\n    value,\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  } else {\n    // If value is not present then render nothing, allowing select fields to reset to their initial 'Select an option' state\n    valueToRender = null\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={style}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <ReactSelect\n          disabled={readOnly}\n          filterOption={filterOption}\n          id={id}\n          isClearable={isClearable}\n          isMulti={hasMany}\n          isSortable={isSortable}\n          onChange={onChange}\n          onInputChange={onInputChange}\n          options={options.map((option) => ({\n            ...option,\n            label: getTranslation(option.label, i18n),\n          }))}\n          placeholder={placeholder}\n          showError={showError}\n          value={valueToRender as OptionObject}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n"],"names":["getTranslation","React","ReactSelect","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useTranslation","fieldBaseClass","SelectInput","props","id","AfterInput","BeforeInput","className","Description","description","Error","filterOption","hasMany","isClearable","isSortable","label","Label","localized","onChange","onInputChange","options","path","placeholder","readOnly","required","showError","style","value","i18n","valueToRender","Array","isArray","map","val","matchingOption","find","option","div","filter","Boolean","join","replace","CustomComponent","Fallback","disabled","isMulti"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,WAAW,QAAQ,sCAAqC;AACjE,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,yCAAwC;AACzE,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,UAAU,QAAQ,mCAAkC;AAC7D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,cAAc,QAAQ,qBAAoB;AACnD,OAAO,eAAc;AA8BrB,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EACJC,EAAE,EACFC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,WAAW,EACXC,WAAW,EACXC,KAAK,EACLC,YAAY,EACZC,UAAU,KAAK,EACfC,cAAc,IAAI,EAClBC,aAAa,IAAI,EACjBC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,aAAa,EACbC,OAAO,EACPC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,KAAK,EACN,GAAGxB;IAEJ,MAAM,EAAEyB,IAAI,EAAE,GAAG5B;IAEjB,IAAI6B;IAEJ,IAAIjB,WAAWkB,MAAMC,OAAO,CAACJ,QAAQ;QACnCE,gBAAgBF,MAAMK,GAAG,CAAC,CAACC;YACzB,MAAMC,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKM;YACjE,OAAO;gBACLlB,OAAOmB,iBAAiBzC,eAAeyC,eAAenB,KAAK,EAAEa,QAAQK;gBACrEN,OAAOO,gBAAgBP,SAASM;YAClC;QACF;IACF,OAAO,IAAIN,OAAO;QAChB,MAAMO,iBAAiBd,QAAQe,IAAI,CAAC,CAACC,SAAWA,OAAOT,KAAK,KAAKA;QACjEE,gBAAgB;YACdd,OAAOmB,iBAAiBzC,eAAeyC,eAAenB,KAAK,EAAEa,QAAQD;YACrEA,OAAOO,gBAAgBP,SAASA;QAClC;IACF,OAAO;QACL,yHAAyH;QACzHE,gBAAgB;IAClB;IAEA,qBACE,QAACQ;QACC9B,WAAW;YACTN;YACA;YACAM;YACAkB,aAAa;YACbF,YAAY;SACb,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC;QACRpC,IAAI,CAAC,MAAM,EAAEiB,KAAKoB,OAAO,CAAC,OAAO,OAAO;QACxCf,OAAOA;;0BAEP,QAAC9B;gBACC8C,iBAAiB1B;gBACjB2B,wBACE,QAAC5C;oBAAWgB,OAAOA;oBAAOE,WAAWA;oBAAWI,MAAMA;oBAAMG,UAAUA;;;;;;;;;;;0BAG1E,QAACa;gBAAI9B,WAAW,GAAGN,eAAe,MAAM,CAAC;;kCACvC,QAACL;wBACC8C,iBAAiBhC;wBACjBiC,wBAAU,QAAC7C;4BAAWuB,MAAMA;4BAAMI,WAAWA;;;;;;;;;;;oBAE9CnB;kCACD,QAACX;wBACCiD,UAAUrB;wBACVZ,cAAcA;wBACdP,IAAIA;wBACJS,aAAaA;wBACbgC,SAASjC;wBACTE,YAAYA;wBACZI,UAAUA;wBACVC,eAAeA;wBACfC,SAASA,QAAQY,GAAG,CAAC,CAACI,SAAY,CAAA;gCAChC,GAAGA,MAAM;gCACTrB,OAAOtB,eAAe2C,OAAOrB,KAAK,EAAEa;4BACtC,CAAA;wBACAN,aAAaA;wBACbG,WAAWA;wBACXE,OAAOE;;;;;;oBAERxB;;;;;;;0BAEH,QAACT;gBACC8C,iBAAiBlC;gBACjBmC,wBAAU,QAAC9C;oBAAiBY,aAAaA;oBAAaY,MAAMA;;;;;;;;;;;;;;;;;AAIpE,EAAC"}

package/dist/fields/Select/index.js

@@ -1,4 +1,5 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useCallback, useMemo } from 'react';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
@@ -64,7 +65,35 @@ const SelectFieldComponent = (props)=>{
     const styles = useMemo(()=>mergeFieldStyles(field), [
         field
     ]);
-    return <SelectInput AfterInput={AfterInput} BeforeInput={BeforeInput} className={className} Description={Description} description={description} Error={Error} filterOption={selectFilterOptions ? ({ label, value }, search)=>selectFilterOptions?.some((option)=>(typeof option === 'string' ? option : option.value) === value) && label.toLowerCase().includes(search.toLowerCase()) : undefined} hasMany={hasMany} isClearable={isClearable} isSortable={isSortable} Label={Label} label={label} localized={localized} name={name} onChange={onChange} options={options} path={path} placeholder={placeholder} readOnly={readOnly || disabled} required={required} showError={showError} style={styles} value={value}/>;
+    return /*#__PURE__*/ _jsxDEV(SelectInput, {
+        AfterInput: AfterInput,
+        BeforeInput: BeforeInput,
+        className: className,
+        Description: Description,
+        description: description,
+        Error: Error,
+        filterOption: selectFilterOptions ? ({ label, value }, search)=>selectFilterOptions?.some((option)=>(typeof option === 'string' ? option : option.value) === value) && label.toLowerCase().includes(search.toLowerCase()) : undefined,
+        hasMany: hasMany,
+        isClearable: isClearable,
+        isSortable: isSortable,
+        Label: Label,
+        label: label,
+        localized: localized,
+        name: name,
+        onChange: onChange,
+        options: options,
+        path: path,
+        placeholder: placeholder,
+        readOnly: readOnly || disabled,
+        required: required,
+        showError: showError,
+        style: styles,
+        value: value
+    }, void 0, false, {
+        fileName: "src/fields/Select/index.tsx",
+        lineNumber: 106,
+        columnNumber: 5
+    }, this);
 };
 export const SelectField = withCondition(SelectFieldComponent);
 export { SelectInput };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nexport const formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ label, value }, search) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              ) && label.toLowerCase().includes(search.toLowerCase())\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","placeholder","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","filterOption","search","some","toLowerCase","includes","undefined","style","SelectField"],"mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  Option,\n  OptionObject,\n  SelectFieldClientComponent,\n  SelectFieldClientProps,\n} from 'payload'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js'\nimport type { SelectInputProps } from './Input.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { SelectInput } from './Input.js'\n\nexport const formatOptions = (options: Option[]): OptionObject[] =>\n  options.map((option) => {\n    if (typeof option === 'object' && (option.value || option.value === '')) {\n      return option\n    }\n\n    return {\n      label: option,\n      value: option,\n    } as OptionObject\n  })\n\nconst SelectFieldComponent: SelectFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: {\n        className,\n        description,\n        isClearable = true,\n        isSortable = true,\n        placeholder,\n      } = {} as SelectFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      options: optionsFromProps = [],\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const options = React.useMemo(() => formatOptions(optionsFromProps), [optionsFromProps])\n\n  const memoizedValidate = useCallback(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, hasMany, options, required })\n      }\n    },\n    [validate, required, hasMany, options],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    selectFilterOptions,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const onChange: ReactSelectAdapterProps['onChange'] = useCallback(\n    (selectedOption: OptionObject | OptionObject[]) => {\n      if (!readOnly || disabled) {\n        let newValue: string | string[] = null\n        if (selectedOption && hasMany) {\n          if (Array.isArray(selectedOption)) {\n            newValue = selectedOption.map((option) => option.value)\n          } else {\n            newValue = []\n          }\n        } else if (selectedOption && !Array.isArray(selectedOption)) {\n          newValue = selectedOption.value\n        }\n\n        if (typeof onChangeFromProps === 'function') {\n          onChangeFromProps(newValue)\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, hasMany, setValue, onChangeFromProps],\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <SelectInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      filterOption={\n        selectFilterOptions\n          ? ({ label, value }, search) =>\n              selectFilterOptions?.some(\n                (option) => (typeof option === 'string' ? option : option.value) === value,\n              ) && label.toLowerCase().includes(search.toLowerCase())\n          : undefined\n      }\n      hasMany={hasMany}\n      isClearable={isClearable}\n      isSortable={isSortable}\n      Label={Label}\n      label={label}\n      localized={localized}\n      name={name}\n      onChange={onChange}\n      options={options}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      style={styles}\n      value={value as string | string[]}\n    />\n  )\n}\n\nexport const SelectField = withCondition(SelectFieldComponent)\n\nexport { SelectInput, type SelectInputProps }\n"],"names":["React","useCallback","useMemo","useField","withCondition","mergeFieldStyles","SelectInput","formatOptions","options","map","option","value","label","SelectFieldComponent","props","field","name","admin","className","description","isClearable","isSortable","placeholder","hasMany","localized","optionsFromProps","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","selectFilterOptions","setValue","showError","potentiallyStalePath","selectedOption","newValue","Array","isArray","styles","filterOption","search","some","toLowerCase","includes","undefined","style","SelectField"],"mappings":"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"}

package/dist/fields/Slug/index.js

@@ -1,5 +1,6 @@
 'use client';
-import { useCallback, useState } from 'react';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React, { useCallback, useState } from 'react';
 import { Button } from '../../elements/Button/index.js';
 import { useForm } from '../../forms/Form/index.js';
 import { useField } from '../../forms/useField/index.js';
@@ -58,18 +59,62 @@ import './index.scss';
         e.preventDefault();
         setIsLocked((prev)=>!prev);
     }, []);
-    return <div className="field-type slug-field-component">
-      <div className="label-wrapper">
-        <FieldLabel htmlFor={`field-${path}`} label={label}/>
-        {!isLocked && <Button buttonStyle="none" className="lock-button" onClick={handleGenerate}>
-            {t('authentication:generate')}
-          </Button>}
-        <Button buttonStyle="none" className="lock-button" onClick={toggleLock}>
-          {isLocked ? t('general:unlock') : t('general:lock')}
-        </Button>
-      </div>
-      <TextInput onChange={setValue} path={path || field.name} readOnly={Boolean(readOnlyFromProps || isLocked)} value={value}/>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: "field-type slug-field-component",
+        children: [
+            /*#__PURE__*/ _jsxDEV("div", {
+                className: "label-wrapper",
+                children: [
+                    /*#__PURE__*/ _jsxDEV(FieldLabel, {
+                        htmlFor: `field-${path}`,
+                        label: label
+                    }, void 0, false, {
+                        fileName: "src/fields/Slug/index.tsx",
+                        lineNumber: 81,
+                        columnNumber: 9
+                    }, this),
+                    !isLocked && /*#__PURE__*/ _jsxDEV(Button, {
+                        buttonStyle: "none",
+                        className: "lock-button",
+                        onClick: handleGenerate,
+                        children: t('authentication:generate')
+                    }, void 0, false, {
+                        fileName: "src/fields/Slug/index.tsx",
+                        lineNumber: 83,
+                        columnNumber: 11
+                    }, this),
+                    /*#__PURE__*/ _jsxDEV(Button, {
+                        buttonStyle: "none",
+                        className: "lock-button",
+                        onClick: toggleLock,
+                        children: isLocked ? t('general:unlock') : t('general:lock')
+                    }, void 0, false, {
+                        fileName: "src/fields/Slug/index.tsx",
+                        lineNumber: 87,
+                        columnNumber: 9
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/fields/Slug/index.tsx",
+                lineNumber: 80,
+                columnNumber: 7
+            }, this),
+            /*#__PURE__*/ _jsxDEV(TextInput, {
+                onChange: setValue,
+                path: path || field.name,
+                readOnly: Boolean(readOnlyFromProps || isLocked),
+                value: value
+            }, void 0, false, {
+                fileName: "src/fields/Slug/index.tsx",
+                lineNumber: 91,
+                columnNumber: 7
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/fields/Slug/index.tsx",
+        lineNumber: 79,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map