@payloadcms/ui 3.0.0-beta.9 → 3.0.0-beta.90

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

@@ -1,17 +1,5 @@
-import type { I18n } from '@payloadcms/translations';
-import type { ClientCollectionConfig, FieldBase, 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'];
-    width?: string;
-};
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientCollectionConfig, SanitizedConfig } from 'payload';
 export type Option = {
     label: string;
     options?: Option[];
@@ -34,14 +22,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,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEtE,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

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

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,"file":"types.js","names":[],"sources":["../../../src/fields/Relationship/types.ts"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, SanitizedConfig } from 'payload'\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"],"mappings":"AA8CA","ignoreList":[]}

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

@@ -1,12 +1,4 @@
-import type { FieldBase } from 'packages/payload/src/exports/types.js';
+import type { RichTextFieldProps } from 'payload';
 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;
-};
-export declare const RichText: React.FC<RichTextFieldProps>;
+export declare const RichTextField: React.FC<RichTextFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}

package/dist/fields/RichText/index.js

@@ -1,5 +1,6 @@
-export const RichText = ()=>{
-    return null;
-};
+'use client';
 
+export const RichTextField = () => {
+  return null;
+};
 //# sourceMappingURL=index.js.map

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,"file":"index.js","names":["RichTextField"],"sources":["../../../src/fields/RichText/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextFieldProps } from 'payload'\nimport type React from 'react'\n\nexport const RichTextField: React.FC<RichTextFieldProps> = () => {\n  return null\n}\n"],"mappings":"AAAA;;AAIA,OAAO,MAAMA,aAAA,GAA8CA,CAAA;EACzD,OAAO;AACT","ignoreList":[]}

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

@@ -1,7 +1,7 @@
+import type { RowFieldProps } from 'payload';
 import React from 'react';
-import type { RowFieldProps } from './types.js';
 import './index.scss';
 import { RowProvider, useRow } from './provider.js';
 export { RowProvider, useRow };
-export declare const Row: React.FC<RowFieldProps>;
+export declare const RowField: React.FC<RowFieldProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAM/C,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAA;AA0B9B,eAAO,MAAM,GAAG,yBAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Row/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAA;AA+B9B,eAAO,MAAM,QAAQ,yBAAmC,CAAA"}

package/dist/fields/Row/index.js

@@ -1,35 +1,85 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
+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';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { fieldBaseClass } from '../shared/index.js';
+import './index.scss';
 import { RowProvider, useRow } from './provider.js';
 export { RowProvider, useRow };
 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
