@payloadcms/ui 4.0.0-internal.8867dba → 4.0.0-internal.934870d

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Data,\n  FormField,\n  FormState,\n  Row,\n  User,\n  ValidationFieldError,\n} from 'payload'\nimport type React from 'react'\nimport type { Dispatch } from 'react'\n\nimport type { AcceptValues } from './mergeServerFormState.js'\n\nexport type Preferences = {\n  [key: string]: unknown\n}\n\nexport type FormOnSuccess<T = unknown, C = Record<string, unknown>> = (\n  json: T,\n  ctx?: {\n    /**\n     * Arbitrary context passed to the onSuccess callback.\n     */\n    context?: C\n    /**\n     * The form state that was sent with the request when retrieving the `json` arg.\n     */\n    formState?: FormState\n  },\n) => Promise<FormState | void> | void\n\nexport type FormProps = {\n  beforeSubmit?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  disableSuccessStatus?: boolean\n  /**\n   * If you would like to solely leverage server-side validation on submit,\n   * you can disable checks that the form makes before it submits\n   */\n  disableValidationOnSubmit?: boolean\n  /**\n   * If you don't want the form to be a <form> element, you can pass a string here to use as the wrapper element.\n   */\n  el?: string\n  /**\n   * By default, the form will get the field schema (not data) from the current document. If you pass this in, you can override that behavior.\n   * This is very useful for sub-forms, where the form's field schema is not necessarily the field schema of the current document (e.g. for the Blocks\n   * feature of the Lexical Rich Text field)\n   */\n  fields?: ClientField[]\n  handleResponse?: (\n    res: Response,\n    successToast: (value: string) => void,\n    errorToast: (value: string) => void,\n  ) => void\n  initialState?: FormState\n  /**\n   * Determines if this Form is the main, top-level Form of a document. If set to true, the\n   * Form's children will be wrapped in a DocumentFormContext, which lets you access this document\n   * Form's data and fields from any child component - even if that child component is wrapped in a child\n   * Form (e.g. a lexical block).\n   */\n  isDocumentForm?: boolean\n  isInitializing?: boolean\n  log?: boolean\n  onChange?: ((args: { formState: FormState; submitted?: boolean }) => Promise<FormState>)[]\n  onSubmit?: (fields: FormState, data: Data) => void\n  onSuccess?: FormOnSuccess\n  redirect?: string\n  submitted?: boolean\n  uuid?: string\n  validationOperation?: 'create' | 'update'\n  waitForAutocomplete?: boolean\n} & (\n  | {\n      action: (formData: FormData) => Promise<void>\n    }\n  | {\n      action?: string\n      method?: 'DELETE' | 'GET' | 'PATCH' | 'POST'\n    }\n)\n\nexport type SubmitOptions<C = Record<string, unknown>> = {\n  acceptValues?: AcceptValues\n  action?: string\n  /**\n   * If you want to pass additional data to the onSuccess callback, you can use this context object.\n   *\n   * @experimental This property is experimental and may change in the future.\n   */\n  context?: C\n  /**\n   * When true, will disable the form while it is processing.\n   * @default true\n   */\n  disableFormWhileProcessing?: boolean\n  /**\n   * When true, will disable the success toast after form submission.\n   * @default false\n   */\n  disableSuccessStatus?: boolean\n  method?: string\n  overrides?: ((formState) => FormData) | Record<string, unknown>\n  /**\n   * When true, will skip validation before submitting the form.\n   * @default false\n   */\n  skipValidation?: boolean\n}\n\nexport type DispatchFields = React.Dispatch<any>\n\nexport type Submit = <T extends Response, C extends Record<string, unknown>>(\n  options?: SubmitOptions<C>,\n  e?: React.FormEvent<HTMLFormElement>,\n) => Promise</**\n * Returns the form state and the response from the server.\n *\n * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own risk.\n */\n{ formState?: FormState; res: T } | void>\n\nexport type ValidateForm = () => Promise<boolean>\n\nexport type CreateFormData = (\n  overrides?: Record<string, unknown>,\n  /**\n   * If mergeOverrideData true, the data will be merged with the existing data in the form state.\n   * @default true\n   */\n  options?: {\n    /**\n     * If provided, will use this instead of of derived data from the current form state.\n     */\n    data?: Data\n    mergeOverrideData?: boolean\n  },\n) => FormData | Promise<FormData>\n\nexport type GetFields = () => FormState\nexport type GetField = (path: string) => FormField\nexport type GetData = () => Data\nexport type GetSiblingData = (path: string) => Data\nexport type GetDataByPath = <T = unknown>(path: string) => T\nexport type SetModified = (modified: boolean) => void\nexport type SetSubmitted = (submitted: boolean) => void\nexport type SetProcessing = (processing: boolean) => void\n\nexport type Reset = (data: unknown) => Promise<void>\n\nexport type REPLACE_STATE = {\n  optimize?: boolean\n  /**\n   * If `sanitize` is true, default values will be set for form field properties that are not present in the incoming state.\n   * For example, `valid` will be set to true if it is not present in the incoming state.\n   */\n  sanitize?: boolean\n  state: FormState\n  type: 'REPLACE_STATE'\n}\n\nexport type REMOVE = {\n  path: string\n  type: 'REMOVE'\n}\n\nexport type MODIFY_CONDITION = {\n  path: string\n  result: boolean\n  type: 'MODIFY_CONDITION'\n  user: User\n}\n\nexport type UPDATE = {\n  path: string\n  type: 'UPDATE'\n} & Partial<FormField>\n\nexport type UPDATE_MANY = {\n  formState: FormState\n  type: 'UPDATE_MANY'\n}\n\nexport type REMOVE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'REMOVE_ROW'\n}\n\nexport type ADD_ROW = {\n  blockType?: string\n  path: string\n  rowIndex?: number\n  subFieldState?: FormState\n  type: 'ADD_ROW'\n}\n\nexport type MERGE_SERVER_STATE = {\n  acceptValues?: AcceptValues\n  prevStateRef: React.RefObject<FormState>\n  serverState: FormState\n  type: 'MERGE_SERVER_STATE'\n}\n\nexport type REPLACE_ROW = {\n  blockType?: string\n  path: string\n  rowIndex: number\n  subFieldState?: FormState\n  type: 'REPLACE_ROW'\n}\n\nexport type DUPLICATE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'DUPLICATE_ROW'\n}\n\nexport type MOVE_ROW = {\n  moveFromIndex: number\n  moveToIndex: number\n  path: string\n  type: 'MOVE_ROW'\n}\n\nexport type ADD_SERVER_ERRORS = {\n  errors: ValidationFieldError[]\n  type: 'ADD_SERVER_ERRORS'\n}\n\nexport type SET_ROW_COLLAPSED = {\n  path: string\n  type: 'SET_ROW_COLLAPSED'\n  updatedRows: Row[]\n}\n\nexport type SET_ALL_ROWS_COLLAPSED = {\n  path: string\n  type: 'SET_ALL_ROWS_COLLAPSED'\n  updatedRows: Row[]\n}\n\nexport type FieldAction =\n  | ADD_ROW\n  | ADD_SERVER_ERRORS\n  | DUPLICATE_ROW\n  | MERGE_SERVER_STATE\n  | MODIFY_CONDITION\n  | MOVE_ROW\n  | REMOVE\n  | REMOVE_ROW\n  | REPLACE_ROW\n  | REPLACE_STATE\n  | SET_ALL_ROWS_COLLAPSED\n  | SET_ROW_COLLAPSED\n  | UPDATE\n  | UPDATE_MANY\n\nexport type FormFieldsContext = [FormState, Dispatch<FieldAction>]\n\nexport type Context = {\n  addFieldRow: ({\n    blockType,\n    path,\n    rowIndex,\n    schemaPath,\n    subFieldState,\n  }: {\n    blockType?: string\n    path: string\n    rowIndex?: number\n    schemaPath: string\n    subFieldState?: FormState\n  }) => void\n  buildRowErrors: () => void\n  createFormData: CreateFormData\n  disabled: boolean\n  dispatchFields: Dispatch<FieldAction>\n  /**\n   * Form context fields may be outdated and should not be relied on. Instead, prefer `useFormFields`.\n   */\n  fields: FormState\n  formRef: React.RefObject<HTMLFormElement>\n  getData: GetData\n  getDataByPath: GetDataByPath\n  getField: GetField\n  getFields: GetFields\n  getSiblingData: GetSiblingData\n  initializing: boolean\n  /**\n   * Tracks wether the form state passes validation.\n   * For example the state could be submitted but invalid as field errors have been returned.\n   */\n  isValid: boolean\n  moveFieldRow: ({\n    moveFromIndex,\n    moveToIndex,\n    path,\n  }: {\n    moveFromIndex: number\n    moveToIndex: number\n    path: string\n  }) => void\n  removeFieldRow: ({ path, rowIndex }: { path: string; rowIndex: number }) => void\n  replaceFieldRow: ({\n    blockType,\n    path,\n    rowIndex,\n    schemaPath,\n    subFieldState,\n  }: {\n    blockType?: string\n    path: string\n    rowIndex: number\n    schemaPath: string\n    subFieldState?: FormState\n  }) => void\n  replaceState: (state: FormState) => void\n  reset: Reset\n  /**\n   * If the form has started processing in the background (e.g.\n   * if autosave is running), this will be true.\n   */\n  setBackgroundProcessing: SetProcessing\n  setDisabled: (disabled: boolean) => void\n  setIsValid: (processing: boolean) => void\n  setModified: SetModified\n  setProcessing: SetProcessing\n  setSubmitted: SetSubmitted\n  submit: Submit\n  uuid?: string\n  validateForm: ValidateForm\n}\n"],"mappings":"AAwQA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Data,\n  FormField,\n  FormState,\n  Row,\n  User,\n  ValidationFieldError,\n} from 'payload'\nimport type React from 'react'\nimport type { Dispatch } from 'react'\n\nimport type { AcceptValues } from './mergeServerFormState.js'\n\nexport type Preferences = {\n  [key: string]: unknown\n}\n\nexport type FormOnSuccess<T = unknown, C = Record<string, unknown>> = (\n  json: T,\n  ctx?: {\n    /**\n     * Arbitrary context passed to the onSuccess callback.\n     */\n    context?: C\n    /**\n     * The form state that was sent with the request when retrieving the `json` arg.\n     */\n    formState?: FormState\n  },\n) => Promise<FormState | void> | void\n\nexport type FormProps = {\n  beforeSubmit?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  disableSuccessStatus?: boolean\n  /**\n   * If you would like to solely leverage server-side validation on submit,\n   * you can disable checks that the form makes before it submits\n   */\n  disableValidationOnSubmit?: boolean\n  /**\n   * If you don't want the form to be a <form> element, you can pass a string here to use as the wrapper element.\n   */\n  el?: string\n  /**\n   * By default, the form will get the field schema (not data) from the current document. If you pass this in, you can override that behavior.\n   * This is very useful for sub-forms, where the form's field schema is not necessarily the field schema of the current document (e.g. for the Blocks\n   * feature of the Lexical Rich Text field)\n   */\n  fields?: ClientField[]\n  handleResponse?: (\n    res: Response,\n    successToast: (value: string) => void,\n    errorToast: (value: string) => void,\n  ) => void\n  initialState?: FormState\n  /**\n   * Determines if this Form is the main, top-level Form of a document. If set to true, the\n   * Form's children will be wrapped in a DocumentFormContext, which lets you access this document\n   * Form's data and fields from any child component - even if that child component is wrapped in a child\n   * Form (e.g. a lexical block).\n   */\n  isDocumentForm?: boolean\n  isInitializing?: boolean\n  log?: boolean\n  onChange?: ((args: { formState: FormState; submitted?: boolean }) => Promise<FormState>)[]\n  onSubmit?: (fields: FormState, data: Data) => void\n  onSuccess?: FormOnSuccess\n  redirect?: string\n  submitted?: boolean\n  uuid?: string\n  validationOperation?: 'create' | 'update'\n  waitForAutocomplete?: boolean\n} & (\n  | {\n      action: (formData: FormData) => Promise<void>\n    }\n  | {\n      action?: string\n      method?: 'DELETE' | 'GET' | 'PATCH' | 'POST'\n    }\n)\n\nexport type SubmitOptions<C = Record<string, unknown>> = {\n  acceptValues?: AcceptValues\n  action?: string\n  /**\n   * If you want to pass additional data to the onSuccess callback, you can use this context object.\n   *\n   * @experimental This property is experimental and may change in the future.\n   */\n  context?: C\n  /**\n   * When true, will disable the form while it is processing.\n   * @default true\n   */\n  disableFormWhileProcessing?: boolean\n  /**\n   * When true, will disable the success toast after form submission.\n   * @default false\n   */\n  disableSuccessStatus?: boolean\n  method?: string\n  overrides?: ((formState) => FormData) | Record<string, unknown>\n  /**\n   * When true, will skip validation before submitting the form.\n   * @default false\n   */\n  skipValidation?: boolean\n}\n\nexport type DispatchFields = React.Dispatch<any>\n\nexport type Submit = <T extends Response, C extends Record<string, unknown>>(\n  options?: SubmitOptions<C>,\n  e?: React.FormEvent<HTMLFormElement>,\n) => Promise</**\n * Returns the form state and the response from the server.\n *\n * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own risk.\n */\n{ formState?: FormState; res: T } | void>\n\nexport type ValidateForm = () => Promise<boolean>\n\nexport type CreateFormData = (\n  overrides?: Record<string, unknown>,\n  /**\n   * If mergeOverrideData true, the data will be merged with the existing data in the form state.\n   * @default true\n   */\n  options?: {\n    /**\n     * If provided, will use this instead of of derived data from the current form state.\n     */\n    data?: Data\n    mergeOverrideData?: boolean\n  },\n) => FormData | Promise<FormData>\n\nexport type GetFields = () => FormState\nexport type GetField = (path: string) => FormField\nexport type GetData = () => Data\nexport type GetSiblingData = (path: string) => Data\nexport type GetDataByPath = <T = unknown>(path: string) => T\nexport type SetModified = (modified: boolean) => void\nexport type SetSubmitted = (submitted: boolean) => void\nexport type SetProcessing = (processing: boolean) => void\n\nexport type Reset = (data: unknown) => Promise<void>\n\nexport type REPLACE_STATE = {\n  optimize?: boolean\n  state: FormState\n  type: 'REPLACE_STATE'\n}\n\nexport type REMOVE = {\n  path: string\n  type: 'REMOVE'\n}\n\nexport type MODIFY_CONDITION = {\n  path: string\n  result: boolean\n  type: 'MODIFY_CONDITION'\n  user: User\n}\n\nexport type UPDATE = {\n  path: string\n  type: 'UPDATE'\n} & Partial<FormField>\n\nexport type UPDATE_MANY = {\n  formState: FormState\n  type: 'UPDATE_MANY'\n}\n\nexport type REMOVE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'REMOVE_ROW'\n}\n\nexport type ADD_ROW = {\n  blockType?: string\n  path: string\n  rowIndex?: number\n  subFieldState?: FormState\n  type: 'ADD_ROW'\n}\n\nexport type MERGE_SERVER_STATE = {\n  acceptValues?: AcceptValues\n  prevStateRef?: React.RefObject<FormState>\n  serverState: FormState\n  type: 'MERGE_SERVER_STATE'\n}\n\nexport type REPLACE_ROW = {\n  blockType?: string\n  path: string\n  rowIndex: number\n  subFieldState?: FormState\n  type: 'REPLACE_ROW'\n}\n\nexport type DUPLICATE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'DUPLICATE_ROW'\n}\n\nexport type MOVE_ROW = {\n  moveFromIndex: number\n  moveToIndex: number\n  path: string\n  type: 'MOVE_ROW'\n}\n\nexport type ADD_SERVER_ERRORS = {\n  errors: ValidationFieldError[]\n  type: 'ADD_SERVER_ERRORS'\n}\n\nexport type SET_ROW_COLLAPSED = {\n  path: string\n  type: 'SET_ROW_COLLAPSED'\n  updatedRows: Row[]\n}\n\nexport type SET_ALL_ROWS_COLLAPSED = {\n  path: string\n  type: 'SET_ALL_ROWS_COLLAPSED'\n  updatedRows: Row[]\n}\n\nexport type FieldAction =\n  | ADD_ROW\n  | ADD_SERVER_ERRORS\n  | DUPLICATE_ROW\n  | MERGE_SERVER_STATE\n  | MODIFY_CONDITION\n  | MOVE_ROW\n  | REMOVE\n  | REMOVE_ROW\n  | REPLACE_ROW\n  | REPLACE_STATE\n  | SET_ALL_ROWS_COLLAPSED\n  | SET_ROW_COLLAPSED\n  | UPDATE\n  | UPDATE_MANY\n\nexport type FormFieldsContext = [FormState, Dispatch<FieldAction>]\n\nexport type Context = {\n  addFieldRow: ({\n    blockType,\n    path,\n    rowIndex,\n    schemaPath,\n    subFieldState,\n  }: {\n    blockType?: string\n    path: string\n    rowIndex?: number\n    schemaPath: string\n    subFieldState?: FormState\n  }) => void\n  buildRowErrors: () => void\n  createFormData: CreateFormData\n  disabled: boolean\n  dispatchFields: Dispatch<FieldAction>\n  /**\n   * Form context fields may be outdated and should not be relied on. Instead, prefer `useFormFields`.\n   */\n  fields: FormState\n  formRef: React.RefObject<HTMLFormElement>\n  getData: GetData\n  getDataByPath: GetDataByPath\n  getField: GetField\n  getFields: GetFields\n  getSiblingData: GetSiblingData\n  initializing: boolean\n  /**\n   * Tracks wether the form state passes validation.\n   * For example the state could be submitted but invalid as field errors have been returned.\n   */\n  isValid: boolean\n  moveFieldRow: ({\n    moveFromIndex,\n    moveToIndex,\n    path,\n  }: {\n    moveFromIndex: number\n    moveToIndex: number\n    path: string\n  }) => void\n  removeFieldRow: ({ path, rowIndex }: { path: string; rowIndex: number }) => void\n  replaceFieldRow: ({\n    blockType,\n    path,\n    rowIndex,\n    schemaPath,\n    subFieldState,\n  }: {\n    blockType?: string\n    path: string\n    rowIndex: number\n    schemaPath: string\n    subFieldState?: FormState\n  }) => void\n  replaceState: (state: FormState) => void\n  reset: Reset\n  /**\n   * If the form has started processing in the background (e.g.\n   * if autosave is running), this will be true.\n   */\n  setBackgroundProcessing: SetProcessing\n  setDisabled: (disabled: boolean) => void\n  setIsValid: (processing: boolean) => void\n  setModified: SetModified\n  setProcessing: SetProcessing\n  setSubmitted: SetSubmitted\n  submit: Submit\n  uuid?: string\n  validateForm: ValidateForm\n}\n"],"mappings":"AAmQA","ignoreList":[]}

