@payloadcms/ui 3.0.0-beta.77 → 3.0.0-beta.79

package/dist/providers/Config/createClientConfig/fields.js

@@ -0,0 +1,299 @@
+import { MissingEditorProp } from 'payload';
+import { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared';
+import { getComponent } from './getComponent.js';
+function generateFieldPath(parentPath, name) {
+    let tabPath = parentPath || '';
+    if (parentPath && name) {
+        tabPath = `${parentPath}.${name}`;
+    } else if (!parentPath && name) {
+        tabPath = name;
+    }
+    return tabPath;
+}
+export const createClientField = ({ clientField, createMappedComponent, field: incomingField, i18n, importMap, parentPath, payload })=>{
+    const serverOnlyFieldProperties = [
+        'hooks',
+        'access',
+        'validate',
+        'defaultValue',
+        'filterOptions',
+        'editor',
+        'custom',
+        'typescriptSchema',
+        'dbName',
+        'enumName'
+    ];
+    serverOnlyFieldProperties.forEach((key)=>{
+        if (key in clientField) {
+            delete clientField[key];
+        }
+    });
+    if (fieldIsPresentationalOnly(incomingField)) {
+        clientField._isPresentational = true;
+    }
+    const isHidden = 'hidden' in incomingField && incomingField?.hidden;
+    const disabledFromAdmin = incomingField?.admin && 'disabled' in incomingField.admin && incomingField.admin.disabled;
+    if (fieldAffectsData(clientField) && (isHidden || disabledFromAdmin)) {
+        return null;
+    }
+    clientField._schemaPath = generateFieldPath(parentPath, fieldAffectsData(clientField) ? clientField.name : '');
+    if ('label' in clientField && 'label' in incomingField && typeof incomingField.label === 'function') {
+        clientField.label = incomingField.label({
+            t: i18n.t
+        });
+    }
+    const CustomLabel = 'admin' in incomingField && 'components' in incomingField.admin && 'Label' in incomingField.admin.components && incomingField.admin.components.Label;
+    switch(incomingField.type){
+        case 'array':
+        case 'group':
+        case 'collapsible':
+        case 'row':
+            {
+                const field = clientField;
+                field.fields = createClientFields({
+                    clientFields: field.fields,
+                    createMappedComponent,
+                    disableAddingID: incomingField.type !== 'array',
+                    fields: incomingField.fields,
+                    i18n,
+                    importMap,
+                    parentPath: field._schemaPath,
+                    payload
+                });
+                if (incomingField?.admin?.components && 'RowLabel' in incomingField.admin.components) {
+                    field.admin.components.RowLabel = createMappedComponent(incomingField.admin.components.RowLabel, undefined, undefined, 'incomingField.admin.components.RowLabel');
+                }
+                break;
+            }
+        case 'blocks':
+            {
+                const field = clientField;
+                if (incomingField.blocks?.length) {
+                    for(let i = 0; i < incomingField.blocks.length; i++){
+                        const block = incomingField.blocks[i];
+                        const clientBlock = {
+                            slug: block.slug,
+                            admin: {
+                                components: {},
+                                custom: block.admin?.custom
+                            },
+                            fields: field.blocks[i].fields,
+                            imageAltText: block.imageAltText,
+                            imageURL: block.imageURL
+                        };
+                        if (block.labels) {
+                            clientBlock.labels = {};
+                            if (block.labels.singular) {
+                                if (typeof block.labels.singular === 'function') {
+                                    clientBlock.labels.singular = block.labels.singular({
+                                        t: i18n.t
+                                    });
+                                } else {
+                                    clientBlock.labels.singular = block.labels.singular;
+                                }
+                                if (typeof block.labels.plural === 'function') {
+                                    clientBlock.labels.plural = block.labels.plural({
+                                        t: i18n.t
+                                    });
+                                } else {
+                                    clientBlock.labels.plural = block.labels.plural;
+                                }
+                            }
+                        }
+                        if (block.admin?.components?.Label) {
+                            clientBlock.admin.components.Label = createMappedComponent(block.admin.components.Label, undefined, undefined, 'block.admin.components.Label');
+                        }
+                        clientBlock.fields = createClientFields({
+                            clientFields: clientBlock.fields,
+                            createMappedComponent,
+                            fields: block.fields,
+                            i18n,
+                            importMap,
+                            parentPath: `${field._schemaPath}.${block.slug}`,
+                            payload
+                        });
+                        field.blocks[i] = clientBlock;
+                    }
+                }
+                break;
+            }
+        case 'richText':
+            {
+                const field = clientField;
+                if (!incomingField?.editor) {
+                    throw new MissingEditorProp(incomingField) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor
+                    ;
+                }
+                if (typeof incomingField?.editor === 'function') {
+                    throw new Error('Attempted to access unsanitized rich text editor.');
+                }
+                if (!field.admin) {
+                    field.admin = {};
+                }
+                if (!field.admin.components) {
+                    field.admin.components = {};
+                }
+                field.admin.components.Field = createMappedComponent(incomingField.editor.FieldComponent, undefined, undefined, 'incomingField.editor.FieldComponent');
+                field.admin.components.Cell = createMappedComponent(incomingField.editor.CellComponent, undefined, undefined, 'incomingField.editor.CellComponent');
+                if (incomingField.editor.generateComponentMap) {
+                    const { Component: generateComponentMap, serverProps } = getComponent({
+                        identifier: 'richText-generateComponentMap',
+                        importMap,
+                        payloadComponent: incomingField.editor.generateComponentMap,
+                        silent: true
+                    });
+                    if (generateComponentMap) {
+                        const actualGenerateComponentMap = generateComponentMap(serverProps);
+                        const result = actualGenerateComponentMap({
+                            clientField: field,
+                            createMappedComponent,
+                            field: incomingField,
+                            i18n,
+                            importMap,
+                            payload,
+                            schemaPath: field._schemaPath
+                        });
+                        field.richTextComponentMap = result;
+                    }
+                }
+                break;
+            }
+        case 'tabs':
+            {
+                const field = clientField;
+                if (incomingField.tabs?.length) {
+                    for(let i = 0; i < incomingField.tabs.length; i++){
+                        const tab = incomingField.tabs[i];
+                        const clientTab = field.tabs[i];
+                        serverOnlyFieldProperties.forEach((key)=>{
+                            if (key in clientTab) {
+                                delete clientTab[key];
+                            }
+                        });
+                        clientTab.fields = createClientFields({
+                            clientFields: clientTab.fields,
+                            createMappedComponent,
+                            disableAddingID: true,
+                            fields: tab.fields,
+                            i18n,
+                            importMap,
+                            parentPath: field._schemaPath,
+                            payload
+                        });
+                    }
+                }
+                break;
+            }
+        case 'select':
+        case 'radio':
+            {
+                const field = clientField;
+                if (incomingField.options?.length) {
+                    for(let i = 0; i < incomingField.options.length; i++){
+                        const option = incomingField.options[i];
+                        if (typeof option === 'object' && typeof option.label === 'function') {
+                            field.options[i] = {
+                                label: option.label({
+                                    t: i18n.t
+                                }),
+                                value: option.value
+                            };
+                        }
+                    }
+                }
+                break;
+            }
+        default:
+            break;
+    }
+    const serverOnlyFieldAdminProperties = [
+        'condition'
+    ];
+    if (!clientField.admin) {
+        clientField.admin = {};
+    }
+    if (!clientField.admin.components) {
+        clientField.admin.components = {};
+    }
+    serverOnlyFieldAdminProperties.forEach((key)=>{
+        if (key in clientField.admin) {
+            delete clientField.admin[key];
+        }
+    });
+    if (incomingField.admin && 'description' in incomingField.admin) {
+        if (typeof incomingField.admin?.description === 'string' || typeof incomingField.admin?.description === 'object') {
+            clientField.admin.description = incomingField.admin.description;
+        } else if (typeof incomingField.admin?.description === 'function') {
+            clientField.admin.description = incomingField.admin?.description({
+                t: i18n.t
+            });
+        }
+    }
+    if (incomingField?.admin?.components?.Cell !== undefined) {
+        clientField.admin.components.Cell = createMappedComponent(incomingField.admin.components.Cell, undefined, undefined, 'incomingField.admin.components.Cell');
+    }
+    if (incomingField?.admin?.components && 'Description' in incomingField.admin.components && incomingField?.admin?.components?.Description !== undefined) {
+        clientField.admin.components.Description = createMappedComponent(incomingField.admin.components.Description, undefined, undefined, 'incomingField.admin.components.Description');
+    }
+    if (incomingField?.admin?.components && 'Error' in incomingField.admin.components && incomingField.admin.components.Error !== undefined) {
+        clientField.admin.components.Error = createMappedComponent(incomingField.admin.components.Error, undefined, undefined, 'incomingField.admin.components.Error');
+    }
+    if (incomingField?.admin?.components?.Field !== undefined) {
+        clientField.admin.components.Field = createMappedComponent(incomingField.admin.components.Field, undefined, undefined, 'incomingField.admin.components.Field');
+    }
+    if (incomingField?.admin?.components && 'Filter' in incomingField.admin.components && incomingField.admin.components.Filter !== undefined) {
+        clientField.admin.components.Filter = createMappedComponent(incomingField.admin.components.Filter, undefined, undefined, 'incomingField.admin.components.Filter');
+    }
+    if (incomingField?.admin?.components && 'Label' in incomingField.admin.components && incomingField.admin.components.Label !== undefined) {
+        clientField.admin.components.Label = createMappedComponent(CustomLabel, undefined, undefined, 'incomingField.admin.components.Label');
+    }
+    if (incomingField?.admin?.components && 'beforeInput' in incomingField.admin.components && incomingField.admin.components.beforeInput !== undefined) {
+        clientField.admin.components.beforeInput = createMappedComponent(incomingField.admin?.components?.beforeInput, undefined, undefined, 'incomingField.admin.components.beforeInput');
+    }
+    if (incomingField?.admin?.components && 'afterInput' in incomingField.admin.components && incomingField.admin.components.afterInput !== undefined) {
+        clientField.admin.components.afterInput = createMappedComponent(incomingField.admin?.components?.afterInput, undefined, undefined, 'incomingField.admin.components.afterInput');
+    }
+    return clientField;
+};
+export const createClientFields = ({ clientFields, createMappedComponent, disableAddingID, fields, i18n, importMap, parentPath, payload })=>{
+    const newClientFields = [];
+    for(let i = 0; i < fields.length; i++){
+        const field = fields[i];
+        const newField = createClientField({
+            clientField: clientFields[i],
+            createMappedComponent,
+            field,
+            i18n,
+            importMap,
+            parentPath,
+            payload
+        });
+        if (newField) {
+            newClientFields.push({
+                ...newField
+            });
+        }
+    }
+    const hasID = newClientFields.findIndex((f)=>fieldAffectsData(f) && f.name === 'id') > -1;
+    if (!disableAddingID && !hasID) {
+        newClientFields.push({
+            name: 'id',
+            type: payload.db.defaultIDType === 'number' ? 'number' : 'text',
+            _schemaPath: generateFieldPath(parentPath, 'id'),
+            admin: {
+                components: {
+                    Field: null
+                },
+                description: 'The unique identifier for this document',
+                disableBulkEdit: true,
+                hidden: true
+            },
+            hidden: true,
+            label: 'ID',
+            localized: undefined
+        });
+    }
+    return newClientFields;
+};
+
+//# sourceMappingURL=fields.js.map

package/dist/providers/Config/createClientConfig/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/Config/createClientConfig/fields.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  AdminClient,\n  ArrayFieldClient,\n  BlockFieldClient,\n  ClientBlock,\n  ClientField,\n  CreateMappedComponent,\n  Field,\n  ImportMap,\n  LabelComponent,\n  LabelsClient,\n  MappedComponent,\n  Payload,\n  RadioFieldClient,\n  RichTextFieldClient,\n  RichTextGenerateComponentMap,\n  RowFieldClient,\n  RowLabelComponent,\n  SelectFieldClient,\n  ServerOnlyFieldAdminProperties,\n  ServerOnlyFieldProperties,\n  TabsFieldClient,\n} from 'payload'\n\nimport { MissingEditorProp } from 'payload'\nimport { fieldAffectsData, fieldIsPresentationalOnly } from 'payload/shared'\n\nimport { getComponent } from './getComponent.js'\n\nfunction generateFieldPath(parentPath: string, name: string): string {\n  let tabPath = parentPath || ''\n  if (parentPath && name) {\n    tabPath = `${parentPath}.${name}`\n  } else if (!parentPath && name) {\n    tabPath = name\n  }\n\n  return tabPath\n}\n\nexport const createClientField = ({\n  clientField,\n  createMappedComponent,\n  field: incomingField,\n  i18n,\n  importMap,\n  parentPath,\n  payload,\n}: {\n  clientField: ClientField\n  createMappedComponent: CreateMappedComponent\n  field: Field\n  i18n: I18nClient\n  importMap: ImportMap\n  parentPath?: string\n  payload: Payload\n}): ClientField => {\n  const serverOnlyFieldProperties: Partial<ServerOnlyFieldProperties>[] = [\n    'hooks',\n    'access',\n    'validate',\n    'defaultValue',\n    'filterOptions', // This is a `relationship` and `upload` only property\n    'editor', // This is a `richText` only property\n    'custom',\n    'typescriptSchema',\n    'dbName', // can be a function\n    'enumName', // can be a function\n    // the following props are handled separately (see below):\n    // `label`\n    // `fields`\n    // `blocks`\n    // `tabs`\n    // `admin`\n  ]\n\n  serverOnlyFieldProperties.forEach((key) => {\n    if (key in clientField) {\n      delete clientField[key]\n    }\n  })\n\n  if (fieldIsPresentationalOnly(incomingField)) {\n    clientField._isPresentational = true\n  }\n\n  const isHidden = 'hidden' in incomingField && incomingField?.hidden\n  const disabledFromAdmin =\n    incomingField?.admin && 'disabled' in incomingField.admin && incomingField.admin.disabled\n\n  if (fieldAffectsData(clientField) && (isHidden || disabledFromAdmin)) {\n    return null\n  }\n\n  clientField._schemaPath = generateFieldPath(\n    parentPath,\n    fieldAffectsData(clientField) ? clientField.name : '',\n  )\n\n  if (\n    'label' in clientField &&\n    'label' in incomingField &&\n    typeof incomingField.label === 'function'\n  ) {\n    clientField.label = incomingField.label({ t: i18n.t })\n  }\n\n  const CustomLabel: LabelComponent | RowLabelComponent =\n    'admin' in incomingField &&\n    'components' in incomingField.admin &&\n    'Label' in incomingField.admin.components &&\n    incomingField.admin.components.Label\n\n  switch (incomingField.type) {\n    case 'array':\n    case 'group':\n    case 'collapsible':\n    case 'row': {\n      const field = clientField as unknown as RowFieldClient\n\n      field.fields = createClientFields({\n        clientFields: field.fields,\n        createMappedComponent,\n        disableAddingID: incomingField.type !== 'array',\n        fields: incomingField.fields,\n        i18n,\n        importMap,\n        parentPath: field._schemaPath,\n        payload,\n      })\n\n      if (incomingField?.admin?.components && 'RowLabel' in incomingField.admin.components) {\n        ;(field as unknown as ArrayFieldClient).admin.components.RowLabel = createMappedComponent(\n          incomingField.admin.components.RowLabel,\n          undefined,\n          undefined,\n          'incomingField.admin.components.RowLabel',\n        )\n      }\n\n      break\n    }\n\n    case 'blocks': {\n      const field = clientField as unknown as BlockFieldClient\n\n      if (incomingField.blocks?.length) {\n        for (let i = 0; i < incomingField.blocks.length; i++) {\n          const block = incomingField.blocks[i]\n          const clientBlock: ClientBlock = {\n            slug: block.slug,\n            admin: {\n              components: {},\n              custom: block.admin?.custom,\n            },\n            fields: field.blocks[i].fields,\n            imageAltText: block.imageAltText,\n            imageURL: block.imageURL,\n          }\n\n          if (block.labels) {\n            clientBlock.labels = {} as unknown as LabelsClient\n            if (block.labels.singular) {\n              if (typeof block.labels.singular === 'function') {\n                clientBlock.labels.singular = block.labels.singular({ t: i18n.t })\n              } else {\n                clientBlock.labels.singular = block.labels.singular\n              }\n              if (typeof block.labels.plural === 'function') {\n                clientBlock.labels.plural = block.labels.plural({ t: i18n.t })\n              } else {\n                clientBlock.labels.plural = block.labels.plural\n              }\n            }\n          }\n\n          if (block.admin?.components?.Label) {\n            clientBlock.admin.components.Label = createMappedComponent(\n              block.admin.components.Label,\n              undefined,\n              undefined,\n              'block.admin.components.Label',\n            )\n          }\n\n          clientBlock.fields = createClientFields({\n            clientFields: clientBlock.fields,\n            createMappedComponent,\n            fields: block.fields,\n            i18n,\n            importMap,\n            parentPath: `${field._schemaPath}.${block.slug}`,\n            payload,\n          })\n\n          field.blocks[i] = clientBlock\n        }\n      }\n\n      break\n    }\n\n    case 'richText': {\n      const field = clientField as RichTextFieldClient\n\n      if (!incomingField?.editor) {\n        throw new MissingEditorProp(incomingField) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n      }\n      if (typeof incomingField?.editor === 'function') {\n        throw new Error('Attempted to access unsanitized rich text editor.')\n      }\n      if (!field.admin) {\n        field.admin = {}\n      }\n      if (!field.admin.components) {\n        field.admin.components = {}\n      }\n\n      field.admin.components.Field = createMappedComponent(\n        incomingField.editor.FieldComponent,\n        undefined,\n        undefined,\n        'incomingField.editor.FieldComponent',\n      )\n      field.admin.components.Cell = createMappedComponent(\n        incomingField.editor.CellComponent,\n        undefined,\n        undefined,\n        'incomingField.editor.CellComponent',\n      )\n\n      if (incomingField.editor.generateComponentMap) {\n        const { Component: generateComponentMap, serverProps } = getComponent({\n          identifier: 'richText-generateComponentMap',\n          importMap,\n          payloadComponent: incomingField.editor.generateComponentMap,\n          silent: true,\n        })\n\n        if (generateComponentMap) {\n          const actualGenerateComponentMap: RichTextGenerateComponentMap = (\n            generateComponentMap as any\n          )(serverProps)\n\n          const result = actualGenerateComponentMap({\n            clientField: field,\n            createMappedComponent,\n            field: incomingField,\n            i18n,\n            importMap,\n            payload,\n            schemaPath: field._schemaPath,\n          })\n\n          field.richTextComponentMap = result\n        }\n      }\n      break\n    }\n\n    case 'tabs': {\n      const field = clientField as unknown as TabsFieldClient\n\n      if (incomingField.tabs?.length) {\n        for (let i = 0; i < incomingField.tabs.length; i++) {\n          const tab = incomingField.tabs[i]\n          const clientTab = field.tabs[i]\n\n          serverOnlyFieldProperties.forEach((key) => {\n            if (key in clientTab) {\n              delete clientTab[key]\n            }\n          })\n\n          clientTab.fields = createClientFields({\n            clientFields: clientTab.fields,\n            createMappedComponent,\n            disableAddingID: true,\n            fields: tab.fields,\n            i18n,\n            importMap,\n            parentPath: field._schemaPath,\n            payload,\n          })\n        }\n      }\n\n      break\n    }\n\n    case 'select':\n    case 'radio': {\n      const field = clientField as RadioFieldClient | SelectFieldClient\n\n      if (incomingField.options?.length) {\n        for (let i = 0; i < incomingField.options.length; i++) {\n          const option = incomingField.options[i]\n\n          if (typeof option === 'object' && typeof option.label === 'function') {\n            field.options[i] = {\n              label: option.label({ t: i18n.t }),\n              value: option.value,\n            }\n          }\n        }\n      }\n\n      break\n    }\n\n    default:\n      break\n  }\n\n  const serverOnlyFieldAdminProperties: Partial<ServerOnlyFieldAdminProperties>[] = ['condition']\n\n  if (!clientField.admin) {\n    clientField.admin = {}\n  }\n\n  if (!clientField.admin.components) {\n    clientField.admin.components = {}\n  }\n\n  serverOnlyFieldAdminProperties.forEach((key) => {\n    if (key in clientField.admin) {\n      delete clientField.admin[key]\n    }\n  })\n\n  type FieldWithDescription = {\n    admin: AdminClient\n  } & ClientField\n\n  if (incomingField.admin && 'description' in incomingField.admin) {\n    if (\n      typeof incomingField.admin?.description === 'string' ||\n      typeof incomingField.admin?.description === 'object'\n    ) {\n      ;(clientField as FieldWithDescription).admin.description = incomingField.admin.description\n    } else if (typeof incomingField.admin?.description === 'function') {\n      ;(clientField as FieldWithDescription).admin.description = incomingField.admin?.description({\n        t: i18n.t,\n      })\n    }\n  }\n\n  if (incomingField?.admin?.components?.Cell !== undefined) {\n    clientField.admin.components.Cell = createMappedComponent(\n      incomingField.admin.components.Cell,\n      undefined,\n      undefined,\n      'incomingField.admin.components.Cell',\n    )\n  }\n\n  type FieldWithDescriptionComponent = {\n    admin: AdminClient\n  } & ClientField\n\n  if (\n    incomingField?.admin?.components &&\n    'Description' in incomingField.admin.components &&\n    incomingField?.admin?.components?.Description !== undefined\n  ) {\n    ;(clientField as FieldWithDescriptionComponent).admin.components.Description =\n      createMappedComponent(\n        incomingField.admin.components.Description,\n        undefined,\n        undefined,\n        'incomingField.admin.components.Description',\n      )\n  }\n\n  type FieldWithErrorComponent = {\n    admin: {\n      components: {\n        Error: MappedComponent\n      }\n    } & AdminClient\n  } & ClientField\n  if (\n    incomingField?.admin?.components &&\n    'Error' in incomingField.admin.components &&\n    incomingField.admin.components.Error !== undefined\n  ) {\n    ;(clientField as FieldWithErrorComponent).admin.components.Error = createMappedComponent(\n      incomingField.admin.components.Error,\n      undefined,\n      undefined,\n      'incomingField.admin.components.Error',\n    )\n  }\n\n  if (incomingField?.admin?.components?.Field !== undefined) {\n    clientField.admin.components.Field = createMappedComponent(\n      incomingField.admin.components.Field,\n      undefined,\n      undefined,\n      'incomingField.admin.components.Field',\n    )\n  }\n\n  if (\n    incomingField?.admin?.components &&\n    'Filter' in incomingField.admin.components &&\n    incomingField.admin.components.Filter !== undefined\n  ) {\n    clientField.admin.components.Filter = createMappedComponent(\n      incomingField.admin.components.Filter,\n      undefined,\n      undefined,\n      'incomingField.admin.components.Filter',\n    )\n  }\n\n  type FieldWithLabelComponent = {\n    admin: {\n      components: {\n        Label: MappedComponent\n      }\n    } & AdminClient\n  } & ClientField\n  if (\n    incomingField?.admin?.components &&\n    'Label' in incomingField.admin.components &&\n    incomingField.admin.components.Label !== undefined\n  ) {\n    ;(clientField as FieldWithLabelComponent).admin.components.Label = createMappedComponent(\n      CustomLabel,\n      undefined,\n      undefined,\n      'incomingField.admin.components.Label',\n    )\n  }\n\n  type FieldWithBeforeInputComponent = {\n    admin: {\n      components: {\n        beforeInput: MappedComponent[]\n      }\n    } & AdminClient\n  } & ClientField\n  if (\n    incomingField?.admin?.components &&\n    'beforeInput' in incomingField.admin.components &&\n    incomingField.admin.components.beforeInput !== undefined\n  ) {\n    ;(clientField as FieldWithBeforeInputComponent).admin.components.beforeInput =\n      createMappedComponent(\n        incomingField.admin?.components?.beforeInput,\n        undefined,\n        undefined,\n        'incomingField.admin.components.beforeInput',\n      )\n  }\n\n  type FieldWithAfterInputComponent = {\n    admin: {\n      components: {\n        afterInput: MappedComponent[]\n      }\n    } & AdminClient\n  } & ClientField\n  if (\n    incomingField?.admin?.components &&\n    'afterInput' in incomingField.admin.components &&\n    incomingField.admin.components.afterInput !== undefined\n  ) {\n    ;(clientField as FieldWithAfterInputComponent).admin.components.afterInput =\n      createMappedComponent(\n        incomingField.admin?.components?.afterInput,\n        undefined,\n        undefined,\n        'incomingField.admin.components.afterInput',\n      )\n  }\n\n  return clientField\n}\n\nexport const createClientFields = ({\n  clientFields,\n  createMappedComponent,\n  disableAddingID,\n  fields,\n  i18n,\n  importMap,\n  parentPath,\n  payload,\n}: {\n  clientFields: ClientField[]\n  createMappedComponent: CreateMappedComponent\n  disableAddingID?: boolean\n  fields: Field[]\n  i18n: I18nClient\n  importMap: ImportMap\n  parentPath?: string\n  payload: Payload\n}): ClientField[] => {\n  const newClientFields: ClientField[] = []\n  for (let i = 0; i < fields.length; i++) {\n    const field = fields[i]\n\n    const newField = createClientField({\n      clientField: clientFields[i],\n      createMappedComponent,\n      field,\n      i18n,\n      importMap,\n      parentPath,\n      payload,\n    })\n    if (newField) {\n      newClientFields.push({ ...newField })\n    }\n  }\n  const hasID = newClientFields.findIndex((f) => fieldAffectsData(f) && f.name === 'id') > -1\n\n  if (!disableAddingID && !hasID) {\n    newClientFields.push({\n      name: 'id',\n      type: payload.db.defaultIDType === 'number' ? 'number' : 'text',\n      _schemaPath: generateFieldPath(parentPath, 'id'),\n      admin: {\n        components: {\n          Field: null,\n        },\n        description: 'The unique identifier for this document',\n        disableBulkEdit: true,\n        hidden: true,\n      },\n      hidden: true,\n      label: 'ID',\n      localized: undefined,\n    })\n  }\n  return newClientFields\n}\n"],"names":["MissingEditorProp","fieldAffectsData","fieldIsPresentationalOnly","getComponent","generateFieldPath","parentPath","name","tabPath","createClientField","clientField","createMappedComponent","field","incomingField","i18n","importMap","payload","serverOnlyFieldProperties","forEach","key","_isPresentational","isHidden","hidden","disabledFromAdmin","admin","disabled","_schemaPath","label","t","CustomLabel","components","Label","type","fields","createClientFields","clientFields","disableAddingID","RowLabel","undefined","blocks","length","i","block","clientBlock","slug","custom","imageAltText","imageURL","labels","singular","plural","editor","Error","Field","FieldComponent","Cell","CellComponent","generateComponentMap","Component","serverProps","identifier","payloadComponent","silent","actualGenerateComponentMap","result","schemaPath","richTextComponentMap","tabs","tab","clientTab","options","option","value","serverOnlyFieldAdminProperties","description","Description","Filter","beforeInput","afterInput","newClientFields","newField","push","hasID","findIndex","f","db","defaultIDType","disableBulkEdit","localized"],"mappings":"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"}

package/dist/providers/Config/createClientConfig/getComponent.d.ts

@@ -0,0 +1,11 @@
+import type { ImportMap, PayloadComponent, ResolvedComponent } from 'payload';
+/**
+ * Gets th resolved React component from `PayloadComponent` from the importMap
+ */
+export declare const getComponent: <TComponentServerProps extends object, TComponentClientProps extends object>({ identifier, importMap, payloadComponent, silent, }: {
+    identifier?: string;
+    importMap: ImportMap;
+    payloadComponent: PayloadComponent<TComponentServerProps, TComponentClientProps> | null | undefined;
+    silent?: boolean;
+}) => ResolvedComponent<TComponentServerProps, TComponentClientProps>;
+//# sourceMappingURL=getComponent.d.ts.map

package/dist/providers/Config/createClientConfig/getComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComponent.d.ts","sourceRoot":"","sources":["../../../../src/providers/Config/createClientConfig/getComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAI7E;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,qBAAqB,SAAS,MAAM,EACpC,qBAAqB,SAAS,MAAM,wDAMnC;IACD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EACZ,gBAAgB,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,GAC9D,IAAI,GACJ,SAAS,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,KAAG,iBAAiB,CAAC,qBAAqB,EAAE,qBAAqB,CAkCjE,CAAA"}

package/dist/providers/Config/createClientConfig/getComponent.js

@@ -0,0 +1,29 @@
+import { parsePayloadComponent } from 'payload/shared';
+/**
+ * Gets th resolved React component from `PayloadComponent` from the importMap
+ */ export const getComponent = ({ identifier, importMap, payloadComponent, silent })=>{
+    if (!payloadComponent) {
+        return {
+            Component: undefined,
+            clientProps: undefined,
+            serverProps: undefined
+        };
+    }
+    const { exportName, path } = parsePayloadComponent(payloadComponent);
+    const key = path + '#' + exportName;
+    const Component = importMap[key];
+    if (!Component && !silent) {
+        console.error(`getComponent: Component not found in importMap`, {
+            identifier,
+            key,
+            payloadComponent
+        });
+    }
+    return {
+        Component,
+        clientProps: typeof payloadComponent === 'object' ? payloadComponent.clientProps : undefined,
+        serverProps: typeof payloadComponent === 'object' ? payloadComponent.serverProps : undefined
+    };
+};
+
+//# sourceMappingURL=getComponent.js.map

package/dist/providers/Config/createClientConfig/getComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/Config/createClientConfig/getComponent.ts"],"sourcesContent":["import type { ImportMap, PayloadComponent, ResolvedComponent } from 'payload'\n\nimport { parsePayloadComponent } from 'payload/shared'\n\n/**\n * Gets th resolved React component from `PayloadComponent` from the importMap\n */\nexport const getComponent = <\n  TComponentServerProps extends object,\n  TComponentClientProps extends object,\n>({\n  identifier,\n  importMap,\n  payloadComponent,\n  silent,\n}: {\n  identifier?: string\n  importMap: ImportMap\n  payloadComponent:\n    | PayloadComponent<TComponentServerProps, TComponentClientProps>\n    | null\n    | undefined\n  silent?: boolean\n}): ResolvedComponent<TComponentServerProps, TComponentClientProps> => {\n  if (!payloadComponent) {\n    return {\n      Component: undefined,\n      clientProps: undefined,\n      serverProps: undefined,\n    }\n  }\n\n  const { exportName, path } = parsePayloadComponent(payloadComponent)\n\n  const key = path + '#' + exportName\n\n  const Component = importMap[key]\n\n  if (!Component && !silent) {\n    console.error(`getComponent: Component not found in importMap`, {\n      identifier,\n      key,\n      payloadComponent,\n    })\n  }\n\n  return {\n    Component,\n    clientProps:\n      typeof payloadComponent === 'object'\n        ? (payloadComponent.clientProps as TComponentClientProps)\n        : undefined,\n    serverProps:\n      typeof payloadComponent === 'object'\n        ? (payloadComponent.serverProps as TComponentServerProps)\n        : undefined,\n  }\n}\n"],"names":["parsePayloadComponent","getComponent","identifier","importMap","payloadComponent","silent","Component","undefined","clientProps","serverProps","exportName","path","key","console","error"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,iBAAgB;AAEtD;;CAEC,GACD,OAAO,MAAMC,eAAe,CAG1B,EACAC,UAAU,EACVC,SAAS,EACTC,gBAAgB,EAChBC,MAAM,EASP;IACC,IAAI,CAACD,kBAAkB;QACrB,OAAO;YACLE,WAAWC;YACXC,aAAaD;YACbE,aAAaF;QACf;IACF;IAEA,MAAM,EAAEG,UAAU,EAAEC,IAAI,EAAE,GAAGX,sBAAsBI;IAEnD,MAAMQ,MAAMD,OAAO,MAAMD;IAEzB,MAAMJ,YAAYH,SAAS,CAACS,IAAI;IAEhC,IAAI,CAACN,aAAa,CAACD,QAAQ;QACzBQ,QAAQC,KAAK,CAAC,CAAC,8CAA8C,CAAC,EAAE;YAC9DZ;YACAU;YACAR;QACF;IACF;IAEA,OAAO;QACLE;QACAE,aACE,OAAOJ,qBAAqB,WACvBA,iBAAiBI,WAAW,GAC7BD;QACNE,aACE,OAAOL,qBAAqB,WACvBA,iBAAiBK,WAAW,GAC7BF;IACR;AACF,EAAC"}

package/dist/providers/Config/createClientConfig/getCreateMappedComponent.d.ts

@@ -0,0 +1,11 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { CreateMappedComponent, ImportMap, Payload } from 'payload';
+export declare function getCreateMappedComponent({ importMap, serverProps, }: {
+    importMap: ImportMap;
+    serverProps: {
+        [key: string]: any;
+        i18n?: I18nClient;
+        payload?: Payload;
+    };
+}): CreateMappedComponent;
+//# sourceMappingURL=getCreateMappedComponent.d.ts.map

package/dist/providers/Config/createClientConfig/getCreateMappedComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCreateMappedComponent.d.ts","sourceRoot":"","sources":["../../../../src/providers/Config/createClientConfig/getCreateMappedComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,qBAAqB,EACrB,SAAS,EAGT,OAAO,EAER,MAAM,SAAS,CAAA;AAOhB,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,SAAS,CAAA;IACpB,WAAW,EAAE;QACX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;QAClB,IAAI,CAAC,EAAE,UAAU,CAAA;QACjB,OAAO,CAAC,EAAE,OAAO,CAAA;KAClB,CAAA;CACF,GAAG,qBAAqB,CAiHxB"}

package/dist/providers/Config/createClientConfig/getCreateMappedComponent.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isReactServerComponentOrFunction } from 'payload/shared';
+import React from 'react';
+import { getComponent } from './getComponent.js';
+export function getCreateMappedComponent({ importMap, serverProps }) {
+    const createSingleMappedComponent = (payloadComponent, key, props, Fallback, identifier)=>{
+        if (!payloadComponent) {
+            if (!Fallback) {
+                return undefined;
+            }
+            if (isReactServerComponentOrFunction(Fallback)) {
+                return {
+                    type: 'server',
+                    Component: null,
+                    RenderedComponent: /*#__PURE__*/ _jsx(Fallback, {
+                        ...serverProps,
+                        ...props
+                    }, key)
+                };
+            } else {
+                const toReturn = {
+                    type: 'client',
+                    Component: Fallback
+                };
+                // conditionally set props here to avoid bloating the HTML with `$undefined` props
+                if (props) toReturn.props = props;
+                return toReturn;
+            }
+        }
+        const resolvedComponent = payloadComponent && typeof payloadComponent === 'object' && 'ReactComponent' in payloadComponent ? {
+            Component: payloadComponent.ReactComponent
+        } : getComponent({
+            identifier,
+            importMap,
+            payloadComponent: payloadComponent
+        });
+        if (!resolvedComponent.Component) {
+            console.error(`getCreateMappedComponent: Component not found in importMap`, {
+                identifier,
+                key
+            });
+        }
+        if (isReactServerComponentOrFunction(resolvedComponent.Component)) {
+            const Component = resolvedComponent.Component;
+            return {
+                type: 'server',
+                Component: null,
+                RenderedComponent: /*#__PURE__*/ _jsx(Component, {
+                    ...serverProps,
+                    ...resolvedComponent.serverProps,
+                    ...props
+                }, key)
+            };
+        } else {
+            if (!resolvedComponent.Component) {
+                return undefined;
+            }
+            return {
+                type: 'client',
+                Component: resolvedComponent.Component,
+                props: {
+                    ...resolvedComponent.clientProps || {},
+                    ...props
+                }
+            };
+        }
+    };
+    const createMappedComponent = (payloadComponent, props, fallback, identifier)=>{
+        if (!payloadComponent && !fallback) {
+            return undefined;
+        }
+        if (payloadComponent && Array.isArray(payloadComponent)) {
+            const mappedComponents = [];
+            for(let i = 0; i < payloadComponent.length; i++){
+                const component = createSingleMappedComponent(payloadComponent[i], i, props, fallback, identifier);
+                mappedComponents.push(component);
+            }
+            return mappedComponents;
+        } else {
+            return createSingleMappedComponent(payloadComponent, undefined, props, fallback, identifier);
+        }
+    };
+    return createMappedComponent;
+}
+
+//# sourceMappingURL=getCreateMappedComponent.js.map

