@payloadcms/ui 3.89.0 → 3.90.0

package/dist/forms/fieldSchemasToFormState/serverFunctions/renderFieldServerFn.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderFieldServerFn.js","names":["deepMerge","UnauthorizedError","getClientConfig","getClientSchemaMap","getSchemaMap","renderField","_internal_renderFieldHandler","field","fieldArg","initialValue","path","req","schemaPath","user","entityType","entitySlug","fieldPath","split","schemaMap","collectionSlug","undefined","config","payload","globalSlug","i18n","clientSchemaMap","importMap","targetField","get","join","Error","clone","data","name","fieldState","clientFieldSchemaMap","fieldConfig","fieldSchemaMap","formState","indexPath","lastRenderedPath","operation","parentPath","parentSchemaPath","permissions","preferences","fields","forceCreateClientField","previousFieldState","renderAllFields","siblingData","customComponents"],"sources":["../../../../src/forms/fieldSchemasToFormState/serverFunctions/renderFieldServerFn.ts"],"sourcesContent":["import {\n  deepMerge,\n  type Field,\n  type FieldState,\n  type ServerFunction,\n  UnauthorizedError,\n} from 'payload'\n\nimport { getClientConfig } from '../../../utilities/getClientConfig.js'\nimport { getClientSchemaMap } from '../../../utilities/getClientSchemaMap.js'\nimport { getSchemaMap } from '../../../utilities/getSchemaMap.js'\nimport { renderField } from '../renderField.js'\n\nexport type RenderFieldServerFnArgs<TField = Field> = {\n  /**\n   * Override field config pulled from schemaPath lookup\n   */\n  field?: Partial<TField>\n  /**\n   * Pass the value this field will receive when rendering it on the server.\n   * For richText, this helps provide initial state for sub-fields that are immediately rendered (like blocks)\n   * so that we can avoid multiple waterfall requests for each block that renders on the client.\n   */\n  initialValue?: unknown\n  /**\n   * Path to the field to render\n   * @default field name\n   */\n  path?: string\n  /**\n   * Dot schema path to a richText field declared in your config.\n   * Format:\n   *   \"collection.<collectionSlug>.<fieldPath>\"\n   *   \"global.<globalSlug>.<fieldPath>\"\n   *\n   * Examples:\n   *   \"collection.posts.richText\"\n   *   \"global.siteSettings.content\"\n   */\n  schemaPath: string\n}\nexport type RenderFieldServerFnReturnType = {} & FieldState['customComponents']\n\n/**\n * @experimental - may break in minor releases\n */\nexport const _internal_renderFieldHandler: ServerFunction<\n  RenderFieldServerFnArgs,\n  Promise<RenderFieldServerFnReturnType>\n  // eslint-disable-next-line @typescript-eslint/require-await\n> = async ({ field: fieldArg, initialValue, path, req, schemaPath }) => {\n  if (!req.user) {\n    throw new UnauthorizedError()\n  }\n\n  const [entityType, entitySlug, ...fieldPath] = schemaPath.split('.')\n\n  const schemaMap = getSchemaMap({\n    collectionSlug: entityType === 'collection' ? entitySlug : undefined,\n    config: req.payload.config,\n    globalSlug: entityType === 'global' ? entitySlug : undefined,\n    i18n: req.i18n,\n  })\n\n  // Provide client schema map as it would have been provided if the target editor field would have been rendered.\n  // For lexical, only then will it contain all the lexical-internal entries\n  const clientSchemaMap = getClientSchemaMap({\n    collectionSlug: entityType === 'collection' ? entitySlug : undefined,\n    config: getClientConfig({\n      config: req.payload.config,\n      i18n: req.i18n,\n      importMap: req.payload.importMap,\n      user: req.user,\n    }),\n    globalSlug: entityType === 'global' ? entitySlug : undefined,\n    i18n: req.i18n,\n    payload: req.payload,\n    schemaMap,\n  })\n\n  const targetField = schemaMap.get(`${entitySlug}.${fieldPath.join('.')}`) as Field | undefined\n\n  if (!targetField) {\n    throw new Error(`Could not find target field at schemaPath: ${schemaPath}`)\n  }\n\n  const field: Field = fieldArg ? deepMerge(targetField, fieldArg, { clone: false }) : targetField\n\n  let data = {}\n  if (typeof initialValue !== 'undefined') {\n    if ('name' in field) {\n      data[field.name] = initialValue\n    } else {\n      data = initialValue\n    }\n  }\n\n  const fieldState: FieldState = {}\n  renderField({\n    clientFieldSchemaMap: clientSchemaMap,\n    collectionSlug: entityType === 'collection' && entitySlug ? entitySlug : '-',\n    data,\n    fieldConfig: field,\n    fieldSchemaMap: schemaMap,\n    fieldState, // TODO,\n    formState: {}, // TODO,\n    indexPath: '',\n    lastRenderedPath: '',\n    operation: 'create',\n    parentPath: '',\n    parentSchemaPath: '',\n    path: path ?? ('name' in field ? field.name : ''),\n    permissions: true,\n    preferences: {\n      fields: {},\n    },\n    // If we are passed a field override, we want to ensure we create a new client field based on that override\n    forceCreateClientField: fieldArg ? true : false,\n    previousFieldState: undefined,\n    renderAllFields: true,\n    req,\n    schemaPath: `${entitySlug}.${fieldPath.join('.')}`,\n    siblingData: data,\n  })\n\n  return fieldState.customComponents ?? {}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderFieldServerFn.js","names":["canAccessAdmin","UnauthorizedError","getClientConfig","getClientSchemaMap","getSchemaMap","renderField","mergeAllowedFieldOverrides","_internal_renderFieldHandler","name","hidden","initialValue","label","path","req","schemaPath","user","entityType","entitySlug","fieldPath","split","schemaMap","collectionSlug","undefined","config","payload","globalSlug","i18n","clientSchemaMap","importMap","targetField","get","join","Error","field","overrides","admin","hasPropOverrides","data","fieldState","clientFieldSchemaMap","fieldConfig","fieldSchemaMap","formState","indexPath","lastRenderedPath","operation","parentPath","parentSchemaPath","permissions","preferences","fields","forceCreateClientField","previousFieldState","renderAllFields","siblingData","customComponents"],"sources":["../../../../src/forms/fieldSchemasToFormState/serverFunctions/renderFieldServerFn.ts"],"sourcesContent":["import {\n  canAccessAdmin,\n  type Field,\n  type FieldState,\n  type ServerFunction,\n  UnauthorizedError,\n} from 'payload'\n\nimport { getClientConfig } from '../../../utilities/getClientConfig.js'\nimport { getClientSchemaMap } from '../../../utilities/getClientSchemaMap.js'\nimport { getSchemaMap } from '../../../utilities/getSchemaMap.js'\nimport { renderField } from '../renderField.js'\nimport { mergeAllowedFieldOverrides } from './mergeAllowedFieldOverrides.js'\n\nexport type RenderFieldServerFnArgs = {\n  /** Overrides admin.hidden from the schemaPath lookup. */\n  hidden?: boolean\n  /**\n   * Pass the value this field will receive when rendering it on the server.\n   * For richText, this helps provide initial state for sub-fields that are immediately rendered (like blocks)\n   * so that we can avoid multiple waterfall requests for each block that renders on the client.\n   */\n  initialValue?: unknown\n  /** Overrides the label from the schemaPath lookup. Use false to hide it. */\n  label?: false | Record<string, string> | string\n  /** Overrides the form field name from the schemaPath lookup. */\n  name?: string\n  /**\n   * Path to the field to render\n   * @default field name\n   */\n  path?: string\n  /**\n   * Dot schema path to a richText field declared in your config.\n   * Format:\n   *   \"collection.<collectionSlug>.<fieldPath>\"\n   *   \"global.<globalSlug>.<fieldPath>\"\n   *\n   * Examples:\n   *   \"collection.posts.richText\"\n   *   \"global.siteSettings.content\"\n   */\n  schemaPath: string\n}\nexport type RenderFieldServerFnReturnType = {} & FieldState['customComponents']\n\n/**\n * @experimental - may break in minor releases\n */\nexport const _internal_renderFieldHandler: ServerFunction<\n  RenderFieldServerFnArgs,\n  Promise<RenderFieldServerFnReturnType>\n> = async ({ name, hidden, initialValue, label, path, req, schemaPath, user }) => {\n  if (!req.user) {\n    throw new UnauthorizedError()\n  }\n\n  await canAccessAdmin({ req })\n\n  const [entityType, entitySlug, ...fieldPath] = schemaPath.split('.')\n\n  const schemaMap = getSchemaMap({\n    collectionSlug: entityType === 'collection' ? entitySlug : undefined,\n    config: req.payload.config,\n    globalSlug: entityType === 'global' ? entitySlug : undefined,\n    i18n: req.i18n,\n  })\n\n  // Provide client schema map as it would have been provided if the target editor field would have been rendered.\n  // For lexical, only then will it contain all the lexical-internal entries\n  const clientSchemaMap = getClientSchemaMap({\n    collectionSlug: entityType === 'collection' ? entitySlug : undefined,\n    config: getClientConfig({\n      config: req.payload.config,\n      i18n: req.i18n,\n      importMap: req.payload.importMap,\n      user: req.user,\n    }),\n    globalSlug: entityType === 'global' ? entitySlug : undefined,\n    i18n: req.i18n,\n    payload: req.payload,\n    schemaMap,\n  })\n\n  const targetField = schemaMap.get(`${entitySlug}.${fieldPath.join('.')}`) as Field | undefined\n\n  if (!targetField) {\n    throw new Error(`Could not find target field at schemaPath: ${schemaPath}`)\n  }\n\n  const field: Field = mergeAllowedFieldOverrides({\n    overrides: { name, admin: { hidden }, label },\n    targetField,\n  })\n  const hasPropOverrides = name !== undefined || label !== undefined || hidden !== undefined\n\n  let data = {}\n  if (typeof initialValue !== 'undefined') {\n    if ('name' in field) {\n      data[field.name] = initialValue\n    } else {\n      data = initialValue\n    }\n  }\n\n  const fieldState: FieldState = {}\n  renderField({\n    clientFieldSchemaMap: clientSchemaMap,\n    collectionSlug: entityType === 'collection' && entitySlug ? entitySlug : '-',\n    data,\n    fieldConfig: field,\n    fieldSchemaMap: schemaMap,\n    fieldState, // TODO,\n    formState: {}, // TODO,\n    indexPath: '',\n    lastRenderedPath: '',\n    operation: 'create',\n    parentPath: '',\n    parentSchemaPath: '',\n    path: path ?? ('name' in field ? field.name : ''),\n    permissions: true,\n    preferences: {\n      fields: {},\n    },\n    // Create a new client field when presentation values differ from the schema config.\n    forceCreateClientField: hasPropOverrides,\n    previousFieldState: undefined,\n    renderAllFields: true,\n    req,\n    schemaPath: `${entitySlug}.${fieldPath.join('.')}`,\n    siblingData: data,\n    user,\n  })\n\n  return fieldState.customComponents ?? {}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/fieldSchemasToFormState/serverFunctions/renderFieldServerFn.spec.js

