@payloadcms/ui 3.0.0-beta.85 → 3.0.0-beta.86

package/dist/forms/Form/rows.js

@@ -1,35 +1,36 @@
-export const separateRows = (path, fields)=>{
-    const remainingFields = {};
-    const rows = Object.entries(fields).reduce((incomingRows, [fieldPath, field])=>{
-        const newRows = incomingRows;
-        if (fieldPath.indexOf(`${path}.`) === 0) {
-            const [rowIndex] = fieldPath.replace(`${path}.`, '').split('.');
-            if (!newRows[rowIndex]) newRows[rowIndex] = {};
-            newRows[rowIndex][fieldPath.replace(`${path}.${String(rowIndex)}.`, '')] = {
-                ...field
-            };
-        } else {
-            remainingFields[fieldPath] = field;
-        }
-        return newRows;
-    }, []);
-    return {
-        remainingFields,
-        rows
-    };
+'use client';
+
+export const separateRows = (path, fields) => {
+  const remainingFields = {};
+  const rows = Object.entries(fields).reduce((incomingRows, [fieldPath, field]) => {
+    const newRows = incomingRows;
+    if (fieldPath.indexOf(`${path}.`) === 0) {
+      const [rowIndex] = fieldPath.replace(`${path}.`, '').split('.');
+      if (!newRows[rowIndex]) newRows[rowIndex] = {};
+      newRows[rowIndex][fieldPath.replace(`${path}.${String(rowIndex)}.`, '')] = {
+        ...field
+      };
+    } else {
+      remainingFields[fieldPath] = field;
+    }
+    return newRows;
+  }, []);
+  return {
+    remainingFields,
+    rows
+  };
 };
-export const flattenRows = (path, rows)=>{
-    return rows.reduce((fields, row, i)=>({
-            ...fields,
-            ...Object.entries(row).reduce((subFields, [subPath, subField])=>{
-                return {
-                    ...subFields,
-                    [`${path}.${i}.${subPath}`]: {
-                        ...subField
-                    }
-                };
-            }, {})
-        }), {});
+export const flattenRows = (path, rows) => {
+  return rows.reduce((fields, row, i) => ({
+    ...fields,
+    ...Object.entries(row).reduce((subFields, [subPath, subField]) => {
+      return {
+        ...subFields,
+        [`${path}.${i}.${subPath}`]: {
+          ...subField
+        }
+      };
+    }, {})
+  }), {});
 };
-
 //# sourceMappingURL=rows.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/Form/rows.ts"],"sourcesContent":["import type { FormState } from 'payload'\n\ntype Result = {\n  remainingFields: FormState\n  rows: FormState[]\n}\n\nexport const separateRows = (path: string, fields: FormState): Result => {\n  const remainingFields: FormState = {}\n\n  const rows = Object.entries(fields).reduce((incomingRows, [fieldPath, field]) => {\n    const newRows = incomingRows\n\n    if (fieldPath.indexOf(`${path}.`) === 0) {\n      const [rowIndex] = fieldPath.replace(`${path}.`, '').split('.')\n      if (!newRows[rowIndex]) newRows[rowIndex] = {}\n      newRows[rowIndex][fieldPath.replace(`${path}.${String(rowIndex)}.`, '')] = { ...field }\n    } else {\n      remainingFields[fieldPath] = field\n    }\n\n    return newRows\n  }, [])\n\n  return {\n    remainingFields,\n    rows,\n  }\n}\n\nexport const flattenRows = (path: string, rows: FormState[]): FormState => {\n  return rows.reduce(\n    (fields, row, i) => ({\n      ...fields,\n      ...Object.entries(row).reduce((subFields, [subPath, subField]) => {\n        return {\n          ...subFields,\n          [`${path}.${i}.${subPath}`]: { ...subField },\n        }\n      }, {}),\n    }),\n    {},\n  )\n}\n"],"names":["separateRows","path","fields","remainingFields","rows","Object","entries","reduce","incomingRows","fieldPath","field","newRows","indexOf","rowIndex","replace","split","String","flattenRows","row","i","subFields","subPath","subField"],"mappings":"AAOA,OAAO,MAAMA,eAAe,CAACC,MAAcC;IACzC,MAAMC,kBAA6B,CAAC;IAEpC,MAAMC,OAAOC,OAAOC,OAAO,CAACJ,QAAQK,MAAM,CAAC,CAACC,cAAc,CAACC,WAAWC,MAAM;QAC1E,MAAMC,UAAUH;QAEhB,IAAIC,UAAUG,OAAO,CAAC,CAAC,EAAEX,KAAK,CAAC,CAAC,MAAM,GAAG;YACvC,MAAM,CAACY,SAAS,GAAGJ,UAAUK,OAAO,CAAC,CAAC,EAAEb,KAAK,CAAC,CAAC,EAAE,IAAIc,KAAK,CAAC;YAC3D,IAAI,CAACJ,OAAO,CAACE,SAAS,EAAEF,OAAO,CAACE,SAAS,GAAG,CAAC;YAC7CF,OAAO,CAACE,SAAS,CAACJ,UAAUK,OAAO,CAAC,CAAC,EAAEb,KAAK,CAAC,EAAEe,OAAOH,UAAU,CAAC,CAAC,EAAE,IAAI,GAAG;gBAAE,GAAGH,KAAK;YAAC;QACxF,OAAO;YACLP,eAAe,CAACM,UAAU,GAAGC;QAC/B;QAEA,OAAOC;IACT,GAAG,EAAE;IAEL,OAAO;QACLR;QACAC;IACF;AACF,EAAC;AAED,OAAO,MAAMa,cAAc,CAAChB,MAAcG;IACxC,OAAOA,KAAKG,MAAM,CAChB,CAACL,QAAQgB,KAAKC,IAAO,CAAA;YACnB,GAAGjB,MAAM;YACT,GAAGG,OAAOC,OAAO,CAACY,KAAKX,MAAM,CAAC,CAACa,WAAW,CAACC,SAASC,SAAS;gBAC3D,OAAO;oBACL,GAAGF,SAAS;oBACZ,CAAC,CAAC,EAAEnB,KAAK,CAAC,EAAEkB,EAAE,CAAC,EAAEE,QAAQ,CAAC,CAAC,EAAE;wBAAE,GAAGC,QAAQ;oBAAC;gBAC7C;YACF,GAAG,CAAC,EAAE;QACR,CAAA,GACA,CAAC;AAEL,EAAC"}
+{"version":3,"file":"rows.js","names":["separateRows","path","fields","remainingFields","rows","Object","entries","reduce","incomingRows","fieldPath","field","newRows","indexOf","rowIndex","replace","split","String","flattenRows","row","i","subFields","subPath","subField"],"sources":["../../../src/forms/Form/rows.ts"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\ntype Result = {\n  remainingFields: FormState\n  rows: FormState[]\n}\n\nexport const separateRows = (path: string, fields: FormState): Result => {\n  const remainingFields: FormState = {}\n\n  const rows = Object.entries(fields).reduce((incomingRows, [fieldPath, field]) => {\n    const newRows = incomingRows\n\n    if (fieldPath.indexOf(`${path}.`) === 0) {\n      const [rowIndex] = fieldPath.replace(`${path}.`, '').split('.')\n      if (!newRows[rowIndex]) newRows[rowIndex] = {}\n      newRows[rowIndex][fieldPath.replace(`${path}.${String(rowIndex)}.`, '')] = { ...field }\n    } else {\n      remainingFields[fieldPath] = field\n    }\n\n    return newRows\n  }, [])\n\n  return {\n    remainingFields,\n    rows,\n  }\n}\n\nexport const flattenRows = (path: string, rows: FormState[]): FormState => {\n  return rows.reduce(\n    (fields, row, i) => ({\n      ...fields,\n      ...Object.entries(row).reduce((subFields, [subPath, subField]) => {\n        return {\n          ...subFields,\n          [`${path}.${i}.${subPath}`]: { ...subField },\n        }\n      }, {}),\n    }),\n    {},\n  )\n}\n"],"mappings":"AAAA;;AAQA,OAAO,MAAMA,YAAA,GAAeA,CAACC,IAAA,EAAcC,MAAA;EACzC,MAAMC,eAAA,GAA6B,CAAC;EAEpC,MAAMC,IAAA,GAAOC,MAAA,CAAOC,OAAO,CAACJ,MAAA,EAAQK,MAAM,CAAC,CAACC,YAAA,EAAc,CAACC,SAAA,EAAWC,KAAA,CAAM;IAC1E,MAAMC,OAAA,GAAUH,YAAA;IAEhB,IAAIC,SAAA,CAAUG,OAAO,CAAC,GAAGX,IAAA,GAAO,MAAM,GAAG;MACvC,MAAM,CAACY,QAAA,CAAS,GAAGJ,SAAA,CAAUK,OAAO,CAAC,GAAGb,IAAA,GAAO,EAAE,IAAIc,KAAK,CAAC;MAC3D,IAAI,CAACJ,OAAO,CAACE,QAAA,CAAS,EAAEF,OAAO,CAACE,QAAA,CAAS,GAAG,CAAC;MAC7CF,OAAO,CAACE,QAAA,CAAS,CAACJ,SAAA,CAAUK,OAAO,CAAC,GAAGb,IAAA,IAAQe,MAAA,CAAOH,QAAA,IAAY,EAAE,IAAI,GAAG;QAAE,GAAGH;MAAM;IACxF,OAAO;MACLP,eAAe,CAACM,SAAA,CAAU,GAAGC,KAAA;IAC/B;IAEA,OAAOC,OAAA;EACT,GAAG,EAAE;EAEL,OAAO;IACLR,eAAA;IACAC;EACF;AACF;AAEA,OAAO,MAAMa,WAAA,GAAcA,CAAChB,IAAA,EAAcG,IAAA;EACxC,OAAOA,IAAA,CAAKG,MAAM,CAChB,CAACL,MAAA,EAAQgB,GAAA,EAAKC,CAAA,MAAO;IACnB,GAAGjB,MAAM;IACT,GAAGG,MAAA,CAAOC,OAAO,CAACY,GAAA,EAAKX,MAAM,CAAC,CAACa,SAAA,EAAW,CAACC,OAAA,EAASC,QAAA,CAAS;MAC3D,OAAO;QACL,GAAGF,SAAS;QACZ,CAAC,GAAGnB,IAAA,IAAQkB,CAAA,IAAKE,OAAA,EAAS,GAAG;UAAE,GAAGC;QAAS;MAC7C;IACF,GAAG,CAAC;EACN,IACA,CAAC;AAEL","ignoreList":[]}

package/dist/forms/Form/types.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type { ClientField, Data, Field, FormField, FormState, Row, User } from 'payload'\nimport type React from 'react'\nimport type { Dispatch } from 'react'\n\nexport type Preferences = {\n  [key: string]: unknown\n}\n\nexport type FormProps = {\n  beforeSubmit?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  children?: React.ReactNode\n  className?: string\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  disabled?: boolean\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  isInitializing?: boolean\n  log?: boolean\n  onChange?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  onSubmit?: (fields: FormState, data: Data) => void\n  onSuccess?: (json: unknown) => Promise<void> | void\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 = {\n  action?: string\n  method?: string\n  overrides?: Record<string, unknown>\n  skipValidation?: boolean\n}\n\nexport type DispatchFields = React.Dispatch<any>\nexport type Submit = (\n  options?: SubmitOptions,\n  e?: React.FormEvent<HTMLFormElement>,\n) => Promise<void>\nexport type ValidateForm = () => Promise<boolean>\nexport type CreateFormData = (overrides?: any) => FormData\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 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 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: {\n    field: string\n    message: string\n  }[]\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  | 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\nexport type FormFieldsContext = [FormState, Dispatch<FieldAction>]\n\nexport type Context = {\n  addFieldRow: ({\n    data,\n    path,\n    rowIndex,\n    schemaPath,\n  }: {\n    data?: Data\n    path: string\n    /*\n     * by default the new row will be added to the end of the list\n     */\n    rowIndex?: number\n    schemaPath: string\n  }) => Promise<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  removeFieldRow: ({ path, rowIndex }: { path: string; rowIndex: number }) => void\n  replaceFieldRow: ({\n    data,\n    path,\n    rowIndex,\n    schemaPath,\n  }: {\n    data?: Data\n    path: string\n    rowIndex: number\n    schemaPath: string\n  }) => Promise<void>\n  replaceState: (state: FormState) => void\n  reset: Reset\n  setDisabled: (disabled: boolean) => void\n  setModified: SetModified\n  setProcessing: SetProcessing\n  setSubmitted: SetSubmitted\n  submit: Submit\n  uuid?: string\n  validateForm: ValidateForm\n}\n"],"names":[],"mappings":"AA0KA,WAmDC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type { ClientField, Data, Field, FormField, FormState, Row, User } from 'payload'\nimport type React from 'react'\nimport type { Dispatch } from 'react'\n\nexport type Preferences = {\n  [key: string]: unknown\n}\n\nexport type FormProps = {\n  beforeSubmit?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  children?: React.ReactNode\n  className?: string\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  disabled?: boolean\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  isInitializing?: boolean\n  log?: boolean\n  onChange?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  onSubmit?: (fields: FormState, data: Data) => void\n  onSuccess?: (json: unknown) => Promise<void> | void\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 = {\n  action?: string\n  method?: string\n  overrides?: Record<string, unknown>\n  skipValidation?: boolean\n}\n\nexport type DispatchFields = React.Dispatch<any>\nexport type Submit = (\n  options?: SubmitOptions,\n  e?: React.FormEvent<HTMLFormElement>,\n) => Promise<void>\nexport type ValidateForm = () => Promise<boolean>\nexport type CreateFormData = (overrides?: any) => FormData\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 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 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: {\n    field: string\n    message: string\n  }[]\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  | 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\nexport type FormFieldsContext = [FormState, Dispatch<FieldAction>]\n\nexport type Context = {\n  addFieldRow: ({\n    data,\n    path,\n    rowIndex,\n    schemaPath,\n  }: {\n    data?: Data\n    path: string\n    /*\n     * by default the new row will be added to the end of the list\n     */\n    rowIndex?: number\n    schemaPath: string\n  }) => Promise<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  removeFieldRow: ({ path, rowIndex }: { path: string; rowIndex: number }) => void\n  replaceFieldRow: ({\n    data,\n    path,\n    rowIndex,\n    schemaPath,\n  }: {\n    data?: Data\n    path: string\n    rowIndex: number\n    schemaPath: string\n  }) => Promise<void>\n  replaceState: (state: FormState) => void\n  reset: Reset\n  setDisabled: (disabled: boolean) => void\n  setModified: SetModified\n  setProcessing: SetProcessing\n  setSubmitted: SetSubmitted\n  submit: Submit\n  uuid?: string\n  validateForm: ValidateForm\n}\n"],"mappings":"AA0KA","ignoreList":[]}

package/dist/forms/NullifyField/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { Banner } from '../../elements/Banner/index.js';
@@ -6,35 +8,63 @@ import { CheckboxField } from '../../fields/Checkbox/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
-export const NullifyLocaleField = ({ fieldValue, localized, path })=>{
-    const { code: currentLocale } = useLocale();
-    const { config: { localization } } = useConfig();
-    const [checked, setChecked] = React.useState(typeof fieldValue !== 'number');
-    const defaultLocale = localization && localization.defaultLocale ? localization.defaultLocale : 'en';
-    const { t } = useTranslation();
-    if (!localized || currentLocale === defaultLocale || localization && !localization.fallback) {
-        // hide when field is not localized or editing default locale or when fallback is disabled
-        return null;
+export const NullifyLocaleField = t0 => {
+  const $ = _c(4);
+  const {
+    fieldValue,
+    localized,
+    path
+  } = t0;
+  const {
+    code: currentLocale
+  } = useLocale();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    localization
+  } = t1;
+  const [checked, setChecked] = React.useState(typeof fieldValue !== "number");
+  const defaultLocale = localization && localization.defaultLocale ? localization.defaultLocale : "en";
+  const {
+    t
+  } = useTranslation();
+  if (!localized || currentLocale === defaultLocale || localization && !localization.fallback) {
+    return null;
+  }
+  if (fieldValue) {
+    let hideCheckbox = false;
+    if (typeof fieldValue === "number" && fieldValue > 0) {
+      hideCheckbox = true;
+    }
+    if (Array.isArray(fieldValue) && fieldValue.length > 0) {
+      hideCheckbox = true;
     }
-    if (fieldValue) {
-        let hideCheckbox = false;
-        if (typeof fieldValue === 'number' && fieldValue > 0) hideCheckbox = true;
-        if (Array.isArray(fieldValue) && fieldValue.length > 0) hideCheckbox = true;
-        if (hideCheckbox) {
-            if (checked) setChecked(false) // uncheck when field has value
-            ;
-            return null;
-        }
+    if (hideCheckbox) {
+      if (checked) {
+        setChecked(false);
+      }
+      return null;
     }
-    return /*#__PURE__*/ _jsx(Banner, {
-        children: /*#__PURE__*/ _jsx(CheckboxField, {
-            checked: checked,
-            field: {
-                label: t('general:fallbackToDefaultLocale')
-            },
-            id: `field-${path.replace(/\./g, '__')}`
-        })
+  }
+  let t2;
+  if ($[0] !== t || $[1] !== path || $[2] !== checked) {
+    t2 = _jsx(Banner, {
+      children: _jsx(CheckboxField, {
+        checked,
+        field: {
+          label: t("general:fallbackToDefaultLocale")
+        },
+        id: `field-${path.replace(/\./g, "__")}`
+      })
     });
+    $[0] = t;
+    $[1] = path;
+    $[2] = checked;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"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'\n\ntype NullifyLocaleFieldProps = {\n  readonly fieldValue?: [] | null | number\n  readonly localized: boolean\n  readonly path: string\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\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 defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n  const { t } = useTranslation()\n\n  if (!localized || currentLocale === defaultLocale || (localization && !localization.fallback)) {\n    // hide when field is not localized or editing default locale or when fallback is disabled\n    return null\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) hideCheckbox = true\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) hideCheckbox = true\n\n    if (hideCheckbox) {\n      if (checked) setChecked(false) // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner>\n      <CheckboxField\n        checked={checked}\n        field={{\n          label: t('general:fallbackToDefaultLocale'),\n        }}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        // onToggle={onChange}\n      />\n    </Banner>\n  )\n}\n"],"names":["React","Banner","CheckboxField","useConfig","useLocale","useTranslation","NullifyLocaleField","fieldValue","localized","path","code","currentLocale","config","localization","checked","setChecked","useState","defaultLocale","t","fallback","hideCheckbox","Array","isArray","length","field","label","id","replace"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAO;AAE9B,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AAQrE,OAAO,MAAMC,qBAAwD,CAAC,EACpEC,UAAU,EACVC,SAAS,EACTC,IAAI,EACL;IACC,MAAM,EAAEC,MAAMC,aAAa,EAAE,GAAGP;IAChC,MAAM,EACJQ,QAAQ,EAAEC,YAAY,EAAE,EACzB,GAAGV;IACJ,MAAM,CAACW,SAASC,WAAW,GAAGf,MAAMgB,QAAQ,CAAU,OAAOT,eAAe;IAC5E,MAAMU,gBACJJ,gBAAgBA,aAAaI,aAAa,GAAGJ,aAAaI,aAAa,GAAG;IAC5E,MAAM,EAAEC,CAAC,EAAE,GAAGb;IAEd,IAAI,CAACG,aAAaG,kBAAkBM,iBAAkBJ,gBAAgB,CAACA,aAAaM,QAAQ,EAAG;QAC7F,0FAA0F;QAC1F,OAAO;IACT;IAEA,IAAIZ,YAAY;QACd,IAAIa,eAAe;QACnB,IAAI,OAAOb,eAAe,YAAYA,aAAa,GAAGa,eAAe;QACrE,IAAIC,MAAMC,OAAO,CAACf,eAAeA,WAAWgB,MAAM,GAAG,GAAGH,eAAe;QAEvE,IAAIA,cAAc;YAChB,IAAIN,SAASC,WAAW,OAAO,+BAA+B;;YAC9D,OAAO;QACT;IACF;IAEA,qBACE,KAACd;kBACC,cAAA,KAACC;YACCY,SAASA;YACTU,OAAO;gBACLC,OAAOP,EAAE;YACX;YACAQ,IAAI,CAAC,MAAM,EAAEjB,KAAKkB,OAAO,CAAC,OAAO,MAAM,CAAC;;;AAKhD,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","NullifyLocaleField","t0","$","fieldValue","localized","path","code","currentLocale","config","t1","localization","checked","setChecked","useState","defaultLocale","t","fallback","hideCheckbox","Array","isArray","length","t2","_jsx","children","field","label","id","replace"],"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'\n\ntype NullifyLocaleFieldProps = {\n  readonly fieldValue?: [] | null | number\n  readonly localized: boolean\n  readonly path: string\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\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 defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n  const { t } = useTranslation()\n\n  if (!localized || currentLocale === defaultLocale || (localization && !localization.fallback)) {\n    // hide when field is not localized or editing default locale or when fallback is disabled\n    return null\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) hideCheckbox = true\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) hideCheckbox = true\n\n    if (hideCheckbox) {\n      if (checked) setChecked(false) // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner>\n      <CheckboxField\n        checked={checked}\n        field={{\n          label: t('general:fallbackToDefaultLocale'),\n        }}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        // onToggle={onChange}\n      />\n    </Banner>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,YAAYC,KAAA,MAAW;AAEvB,SAASC,MAAM,QAAQ;AACvB,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAQ/B,OAAO,MAAMC,kBAAA,GAAwDC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,UAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAJ,EAIrE;EACC;IAAAK,IAAA,EAAAC;EAAA,IAAgCT,SAAA;EAChC;IAAAU,MAAA,EAAAC;EAAA,IAEIZ,SAAA;EADM;IAAAa;EAAA,IAAAD,EAAgB;EAE1B,OAAAE,OAAA,EAAAC,UAAA,IAA8BlB,KAAA,CAAAmB,QAAA,CAAwB,OAAOV,UAAA,KAAe;EAC5E,MAAAW,aAAA,GACEJ,YAAA,IAAgBA,YAAA,CAAAI,aAA0B,GAAGJ,YAAA,CAAAI,aAAA,GAA6B;EAC5E;IAAAC;EAAA,IAAchB,cAAA;EAAA,IAEV,CAACK,SAAA,IAAaG,aAAA,KAAkBO,aAAA,IAAkBJ,YAAA,KAAiBA,YAAA,CAAAM,QAAqB;IAAA;EAAA;EAAA,IAKxFb,UAAA;IACF,IAAAc,YAAA;IAAmB,IACf,OAAOd,UAAA,KAAe,YAAYA,UAAA,IAAa;MAAGc,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAClDC,KAAA,CAAAC,OAAA,CAAchB,UAAA,KAAeA,UAAA,CAAAiB,MAAA,IAAoB;MAAGH,YAAA,CAAAA,CAAA,CAAAA,IAAA;IAAA;IAAA,IAEpDA,YAAA;MAAA,IACEN,OAAA;QAASC,UAAA,MAAW;MAAA;MAAA;IAAA;EAAA;EAAA,IAAAS,EAAA;EAAA,IAAAnB,CAAA,QAAAa,CAAA,IAAAb,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAS,OAAA;IAM1BU,EAAA,GAAAC,IAAA,CAAA3B,MAAA;MAAA4B,QAAA,EACED,IAAA,CAAA1B,aAAA;QAAAe,OAAA;QAAAa,KAAA;UAAAC,KAAA,EAGWV,CAAA,CAAE;QAAA;QAAAW,EAAA,EAEP,SAASrB,IAAA,CAAAsB,OAAA,QAAoB;MAAO,C;;;;;;;;;SAN5CN,E;CAWJ","ignoreList":[]}

package/dist/forms/RenderFields/RenderField.js

@@ -1,4 +1,5 @@
 'use client';
+
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { HiddenField } from '../../fields/Hidden/index.js';
@@ -6,67 +7,70 @@ import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useFieldComponents } from '../../providers/FieldComponents/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
 import { FieldPropsProvider, useFieldProps } from '../FieldPropsProvider/index.js';
-export const RenderField = ({ name, fieldComponentProps, indexPath, path: pathFromProps, permissions, schemaPath: schemaPathFromProps, siblingPermissions })=>{
-    const fieldComponents = useFieldComponents();
-    const operation = useOperation();
-    const { readOnly: readOnlyFromContext } = useFieldProps();
-    if (!fieldComponents) {
-        return null;
-    }
-    const path = [
-        pathFromProps,
-        name
-    ].filter(Boolean).join('.');
-    const schemaPath = [
-        schemaPathFromProps,
-        name
-    ].filter(Boolean).join('.');
-    // if the user cannot read the field, then filter it out
-    // this is different from `admin.readOnly` which is executed based on `operation`
-    if (permissions?.read?.permission === false || fieldComponentProps?.field?.admin?.disabled) {
-        return null;
-    }
-    // `admin.readOnly` displays the value but prevents the field from being edited
-    fieldComponentProps.readOnly = fieldComponentProps?.field?.admin?.readOnly;
-    // if parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable
-    if (readOnlyFromContext && fieldComponentProps.readOnly !== false) fieldComponentProps.readOnly = true;
-    // if the user does not have access control to begin with, force it to be read-only
-    if (permissions?.[operation]?.permission === false) {
-        fieldComponentProps.readOnly = true;
-    }
-    let RenderedField;
-    if (fieldComponentProps?.field?.admin?.components?.Field === null) {
-        return null;
-    }
-    // hide from admin if field is `admin.hidden: true`
-    if ('admin' in fieldComponentProps.field && 'hidden' in fieldComponentProps.field.admin && fieldComponentProps.field.admin.hidden) {
-        RenderedField = /*#__PURE__*/ _jsx(HiddenField, {
-            field: fieldComponentProps.field,
-            forceRender: fieldComponentProps.forceRender,
-            readOnly: fieldComponentProps.readOnly
-        });
-    } else {
-        RenderedField = /*#__PURE__*/ _jsx(RenderComponent, {
-            Component: fieldComponents?.[fieldComponentProps?.field?.type],
-            clientProps: {
-                field: fieldComponentProps.field,
-                forceRender: fieldComponentProps.forceRender,
-                readOnly: fieldComponentProps.readOnly
-            },
-            mappedComponent: fieldComponentProps?.field?.admin?.components?.Field
-        });
-    }
-    return /*#__PURE__*/ _jsx(FieldPropsProvider, {
-        custom: fieldComponentProps?.field?.admin?.custom,
-        indexPath: indexPath,
-        path: path,
-        permissions: permissions,
-        readOnly: fieldComponentProps.readOnly,
-        schemaPath: schemaPath,
-        siblingPermissions: siblingPermissions,
-        type: fieldComponentProps?.field?.type,
-        children: RenderedField
+export const RenderField = ({
+  name,
+  fieldComponentProps,
+  indexPath,
+  path: pathFromProps,
+  permissions,
+  schemaPath: schemaPathFromProps,
+  siblingPermissions
+}) => {
+  const fieldComponents = useFieldComponents();
+  const operation = useOperation();
+  const {
+    readOnly: readOnlyFromContext
+  } = useFieldProps();
+  if (!fieldComponents) {
+    return null;
+  }
+  const path = [pathFromProps, name].filter(Boolean).join('.');
+  const schemaPath = [schemaPathFromProps, name].filter(Boolean).join('.');
+  // if the user cannot read the field, then filter it out
+  // this is different from `admin.readOnly` which is executed based on `operation`
+  if (permissions?.read?.permission === false || fieldComponentProps?.field?.admin?.disabled) {
+    return null;
+  }
+  // `admin.readOnly` displays the value but prevents the field from being edited
+  fieldComponentProps.readOnly = fieldComponentProps?.field?.admin?.readOnly;
+  // if parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable
+  if (readOnlyFromContext && fieldComponentProps.readOnly !== false) fieldComponentProps.readOnly = true;
+  // if the user does not have access control to begin with, force it to be read-only
+  if (permissions?.[operation]?.permission === false) {
+    fieldComponentProps.readOnly = true;
+  }
+  let RenderedField;
+  if (fieldComponentProps?.field?.admin?.components?.Field === null) {
+    return null;
+  }
+  // hide from admin if field is `admin.hidden: true`
+  if ('admin' in fieldComponentProps.field && 'hidden' in fieldComponentProps.field.admin && fieldComponentProps.field.admin.hidden) {
+    RenderedField = /*#__PURE__*/_jsx(HiddenField, {
+      field: fieldComponentProps.field,
+      forceRender: fieldComponentProps.forceRender,
+      readOnly: fieldComponentProps.readOnly
+    });
+  } else {
+    RenderedField = /*#__PURE__*/_jsx(RenderComponent, {
+      Component: fieldComponents?.[fieldComponentProps?.field?.type],
+      clientProps: {
+        field: fieldComponentProps.field,
+        forceRender: fieldComponentProps.forceRender,
+        readOnly: fieldComponentProps.readOnly
+      },
+      mappedComponent: fieldComponentProps?.field?.admin?.components?.Field
     });
+  }
+  return /*#__PURE__*/_jsx(FieldPropsProvider, {
+    custom: fieldComponentProps?.field?.admin?.custom,
+    indexPath: indexPath,
+    path: path,
+    permissions: permissions,
+    readOnly: fieldComponentProps.readOnly,
+    schemaPath: schemaPath,
+    siblingPermissions: siblingPermissions,
+    type: fieldComponentProps?.field?.type,
+    children: RenderedField
+  });
 };
-
 //# sourceMappingURL=RenderField.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField, FieldPermissions } from 'payload'\n\nimport React from 'react'\n\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useFieldComponents } from '../../providers/FieldComponents/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { FieldPropsProvider, useFieldProps } from '../FieldPropsProvider/index.js'\n\ntype Props = {\n  readonly fieldComponentProps?: {\n    field: ClientField\n    forceRender?: boolean\n    readOnly?: boolean\n  }\n  readonly indexPath?: string\n  readonly isHidden?: boolean\n  readonly name?: string\n  readonly path: string\n  readonly permissions?: FieldPermissions\n  readonly schemaPath: string\n  readonly siblingPermissions: {\n    [fieldName: string]: FieldPermissions\n  }\n}\n\nexport const RenderField: React.FC<Props> = ({\n  name,\n  fieldComponentProps,\n  indexPath,\n  path: pathFromProps,\n  permissions,\n  schemaPath: schemaPathFromProps,\n  siblingPermissions,\n}) => {\n  const fieldComponents = useFieldComponents()\n  const operation = useOperation()\n  const { readOnly: readOnlyFromContext } = useFieldProps()\n\n  if (!fieldComponents) {\n    return null\n  }\n\n  const path = [pathFromProps, name].filter(Boolean).join('.')\n  const schemaPath = [schemaPathFromProps, name].filter(Boolean).join('.')\n\n  // if the user cannot read the field, then filter it out\n  // this is different from `admin.readOnly` which is executed based on `operation`\n  if (permissions?.read?.permission === false || fieldComponentProps?.field?.admin?.disabled) {\n    return null\n  }\n\n  // `admin.readOnly` displays the value but prevents the field from being edited\n  fieldComponentProps.readOnly = fieldComponentProps?.field?.admin?.readOnly\n\n  // if parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n  if (readOnlyFromContext && fieldComponentProps.readOnly !== false)\n    fieldComponentProps.readOnly = true\n\n  // if the user does not have access control to begin with, force it to be read-only\n  if (permissions?.[operation]?.permission === false) {\n    fieldComponentProps.readOnly = true\n  }\n\n  let RenderedField: React.ReactElement\n\n  if (fieldComponentProps?.field?.admin?.components?.Field === null) {\n    return null\n  }\n\n  // hide from admin if field is `admin.hidden: true`\n  if (\n    'admin' in fieldComponentProps.field &&\n    'hidden' in fieldComponentProps.field.admin &&\n    fieldComponentProps.field.admin.hidden\n  ) {\n    RenderedField = (\n      <HiddenField\n        field={fieldComponentProps.field}\n        forceRender={fieldComponentProps.forceRender}\n        readOnly={fieldComponentProps.readOnly}\n      />\n    )\n  } else {\n    RenderedField = (\n      <RenderComponent\n        Component={fieldComponents?.[fieldComponentProps?.field?.type]}\n        clientProps={{\n          field: fieldComponentProps.field,\n          forceRender: fieldComponentProps.forceRender,\n          readOnly: fieldComponentProps.readOnly,\n        }}\n        mappedComponent={fieldComponentProps?.field?.admin?.components?.Field}\n      />\n    )\n  }\n\n  return (\n    <FieldPropsProvider\n      custom={fieldComponentProps?.field?.admin?.custom}\n      indexPath={indexPath}\n      path={path}\n      permissions={permissions}\n      readOnly={fieldComponentProps.readOnly}\n      schemaPath={schemaPath}\n      siblingPermissions={siblingPermissions}\n      type={fieldComponentProps?.field?.type}\n    >\n      {RenderedField}\n    </FieldPropsProvider>\n  )\n}\n"],"names":["React","HiddenField","RenderComponent","useFieldComponents","useOperation","FieldPropsProvider","useFieldProps","RenderField","name","fieldComponentProps","indexPath","path","pathFromProps","permissions","schemaPath","schemaPathFromProps","siblingPermissions","fieldComponents","operation","readOnly","readOnlyFromContext","filter","Boolean","join","read","permission","field","admin","disabled","RenderedField","components","Field","hidden","forceRender","Component","type","clientProps","mappedComponent","custom"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,eAAe,QAAQ,4CAA2C;AAC3E,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,iCAAgC;AAmBlF,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,IAAI,EACJC,mBAAmB,EACnBC,SAAS,EACTC,MAAMC,aAAa,EACnBC,WAAW,EACXC,YAAYC,mBAAmB,EAC/BC,kBAAkB,EACnB;IACC,MAAMC,kBAAkBd;IACxB,MAAMe,YAAYd;IAClB,MAAM,EAAEe,UAAUC,mBAAmB,EAAE,GAAGd;IAE1C,IAAI,CAACW,iBAAiB;QACpB,OAAO;IACT;IAEA,MAAMN,OAAO;QAACC;QAAeJ;KAAK,CAACa,MAAM,CAACC,SAASC,IAAI,CAAC;IACxD,MAAMT,aAAa;QAACC;QAAqBP;KAAK,CAACa,MAAM,CAACC,SAASC,IAAI,CAAC;IAEpE,wDAAwD;IACxD,iFAAiF;IACjF,IAAIV,aAAaW,MAAMC,eAAe,SAAShB,qBAAqBiB,OAAOC,OAAOC,UAAU;QAC1F,OAAO;IACT;IAEA,+EAA+E;IAC/EnB,oBAAoBU,QAAQ,GAAGV,qBAAqBiB,OAAOC,OAAOR;IAElE,+GAA+G;IAC/G,IAAIC,uBAAuBX,oBAAoBU,QAAQ,KAAK,OAC1DV,oBAAoBU,QAAQ,GAAG;IAEjC,mFAAmF;IACnF,IAAIN,aAAa,CAACK,UAAU,EAAEO,eAAe,OAAO;QAClDhB,oBAAoBU,QAAQ,GAAG;IACjC;IAEA,IAAIU;IAEJ,IAAIpB,qBAAqBiB,OAAOC,OAAOG,YAAYC,UAAU,MAAM;QACjE,OAAO;IACT;IAEA,mDAAmD;IACnD,IACE,WAAWtB,oBAAoBiB,KAAK,IACpC,YAAYjB,oBAAoBiB,KAAK,CAACC,KAAK,IAC3ClB,oBAAoBiB,KAAK,CAACC,KAAK,CAACK,MAAM,EACtC;QACAH,8BACE,KAAC5B;YACCyB,OAAOjB,oBAAoBiB,KAAK;YAChCO,aAAaxB,oBAAoBwB,WAAW;YAC5Cd,UAAUV,oBAAoBU,QAAQ;;IAG5C,OAAO;QACLU,8BACE,KAAC3B;YACCgC,WAAWjB,iBAAiB,CAACR,qBAAqBiB,OAAOS,KAAK;YAC9DC,aAAa;gBACXV,OAAOjB,oBAAoBiB,KAAK;gBAChCO,aAAaxB,oBAAoBwB,WAAW;gBAC5Cd,UAAUV,oBAAoBU,QAAQ;YACxC;YACAkB,iBAAiB5B,qBAAqBiB,OAAOC,OAAOG,YAAYC;;IAGtE;IAEA,qBACE,KAAC1B;QACCiC,QAAQ7B,qBAAqBiB,OAAOC,OAAOW;QAC3C5B,WAAWA;QACXC,MAAMA;QACNE,aAAaA;QACbM,UAAUV,oBAAoBU,QAAQ;QACtCL,YAAYA;QACZE,oBAAoBA;QACpBmB,MAAM1B,qBAAqBiB,OAAOS;kBAEjCN;;AAGP,EAAC"}
+{"version":3,"file":"RenderField.js","names":["React","HiddenField","RenderComponent","useFieldComponents","useOperation","FieldPropsProvider","useFieldProps","RenderField","name","fieldComponentProps","indexPath","path","pathFromProps","permissions","schemaPath","schemaPathFromProps","siblingPermissions","fieldComponents","operation","readOnly","readOnlyFromContext","filter","Boolean","join","read","permission","field","admin","disabled","RenderedField","components","Field","hidden","_jsx","forceRender","Component","type","clientProps","mappedComponent","custom"],"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField, FieldPermissions } from 'payload'\n\nimport React from 'react'\n\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useFieldComponents } from '../../providers/FieldComponents/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { FieldPropsProvider, useFieldProps } from '../FieldPropsProvider/index.js'\n\ntype Props = {\n  readonly fieldComponentProps?: {\n    field: ClientField\n    forceRender?: boolean\n    readOnly?: boolean\n  }\n  readonly indexPath?: string\n  readonly isHidden?: boolean\n  readonly name?: string\n  readonly path: string\n  readonly permissions?: FieldPermissions\n  readonly schemaPath: string\n  readonly siblingPermissions: {\n    [fieldName: string]: FieldPermissions\n  }\n}\n\nexport const RenderField: React.FC<Props> = ({\n  name,\n  fieldComponentProps,\n  indexPath,\n  path: pathFromProps,\n  permissions,\n  schemaPath: schemaPathFromProps,\n  siblingPermissions,\n}) => {\n  const fieldComponents = useFieldComponents()\n  const operation = useOperation()\n  const { readOnly: readOnlyFromContext } = useFieldProps()\n\n  if (!fieldComponents) {\n    return null\n  }\n\n  const path = [pathFromProps, name].filter(Boolean).join('.')\n  const schemaPath = [schemaPathFromProps, name].filter(Boolean).join('.')\n\n  // if the user cannot read the field, then filter it out\n  // this is different from `admin.readOnly` which is executed based on `operation`\n  if (permissions?.read?.permission === false || fieldComponentProps?.field?.admin?.disabled) {\n    return null\n  }\n\n  // `admin.readOnly` displays the value but prevents the field from being edited\n  fieldComponentProps.readOnly = fieldComponentProps?.field?.admin?.readOnly\n\n  // if parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n  if (readOnlyFromContext && fieldComponentProps.readOnly !== false)\n    fieldComponentProps.readOnly = true\n\n  // if the user does not have access control to begin with, force it to be read-only\n  if (permissions?.[operation]?.permission === false) {\n    fieldComponentProps.readOnly = true\n  }\n\n  let RenderedField: React.ReactElement\n\n  if (fieldComponentProps?.field?.admin?.components?.Field === null) {\n    return null\n  }\n\n  // hide from admin if field is `admin.hidden: true`\n  if (\n    'admin' in fieldComponentProps.field &&\n    'hidden' in fieldComponentProps.field.admin &&\n    fieldComponentProps.field.admin.hidden\n  ) {\n    RenderedField = (\n      <HiddenField\n        field={fieldComponentProps.field}\n        forceRender={fieldComponentProps.forceRender}\n        readOnly={fieldComponentProps.readOnly}\n      />\n    )\n  } else {\n    RenderedField = (\n      <RenderComponent\n        Component={fieldComponents?.[fieldComponentProps?.field?.type]}\n        clientProps={{\n          field: fieldComponentProps.field,\n          forceRender: fieldComponentProps.forceRender,\n          readOnly: fieldComponentProps.readOnly,\n        }}\n        mappedComponent={fieldComponentProps?.field?.admin?.components?.Field}\n      />\n    )\n  }\n\n  return (\n    <FieldPropsProvider\n      custom={fieldComponentProps?.field?.admin?.custom}\n      indexPath={indexPath}\n      path={path}\n      permissions={permissions}\n      readOnly={fieldComponentProps.readOnly}\n      schemaPath={schemaPath}\n      siblingPermissions={siblingPermissions}\n      type={fieldComponentProps?.field?.type}\n    >\n      {RenderedField}\n    </FieldPropsProvider>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAChC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,YAAY,QAAQ;AAC7B,SAASC,kBAAkB,EAAEC,aAAa,QAAQ;AAmBlD,OAAO,MAAMC,WAAA,GAA+BA,CAAC;EAC3CC,IAAI;EACJC,mBAAmB;EACnBC,SAAS;EACTC,IAAA,EAAMC,aAAa;EACnBC,WAAW;EACXC,UAAA,EAAYC,mBAAmB;EAC/BC;AAAkB,CACnB;EACC,MAAMC,eAAA,GAAkBd,kBAAA;EACxB,MAAMe,SAAA,GAAYd,YAAA;EAClB,MAAM;IAAEe,QAAA,EAAUC;EAAmB,CAAE,GAAGd,aAAA;EAE1C,IAAI,CAACW,eAAA,EAAiB;IACpB,OAAO;EACT;EAEA,MAAMN,IAAA,GAAO,CAACC,aAAA,EAAeJ,IAAA,CAAK,CAACa,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACxD,MAAMT,UAAA,GAAa,CAACC,mBAAA,EAAqBP,IAAA,CAAK,CAACa,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAEpE;EACA;EACA,IAAIV,WAAA,EAAaW,IAAA,EAAMC,UAAA,KAAe,SAAShB,mBAAA,EAAqBiB,KAAA,EAAOC,KAAA,EAAOC,QAAA,EAAU;IAC1F,OAAO;EACT;EAEA;EACAnB,mBAAA,CAAoBU,QAAQ,GAAGV,mBAAA,EAAqBiB,KAAA,EAAOC,KAAA,EAAOR,QAAA;EAElE;EACA,IAAIC,mBAAA,IAAuBX,mBAAA,CAAoBU,QAAQ,KAAK,OAC1DV,mBAAA,CAAoBU,QAAQ,GAAG;EAEjC;EACA,IAAIN,WAAA,GAAcK,SAAA,CAAU,EAAEO,UAAA,KAAe,OAAO;IAClDhB,mBAAA,CAAoBU,QAAQ,GAAG;EACjC;EAEA,IAAIU,aAAA;EAEJ,IAAIpB,mBAAA,EAAqBiB,KAAA,EAAOC,KAAA,EAAOG,UAAA,EAAYC,KAAA,KAAU,MAAM;IACjE,OAAO;EACT;EAEA;EACA,IACE,WAAWtB,mBAAA,CAAoBiB,KAAK,IACpC,YAAYjB,mBAAA,CAAoBiB,KAAK,CAACC,KAAK,IAC3ClB,mBAAA,CAAoBiB,KAAK,CAACC,KAAK,CAACK,MAAM,EACtC;IACAH,aAAA,gBACEI,IAAA,CAAChC,WAAA;MACCyB,KAAA,EAAOjB,mBAAA,CAAoBiB,KAAK;MAChCQ,WAAA,EAAazB,mBAAA,CAAoByB,WAAW;MAC5Cf,QAAA,EAAUV,mBAAA,CAAoBU;;EAGpC,OAAO;IACLU,aAAA,gBACEI,IAAA,CAAC/B,eAAA;MACCiC,SAAA,EAAWlB,eAAA,GAAkBR,mBAAA,EAAqBiB,KAAA,EAAOU,IAAA,CAAK;MAC9DC,WAAA,EAAa;QACXX,KAAA,EAAOjB,mBAAA,CAAoBiB,KAAK;QAChCQ,WAAA,EAAazB,mBAAA,CAAoByB,WAAW;QAC5Cf,QAAA,EAAUV,mBAAA,CAAoBU;MAChC;MACAmB,eAAA,EAAiB7B,mBAAA,EAAqBiB,KAAA,EAAOC,KAAA,EAAOG,UAAA,EAAYC;;EAGtE;EAEA,oBACEE,IAAA,CAAC5B,kBAAA;IACCkC,MAAA,EAAQ9B,mBAAA,EAAqBiB,KAAA,EAAOC,KAAA,EAAOY,MAAA;IAC3C7B,SAAA,EAAWA,SAAA;IACXC,IAAA,EAAMA,IAAA;IACNE,WAAA,EAAaA,WAAA;IACbM,QAAA,EAAUV,mBAAA,CAAoBU,QAAQ;IACtCL,UAAA,EAAYA,UAAA;IACZE,kBAAA,EAAoBA,kBAAA;IACpBoB,IAAA,EAAM3B,mBAAA,EAAqBiB,KAAA,EAAOU,IAAA;cAEjCP;;AAGP","ignoreList":[]}

package/dist/forms/RenderFields/index.js

@@ -1,4 +1,6 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useIntersect } from '../../hooks/useIntersect.js';
@@ -6,59 +8,118 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { RenderField } from './RenderField.js';
 import './index.scss';
 const baseClass = 'render-fields';
-export const RenderFields = (props)=>{
-    const { className, fields, forceRender, indexPath, margins, path, permissions, schemaPath } = props;
-    const { i18n } = useTranslation();
-    const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
-    const [intersectionRef, entry] = useIntersect({
-        rootMargin: '1000px'
-    }, Boolean(forceRender));
-    const isIntersecting = Boolean(entry?.isIntersecting);
-    const isAboveViewport = entry?.boundingClientRect?.top < 0;
-    const shouldRender = forceRender || isIntersecting || isAboveViewport;
-    React.useEffect(()=>{
-        if (shouldRender && !hasRendered) {
-            setHasRendered(true);
-        }
-    }, [
-        shouldRender,
-        hasRendered
-    ]);
-    if (!fields || Array.isArray(fields) && fields.length === 0) {
-        return null;
+export const RenderFields = props => {
+  const $ = _c(21);
+  const {
+    className,
+    fields,
+    forceRender,
+    indexPath,
+    margins,
+    path,
+    permissions,
+    schemaPath
+  } = props;
+  const {
+    i18n
+  } = useTranslation();
+  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {
+      rootMargin: "1000px"
+    };
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [intersectionRef, entry] = useIntersect(t0, Boolean(forceRender));
+  const isIntersecting = Boolean(entry?.isIntersecting);
+  const isAboveViewport = entry?.boundingClientRect?.top < 0;
+  const shouldRender = forceRender || isIntersecting || isAboveViewport;
+  let t1;
+  let t2;
+  if ($[1] !== shouldRender || $[2] !== hasRendered) {
+    t1 = () => {
+      if (shouldRender && !hasRendered) {
+        setHasRendered(true);
+      }
+    };
+    t2 = [shouldRender, hasRendered];
+    $[1] = shouldRender;
+    $[2] = hasRendered;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  React.useEffect(t1, t2);
+  if (!fields || Array.isArray(fields) && fields.length === 0) {
+    return null;
+  }
+  if (!i18n) {
+    console.error("Need to implement i18n when calling RenderFields");
+  }
+  if (fields) {
+    const t3 = margins && `${baseClass}--margins-${margins}`;
+    const t4 = margins === false && `${baseClass}--margins-none`;
+    let t5;
+    if ($[5] !== className || $[6] !== t3 || $[7] !== t4) {
+      t5 = [baseClass, className, t3, t4].filter(Boolean);
+      $[5] = className;
+      $[6] = t3;
+      $[7] = t4;
+      $[8] = t5;
+    } else {
+      t5 = $[8];
     }
-    if (!i18n) {
-        console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console
-        ;
+    const t6 = t5.join(" ");
+    let t7;
+    if ($[9] !== hasRendered || $[10] !== fields || $[11] !== forceRender || $[12] !== indexPath || $[13] !== path || $[14] !== permissions || $[15] !== schemaPath) {
+      t7 = hasRendered && fields?.map((field, fieldIndex) => {
+        const forceRenderChildren = typeof forceRender === "number" && fieldIndex <= forceRender || true;
+        const name = "name" in field ? field.name : undefined;
+        return _jsx(RenderField, {
+          fieldComponentProps: {
+            field,
+            forceRender: forceRenderChildren
+          },
+          indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
+          name,
+          path,
+          permissions: permissions?.[name],
+          schemaPath,
+          siblingPermissions: permissions
+        }, fieldIndex);
+      });
+      $[9] = hasRendered;
+      $[10] = fields;
+      $[11] = forceRender;
+      $[12] = indexPath;
+      $[13] = path;
+      $[14] = permissions;
+      $[15] = schemaPath;
+      $[16] = t7;
+    } else {
+      t7 = $[16];
     }
-    if (fields) {
-        return /*#__PURE__*/ _jsx("div", {
-            className: [
-                baseClass,
-                className,
-                margins && `${baseClass}--margins-${margins}`,
-                margins === false && `${baseClass}--margins-none`
-            ].filter(Boolean).join(' '),
-            ref: intersectionRef,
-            children: hasRendered && fields?.map((field, fieldIndex)=>{
-                const forceRenderChildren = typeof forceRender === 'number' && fieldIndex <= forceRender || true;
-                const name = 'name' in field ? field.name : undefined;
-                return /*#__PURE__*/ _jsx(RenderField, {
-                    fieldComponentProps: {
-                        field,
-                        forceRender: forceRenderChildren
-                    },
-                    indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
-                    name: name,
-                    path: path,
-                    permissions: permissions?.[name],
-                    schemaPath: schemaPath,
-                    siblingPermissions: permissions
-                }, fieldIndex);
-            })
-        });
+    let t8;
+    if ($[17] !== t6 || $[18] !== intersectionRef || $[19] !== t7) {
+      t8 = _jsx("div", {
+        className: t6,
+        ref: intersectionRef,
+        children: t7
+      });
+      $[17] = t6;
+      $[18] = intersectionRef;
+      $[19] = t7;
+      $[20] = t8;
+    } else {
+      t8 = $[20];
     }
-    return null;
+    return t8;
+  }
+  return null;
 };
-
 //# sourceMappingURL=index.js.map