package/dist/providers/Config/createClientConfig/getCreateMappedComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/providers/Config/createClientConfig/getCreateMappedComponent.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  CreateMappedComponent,\n  ImportMap,\n  JsonObject,\n  MappedComponent,\n  Payload,\n  PayloadComponent,\n} from 'payload'\n\nimport { isReactServerComponentOrFunction } from 'payload/shared'\nimport React from 'react'\n\nimport { getComponent } from './getComponent.js'\n\nexport function getCreateMappedComponent({\n  importMap,\n  serverProps,\n}: {\n  importMap: ImportMap\n  serverProps: {\n    [key: string]: any\n    i18n?: I18nClient\n    payload?: Payload\n  }\n}): CreateMappedComponent {\n  const createSingleMappedComponent = (\n    payloadComponent: { ReactComponent: React.FC<any> } | PayloadComponent,\n    key: number | string,\n    props: JsonObject,\n    Fallback: React.FC<any>,\n    identifier: string,\n  ): MappedComponent => {\n    if (!payloadComponent) {\n      if (!Fallback) {\n        return undefined\n      }\n\n      if (isReactServerComponentOrFunction(Fallback)) {\n        return {\n          type: 'server',\n          Component: null,\n          RenderedComponent: <Fallback key={key} {...serverProps} {...props} />,\n        }\n      } else {\n        const toReturn: MappedComponent = {\n          type: 'client',\n          Component: Fallback,\n        }\n\n        // conditionally set props here to avoid bloating the HTML with `$undefined` props\n        if (props) toReturn.props = props\n\n        return toReturn\n      }\n    }\n\n    const resolvedComponent =\n      payloadComponent &&\n      typeof payloadComponent === 'object' &&\n      'ReactComponent' in payloadComponent\n        ? {\n            Component: payloadComponent.ReactComponent,\n          }\n        : getComponent({\n            identifier,\n            importMap,\n            payloadComponent: payloadComponent as any,\n          })\n\n    if (!resolvedComponent.Component) {\n      console.error(`getCreateMappedComponent: Component not found in importMap`, {\n        identifier,\n        key,\n      })\n    }\n\n    if (isReactServerComponentOrFunction(resolvedComponent.Component)) {\n      const Component: React.FC<any> = resolvedComponent.Component\n\n      return {\n        type: 'server',\n        Component: null,\n        RenderedComponent: (\n          <Component key={key} {...serverProps} {...resolvedComponent.serverProps} {...props} />\n        ),\n      }\n    } else {\n      if (!resolvedComponent.Component) {\n        return undefined\n      }\n\n      return {\n        type: 'client',\n        Component: resolvedComponent.Component,\n        props: {\n          ...(resolvedComponent.clientProps || {}),\n          ...props,\n        },\n      }\n    }\n  }\n\n  const createMappedComponent: CreateMappedComponent = (\n    payloadComponent,\n    props,\n    fallback,\n    identifier,\n  ) => {\n    if (!payloadComponent && !fallback) {\n      return undefined as any\n    }\n\n    if (payloadComponent && Array.isArray(payloadComponent)) {\n      const mappedComponents: MappedComponent[] = []\n      for (let i = 0; i < payloadComponent.length; i++) {\n        const component = createSingleMappedComponent(\n          payloadComponent[i],\n          i,\n          props,\n          fallback,\n          identifier,\n        )\n        mappedComponents.push(component)\n      }\n      return mappedComponents as any\n    } else {\n      return createSingleMappedComponent(\n        payloadComponent,\n        undefined,\n        props,\n        fallback,\n        identifier,\n      ) as any\n    }\n  }\n\n  return createMappedComponent\n}\n"],"names":["isReactServerComponentOrFunction","React","getComponent","getCreateMappedComponent","importMap","serverProps","createSingleMappedComponent","payloadComponent","key","props","Fallback","identifier","undefined","type","Component","RenderedComponent","toReturn","resolvedComponent","ReactComponent","console","error","clientProps","createMappedComponent","fallback","Array","isArray","mappedComponents","i","length","component","push"],"mappings":";AAUA,SAASA,gCAAgC,QAAQ,iBAAgB;AACjE,OAAOC,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAmB;AAEhD,OAAO,SAASC,yBAAyB,EACvCC,SAAS,EACTC,WAAW,EAQZ;IACC,MAAMC,8BAA8B,CAClCC,kBACAC,KACAC,OACAC,UACAC;QAEA,IAAI,CAACJ,kBAAkB;YACrB,IAAI,CAACG,UAAU;gBACb,OAAOE;YACT;YAEA,IAAIZ,iCAAiCU,WAAW;gBAC9C,OAAO;oBACLG,MAAM;oBACNC,WAAW;oBACXC,iCAAmB,KAACL;wBAAoB,GAAGL,WAAW;wBAAG,GAAGI,KAAK;uBAA/BD;gBACpC;YACF,OAAO;gBACL,MAAMQ,WAA4B;oBAChCH,MAAM;oBACNC,WAAWJ;gBACb;gBAEA,kFAAkF;gBAClF,IAAID,OAAOO,SAASP,KAAK,GAAGA;gBAE5B,OAAOO;YACT;QACF;QAEA,MAAMC,oBACJV,oBACA,OAAOA,qBAAqB,YAC5B,oBAAoBA,mBAChB;YACEO,WAAWP,iBAAiBW,cAAc;QAC5C,IACAhB,aAAa;YACXS;YACAP;YACAG,kBAAkBA;QACpB;QAEN,IAAI,CAACU,kBAAkBH,SAAS,EAAE;YAChCK,QAAQC,KAAK,CAAC,CAAC,0DAA0D,CAAC,EAAE;gBAC1ET;gBACAH;YACF;QACF;QAEA,IAAIR,iCAAiCiB,kBAAkBH,SAAS,GAAG;YACjE,MAAMA,YAA2BG,kBAAkBH,SAAS;YAE5D,OAAO;gBACLD,MAAM;gBACNC,WAAW;gBACXC,iCACE,KAACD;oBAAqB,GAAGT,WAAW;oBAAG,GAAGY,kBAAkBZ,WAAW;oBAAG,GAAGI,KAAK;mBAAlED;YAEpB;QACF,OAAO;YACL,IAAI,CAACS,kBAAkBH,SAAS,EAAE;gBAChC,OAAOF;YACT;YAEA,OAAO;gBACLC,MAAM;gBACNC,WAAWG,kBAAkBH,SAAS;gBACtCL,OAAO;oBACL,GAAIQ,kBAAkBI,WAAW,IAAI,CAAC,CAAC;oBACvC,GAAGZ,KAAK;gBACV;YACF;QACF;IACF;IAEA,MAAMa,wBAA+C,CACnDf,kBACAE,OACAc,UACAZ;QAEA,IAAI,CAACJ,oBAAoB,CAACgB,UAAU;YAClC,OAAOX;QACT;QAEA,IAAIL,oBAAoBiB,MAAMC,OAAO,CAAClB,mBAAmB;YACvD,MAAMmB,mBAAsC,EAAE;YAC9C,IAAK,IAAIC,IAAI,GAAGA,IAAIpB,iBAAiBqB,MAAM,EAAED,IAAK;gBAChD,MAAME,YAAYvB,4BAChBC,gBAAgB,CAACoB,EAAE,EACnBA,GACAlB,OACAc,UACAZ;gBAEFe,iBAAiBI,IAAI,CAACD;YACxB;YACA,OAAOH;QACT,OAAO;YACL,OAAOpB,4BACLC,kBACAK,WACAH,OACAc,UACAZ;QAEJ;IACF;IAEA,OAAOW;AACT"}

package/dist/providers/Config/createClientConfig/globals.d.ts

@@ -0,0 +1,22 @@
+import type { I18nClient } from '@payloadcms/translations';
+import type { ClientGlobalConfig, CreateMappedComponent, EditViewProps, ImportMap, Payload, SanitizedConfig } from 'payload';
+import type React from 'react';
+export declare const createClientGlobalConfig: ({ DefaultEditView, clientGlobal, createMappedComponent, global, i18n, importMap, payload, }: {
+    DefaultEditView: React.FC<EditViewProps>;
+    clientGlobal: ClientGlobalConfig;
+    createMappedComponent: CreateMappedComponent;
+    global: SanitizedConfig["globals"][0];
+    i18n: I18nClient;
+    importMap: ImportMap;
+    payload: Payload;
+}) => ClientGlobalConfig;
+export declare const createClientGlobalConfigs: ({ DefaultEditView, clientGlobals, createMappedComponent, globals, i18n, importMap, payload, }: {
+    DefaultEditView: React.FC<EditViewProps>;
+    clientGlobals: ClientGlobalConfig[];
+    createMappedComponent: CreateMappedComponent;
+    globals: SanitizedConfig["globals"];
+    i18n: I18nClient;
+    importMap: ImportMap;
+    payload: Payload;
+}) => ClientGlobalConfig[];
+//# sourceMappingURL=globals.d.ts.map

package/dist/providers/Config/createClientConfig/globals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../../../../src/providers/Config/createClientConfig/globals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EACV,kBAAkB,EAClB,qBAAqB,EAErB,aAAa,EACb,SAAS,EAET,OAAO,EACP,eAAe,EAGhB,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,eAAO,MAAM,wBAAwB,gGAQlC;IACD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,YAAY,EAAE,kBAAkB,CAAA;IAChC,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,MAAM,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IACrC,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;CACjB,KAAG,kBA2JH,CAAA;AAED,eAAO,MAAM,yBAAyB,kGAQnC;IACD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAA;IACxC,aAAa,EAAE,kBAAkB,EAAE,CAAA;IACnC,qBAAqB,EAAE,qBAAqB,CAAA;IAC5C,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACnC,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;CACjB,KAAG,kBAAkB,EAerB,CAAA"}