-    })));
+const RowFieldComponent = props => {
+  const $ = _c(13);
+  const {
+    field: t0,
+    forceRender: t1
+  } = props;
+  const {
+    admin: t2,
+    fields
+  } = t0;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = t2 === undefined ? {} : t2;
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const {
+    className
+  } = t3;
+  const forceRender = t1 === undefined ? false : t1;
+  const {
+    indexPath,
+    path,
+    readOnly,
+    schemaPath,
+    siblingPermissions
+  } = useFieldProps();
+  let t4;
+  if ($[2] !== className) {
+    t4 = [fieldBaseClass, baseClass, className].filter(Boolean);
+    $[2] = className;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const t5 = t4.join(" ");
+  let t6;
+  if ($[4] !== fields || $[5] !== forceRender || $[6] !== indexPath || $[7] !== path || $[8] !== siblingPermissions || $[9] !== readOnly || $[10] !== schemaPath || $[11] !== t5) {
+    t6 = _jsx(RowProvider, {
+      children: _jsx("div", {
+        className: t5,
+        children: _jsx(RenderFields, {
+          className: `${baseClass}__fields`,
+          fields,
+          forceRender,
+          indexPath,
+          margins: false,
+          path,
+          permissions: siblingPermissions,
+          readOnly,
+          schemaPath
+        })
+      })
+    });
+    $[4] = fields;
+    $[5] = forceRender;
+    $[6] = indexPath;
+    $[7] = path;
+    $[8] = siblingPermissions;
+    $[9] = readOnly;
+    $[10] = schemaPath;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
 };
-export const Row = withCondition(RowField);
-
+export const RowField = withCondition(RowFieldComponent);
 //# sourceMappingURL=index.js.map

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,"file":"index.js","names":["c","_c","React","useFieldProps","RenderFields","withCondition","fieldBaseClass","RowProvider","useRow","baseClass","RowFieldComponent","props","$","field","t0","forceRender","t1","admin","t2","fields","t3","undefined","className","indexPath","path","readOnly","schemaPath","siblingPermissions","t4","filter","Boolean","t5","join","t6","_jsx","children","margins","permissions","RowField"],"sources":["../../../src/fields/Row/index.tsx"],"sourcesContent":["'use client'\nimport type { RowFieldProps } from 'payload'\n\nimport React from 'react'\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 RowFieldComponent: React.FC<RowFieldProps> = (props) => {\n  const {\n    field: { admin: { className } = {}, fields },\n    forceRender = false,\n  } = 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          className={`${baseClass}__fields`}\n          fields={fields}\n          forceRender={forceRender}\n          indexPath={indexPath}\n          margins={false}\n          path={path}\n          permissions={siblingPermissions}\n          readOnly={readOnly}\n          schemaPath={schemaPath}\n        />\n      </div>\n    </RowProvider>\n  )\n}\n\nexport const RowField = withCondition(RowFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,WAAW,EAAEC,MAAM,QAAQ;AAEpC,SAASD,WAAW,EAAEC,MAAM;AAE5B,MAAMC,SAAA,GAAY;AAElB,MAAMC,iBAAA,GAA6CC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACjD;IAAAY,KAAA,EAAAC,EAAA;IAAAC,WAAA,EAAAC;EAAA,IAGIL,KAAA;EAFK;IAAAM,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAL,EAAqC;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAM,EAAA;IAA5BE,EAAA,GAAAF,EAAkB,KAAAG,SAAA,QAAlBH,EAAkB;IAAAN,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAlB;IAAAU;EAAA,IAAAF,EAAkB;EAClC,MAAAL,WAAA,GAAAC,EAAmB,KAAAK,SAAA,WAAnBL,EAAmB;EAGrB;IAAAO,SAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC;EAAA,IAAsExB,aAAA;EAAA,IAAAyB,EAAA;EAAA,IAAAhB,CAAA,QAAAU,SAAA;IAIlDM,EAAA,IAAAtB,cAAA,EAAAG,SAAA,EAA4Ba,SAAA,EAAAO,MAAA,CAAAC,OAAkB;IAAAlB,CAAA,MAAAU,SAAA;IAAAV,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAA9C,MAAAmB,EAAA,GAAAH,EAA8C,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAArB,CAAA,QAAAO,MAAA,IAAAP,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAW,SAAA,IAAAX,CAAA,QAAAY,IAAA,IAAAZ,CAAA,QAAAe,kBAAA,IAAAf,CAAA,QAAAa,QAAA,IAAAb,CAAA,SAAAc,UAAA,IAAAd,CAAA,SAAAmB,EAAA;IAD9EE,EAAA,GAAAC,IAAA,CAAA3B,WAAA;MAAA4B,QAAA,EACED,IAAA,CAAC;QAAAZ,SAAA,EAAeS,EAA4D;QAAAI,QAAA,EAC1ED,IAAA,CAAA9B,YAAA;UAAAkB,SAAA,EACa,GAAAb,SAAA,UAAsB;UAAAU,MAAA;UAAAJ,WAAA;UAAAQ,SAAA;UAAAa,OAAA;UAAAZ,IAAA;UAAAa,WAAA,EAMpBV,kBAAA;UAAAF,QAAA;UAAAC;QAAA,C;;;;;;;;;;;;;;;SATnBO,E;CAgBJ;AAEA,OAAO,MAAMK,QAAA,GAAWjC,aAAA,CAAcK,iBAAA","ignoreList":[]}

package/dist/fields/Row/index.scss

@@ -4,14 +4,10 @@
   .row__fields {
     display: flex;
     flex-wrap: wrap;
-    width: calc(100% + var(--base));
-    margin-left: calc(var(--base) * -0.5);
-    margin-right: calc(var(--base) * -0.5);
+    gap: calc(var(--base) * 0.5);
 
     > * {
       flex-grow: 1;
-      padding-left: calc(var(--base) * 0.5);
-      padding-right: calc(var(--base) * 0.5);
     }
   }
 

package/dist/fields/Row/provider.js

@@ -1,11 +1,18 @@
 '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);
+export const Context = /*#__PURE__*/createContext(false);
+export const RowProvider = ({
+  children,
+  withinRow = true
+}) => {
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: withinRow,
+    children: children
+  });
+};
+export const useRow = () => {
+  return useContext(Context);
 };