@@ -0,0 +1,179 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { _internal_renderFieldHandler } from './renderFieldServerFn.js';
+const mocks = vi.hoisted(() => ({
+  canAccessAdmin: vi.fn(),
+  getClientConfig: vi.fn(),
+  getClientSchemaMap: vi.fn(),
+  getSchemaMap: vi.fn(),
+  renderField: vi.fn()
+}));
+vi.mock('payload', () => ({
+  canAccessAdmin: mocks.canAccessAdmin,
+  UnauthorizedError: class extends Error {}
+}));
+vi.mock('../../../utilities/getClientConfig.js', () => ({
+  getClientConfig: mocks.getClientConfig
+}));
+vi.mock('../../../utilities/getClientSchemaMap.js', () => ({
+  getClientSchemaMap: mocks.getClientSchemaMap
+}));
+vi.mock('../../../utilities/getSchemaMap.js', () => ({
+  getSchemaMap: mocks.getSchemaMap
+}));
+vi.mock('../renderField.js', () => ({
+  renderField: mocks.renderField
+}));
+const args = {
+  req: {
+    user: {
+      collection: 'users'
+    },
+    payload: {
+      config: {},
+      importMap: {}
+    }
+  },
+  schemaPath: 'collection.posts.content'
+};
+describe('renderFieldServerFn', () => {
+  beforeEach(() => {
+    vi.resetAllMocks();
+  });
+  it('should accept allowed field props', async () => {
+    const targetField = {
+      name: 'content',
+      type: 'richText',
+      admin: {
+        hidden: true
+      }
+    };
+    mocks.getSchemaMap.mockReturnValue(new Map([['posts.content', targetField]]));
+    await _internal_renderFieldHandler({
+      ...args,
+      name: 'editor',
+      label: 'Editor',
+      hidden: false,
+      initialValue: 'Initial text'
+    });
+    expect(mocks.canAccessAdmin).toHaveBeenCalledWith({
+      req: args.req
+    });
+    expect(mocks.renderField).toHaveBeenCalledWith(expect.objectContaining({
+      fieldConfig: {
+        name: 'editor',
+        label: 'Editor',
+        type: 'richText',
+        admin: {
+          hidden: false
+        }
+      },
+      data: {
+        editor: 'Initial text'
+      },
+      path: 'editor',
+      schemaPath: 'posts.content',
+      forceCreateClientField: true
+    }));
+    expect(targetField).toEqual({
+      name: 'content',
+      type: 'richText',
+      admin: {
+        hidden: true
+      }
+    });
+  });
+  it('should reject disallowed field props', async () => {
+    const components = {
+      Field: {
+        path: './ConfiguredField',
+        serverProps: {
+          heading: 'Configured heading'
+        }
+      }
+    };
+    const targetField = {
+      name: 'content',
+      type: 'richText',
+      admin: {
+        components,
+        hidden: true
+      }
+    };
+    mocks.getSchemaMap.mockReturnValue(new Map([['posts.content', targetField]]));
+    const request = {
+      ...args,
+      field: {
+        admin: {
+          components: {
+            Field: {
+              path: './OtherField',
+              serverProps: {
+                heading: 'Other heading'
+              }
+            }
+          }
+        }
+      },
+      initialValue: 'Initial text'
+    };
+    await _internal_renderFieldHandler(request);
+    expect(mocks.canAccessAdmin).toHaveBeenCalledWith({
+      req: args.req
+    });
+    expect(mocks.renderField).toHaveBeenCalledWith(expect.objectContaining({
+      fieldConfig: {
+        ...targetField,
+        admin: {
+          components: {
+            Field: {
+              path: './ConfiguredField',
+              serverProps: {
+                heading: 'Configured heading'
+              }
+            }
+          },
+          hidden: true
+        }
+      },
+      data: {
+        content: 'Initial text'
+      },
+      path: 'content',
+      schemaPath: 'posts.content',
+      forceCreateClientField: false
+    }));
+    expect(targetField).toEqual({
+      name: 'content',
+      type: 'richText',
+      admin: {
+        components: {
+          Field: {
+            path: './ConfiguredField',
+            serverProps: {
+              heading: 'Configured heading'
+            }
+          }
+        },
+        hidden: true
+      }
+    });
+  });
+  it('should deny when admin access is denied', async () => {
+    mocks.canAccessAdmin.mockRejectedValue(new Error('Admin access denied'));
+    await expect(_internal_renderFieldHandler(args)).rejects.toThrow('Admin access denied');
+    expect(mocks.getSchemaMap).not.toHaveBeenCalled();
+    expect(mocks.renderField).not.toHaveBeenCalled();
+  });
+  it('should deny when no user is on the request', async () => {
+    await expect(_internal_renderFieldHandler({
+      ...args,
+      req: {
+        ...args.req,
+        user: null
+      }
+    })).rejects.toThrow();
+    expect(mocks.canAccessAdmin).not.toHaveBeenCalled();
+    expect(mocks.renderField).not.toHaveBeenCalled();
+  });
+});
+//# sourceMappingURL=renderFieldServerFn.spec.js.map