package/dist/forms/NullifyField/index.d.ts

@@ -6,6 +6,16 @@ type NullifyLocaleFieldProps = {
     readonly path: string;
     readonly readOnly?: boolean;
 };
+export declare const buildNullifyLocaleFieldUpdate: ({ fieldValue, path, useFallback, }: {
+    fieldValue: NullifyLocaleFieldProps['fieldValue'];
+    path: string;
+    useFallback: boolean;
+}) => {
+    type: 'UPDATE';
+    disableFormData: boolean;
+    path: string;
+    value: number | [];
+};
 export declare const NullifyLocaleField: React.FC<NullifyLocaleFieldProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/forms/NullifyField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/NullifyField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,aAAa,CAAA;AAIpB,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwEhE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/NullifyField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,aAAa,CAAA;AAIpB,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,MAAM,CAAA;IACxC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,6BAA6B,uCAIvC;IACD,UAAU,EAAE,uBAAuB,CAAC,YAAY,CAAC,CAAA;IACjD,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,OAAO,CAAA;CACrB;UACO,QAAQ;;;;CAId,CAAA;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqEhE,CAAA"}

package/dist/forms/NullifyField/index.js

@@ -11,6 +11,16 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { useForm } from '../Form/context.js';
 import './index.css';
 const baseClass = 'nullify-locale-field';