-export const useRow = ()=>useContext(Context);
-
 //# sourceMappingURL=provider.js.map

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,"file":"provider.js","names":["React","createContext","useContext","Context","RowProvider","children","withinRow","_jsx","Provider","value","useRow"],"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"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,UAAU,QAAQ;AAEjD,OAAO,MAAMC,OAAA,gBAAUF,aAAA,CAAc;AAErC,OAAO,MAAMG,WAAA,GAA6EA,CAAC;EACzFC,QAAQ;EACRC,SAAA,GAAY;AAAI,CACjB;EACC,oBAAOC,IAAA,CAACJ,OAAA,CAAQK,QAAQ;IAACC,KAAA,EAAOH,SAAA;cAAYD;;AAC9C;AAEA,OAAO,MAAMK,MAAA,GAASA,CAAA;EAAA,OAAeR,UAAA,CAAAC,OAAW;AAAA","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+import type { MappedComponent, OptionObject, SelectFieldClient, StaticDescription, StaticLabel } from 'payload';
+import type { MarkOptional } from 'ts-essentials';
+import React from 'react';
+import type { ReactSelectAdapterProps } from '../../elements/ReactSelect/types.js';
+import './index.scss';
+export type SelectInputProps = {
+    readonly Description?: MappedComponent;
+    readonly Error?: MappedComponent;
+    readonly Label?: MappedComponent;
+    readonly afterInput?: MappedComponent[];
+    readonly beforeInput?: MappedComponent[];
+    readonly className?: string;
+    readonly description?: StaticDescription;
+    readonly descriptionProps?: Record<string, unknown>;
+    readonly errorProps?: Record<string, unknown>;
+    readonly field?: MarkOptional<SelectFieldClient, 'type'>;
+    readonly hasMany?: boolean;
+    readonly isClearable?: boolean;
+    readonly isSortable?: boolean;
+    readonly label: StaticLabel;
+    readonly labelProps?: Record<string, unknown>;
+    readonly name: string;
+    readonly onChange?: ReactSelectAdapterProps['onChange'];
+    readonly options?: OptionObject[];
+    readonly path: string;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly showError?: boolean;
+    readonly style?: React.CSSProperties;
+    readonly value?: string | string[];
+    readonly width?: 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,EACV,eAAe,EACf,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACZ,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAGjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AASlF,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAA;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,EAAE,CAAA;IACxC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAA;IACxD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAA;IACvD,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IACpC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkGlD,CAAA"}

package/dist/fields/Select/Input.js

@@ -0,0 +1,218 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+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 { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { FieldDescription } from '../FieldDescription/index.js';
+import { FieldError } from '../FieldError/index.js';
+import { FieldLabel } from '../FieldLabel/index.js';
+import { fieldBaseClass } from '../shared/index.js';
+import './index.scss';
+export const SelectInput = props => {
+  const $ = _c(48);
+  const {
+    Description,
+    Error,
+    Label,
+    afterInput,
+    beforeInput,
+    className,
+    description,
+    descriptionProps,
+    errorProps,
+    field,
+    hasMany: t0,
+    isClearable: t1,
+    isSortable: t2,
+    label,
+    labelProps,
+    onChange,
+    options,
+    path,
+    readOnly,
+    required,
+    showError,
+    style,
+    value,
+    width
+  } = props;
+  const hasMany = t0 === undefined ? false : t0;
+  const isClearable = t1 === undefined ? true : t1;
+  const isSortable = t2 === undefined ? true : t2;
+  const {
+    i18n
+  } = useTranslation();
+  let t3;
+  if ($[0] !== hasMany || $[1] !== value || $[2] !== options || $[3] !== i18n || $[4] !== showError || $[5] !== readOnly || $[6] !== className || $[7] !== path || $[8] !== style || $[9] !== width || $[10] !== labelProps || $[11] !== Label || $[12] !== field || $[13] !== label || $[14] !== required || $[15] !== errorProps || $[16] !== Error || $[17] !== beforeInput || $[18] !== isClearable || $[19] !== isSortable || $[20] !== onChange || $[21] !== afterInput || $[22] !== descriptionProps || $[23] !== Description || $[24] !== description) {
+    let valueToRender;
+    if (hasMany && Array.isArray(value)) {
+      let t4;
+      if ($[26] !== options || $[27] !== i18n) {
+        t4 = val => {
+          const matchingOption = options.find(option => option.value === val);
+          return {
+            label: matchingOption ? getTranslation(matchingOption.label, i18n) : val,
+            value: matchingOption?.value ?? val
+          };
+        };
+        $[26] = options;
+        $[27] = i18n;
+        $[28] = t4;
+      } else {
+        t4 = $[28];
+      }
+      valueToRender = value.map(t4);
+    } else {
+      if (value) {
+        let matchingOption_0;
+        let t4;
+        if ($[29] !== value || $[30] !== options || $[31] !== i18n) {
+          let t5;
+          if ($[34] !== value) {
+            t5 = option_0 => option_0.value === value;
+            $[34] = value;
+            $[35] = t5;
+          } else {
+            t5 = $[35];
+          }
+          matchingOption_0 = options.find(t5);
+          t4 = matchingOption_0 ? getTranslation(matchingOption_0.label, i18n) : value;
+          $[29] = value;
+          $[30] = options;
+          $[31] = i18n;
+          $[32] = matchingOption_0;
+          $[33] = t4;
+        } else {
+          matchingOption_0 = $[32];
+          t4 = $[33];
+        }
+        valueToRender = {
+          label: t4,
+          value: matchingOption_0?.value ?? value
+        };
+      }
+    }
+    const t4 = showError && "error";
+    const t5 = readOnly && "read-only";
+    let t6;
+    if ($[36] !== className || $[37] !== t4 || $[38] !== t5) {
+      t6 = [fieldBaseClass, "select", className, t4, t5].filter(Boolean);
+      $[36] = className;
+      $[37] = t4;
+      $[38] = t5;
+      $[39] = t6;
+    } else {
+      t6 = $[39];
+    }
+    let t7;
+    if ($[40] !== labelProps) {
+      t7 = labelProps || {};
+      $[40] = labelProps;
+      $[41] = t7;
+    } else {
+      t7 = $[41];
+    }
+    let t8;
+    if ($[42] !== errorProps) {
+      t8 = errorProps || {};
+      $[42] = errorProps;
+      $[43] = t8;
+    } else {
+      t8 = $[43];
+    }
+    let t9;
+    if ($[44] !== i18n) {
+      t9 = option_1 => ({
+        ...option_1,
+        label: getTranslation(option_1.label, i18n)
+      });
+      $[44] = i18n;
+      $[45] = t9;
+    } else {
+      t9 = $[45];
+    }
+    let t10;
+    if ($[46] !== descriptionProps) {
+      t10 = descriptionProps || {};
+      $[46] = descriptionProps;
+      $[47] = t10;
+    } else {
+      t10 = $[47];
+    }
+    t3 = _jsxs("div", {
+      className: t6.join(" "),
+      id: `field-${path.replace(/\./g, "__")}`,
+      style: {
+        ...style,
+        width
+      },
+      children: [_jsx(FieldLabel, {
+        Label,
+        field,
+        label,
+        required,
+        ...t7
+      }), _jsxs("div", {
+        className: `${fieldBaseClass}__wrap`,
+        children: [_jsx(FieldError, {
+          CustomError: Error,
+          field,
+          path,
+          ...t8
+        }), _jsx(RenderComponent, {
+          mappedComponent: beforeInput
+        }), _jsx(ReactSelect, {
+          disabled: readOnly,
+          isClearable,
+          isMulti: hasMany,
+          isSortable,
+          onChange,
+          options: options.map(t9),
+          showError,
+          value: valueToRender
+        }), _jsx(RenderComponent, {
+          mappedComponent: afterInput
+        })]
+      }), _jsx(FieldDescription, {
+        Description,
+        description,
+        field,
+        ...t10
+      })]
+    });
+    $[0] = hasMany;
+    $[1] = value;
+    $[2] = options;
+    $[3] = i18n;
+    $[4] = showError;
+    $[5] = readOnly;
+    $[6] = className;
+    $[7] = path;
+    $[8] = style;
+    $[9] = width;
+    $[10] = labelProps;
+    $[11] = Label;
+    $[12] = field;
+    $[13] = label;
+    $[14] = required;
+    $[15] = errorProps;
+    $[16] = Error;
+    $[17] = beforeInput;
+    $[18] = isClearable;
+    $[19] = isSortable;
+    $[20] = onChange;
+    $[21] = afterInput;
+    $[22] = descriptionProps;
+    $[23] = Description;
+    $[24] = description;
+    $[25] = t3;
+  } else {
+    t3 = $[25];
+  }
+  return t3;
+};
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","React","ReactSelect","RenderComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","SelectInput","props","$","Description","Error","Label","afterInput","beforeInput","className","description","descriptionProps","errorProps","field","hasMany","t0","isClearable","t1","isSortable","t2","label","labelProps","onChange","options","path","readOnly","required","showError","style","value","width","undefined","i18n","t3","valueToRender","Array","isArray","t4","val","matchingOption","find","option","map","matchingOption_0","t5","option_0","t6","filter","Boolean","t7","t8","t9","option_1","t10","_jsxs","join","id","replace","children","_jsx","CustomError","mappedComponent","disabled","isMulti"],"sources":["../../../src/fields/Select/Input.tsx"],"sourcesContent":["'use client'\nimport type {\n  MappedComponent,\n  OptionObject,\n  SelectFieldClient,\n  StaticDescription,\n  StaticLabel,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\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 { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nexport type SelectInputProps = {\n  readonly Description?: MappedComponent\n  readonly Error?: MappedComponent\n  readonly Label?: MappedComponent\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly descriptionProps?: Record<string, unknown>\n  readonly errorProps?: Record<string, unknown>\n  readonly field?: MarkOptional<SelectFieldClient, 'type'>\n  readonly hasMany?: boolean\n  readonly isClearable?: boolean\n  readonly isSortable?: boolean\n  readonly label: StaticLabel\n  readonly labelProps?: Record<string, unknown>\n  readonly name: string\n  readonly onChange?: ReactSelectAdapterProps['onChange']\n  readonly options?: OptionObject[]\n  readonly path: string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly showError?: boolean\n  readonly style?: React.CSSProperties\n  readonly value?: string | string[]\n  readonly width?: string\n}\n\nexport const SelectInput: React.FC<SelectInputProps> = (props) => {\n  const {\n    Description,\n    Error,\n    Label,\n    afterInput,\n    beforeInput,\n    className,\n    description,\n    descriptionProps,\n    errorProps,\n    field,\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        Label={Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError CustomError={Error} field={field} path={path} {...(errorProps || {})} />\n        <RenderComponent mappedComponent={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        <RenderComponent mappedComponent={afterInput} />\n      </div>\n      <FieldDescription\n        Description={Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,18 +1,7 @@
-import type { FieldBase, Option } from 'payload/types';
+import type { SelectFieldProps } from 'payload';
 import React from 'react';
-import type { FormFieldBase } from '../shared/index.js';
-import './index.scss';
-export type SelectFieldProps = FormFieldBase & {
-    hasMany?: boolean;
-    isClearable?: boolean;
-    isSortable?: boolean;
-    label?: FieldBase['label'];
-    name?: string;
-    onChange?: (e: string) => void;
-    options?: Option[];
-    path?: string;
-    value?: string;
-    width?: string;
-};
-export declare const Select: React.FC<SelectFieldProps>;
+import type { SelectInputProps } from './Input.js';
+import { SelectInput } from './Input.js';
+export declare const SelectField: 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":"AACA,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAErE,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AA+GxC,eAAO,MAAM,WAAW,4BAAsC,CAAA;AAE9D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}