package/dist/forms/fieldSchemasToFormState/serverFunctions/renderFieldServerFn.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFieldServerFn.spec.js","names":["beforeEach","describe","expect","it","vi","_internal_renderFieldHandler","mocks","hoisted","canAccessAdmin","fn","getClientConfig","getClientSchemaMap","getSchemaMap","renderField","mock","UnauthorizedError","Error","args","req","user","collection","payload","config","importMap","schemaPath","resetAllMocks","targetField","name","type","admin","hidden","mockReturnValue","Map","label","initialValue","toHaveBeenCalledWith","objectContaining","fieldConfig","data","editor","path","forceCreateClientField","toEqual","components","Field","serverProps","heading","request","field","content","mockRejectedValue","rejects","toThrow","not","toHaveBeenCalled"],"sources":["../../../../src/forms/fieldSchemasToFormState/serverFunctions/renderFieldServerFn.spec.ts"],"sourcesContent":["import { beforeEach, describe, expect, it, vi } from 'vitest'\n\nimport { _internal_renderFieldHandler } from './renderFieldServerFn.js'\n\nconst mocks = vi.hoisted(() => ({\n  canAccessAdmin: vi.fn(),\n  getClientConfig: vi.fn(),\n  getClientSchemaMap: vi.fn(),\n  getSchemaMap: vi.fn(),\n  renderField: vi.fn(),\n}))\n\nvi.mock('payload', () => ({\n  canAccessAdmin: mocks.canAccessAdmin,\n  UnauthorizedError: class extends Error {},\n}))\nvi.mock('../../../utilities/getClientConfig.js', () => ({\n  getClientConfig: mocks.getClientConfig,\n}))\nvi.mock('../../../utilities/getClientSchemaMap.js', () => ({\n  getClientSchemaMap: mocks.getClientSchemaMap,\n}))\nvi.mock('../../../utilities/getSchemaMap.js', () => ({ getSchemaMap: mocks.getSchemaMap }))\nvi.mock('../renderField.js', () => ({ renderField: mocks.renderField }))\n\ntype HandlerArgs = Parameters<typeof _internal_renderFieldHandler>[0]\n\nconst args = {\n  req: { user: { collection: 'users' }, payload: { config: {}, importMap: {} } },\n  schemaPath: 'collection.posts.content',\n} as HandlerArgs\n\ndescribe('renderFieldServerFn', () => {\n  beforeEach(() => {\n    vi.resetAllMocks()\n  })\n\n  it('should accept allowed field props', async () => {\n    const targetField = { name: 'content', type: 'richText', admin: { hidden: true } }\n\n    mocks.getSchemaMap.mockReturnValue(new Map([['posts.content', targetField]]))\n\n    await _internal_renderFieldHandler({\n      ...args,\n      name: 'editor',\n      label: 'Editor',\n      hidden: false,\n      initialValue: 'Initial text',\n    })\n\n    expect(mocks.canAccessAdmin).toHaveBeenCalledWith({ req: args.req })\n    expect(mocks.renderField).toHaveBeenCalledWith(\n      expect.objectContaining({\n        fieldConfig: {\n          name: 'editor',\n          label: 'Editor',\n          type: 'richText',\n          admin: { hidden: false },\n        },\n        data: { editor: 'Initial text' },\n        path: 'editor',\n        schemaPath: 'posts.content',\n        forceCreateClientField: true,\n      }),\n    )\n    expect(targetField).toEqual({ name: 'content', type: 'richText', admin: { hidden: true } })\n  })\n\n  it('should reject disallowed field props', async () => {\n    const components = {\n      Field: { path: './ConfiguredField', serverProps: { heading: 'Configured heading' } },\n    }\n    const targetField = { name: 'content', type: 'richText', admin: { components, hidden: true } }\n\n    mocks.getSchemaMap.mockReturnValue(new Map([['posts.content', targetField]]))\n\n    const request = {\n      ...args,\n      field: {\n        admin: {\n          components: {\n            Field: {\n              path: './OtherField',\n              serverProps: { heading: 'Other heading' },\n            },\n          },\n        },\n      },\n      initialValue: 'Initial text',\n    }\n\n    await _internal_renderFieldHandler(request)\n\n    expect(mocks.canAccessAdmin).toHaveBeenCalledWith({ req: args.req })\n    expect(mocks.renderField).toHaveBeenCalledWith(\n      expect.objectContaining({\n        fieldConfig: {\n          ...targetField,\n          admin: {\n            components: {\n              Field: {\n                path: './ConfiguredField',\n                serverProps: { heading: 'Configured heading' },\n              },\n            },\n            hidden: true,\n          },\n        },\n        data: { content: 'Initial text' },\n        path: 'content',\n        schemaPath: 'posts.content',\n        forceCreateClientField: false,\n      }),\n    )\n    expect(targetField).toEqual({\n      name: 'content',\n      type: 'richText',\n      admin: {\n        components: {\n          Field: {\n            path: './ConfiguredField',\n            serverProps: { heading: 'Configured heading' },\n          },\n        },\n        hidden: true,\n      },\n    })\n  })\n\n  it('should deny when admin access is denied', async () => {\n    mocks.canAccessAdmin.mockRejectedValue(new Error('Admin access denied'))\n\n    await expect(_internal_renderFieldHandler(args)).rejects.toThrow('Admin access denied')\n    expect(mocks.getSchemaMap).not.toHaveBeenCalled()\n    expect(mocks.renderField).not.toHaveBeenCalled()\n  })\n\n  it('should deny when no user is on the request', async () => {\n    await expect(\n      _internal_renderFieldHandler({ ...args, req: { ...args.req, user: null } }),\n    ).rejects.toThrow()\n    expect(mocks.canAccessAdmin).not.toHaveBeenCalled()\n    expect(mocks.renderField).not.toHaveBeenCalled()\n  })\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/fieldSchemasToFormState/types.d.ts

@@ -29,6 +29,7 @@ export type RenderFieldArgs = {
     req: PayloadRequest;
     schemaPath: string;
     siblingData: Data;
+    user?: PayloadRequest['user'];
 };
 export type RenderFieldMethod = (args: RenderFieldArgs) => void;
 //# sourceMappingURL=types.d.ts.map

package/dist/forms/fieldSchemasToFormState/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,cAAc,EACd,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,WAAW,EAAE,KAAK,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,EAAE,SAAS,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,yBAAyB,CAAA;IACtC,WAAW,EAAE,mBAAmB,CAAA;IAChC,kBAAkB,EAAE,UAAU,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,cAAc,EACd,yBAAyB,EAC1B,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,eAAe,GAAG;IAC5B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,IAAI,CAAA;IACV,WAAW,EAAE,KAAK,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,EAAE,SAAS,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,MAAM,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,yBAAyB,CAAA;IACtC,WAAW,EAAE,mBAAmB,CAAA;IAChC,kBAAkB,EAAE,UAAU,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA"}

package/dist/forms/fieldSchemasToFormState/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/fieldSchemasToFormState/types.ts"],"sourcesContent":["import type {\n  ClientFieldSchemaMap,\n  Data,\n  DocumentPreferences,\n  Field,\n  FieldSchemaMap,\n  FieldState,\n  FormState,\n  Operation,\n  PayloadRequest,\n  SanitizedFieldPermissions,\n} from 'payload'\n\nexport type RenderFieldArgs = {\n  clientFieldSchemaMap?: ClientFieldSchemaMap\n  collectionSlug: string\n  data: Data\n  fieldConfig: Field\n  fieldSchemaMap: FieldSchemaMap\n  fieldState: FieldState\n  /**\n   * If set to true, it will force creating a clientField based on the passed fieldConfig instead of pulling\n   * the client field from the clientFieldSchemaMap. This is useful if the passed fieldConfig differs from the one in the schema map,\n   * e.g. when calling the render-field server function and passing a field config override.\n   */\n  forceCreateClientField?: boolean\n  formState: FormState\n  id?: number | string\n  indexPath: string\n  lastRenderedPath: string\n  mockRSCs?: boolean\n  operation: Operation\n  parentPath: string\n  parentSchemaPath: string\n  path: string\n  permissions: SanitizedFieldPermissions\n  preferences: DocumentPreferences\n  previousFieldState: FieldState\n  readOnly?: boolean\n  renderAllFields: boolean\n  req: PayloadRequest\n  schemaPath: string\n  siblingData: Data\n}\n\nexport type RenderFieldMethod = (args: RenderFieldArgs) => void\n"],"mappings":"AA6CA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/fieldSchemasToFormState/types.ts"],"sourcesContent":["import type {\n  ClientFieldSchemaMap,\n  Data,\n  DocumentPreferences,\n  Field,\n  FieldSchemaMap,\n  FieldState,\n  FormState,\n  Operation,\n  PayloadRequest,\n  SanitizedFieldPermissions,\n} from 'payload'\n\nexport type RenderFieldArgs = {\n  clientFieldSchemaMap?: ClientFieldSchemaMap\n  collectionSlug: string\n  data: Data\n  fieldConfig: Field\n  fieldSchemaMap: FieldSchemaMap\n  fieldState: FieldState\n  /**\n   * If set to true, it will force creating a clientField based on the passed fieldConfig instead of pulling\n   * the client field from the clientFieldSchemaMap. This is useful if the passed fieldConfig differs from the one in the schema map,\n   * e.g. when calling the render-field server function and passing a field config override.\n   */\n  forceCreateClientField?: boolean\n  formState: FormState\n  id?: number | string\n  indexPath: string\n  lastRenderedPath: string\n  mockRSCs?: boolean\n  operation: Operation\n  parentPath: string\n  parentSchemaPath: string\n  path: string\n  permissions: SanitizedFieldPermissions\n  preferences: DocumentPreferences\n  previousFieldState: FieldState\n  readOnly?: boolean\n  renderAllFields: boolean\n  req: PayloadRequest\n  schemaPath: string\n  siblingData: Data\n  user?: PayloadRequest['user']\n}\n\nexport type RenderFieldMethod = (args: RenderFieldArgs) => void\n"],"mappings":"AA8CA","ignoreList":[]}

package/dist/icons/Eye/index.scss

@@ -10,7 +10,7 @@
     .stroke {
       fill: none;
       stroke: currentColor;
-      stroke-width: 0.75;
+      stroke-width: $style-stroke-width-s;
     }
 
     .fill {

package/dist/icons/Refresh/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.scss';
+export declare const RefreshIcon: React.FC<{
+    readonly className?: string;
+    readonly size?: 16 | 24;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Refresh/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Refresh/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAYrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;CACxB,CAmBA,CAAA"}

package/dist/icons/Refresh/index.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+const paths = {
+  16: {
+    fill: 'M8 3.5a4.5 4.5 0 0 0-4.473 4c-.03.275-.25.5-.527.5a.467.467 0 0 1-.478-.5 5.5 5.5 0 0 1 9.758-2.954.467.467 0 0 1-.12.68c-.23.154-.538.09-.715-.122A4.49 4.49 0 0 0 8 3.5m-4.16 7.274a.467.467 0 0 0-.12.68A5.5 5.5 0 0 0 13.478 8.5.467.467 0 0 0 13 8c-.276 0-.497.225-.527.5a4.5 4.5 0 0 1-7.918 2.396c-.177-.212-.486-.276-.715-.123',
+    stroke: 'M12.5 3v2.5H10m-4 5H3.5V13'
+  },
+  24: {
+    fill: 'M17.523 12.036a.5.5 0 0 1 .449.546A5.999 5.999 0 0 1 7 15.315V17.5a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H8.002q.066.089.137.175a5 5 0 0 0 8.838-2.69.5.5 0 0 1 .546-.45M17.5 6a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1h1.498a5 5 0 0 0-8.975 2.515.5.5 0 1 1-.995-.097A6 6 0 0 1 17 8.684V6.5a.5.5 0 0 1 .5-.5'
+  }
+};
+export const RefreshIcon = ({
+  className,
+  size = 16
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon', 'icon--refresh', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: size,
+  viewBox: `0 0 ${size} ${size}`,
+  width: size,
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [size === 16 && paths[16].stroke && /*#__PURE__*/_jsx("path", {
+    d: paths[16].stroke,
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/_jsx("path", {
+    clipRule: "evenodd",
+    d: paths[size].fill,
+    fill: "currentColor",
+    fillRule: "evenodd"
+  })]
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/Refresh/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","fill","stroke","RefreshIcon","className","size","_jsxs","filter","Boolean","join","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin","clipRule","fillRule"],"sources":["../../../src/icons/Refresh/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst paths = {\n  16: {\n    fill: 'M8 3.5a4.5 4.5 0 0 0-4.473 4c-.03.275-.25.5-.527.5a.467.467 0 0 1-.478-.5 5.5 5.5 0 0 1 9.758-2.954.467.467 0 0 1-.12.68c-.23.154-.538.09-.715-.122A4.49 4.49 0 0 0 8 3.5m-4.16 7.274a.467.467 0 0 0-.12.68A5.5 5.5 0 0 0 13.478 8.5.467.467 0 0 0 13 8c-.276 0-.497.225-.527.5a4.5 4.5 0 0 1-7.918 2.396c-.177-.212-.486-.276-.715-.123',\n    stroke: 'M12.5 3v2.5H10m-4 5H3.5V13',\n  },\n  24: {\n    fill: 'M17.523 12.036a.5.5 0 0 1 .449.546A5.999 5.999 0 0 1 7 15.315V17.5a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H8.002q.066.089.137.175a5 5 0 0 0 8.838-2.69.5.5 0 0 1 .546-.45M17.5 6a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1h1.498a5 5 0 0 0-8.975 2.515.5.5 0 1 1-.995-.097A6 6 0 0 1 17 8.684V6.5a.5.5 0 0 1 .5-.5',\n  },\n}\n\nexport const RefreshIcon: React.FC<{\n  readonly className?: string\n  readonly size?: 16 | 24\n}> = ({ className, size = 16 }) => (\n  <svg\n    className={['icon', 'icon--refresh', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height={size}\n    viewBox={`0 0 ${size} ${size}`}\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    {size === 16 && paths[16].stroke && (\n      <path\n        d={paths[16].stroke}\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    )}\n    <path clipRule=\"evenodd\" d={paths[size].fill} fill=\"currentColor\" fillRule=\"evenodd\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZ,IAAI;IACFC,IAAA,EAAM;IACNC,MAAA,EAAQ;EACV;EACA,IAAI;IACFD,IAAA,EAAM;EACR;AACF;AAEA,OAAO,MAAME,WAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAE,CAAE,kBAC5BC,KAAA,CAAC;EACCF,SAAA,EAAW,CAAC,QAAQ,iBAAiBA,SAAA,CAAU,CAACG,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACrER,IAAA,EAAK;EACLS,MAAA,EAAQL,IAAA;EACRM,OAAA,EAAS,OAAON,IAAA,IAAQA,IAAA,EAAM;EAC9BO,KAAA,EAAOP,IAAA;EACPQ,KAAA,EAAM;aAELR,IAAA,KAAS,MAAML,KAAK,CAAC,GAAG,CAACE,MAAM,iBAC9BY,IAAA,CAAC;IACCC,CAAA,EAAGf,KAAK,CAAC,GAAG,CAACE,MAAM;IACnBA,MAAA,EAAO;IACPc,aAAA,EAAc;IACdC,cAAA,EAAe;mBAGnBH,IAAA,CAAC;IAAKI,QAAA,EAAS;IAAUH,CAAA,EAAGf,KAAK,CAACK,IAAA,CAAK,CAACJ,IAAI;IAAEA,IAAA,EAAK;IAAekB,QAAA,EAAS","ignoreList":[]}

package/dist/icons/Refresh/index.scss

@@ -0,0 +1,11 @@
+@layer payload-default {
+  .icon--refresh {
+    .stroke {
+      stroke: currentColor;
+    }
+
+    .fill {
+      fill: currentColor;
+    }
+  }
+}

package/dist/icons/Spinner/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.scss';
+export type SpinnerIconProps = {
+    readonly className?: string;
+    readonly size?: 'lg' | 'md' | 'sm';
+};
+export declare const SpinnerIcon: React.FC<SpinnerIconProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAUrB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAelD,CAAA"}

package/dist/icons/Spinner/index.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+const paths = {
+  lg: 'M16.445 5.348A8 8 0 0 0 12.5 4.016.525.525 0 0 1 12 3.5a.48.48 0 0 1 .5-.486A9 9 0 1 1 3.014 12.5.48.48 0 0 1 3.5 12c.276 0 .498.224.516.5a8 8 0 1 0 12.429-7.152',
+  md: 'M15.333 7.011a6 6 0 0 0-2.834-.99A.534.534 0 0 1 12 5.5c0-.276.224-.502.5-.482A7 7 0 1 1 5.018 12.5.473.473 0 0 1 5.5 12c.276 0 .498.224.52.5a6 6 0 1 0 9.313-5.489',
+  sm: 'M10.778 3.842a5 5 0 0 0-2.279-.817A.54.54 0 0 1 8 2.5a.47.47 0 0 1 .5-.48A6 6 0 1 1 2.02 8.5.47.47 0 0 1 2.5 8c.276 0 .497.224.525.499a5 5 0 1 0 7.753-4.657'
+};
+const sizes = {
+  lg: 24,
+  md: 24,
+  sm: 16
+};
+export const SpinnerIcon = ({
+  className,
+  size = 'sm'
+}) => {
+  const dimension = sizes[size];
+  return /*#__PURE__*/_jsx("svg", {
+    className: ['icon icon--spinner', className].filter(Boolean).join(' '),
+    fill: "none",
+    height: dimension,
+    viewBox: `0 0 ${dimension} ${dimension}`,
+    width: dimension,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      clipRule: "evenodd",
+      d: paths[size],
+      fill: "currentColor",
+      fillRule: "evenodd"
+    })
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/icons/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","paths","lg","md","sm","sizes","SpinnerIcon","className","size","dimension","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","clipRule","d","fillRule"],"sources":["../../../src/icons/Spinner/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst paths = {\n  lg: 'M16.445 5.348A8 8 0 0 0 12.5 4.016.525.525 0 0 1 12 3.5a.48.48 0 0 1 .5-.486A9 9 0 1 1 3.014 12.5.48.48 0 0 1 3.5 12c.276 0 .498.224.516.5a8 8 0 1 0 12.429-7.152',\n  md: 'M15.333 7.011a6 6 0 0 0-2.834-.99A.534.534 0 0 1 12 5.5c0-.276.224-.502.5-.482A7 7 0 1 1 5.018 12.5.473.473 0 0 1 5.5 12c.276 0 .498.224.52.5a6 6 0 1 0 9.313-5.489',\n  sm: 'M10.778 3.842a5 5 0 0 0-2.279-.817A.54.54 0 0 1 8 2.5a.47.47 0 0 1 .5-.48A6 6 0 1 1 2.02 8.5.47.47 0 0 1 2.5 8c.276 0 .497.224.525.499a5 5 0 1 0 7.753-4.657',\n}\n\nconst sizes = { lg: 24, md: 24, sm: 16 }\n\nexport type SpinnerIconProps = {\n  readonly className?: string\n  readonly size?: 'lg' | 'md' | 'sm'\n}\n\nexport const SpinnerIcon: React.FC<SpinnerIconProps> = ({ className, size = 'sm' }) => {\n  const dimension = sizes[size]\n\n  return (\n    <svg\n      className={['icon icon--spinner', className].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height={dimension}\n      viewBox={`0 0 ${dimension} ${dimension}`}\n      width={dimension}\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path clipRule=\"evenodd\" d={paths[size]} fill=\"currentColor\" fillRule=\"evenodd\" />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,KAAA,GAAQ;EACZC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;AACN;AAEA,MAAMC,KAAA,GAAQ;EAAEH,EAAA,EAAI;EAAIC,EAAA,EAAI;EAAIC,EAAA,EAAI;AAAG;AAOvC,OAAO,MAAME,WAAA,GAA0CA,CAAC;EAAEC,SAAS;EAAEC,IAAA,GAAO;AAAI,CAAE;EAChF,MAAMC,SAAA,GAAYJ,KAAK,CAACG,IAAA,CAAK;EAE7B,oBACEE,IAAA,CAAC;IACCH,SAAA,EAAW,CAAC,sBAAsBA,SAAA,CAAU,CAACI,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAClEC,IAAA,EAAK;IACLC,MAAA,EAAQN,SAAA;IACRO,OAAA,EAAS,OAAOP,SAAA,IAAaA,SAAA,EAAW;IACxCQ,KAAA,EAAOR,SAAA;IACPS,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MAAKS,QAAA,EAAS;MAAUC,CAAA,EAAGnB,KAAK,CAACO,IAAA,CAAK;MAAEM,IAAA,EAAK;MAAeO,QAAA,EAAS;;;AAG5E","ignoreList":[]}

package/dist/icons/Spinner/index.scss

@@ -0,0 +1,12 @@
+@layer payload-default {
+  .icon--spinner {
+    color: currentColor;
+    animation: spinner-spin 1s linear infinite;
+  }
+
+  @keyframes spinner-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+}