+export const buildNullifyLocaleFieldUpdate = ({
+  fieldValue,
+  path,
+  useFallback
+}) => ({
+  type: 'UPDATE',
+  disableFormData: useFallback ? undefined : false,
+  path,
+  value: useFallback ? null : fieldValue || 0
+});
 export const NullifyLocaleField = t0 => {
   const $ = _c(13);
   const {
@@ -20,9 +30,8 @@ export const NullifyLocaleField = t0 => {
     readOnly: t1
   } = t0;
   const readOnly = t1 === undefined ? false : t1;
-  const {
-    code: currentLocale
-  } = useLocale();
+  const locale = useLocale();
+  const currentLocale = locale?.code;
   const {
     config: t2
   } = useConfig();
@@ -47,11 +56,11 @@ export const NullifyLocaleField = t0 => {
   if ($[0] !== checked || $[1] !== dispatchFields || $[2] !== fieldValue || $[3] !== path || $[4] !== setModified) {
     t3 = () => {
       const useFallback = !checked;
-      dispatchFields({
-        type: "UPDATE",
+      dispatchFields(buildNullifyLocaleFieldUpdate({
+        fieldValue,
         path,
-        value: useFallback ? null : fieldValue || 0
-      });
+        useFallback
+      }));
       setModified(true);
       setChecked(useFallback);
     };

package/dist/forms/NullifyField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","useForm","baseClass","NullifyLocaleField","t0","$","fieldValue","localized","path","readOnly","t1","undefined","code","currentLocale","config","t2","localization","checked","setChecked","useState","t","dispatchFields","setModified","defaultLocale","fallback","t3","useFallback","type","value","onChange","hideCheckbox","Array","isArray","length","t4","_jsx","className","children","field","name","label","id","replace","schemaPath"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useForm } from '../Form/context.js'\nimport './index.css'\n\nconst baseClass = 'nullify-locale-field'\n\ntype NullifyLocaleFieldProps = {\n  readonly fieldValue?: [] | null | number\n  readonly localized: boolean\n  readonly path: string\n  readonly readOnly?: boolean\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\n  readOnly = false,\n}) => {\n  const { code: currentLocale } = useLocale()\n  const {\n    config: { localization },\n  } = useConfig()\n  const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n  const { t } = useTranslation()\n  const { dispatchFields, setModified } = useForm()\n\n  if (!localized || !localization) {\n    // hide when field is not localized or localization is not enabled\n    return null\n  }\n\n  if (localization.defaultLocale === currentLocale || !localization.fallback) {\n    // if editing default locale or when fallback is disabled\n    return null\n  }\n\n  const onChange = () => {\n    const useFallback = !checked\n\n    dispatchFields({\n      type: 'UPDATE',\n      path,\n      value: useFallback ? null : fieldValue || 0,\n    })\n    setModified(true)\n    setChecked(useFallback)\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) {\n      hideCheckbox = true\n    }\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n      hideCheckbox = true\n    }\n\n    if (hideCheckbox) {\n      if (checked) {\n        setChecked(false)\n      } // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner className={baseClass}>\n      {!fieldValue && readOnly ? (\n        t('general:fallbackToDefaultLocale')\n      ) : (\n        <CheckboxField\n          checked={checked}\n          field={{\n            name: '',\n            label: t('general:fallbackToDefaultLocale'),\n          }}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          onChange={onChange}\n          path={path}\n          schemaPath=\"\"\n        />\n      )}\n    </Banner>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","useForm","baseClass","buildNullifyLocaleFieldUpdate","fieldValue","path","useFallback","type","disableFormData","undefined","value","NullifyLocaleField","t0","$","localized","readOnly","t1","locale","currentLocale","code","config","t2","localization","checked","setChecked","useState","t","dispatchFields","setModified","defaultLocale","fallback","t3","onChange","hideCheckbox","Array","isArray","length","t4","_jsx","className","children","field","name","label","id","replace","schemaPath"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useForm } from '../Form/context.js'\nimport './index.css'\n\nconst baseClass = 'nullify-locale-field'\n\ntype NullifyLocaleFieldProps = {\n  readonly fieldValue?: [] | null | number\n  readonly localized: boolean\n  readonly path: string\n  readonly readOnly?: boolean\n}\n\nexport const buildNullifyLocaleFieldUpdate = ({\n  fieldValue,\n  path,\n  useFallback,\n}: {\n  fieldValue: NullifyLocaleFieldProps['fieldValue']\n  path: string\n  useFallback: boolean\n}) => ({\n  type: 'UPDATE' as const,\n  disableFormData: useFallback ? undefined : false,\n  path,\n  value: useFallback ? null : fieldValue || 0,\n})\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\n  readOnly = false,\n}) => {\n  const locale = useLocale()\n  const currentLocale = locale?.code\n  const {\n    config: { localization },\n  } = useConfig()\n  const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n  const { t } = useTranslation()\n  const { dispatchFields, setModified } = useForm()\n\n  if (!localized || !localization) {\n    // hide when field is not localized or localization is not enabled\n    return null\n  }\n\n  if (localization.defaultLocale === currentLocale || !localization.fallback) {\n    // if editing default locale or when fallback is disabled\n    return null\n  }\n\n  const onChange = () => {\n    const useFallback = !checked\n\n    dispatchFields(buildNullifyLocaleFieldUpdate({ fieldValue, path, useFallback }))\n    setModified(true)\n    setChecked(useFallback)\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) {\n      hideCheckbox = true\n    }\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) {\n      hideCheckbox = true\n    }\n\n    if (hideCheckbox) {\n      if (checked) {\n        setChecked(false)\n      } // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner className={baseClass}>\n      {!fieldValue && readOnly ? (\n        t('general:fallbackToDefaultLocale')\n      ) : (\n        <CheckboxField\n          checked={checked}\n          field={{\n            name: '',\n            label: t('general:fallbackToDefaultLocale'),\n          }}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          onChange={onChange}\n          path={path}\n          schemaPath=\"\"\n        />\n      )}\n    </Banner>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/forms/RenderFields/context.d.ts

@@ -9,9 +9,9 @@ import React from 'react';
  * 'use client'
  * import React from 'react'
  * import { TextField, FieldPathContext } from '@payloadcms/ui'
- * import type { TextFieldClientComponent } from 'payload'
+ * import type { TextFieldClientProps } from 'payload'
  *
- * export const MyCustomField: TextFieldClientComponent = (props) => {
+ * export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {
  *   return (
  *     <FieldPathContext value="path.to.some.other.field">
  *       <TextField {...props} />

package/dist/forms/RenderFields/context.js

@@ -9,9 +9,9 @@ import React from 'react';
  * 'use client'
  * import React from 'react'
  * import { TextField, FieldPathContext } from '@payloadcms/ui'
- * import type { TextFieldClientComponent } from 'payload'
+ * import type { TextFieldClientProps } from 'payload'
  *
- * export const MyCustomField: TextFieldClientComponent = (props) => {
+ * export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {
  *   return (
  *     <FieldPathContext value="path.to.some.other.field">
  *       <TextField {...props} />

package/dist/forms/RenderFields/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["React","FieldPathContext","createContext","undefined","useFieldPath","context","useContext"],"sources":["../../../src/forms/RenderFields/context.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * All fields are wrapped in a `FieldPathContext` provider by default.\n * The `useFieldPath` hook will return this value if it exists, not the path the field was explicitly given.\n * This means if you render a field directly, you will need to wrap it with a new `FieldPathContext` provider.\n * Otherwise, it will return the parent's path, not the path it was explicitly given.\n * @example\n * ```tsx\n * 'use client'\n * import React from 'react'\n * import { TextField, FieldPathContext } from '@payloadcms/ui'\n * import type { TextFieldClientComponent } from 'payload'\n *\n * export const MyCustomField: TextFieldClientComponent = (props) => {\n *   return (\n *     <FieldPathContext value=\"path.to.some.other.field\">\n *       <TextField {...props} />\n *     </FieldPathContext>\n *   )\n * }\n * ```\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const FieldPathContext = React.createContext<string>(undefined)\n\n/**\n * Gets the current field path from the nearest `FieldPathContext` provider.\n * All fields are wrapped in this context by default.\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const useFieldPath = () => {\n  const context = React.useContext(FieldPathContext)\n\n  if (!context) {\n    // swallow the error, not all fields are wrapped in a FieldPathContext\n    return undefined\n  }\n\n  return context\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAO,MAAMC,gBAAA,GAAmBD,KAAA,CAAME,aAAa,CAASC,SAAA;AAE5D;;;;;;AAMA,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,MAAAC,OAAA,GAAgBL,KAAA,CAAAM,UAAA,CAAAL,gBAAiB;EAAA,KAE5BI,OAAA;IAAA;EAAA;EAAA,OAKEA,OAAA;AAAA,CACT","ignoreList":[]}
+{"version":3,"file":"context.js","names":["React","FieldPathContext","createContext","undefined","useFieldPath","context","useContext"],"sources":["../../../src/forms/RenderFields/context.ts"],"sourcesContent":["import React from 'react'\n\n/**\n * All fields are wrapped in a `FieldPathContext` provider by default.\n * The `useFieldPath` hook will return this value if it exists, not the path the field was explicitly given.\n * This means if you render a field directly, you will need to wrap it with a new `FieldPathContext` provider.\n * Otherwise, it will return the parent's path, not the path it was explicitly given.\n * @example\n * ```tsx\n * 'use client'\n * import React from 'react'\n * import { TextField, FieldPathContext } from '@payloadcms/ui'\n * import type { TextFieldClientProps } from 'payload'\n *\n * export const MyCustomField: React.FC<TextFieldClientProps> = (props) => {\n *   return (\n *     <FieldPathContext value=\"path.to.some.other.field\">\n *       <TextField {...props} />\n *     </FieldPathContext>\n *   )\n * }\n * ```\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const FieldPathContext = React.createContext<string>(undefined)\n\n/**\n * Gets the current field path from the nearest `FieldPathContext` provider.\n * All fields are wrapped in this context by default.\n *\n * @experimental This is an experimental API and may change at any time. Use at your own risk.\n */\nexport const useFieldPath = () => {\n  const context = React.useContext(FieldPathContext)\n\n  if (!context) {\n    // swallow the error, not all fields are wrapped in a FieldPathContext\n    return undefined\n  }\n\n  return context\n}\n"],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB;;;;;;;;;;;;;;;;;;;;;;;AAuBA,OAAO,MAAMC,gBAAA,GAAmBD,KAAA,CAAME,aAAa,CAASC,SAAA;AAE5D;;;;;;AAMA,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,MAAAC,OAAA,GAAgBL,KAAA,CAAAM,UAAA,CAAAL,gBAAiB;EAAA,KAE5BI,OAAA;IAAA;EAAA;EAAA,OAKEA,OAAA;AAAA,CACT","ignoreList":[]}

package/dist/forms/RenderFields/index.css

@@ -11,6 +11,10 @@
   }
 
   .render-fields {
+    /* Reset per nesting level so an ancestor's zeroed value (e.g. a row) does
+       not leak into nested fields. */
+    --spacing-field: var(--spacer-4);
+
     & > .field-type {
       margin-bottom: var(--spacing-field);
       position: relative;
@@ -31,9 +35,6 @@
       &.array-field,
       &.collapsible-field,
       &.rich-text {
-        margin-top: calc(var(--spacing-field) * 2);
-        margin-bottom: calc(var(--spacing-field) * 2);
-
         &:first-child {
           margin-top: 0;
         }
@@ -44,8 +45,8 @@
       }
 
       &.group-field {
-        margin-top: calc(var(--gutter-h) * 2);
-        margin-bottom: calc(var(--gutter-h) * 3);
+        margin-top: calc(var(--spacing-field) * 2);
+        margin-bottom: calc(var(--spacing-field) * 2);
 
         &:first-child {
           margin-top: 0;
@@ -55,6 +56,17 @@
           margin-bottom: 0;
         }
       }
+
+      &.group-field--within-group {
+        margin-top: var(--spacing-field);
+      }
+    }
+  }
+
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
+  @media (max-width: 768px) {
+    .render-fields {
+      --spacing-field: var(--spacer-2-5);
     }
   }
 }

package/dist/forms/WatchChildErrors/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB;;;;;OAKG;IACH,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA2CpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/WatchChildErrors/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,6BAA6B,GAAG;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB;;;;;OAKG;IACH,IAAI,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAgDpE,CAAA"}

package/dist/forms/WatchChildErrors/index.js

@@ -25,8 +25,8 @@ export const WatchChildErrors = t0 => {
   let t2;
   if ($[2] !== formState || $[3] !== hasSubmitted || $[4] !== parentPath || $[5] !== segmentsToMatch || $[6] !== setErrorCount) {
     t2 = () => {
+      let errorCount = 0;
       if (hasSubmitted) {
-        let errorCount = 0;
         Object.entries(formState).forEach(t3 => {
           const [key] = t3;
           const matchingSegment = segmentsToMatch?.some(segment => {
@@ -45,8 +45,8 @@ export const WatchChildErrors = t0 => {
             }
           }
         });
-        setErrorCount(errorCount);
       }
+      setErrorCount(errorCount);
     };
     $[2] = formState;
     $[3] = hasSubmitted;

package/dist/forms/WatchChildErrors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","WatchChildErrors","t0","$","fields","path","parentPath","setErrorCount","formState","hasSubmitted","t1","segmentsToMatch","t2","errorCount","Object","entries","forEach","t3","key","matchingSegment","some","segment","segmentToMatch","join","endsWith","pathWithoutDot","slice","startsWith","pathState","valid"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  /**\n   * This path should only include path segments that affect data\n   * i.e. it should not include _index-0 type segments\n   *\n   * For collapsibles and tabs you can simply pass their parent path\n   */\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path: parentPath,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const segmentsToMatch = buildPathSegments(fields)\n\n  useThrottledEffect(\n    () => {\n      if (hasSubmitted) {\n        let errorCount = 0\n        Object.entries(formState).forEach(([key]) => {\n          const matchingSegment = segmentsToMatch?.some((segment) => {\n            const segmentToMatch = [...parentPath, segment].join('.')\n            // match fields with same parent path\n            if (segmentToMatch.endsWith('.')) {\n              // Match both nested fields (key starts with segmentToMatch)\n              // and the field itself (key equals segmentToMatch without trailing dot)\n              const pathWithoutDot = segmentToMatch.slice(0, -1)\n              return key.startsWith(segmentToMatch) || key === pathWithoutDot\n            }\n            // match fields with same path\n            return key === segmentToMatch\n          })\n\n          if (matchingSegment) {\n            const pathState = formState[key]\n            if ('valid' in pathState && !pathState.valid) {\n              errorCount += 1\n            }\n          }\n        })\n        setErrorCount(errorCount)\n      }\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAalC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,MAAA;IAAAC,IAAA,EAAAC,UAAA;IAAAC;EAAA,IAAAL,EAIzE;EACC,OAAAM,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAC,MAAA;IAEGM,EAAA,GAAAV,iBAAA,CAAkBI,MAAA;IAAAD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA1C,MAAAQ,eAAA,GAAwBD,EAAkB;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAI,aAAA;IAGxCK,EAAA,GAAAA,CAAA;MAAA,IACMH,YAAA;QACF,IAAAI,UAAA;QACAC,MAAA,CAAAC,OAAA,CAAeP,SAAA,EAAAQ,OAAA,CAAAC,EAAA;UAAoB,OAAAC,GAAA,IAAAD,EAAK;UACtC,MAAAE,eAAA,GAAwBR,eAAA,EAAAS,IAAA,CAAAC,OAAA;YACtB,MAAAC,cAAA,GAAuB,IAAIhB,UAAA,EAAYe,OAAA,EAAAE,IAAA,CAAc;YAAA,IAEjDD,cAAA,CAAAE,QAAA,CAAwB;cAG1B,MAAAC,cAAA,GAAuBH,cAAA,CAAAI,KAAA,MAAyB;cAAA,OACzCR,GAAA,CAAAS,UAAA,CAAeL,cAAA,KAAmBJ,GAAA,KAAQO,cAAA;YAAA;YAAA,OAG5CP,GAAA,KAAQI,cAAA;UAAA;UACjB,IAEIH,eAAA;YACF,MAAAS,SAAA,GAAkBpB,SAAS,CAACU,GAAA;YAAI,IAC5B,WAAWU,SAAA,KAAcA,SAAA,CAAAC,KAAe;cAC1ChB,UAAA,GAAAA,UAAA,IAAc;cAAdA,UAAA;YAAA;UAAA;QAAA,CAGN;QACAN,aAAA,CAAcM,UAAA;MAAA;IAAA;IAElBV,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAQ,eAAA;IAAAR,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAc,EAAA;EAAA,IAAAd,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAK,SAAA,IAAAL,CAAA,SAAAM,YAAA;IAEAQ,EAAA,IAACT,SAAA,EAAWC,YAAA,EAAcL,MAAA;IAAOD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAK,SAAA;IAAAL,CAAA,OAAAM,YAAA;IAAAN,CAAA,OAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EA7BnCN,kBAAA,CACEe,EA0BA,OAEAK,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","useThrottledEffect","useAllFormFields","useFormSubmitted","buildPathSegments","WatchChildErrors","t0","$","fields","path","parentPath","setErrorCount","formState","hasSubmitted","t1","segmentsToMatch","t2","errorCount","Object","entries","forEach","t3","key","matchingSegment","some","segment","segmentToMatch","join","endsWith","pathWithoutDot","slice","startsWith","pathState","valid"],"sources":["../../../src/forms/WatchChildErrors/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField } from 'payload'\nimport type React from 'react'\n\nimport { useThrottledEffect } from '../../hooks/useThrottledEffect.js'\nimport { useAllFormFields, useFormSubmitted } from '../Form/context.js'\nimport { buildPathSegments } from './buildPathSegments.js'\n\ntype TrackSubSchemaErrorCountProps = {\n  fields?: ClientField[]\n  /**\n   * This path should only include path segments that affect data\n   * i.e. it should not include _index-0 type segments\n   *\n   * For collapsibles and tabs you can simply pass their parent path\n   */\n  path: (number | string)[]\n  setErrorCount: (count: number) => void\n}\nexport const WatchChildErrors: React.FC<TrackSubSchemaErrorCountProps> = ({\n  fields,\n  path: parentPath,\n  setErrorCount,\n}) => {\n  const [formState] = useAllFormFields()\n  const hasSubmitted = useFormSubmitted()\n\n  const segmentsToMatch = buildPathSegments(fields)\n\n  useThrottledEffect(\n    () => {\n      // Errors are only surfaced after a submit attempt. Once the form is no longer\n      // submitted (e.g. after a successful save resets the submitted flag), reset the\n      // count to 0 so stale error indicators don't linger on the tab.\n      let errorCount = 0\n\n      if (hasSubmitted) {\n        Object.entries(formState).forEach(([key]) => {\n          const matchingSegment = segmentsToMatch?.some((segment) => {\n            const segmentToMatch = [...parentPath, segment].join('.')\n            // match fields with same parent path\n            if (segmentToMatch.endsWith('.')) {\n              // Match both nested fields (key starts with segmentToMatch)\n              // and the field itself (key equals segmentToMatch without trailing dot)\n              const pathWithoutDot = segmentToMatch.slice(0, -1)\n              return key.startsWith(segmentToMatch) || key === pathWithoutDot\n            }\n            // match fields with same path\n            return key === segmentToMatch\n          })\n\n          if (matchingSegment) {\n            const pathState = formState[key]\n            if ('valid' in pathState && !pathState.valid) {\n              errorCount += 1\n            }\n          }\n        })\n      }\n\n      setErrorCount(errorCount)\n    },\n    250,\n    [formState, hasSubmitted, fields],\n  )\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,kBAAkB,QAAQ;AACnC,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ;AACnD,SAASC,iBAAiB,QAAQ;AAalC,OAAO,MAAMC,gBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,MAAA;IAAAC,IAAA,EAAAC,UAAA;IAAAC;EAAA,IAAAL,EAIzE;EACC,OAAAM,SAAA,IAAoBV,gBAAA;EACpB,MAAAW,YAAA,GAAqBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAC,MAAA;IAEGM,EAAA,GAAAV,iBAAA,CAAkBI,MAAA;IAAAD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA1C,MAAAQ,eAAA,GAAwBD,EAAkB;EAAA,IAAAE,EAAA;EAAA,IAAAT,CAAA,QAAAK,SAAA,IAAAL,CAAA,QAAAM,YAAA,IAAAN,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAQ,eAAA,IAAAR,CAAA,QAAAI,aAAA;IAGxCK,EAAA,GAAAA,CAAA;MAIE,IAAAC,UAAA;MAAiB,IAEbJ,YAAA;QACFK,MAAA,CAAAC,OAAA,CAAeP,SAAA,EAAAQ,OAAA,CAAAC,EAAA;UAAoB,OAAAC,GAAA,IAAAD,EAAK;UACtC,MAAAE,eAAA,GAAwBR,eAAA,EAAAS,IAAA,CAAAC,OAAA;YACtB,MAAAC,cAAA,GAAuB,IAAIhB,UAAA,EAAYe,OAAA,EAAAE,IAAA,CAAc;YAAA,IAEjDD,cAAA,CAAAE,QAAA,CAAwB;cAG1B,MAAAC,cAAA,GAAuBH,cAAA,CAAAI,KAAA,MAAyB;cAAA,OACzCR,GAAA,CAAAS,UAAA,CAAeL,cAAA,KAAmBJ,GAAA,KAAQO,cAAA;YAAA;YAAA,OAG5CP,GAAA,KAAQI,cAAA;UAAA;UACjB,IAEIH,eAAA;YACF,MAAAS,SAAA,GAAkBpB,SAAS,CAACU,GAAA;YAAI,IAC5B,WAAWU,SAAA,KAAcA,SAAA,CAAAC,KAAe;cAC1ChB,UAAA,GAAAA,UAAA,IAAc;cAAdA,UAAA;YAAA;UAAA;QAAA,CAGN;MAAA;MAGFN,aAAA,CAAcM,UAAA;IAAA;IAChBV,CAAA,MAAAK,SAAA;IAAAL,CAAA,MAAAM,YAAA;IAAAN,CAAA,MAAAG,UAAA;IAAAH,CAAA,MAAAQ,eAAA;IAAAR,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,IAAAc,EAAA;EAAA,IAAAd,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAK,SAAA,IAAAL,CAAA,SAAAM,YAAA;IAEAQ,EAAA,IAACT,SAAA,EAAWC,YAAA,EAAcL,MAAA;IAAOD,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAK,SAAA;IAAAL,CAAA,OAAAM,YAAA;IAAAN,CAAA,OAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAlCnCN,kBAAA,CACEe,EA+BA,OAEAK,EAAiC;EAAA;AAAA,CAIrC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { BuildFormStateArgs, ClientFieldSchemaMap, Data, DocumentPreferences, Field, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest, SanitizedFieldsPermissions, SelectMode, SelectType, TabAsField } from 'payload';
+import type { BuildFormStateArgs, ClientFieldSchemaMap, Data, DocumentPreferences, Field, FieldOperation, FieldSchemaMap, FormState, FormStateWithoutComponents, PayloadRequest, SanitizedFieldsPermissions, SelectMode, SelectType, TabAsField } from 'payload';
 import type { RenderFieldMethod } from './types.js';
 export type AddFieldStatePromiseArgs = {
     addErrorPathToParent: (fieldPath: string) => void;
@@ -37,7 +37,7 @@ export type AddFieldStatePromiseArgs = {
      * Whether to omit parent fields in the state. @default false
      */
     omitParents?: boolean;
-    operation: 'create' | 'update';
+    operation: FieldOperation;
     parentIndexPath: string;
     parentPath: string;
     parentPermissions: SanitizedFieldsPermissions;

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

@@ -1 +1 @@
-{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EAGd,0BAA0B,EAC1B,UAAU,EACV,UAAU,EACV,UAAU,EAEX,MAAM,SAAS,CAAA;AAchB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC9B,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAq7BvF,CAAA"}
+{"version":3,"file":"addFieldStatePromise.d.ts","sourceRoot":"","sources":["../../../src/forms/fieldSchemasToFormState/addFieldStatePromise.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,oBAAoB,EACpB,IAAI,EACJ,mBAAmB,EACnB,KAAK,EACL,cAAc,EACd,cAAc,EAGd,SAAS,EACT,0BAA0B,EAC1B,cAAc,EAGd,0BAA0B,EAC1B,UAAU,EACV,UAAU,EACV,UAAU,EAEX,MAAM,SAAS,CAAA;AAchB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAQnD,MAAM,MAAM,wBAAwB,GAAG;IACrC,oBAAoB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,EAAE,IAAI,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,EAAE,KAAK,GAAG,UAAU,CAAA;IACzB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,cAAc,CAAA;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,OAAO,CAAA;IACpD;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,IAAI,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;IACzC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,cAAc,CAAA;IACzB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,iBAAiB,EAAE,0BAA0B,CAAA;IAC7C,gBAAgB,EAAE,MAAM,CAAA;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,mBAAmB,CAAA;IAChC,iBAAiB,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,iBAAiB,CAAA;IAChC;;;OAGG;IACH,GAAG,EAAE,cAAc,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,EAAE,0BAA0B,CAAA;CAClC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,SAAgB,wBAAwB,KAAG,OAAO,CAAC,IAAI,CAi8BvF,CAAA"}

package/dist/forms/fieldSchemasToFormState/addFieldStatePromise.js

@@ -310,6 +310,7 @@ export const addFieldStatePromise = async args => {
             const rowPath = path + '.' + i;
             if (block) {
               row.id = row?.id || new ObjectId().toHexString();
+              const previousRow = (previousFormState?.[path]?.rows || []).find(prevRow => prevRow.id === row.id);
               if (!omitParents && (!filter || filter(args))) {
                 // Handle block `id` field
                 const idKey = rowPath + '.id';
@@ -317,6 +318,9 @@ export const addFieldStatePromise = async args => {
                   initialValue: row.id,
                   value: row.id
                 };
+                if (!previousRow) {
+                  state[idKey].addedByServer = true;
+                }
                 // If the blocks field fails filterOptions validation, add error paths to the individual blocks that are no longer allowed
                 if (filterOptionsValidationResult?.invalidBlockSlugs?.length && filterOptionsValidationResult.invalidBlockSlugs.includes(row.blockType)) {
                   state[idKey].errorMessage = req.t('validation:invalidBlock', {
@@ -339,8 +343,8 @@ export const addFieldStatePromise = async args => {
                   initialValue: row.blockType,
                   value: row.blockType
                 };
-                if (addedByServer) {
-                  state[fieldKey].addedByServer = addedByServer;
+                if (!previousRow) {
+                  state[fieldKey].addedByServer = true;
                 }
                 if (includeSchema) {
                   state[fieldKey].fieldSchema = block.fields.find(blockField => 'name' in blockField && blockField.name === 'blockType');
@@ -348,6 +352,9 @@ export const addFieldStatePromise = async args => {
                 // Handle `blockName` field
                 const blockNameKey = rowPath + '.blockName';
                 state[blockNameKey] = {};
+                if (!previousRow) {
+                  state[blockNameKey].addedByServer = true;
+                }
                 if (row.blockName) {
                   state[blockNameKey].initialValue = row.blockName;
                   state[blockNameKey].value = row.blockName;
@@ -390,8 +397,6 @@ export const addFieldStatePromise = async args => {
                 skipValidation,
                 state
               }));
-              // First, check if `previousFormState` has a matching row
-              const previousRow = (previousFormState?.[path]?.rows || []).find(prevRow => prevRow.id === row.id);
               const newRow = {
                 id: row.id,
                 blockType: row.blockType,
@@ -400,6 +405,9 @@ export const addFieldStatePromise = async args => {
               if (previousRow?.lastRenderedPath) {
                 newRow.lastRenderedPath = previousRow.lastRenderedPath;
               }
+              if (!previousRow) {
+                newRow.addedByServer = true;
+              }
               acc.rowMetadata.push(newRow);
               const isCollapsed = isRowCollapsed({
                 collapsedPrefs: preferences?.fields?.[path]?.collapsed,
@@ -545,7 +553,7 @@ export const addFieldStatePromise = async args => {
       case 'select':
         {
           if (typeof field.filterOptions === 'function') {
-            fieldState.selectFilterOptions = field.filterOptions({
+            fieldState.selectFilterOptions = await field.filterOptions({
               data: fullData,
               options: field.options,
               req,
@@ -734,6 +742,7 @@ export const addFieldStatePromise = async args => {
       permissions: parentPermissions,
       preferences,
       previousFormState,
+      readOnly,
       renderAllFields,
       renderFieldFn,
       req,