@payloadcms/ui 3.68.0-internal-debug.2eb12b9 → 3.68.0-internal-debug.dafc24d

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/Form/mergeServerFormState.ts"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { dequal } from 'dequal/lite' // lite: no need for Map and Set support\n\n/**\n * If true, will accept all values from the server, overriding any current values in local state.\n * Can also provide an options object for more granular control.\n */\nexport type AcceptValues =\n  | {\n      /**\n       * When `false`, will accept the values from the server _UNLESS_ the value has been modified locally since the request was made.\n       * This is useful for autosave, for example, where hooks may have modified the field's value on the server while you were still making changes.\n       * @default undefined\n       */\n      overrideLocalChanges?: boolean\n    }\n  | boolean\n\ntype Args = {\n  acceptValues?: AcceptValues\n  currentState?: FormState\n  incomingState: FormState\n}\n\n/**\n * This function receives form state from the server and intelligently merges it into the client state.\n * The server contains extra properties that the client may not have, e.g. custom components and error states.\n * We typically do not want to merge properties that rely on user input, however, such as values, unless explicitly requested.\n * Doing this would cause the client to lose any local changes to those fields.\n *\n * Note: Local state is the source of truth, not the new server state that is getting merged in. This is critical for array row\n * manipulation specifically, where the user may have added, removed, or reordered rows while a request was pending and is now stale.\n *\n * This function applies some defaults, as well as cleans up the server response in preparation for the client.\n * e.g. it will set `valid` and `passesCondition` to true if undefined, and remove `addedByServer` from the response.\n */\nexport const mergeServerFormState = ({\n  acceptValues,\n  currentState = {},\n  incomingState,\n}: Args): FormState => {\n  const newState = { ...currentState }\n\n  for (const [path, incomingField] of Object.entries(incomingState || {})) {\n    if (!(path in currentState) && !incomingField.addedByServer) {\n      continue\n    }\n\n    /**\n     * If it's a new field added by the server, always accept the value.\n     * Otherwise:\n     *   a. accept all values when explicitly requested, e.g. on submit\n     *   b. only accept values for unmodified fields, e.g. on autosave\n     */\n    const shouldAcceptValue =\n      incomingField.addedByServer ||\n      acceptValues === true ||\n      (typeof acceptValues === 'object' &&\n        acceptValues !== null &&\n        // Note: Must be explicitly `false`, allow `null` or `undefined` to mean true\n        acceptValues.overrideLocalChanges === false &&\n        !currentState[path]?.isModified)\n\n    let sanitizedIncomingField = incomingField\n\n    if (!shouldAcceptValue) {\n      /**\n       * Note: do not delete properties off `incomingField` as this will mutate the original object\n       * Instead, omit them from the destructured object by excluding specific keys\n       * This will also ensure we don't set `undefined` into the result unnecessarily\n       */\n      const { initialValue, value, ...rest } = incomingField\n      sanitizedIncomingField = rest\n    }\n\n    newState[path] = {\n      ...currentState[path],\n      ...sanitizedIncomingField,\n    }\n\n    if (\n      currentState[path] &&\n      'errorPaths' in currentState[path] &&\n      !('errorPaths' in incomingField)\n    ) {\n      newState[path].errorPaths = []\n    }\n\n    /**\n     * Deeply merge the rows array to ensure changes to local state are not lost while the request was pending\n     * For example, the server response could come back with a row which has been deleted on the client\n     * Loop over the incoming rows, if it exists in client side form state, merge in any new properties from the server\n     * Note: read `currentState` and not `newState` here, as the `rows` property have already been merged above\n     */\n    if (Array.isArray(incomingField.rows) && path in currentState) {\n      newState[path].rows = [...(currentState[path]?.rows || [])] // shallow copy to avoid mutating the original array\n\n      incomingField.rows.forEach((row) => {\n        const indexInCurrentState = currentState[path].rows?.findIndex(\n          (existingRow) => existingRow.id === row.id,\n        )\n\n        if (indexInCurrentState > -1) {\n          newState[path].rows[indexInCurrentState] = {\n            ...currentState[path].rows[indexInCurrentState],\n            ...row,\n          }\n        } else if (row.addedByServer) {\n          /**\n           * Note: This is a known limitation of computed array and block rows\n           * If a new row was added by the server, we append it to the _end_ of this array\n           * This is because the client is the source of truth, and it has arrays ordered in a certain position\n           * For example, the user may have re-ordered rows client-side while a long running request is processing\n           * This means that we _cannot_ slice a new row into the second position on the server, for example\n           * By the time it gets back to the client, its index is stale\n           */\n          const newRow = { ...row }\n          delete newRow.addedByServer\n          newState[path].rows.push(newRow)\n        }\n      })\n    }\n\n    // If `valid` is `undefined`, mark it as `true`\n    if (incomingField.valid !== false) {\n      newState[path].valid = true\n    }\n\n    // If `passesCondition` is `undefined`, mark it as `true`\n    if (incomingField.passesCondition !== false) {\n      newState[path].passesCondition = true\n    }\n\n    /**\n     * Undefined values for blocksFilterOptions coming back should be treated as \"all blocks allowed\" and\n     * should always be merged in.\n     * Without this, an undefined value coming back will incorrectly be ignored, and the previous filter will remain.\n     */\n    if (!incomingField.blocksFilterOptions) {\n      delete newState[path].blocksFilterOptions\n    }\n\n    // Strip away the `addedByServer` property from the client\n    // This will prevent it from being passed back to the server\n    delete newState[path].addedByServer\n  }\n\n  // Return the original object reference if the state is unchanged\n  // This will avoid unnecessary re-renders and dependency updates\n  return dequal(newState, currentState) ? currentState : newState\n}\n"],"names":["dequal","mergeServerFormState","acceptValues","currentState","incomingState","newState","path","incomingField","Object","entries","addedByServer","shouldAcceptValue","overrideLocalChanges","isModified","sanitizedIncomingField","initialValue","value","rest","errorPaths","Array","isArray","rows","forEach","row","indexInCurrentState","findIndex","existingRow","id","newRow","push","valid","passesCondition","blocksFilterOptions"],"mappings":"AAAA;AAGA,SAASA,MAAM,QAAQ,cAAa,CAAC,wCAAwC;AAuB7E;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,YAAY,EACZC,eAAe,CAAC,CAAC,EACjBC,aAAa,EACR;IACL,MAAMC,WAAW;QAAE,GAAGF,YAAY;IAAC;IAEnC,KAAK,MAAM,CAACG,MAAMC,cAAc,IAAIC,OAAOC,OAAO,CAACL,iBAAiB,CAAC,GAAI;QACvE,IAAI,CAAEE,CAAAA,QAAQH,YAAW,KAAM,CAACI,cAAcG,aAAa,EAAE;YAC3D;QACF;QAEA;;;;;KAKC,GACD,MAAMC,oBACJJ,cAAcG,aAAa,IAC3BR,iBAAiB,QAChB,OAAOA,iBAAiB,YACvBA,iBAAiB,QACjB,6EAA6E;QAC7EA,aAAaU,oBAAoB,KAAK,SACtC,CAACT,YAAY,CAACG,KAAK,EAAEO;QAEzB,IAAIC,yBAAyBP;QAE7B,IAAI,CAACI,mBAAmB;YACtB;;;;OAIC,GACD,MAAM,EAAEI,YAAY,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGV;YACzCO,yBAAyBG;QAC3B;QAEAZ,QAAQ,CAACC,KAAK,GAAG;YACf,GAAGH,YAAY,CAACG,KAAK;YACrB,GAAGQ,sBAAsB;QAC3B;QAEA,IACEX,YAAY,CAACG,KAAK,IAClB,gBAAgBH,YAAY,CAACG,KAAK,IAClC,CAAE,CAAA,gBAAgBC,aAAY,GAC9B;YACAF,QAAQ,CAACC,KAAK,CAACY,UAAU,GAAG,EAAE;QAChC;QAEA;;;;;KAKC,GACD,IAAIC,MAAMC,OAAO,CAACb,cAAcc,IAAI,KAAKf,QAAQH,cAAc;YAC7DE,QAAQ,CAACC,KAAK,CAACe,IAAI,GAAG;mBAAKlB,YAAY,CAACG,KAAK,EAAEe,QAAQ,EAAE;aAAE,CAAC,oDAAoD;;YAEhHd,cAAcc,IAAI,CAACC,OAAO,CAAC,CAACC;gBAC1B,MAAMC,sBAAsBrB,YAAY,CAACG,KAAK,CAACe,IAAI,EAAEI,UACnD,CAACC,cAAgBA,YAAYC,EAAE,KAAKJ,IAAII,EAAE;gBAG5C,IAAIH,sBAAsB,CAAC,GAAG;oBAC5BnB,QAAQ,CAACC,KAAK,CAACe,IAAI,CAACG,oBAAoB,GAAG;wBACzC,GAAGrB,YAAY,CAACG,KAAK,CAACe,IAAI,CAACG,oBAAoB;wBAC/C,GAAGD,GAAG;oBACR;gBACF,OAAO,IAAIA,IAAIb,aAAa,EAAE;oBAC5B;;;;;;;WAOC,GACD,MAAMkB,SAAS;wBAAE,GAAGL,GAAG;oBAAC;oBACxB,OAAOK,OAAOlB,aAAa;oBAC3BL,QAAQ,CAACC,KAAK,CAACe,IAAI,CAACQ,IAAI,CAACD;gBAC3B;YACF;QACF;QAEA,+CAA+C;QAC/C,IAAIrB,cAAcuB,KAAK,KAAK,OAAO;YACjCzB,QAAQ,CAACC,KAAK,CAACwB,KAAK,GAAG;QACzB;QAEA,yDAAyD;QACzD,IAAIvB,cAAcwB,eAAe,KAAK,OAAO;YAC3C1B,QAAQ,CAACC,KAAK,CAACyB,eAAe,GAAG;QACnC;QAEA;;;;KAIC,GACD,IAAI,CAACxB,cAAcyB,mBAAmB,EAAE;YACtC,OAAO3B,QAAQ,CAACC,KAAK,CAAC0B,mBAAmB;QAC3C;QAEA,0DAA0D;QAC1D,4DAA4D;QAC5D,OAAO3B,QAAQ,CAACC,KAAK,CAACI,aAAa;IACrC;IAEA,iEAAiE;IACjE,gEAAgE;IAChE,OAAOV,OAAOK,UAAUF,gBAAgBA,eAAeE;AACzD,EAAC"}
+{"version":3,"sources":["../../../src/forms/Form/mergeServerFormState.ts"],"sourcesContent":["'use client'\nimport type { FormState } from 'payload'\n\nimport { dequal } from 'dequal/lite' // lite: no need for Map and Set support\n\n/**\n * If true, will accept all values from the server, overriding any current values in local state.\n * Can also provide an options object for more granular control.\n */\nexport type AcceptValues =\n  | {\n      /**\n       * When `false`, will accept the values from the server _UNLESS_ the value has been modified locally since the request was made.\n       * This is useful for autosave, for example, where hooks may have modified the field's value on the server while you were still making changes.\n       * @default undefined\n       */\n      overrideLocalChanges?: boolean\n    }\n  | boolean\n\ntype Args = {\n  acceptValues?: AcceptValues\n  currentState?: FormState\n  incomingState: FormState\n}\n\n/**\n * This function receives form state from the server and intelligently merges it into the client state.\n * The server contains extra properties that the client may not have, e.g. custom components and error states.\n * We typically do not want to merge properties that rely on user input, however, such as values, unless explicitly requested.\n * Doing this would cause the client to lose any local changes to those fields.\n *\n * Note: Local state is the source of truth, not the new server state that is getting merged in. This is critical for array row\n * manipulation specifically, where the user may have added, removed, or reordered rows while a request was pending and is now stale.\n *\n * This function applies some defaults, as well as cleans up the server response in preparation for the client.\n * e.g. it will set `valid` and `passesCondition` to true if undefined, and remove `addedByServer` from the response.\n */\nexport const mergeServerFormState = ({\n  acceptValues,\n  currentState = {},\n  incomingState,\n}: Args): FormState => {\n  const newState = { ...currentState }\n\n  for (const [path, incomingField] of Object.entries(incomingState || {})) {\n    if (!(path in currentState) && !incomingField.addedByServer) {\n      continue\n    }\n\n    /**\n     * If it's a new field added by the server, always accept the value.\n     * Otherwise:\n     *   a. accept all values when explicitly requested, e.g. on submit\n     *   b. only accept values for unmodified fields, e.g. on autosave\n     */\n    const shouldAcceptValue =\n      incomingField.addedByServer ||\n      acceptValues === true ||\n      (typeof acceptValues === 'object' &&\n        acceptValues !== null &&\n        // Note: Must be explicitly `false`, allow `null` or `undefined` to mean true\n        acceptValues.overrideLocalChanges === false &&\n        !currentState[path]?.isModified)\n\n    let sanitizedIncomingField = incomingField\n\n    if (!shouldAcceptValue) {\n      /**\n       * Note: do not delete properties off `incomingField` as this will mutate the original object\n       * Instead, omit them from the destructured object by excluding specific keys\n       * This will also ensure we don't set `undefined` into the result unnecessarily\n       */\n      const { initialValue, value, ...rest } = incomingField\n      sanitizedIncomingField = rest\n    }\n\n    newState[path] = {\n      ...currentState[path],\n      ...sanitizedIncomingField,\n    }\n\n    if (\n      currentState[path] &&\n      'errorPaths' in currentState[path] &&\n      !('errorPaths' in incomingField)\n    ) {\n      newState[path].errorPaths = []\n    }\n\n    /**\n     * Deeply merge the rows array to ensure changes to local state are not lost while the request was pending\n     * For example, the server response could come back with a row which has been deleted on the client\n     * Loop over the incoming rows, if it exists in client side form state, merge in any new properties from the server\n     * Note: read `currentState` and not `newState` here, as the `rows` property have already been merged above\n     */\n    if (Array.isArray(incomingField.rows) && path in currentState) {\n      newState[path].rows = [...(currentState[path]?.rows || [])] // shallow copy to avoid mutating the original array\n\n      incomingField.rows.forEach((row) => {\n        const indexInCurrentState = currentState[path].rows?.findIndex(\n          (existingRow) => existingRow.id === row.id,\n        )\n\n        if (indexInCurrentState > -1) {\n          newState[path].rows[indexInCurrentState] = {\n            ...currentState[path].rows[indexInCurrentState],\n            ...row,\n          }\n        } else if (row.addedByServer) {\n          /**\n           * Note: This is a known limitation of computed array and block rows\n           * If a new row was added by the server, we append it to the _end_ of this array\n           * This is because the client is the source of truth, and it has arrays ordered in a certain position\n           * For example, the user may have re-ordered rows client-side while a long running request is processing\n           * This means that we _cannot_ slice a new row into the second position on the server, for example\n           * By the time it gets back to the client, its index is stale\n           */\n          const newRow = { ...row }\n          delete newRow.addedByServer\n          newState[path].rows.push(newRow)\n        }\n      })\n    }\n\n    // If `valid` is `undefined`, mark it as `true`\n    if (incomingField.valid !== false) {\n      newState[path].valid = true\n    }\n\n    // If `passesCondition` is `undefined`, mark it as `true`\n    if (incomingField.passesCondition !== false) {\n      newState[path].passesCondition = true\n    }\n\n    /**\n     * Undefined values for blocksFilterOptions coming back should be treated as \"all blocks allowed\" and\n     * should always be merged in.\n     * Without this, an undefined value coming back will incorrectly be ignored, and the previous filter will remain.\n     */\n    if (!incomingField.blocksFilterOptions) {\n      delete newState[path].blocksFilterOptions\n    }\n\n    // Strip away the `addedByServer` property from the client\n    // This will prevent it from being passed back to the server\n    delete newState[path].addedByServer\n  }\n\n  // Return the original object reference if the state is unchanged\n  // This will avoid unnecessary re-renders and dependency updates\n  return dequal(newState, currentState) ? currentState : newState\n}\n"],"names":["dequal","mergeServerFormState","acceptValues","currentState","incomingState","newState","path","incomingField","Object","entries","addedByServer","shouldAcceptValue","overrideLocalChanges","isModified","sanitizedIncomingField","initialValue","value","rest","errorPaths","Array","isArray","rows","forEach","row","indexInCurrentState","findIndex","existingRow","id","newRow","push","valid","passesCondition","blocksFilterOptions"],"mappings":"AAAA;AAGA,SAASA,MAAM,QAAQ,cAAa;AAAC,wCAAwC;AAE7E;;;CAGC,GAGK;;;;OAIC,GAWP;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,uBAAuB,CAAC,EACnCC,YAAY,EACZC,eAAe,CAAC,CAAC,EACjBC,aAAa,EACR;IACL,MAAMC,WAAW;QAAE,GAAGF,YAAY;IAAC;IAEnC,KAAK,MAAM,CAACG,MAAMC,cAAc,IAAIC,OAAOC,OAAO,CAACL,iBAAiB,CAAC,GAAI;QACvE,IAAI,CAAEE,CAAAA,QAAQH,YAAW,KAAM,CAACI,cAAcG,aAAa,EAAE;YAC3D;QACF;QAEA;;;;;KAKC,GACD,MAAMC,oBACJJ,cAAcG,aAAa,IAC3BR,iBAAiB,QAChB,OAAOA,iBAAiB,YACvBA,iBAAiB,QACjB,6EAA6E;QAC7EA,aAAaU,oBAAoB,KAAK,SACtC,CAACT,YAAY,CAACG,KAAK,EAAEO;QAEzB,IAAIC,yBAAyBP;QAE7B,IAAI,CAACI,mBAAmB;YACtB;;;;OAIC,GACD,MAAM,EAAEI,YAAY,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGV;YACzCO,yBAAyBG;QAC3B;QAEAZ,QAAQ,CAACC,KAAK,GAAG;YACf,GAAGH,YAAY,CAACG,KAAK;YACrB,GAAGQ,sBAAsB;QAC3B;QAEA,IACEX,YAAY,CAACG,KAAK,IAClB,gBAAgBH,YAAY,CAACG,KAAK,IAClC,CAAE,CAAA,gBAAgBC,aAAY,GAC9B;YACAF,QAAQ,CAACC,KAAK,CAACY,UAAU,GAAG,EAAE;QAChC;QAEA;;;;;KAKC,GACD,IAAIC,MAAMC,OAAO,CAACb,cAAcc,IAAI,KAAKf,QAAQH,cAAc;YAC7DE,QAAQ,CAACC,KAAK,CAACe,IAAI,GAAG;mBAAKlB,YAAY,CAACG,KAAK,EAAEe,QAAQ,EAAE;aAAE;YAAC,oDAAoD;YAEhHd,cAAcc,IAAI,CAACC,OAAO,CAAC,CAACC;gBAC1B,MAAMC,sBAAsBrB,YAAY,CAACG,KAAK,CAACe,IAAI,EAAEI,UACnD,CAACC,cAAgBA,YAAYC,EAAE,KAAKJ,IAAII,EAAE;gBAG5C,IAAIH,sBAAsB,CAAC,GAAG;oBAC5BnB,QAAQ,CAACC,KAAK,CAACe,IAAI,CAACG,oBAAoB,GAAG;wBACzC,GAAGrB,YAAY,CAACG,KAAK,CAACe,IAAI,CAACG,oBAAoB;wBAC/C,GAAGD,GAAG;oBACR;gBACF,OAAO,IAAIA,IAAIb,aAAa,EAAE;oBAC5B;;;;;;;WAOC,GACD,MAAMkB,SAAS;wBAAE,GAAGL,GAAG;oBAAC;oBACxB,OAAOK,OAAOlB,aAAa;oBAC3BL,QAAQ,CAACC,KAAK,CAACe,IAAI,CAACQ,IAAI,CAACD;gBAC3B;YACF;QACF;QAEA,+CAA+C;QAC/C,IAAIrB,cAAcuB,KAAK,KAAK,OAAO;YACjCzB,QAAQ,CAACC,KAAK,CAACwB,KAAK,GAAG;QACzB;QAEA,yDAAyD;QACzD,IAAIvB,cAAcwB,eAAe,KAAK,OAAO;YAC3C1B,QAAQ,CAACC,KAAK,CAACyB,eAAe,GAAG;QACnC;QAEA;;;;KAIC,GACD,IAAI,CAACxB,cAAcyB,mBAAmB,EAAE;YACtC,OAAO3B,QAAQ,CAACC,KAAK,CAAC0B,mBAAmB;QAC3C;QAEA,0DAA0D;QAC1D,4DAA4D;QAC5D,OAAO3B,QAAQ,CAACC,KAAK,CAACI,aAAa;IACrC;IAEA,iEAAiE;IACjE,gEAAgE;IAChE,OAAOV,OAAOK,UAAUF,gBAAgBA,eAAeE;AACzD,EAAC"}

package/dist/forms/Form/reduceToSerializableFields.js

@@ -5,8 +5,8 @@ const blacklistedKeys = [
 const sanitizeField = (incomingField)=>{
     const field = {
         ...incomingField
-    } // shallow copy, as we only need to remove top-level keys
-    ;
+    };
+    // shallow copy, as we only need to remove top-level keys
     for (const key of blacklistedKeys){
         delete field[key];
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/Form/reduceToSerializableFields.ts"],"sourcesContent":["import { type FormField, type FormState } from 'payload'\n\ntype BlacklistedKeys = 'customComponents' | 'validate'\nconst blacklistedKeys: BlacklistedKeys[] = ['validate', 'customComponents']\n\nconst sanitizeField = (incomingField: FormField): FormField => {\n  const field = { ...incomingField } // shallow copy, as we only need to remove top-level keys\n\n  for (const key of blacklistedKeys) {\n    delete field[key]\n  }\n\n  return field\n}\n\n/**\n * Takes in FormState and removes fields that are not serializable.\n * Returns FormState without blacklisted keys.\n */\nexport const reduceToSerializableFields = (\n  fields: FormState,\n): {\n  [key: string]: Omit<FormField, BlacklistedKeys>\n} => {\n  const result: Record<string, Omit<FormField, BlacklistedKeys>> = {}\n\n  for (const key in fields) {\n    result[key] = sanitizeField(fields[key])\n  }\n\n  return result\n}\n"],"names":["blacklistedKeys","sanitizeField","incomingField","field","key","reduceToSerializableFields","fields","result"],"mappings":"AAGA,MAAMA,kBAAqC;IAAC;IAAY;CAAmB;AAE3E,MAAMC,gBAAgB,CAACC;IACrB,MAAMC,QAAQ;QAAE,GAAGD,aAAa;IAAC,EAAE,yDAAyD;;IAE5F,KAAK,MAAME,OAAOJ,gBAAiB;QACjC,OAAOG,KAAK,CAACC,IAAI;IACnB;IAEA,OAAOD;AACT;AAEA;;;CAGC,GACD,OAAO,MAAME,6BAA6B,CACxCC;IAIA,MAAMC,SAA2D,CAAC;IAElE,IAAK,MAAMH,OAAOE,OAAQ;QACxBC,MAAM,CAACH,IAAI,GAAGH,cAAcK,MAAM,CAACF,IAAI;IACzC;IAEA,OAAOG;AACT,EAAC"}
+{"version":3,"sources":["../../../src/forms/Form/reduceToSerializableFields.ts"],"sourcesContent":["import { type FormField, type FormState } from 'payload'\n\ntype BlacklistedKeys = 'customComponents' | 'validate'\nconst blacklistedKeys: BlacklistedKeys[] = ['validate', 'customComponents']\n\nconst sanitizeField = (incomingField: FormField): FormField => {\n  const field = { ...incomingField } // shallow copy, as we only need to remove top-level keys\n\n  for (const key of blacklistedKeys) {\n    delete field[key]\n  }\n\n  return field\n}\n\n/**\n * Takes in FormState and removes fields that are not serializable.\n * Returns FormState without blacklisted keys.\n */\nexport const reduceToSerializableFields = (\n  fields: FormState,\n): {\n  [key: string]: Omit<FormField, BlacklistedKeys>\n} => {\n  const result: Record<string, Omit<FormField, BlacklistedKeys>> = {}\n\n  for (const key in fields) {\n    result[key] = sanitizeField(fields[key])\n  }\n\n  return result\n}\n"],"names":["blacklistedKeys","sanitizeField","incomingField","field","key","reduceToSerializableFields","fields","result"],"mappings":"AAGA,MAAMA,kBAAqC;IAAC;IAAY;CAAmB;AAE3E,MAAMC,gBAAgB,CAACC;IACrB,MAAMC,QAAQ;QAAE,GAAGD,aAAa;IAAC;IAAE,yDAAyD;IAE5F,KAAK,MAAME,OAAOJ,gBAAiB;QACjC,OAAOG,KAAK,CAACC,IAAI;IACnB;IAEA,OAAOD;AACT;AAEA;;;CAGC,GACD,OAAO,MAAME,6BAA6B,CACxCC;IAIA,MAAMC,SAA2D,CAAC;IAElE,IAAK,MAAMH,OAAOE,OAAQ;QACxBC,MAAM,CAACH,IAAI,GAAGH,cAAcK,MAAM,CAACF,IAAI;IACzC;IAEA,OAAOG;AACT,EAAC"}

package/dist/forms/Form/types.js

@@ -1,3 +1,54 @@
-export { };
+/**
+     * Arbitrary context passed to the onSuccess callback.
+     */ /**
+     * The form state that was sent with the request when retrieving the `json` arg.
+     */ /**
+   * If you would like to solely leverage server-side validation on submit,
+   * you can disable checks that the form makes before it submits
+   */ /**
+   * If you don't want the form to be a <form> element, you can pass a string here to use as the wrapper element.
+   */ /**
+   * 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.
+   * 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
+   * feature of the Lexical Rich Text field)
+   */ /**
+   * Determines if this Form is the main, top-level Form of a document. If set to true, the
+   * Form's children will be wrapped in a DocumentFormContext, which lets you access this document
+   * Form's data and fields from any child component - even if that child component is wrapped in a child
+   * Form (e.g. a lexical block).
+   */ /**
+   * If you want to pass additional data to the onSuccess callback, you can use this context object.
+   *
+   * @experimental This property is experimental and may change in the future.
+   */ /**
+   * When true, will disable the form while it is processing.
+   * @default true
+   */ /**
+   * When true, will disable the success toast after form submission.
+   * @default false
+   */ /**
+   * When true, will skip validation before submitting the form.
+   * @default false
+   */ /**
+ * Returns the form state and the response from the server.
+ *
+ * @experimental - Note: the `{ res: ... }` return type is experimental and may change in the future. Use at your own risk.
+ */ /**
+   * If mergeOverrideData true, the data will be merged with the existing data in the form state.
+   * @default true
+   */ /**
+     * If provided, will use this instead of of derived data from the current form state.
+     */ /**
+   * If `sanitize` is true, default values will be set for form field properties that are not present in the incoming state.
+   * For example, `valid` will be set to true if it is not present in the incoming state.
+   */ export { }; /**
+   * Form context fields may be outdated and should not be relied on. Instead, prefer `useFormFields`.
+   */  /**
+   * Tracks wether the form state passes validation.
+   * For example the state could be submitted but invalid as field errors have been returned.
+   */  /**
+   * If the form has started processing in the background (e.g.
+   * if autosave is running), this will be true.
+   */ 
 
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Data,\n  FormField,\n  FormState,\n  Row,\n  TypedUser,\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: TypedUser\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"],"names":[],"mappings":"AAwQA,WAwEC"}
+{"version":3,"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type {\n  ClientField,\n  Data,\n  FormField,\n  FormState,\n  Row,\n  TypedUser,\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: TypedUser\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"],"names":[],"mappings":"AAqBI;;KAEC,GAED;;KAEC,GAWH;;;GAGC,GAED;;GAEC,GAED;;;;GAIC,GAQD;;;;;GAKC,GAyBD;;;;GAIC,GAED;;;GAGC,GAED;;;GAGC,GAID;;;GAGC,GASU;;;;CAIZ,GAOC;;;GAGC,GAEC;;KAEC,GAmBH;;;GAGC,GAyGH,WAwEC,CAtDC;;GAEC,IASD;;;GAGC,IA2BD;;;GAGC"}

package/dist/forms/NullifyField/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import * as React from 'react';
 import { Banner } from '../../elements/Banner/index.js';
 import { CheckboxField } from '../../fields/Checkbox/index.js';
@@ -44,13 +44,14 @@ export const NullifyLocaleField = ({ fieldValue, localized, path, readOnly = fal
         if (hideCheckbox) {
             if (checked) {
                 setChecked(false);
-            } // uncheck when field has value
+            }
+            // uncheck when field has value
             return null;
         }
     }
-    return /*#__PURE__*/ _jsx(Banner, {
+    return /*#__PURE__*/ _jsxDEV(Banner, {
         className: baseClass,
-        children: !fieldValue && readOnly ? t('general:fallbackToDefaultLocale') : /*#__PURE__*/ _jsx(CheckboxField, {
+        children: !fieldValue && readOnly ? t('general:fallbackToDefaultLocale') : /*#__PURE__*/ _jsxDEV(CheckboxField, {
             checked: checked,
             field: {
                 name: '',
@@ -60,8 +61,16 @@ export const NullifyLocaleField = ({ fieldValue, localized, path, readOnly = fal
             onChange: onChange,
             path: path,
             schemaPath: ""
-        })
-    });
+        }, void 0, false, {
+            fileName: "src/forms/NullifyField/index.tsx",
+            lineNumber: 80,
+            columnNumber: 9
+        }, this)
+    }, void 0, false, {
+        fileName: "src/forms/NullifyField/index.tsx",
+        lineNumber: 76,
+        columnNumber: 5
+    }, this);
 };
 
 //# 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'\nimport { useForm } from '../Form/context.js'\nimport './index.scss'\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"],"names":["React","Banner","CheckboxField","useConfig","useLocale","useTranslation","useForm","baseClass","NullifyLocaleField","fieldValue","localized","path","readOnly","code","currentLocale","config","localization","checked","setChecked","useState","t","dispatchFields","setModified","defaultLocale","fallback","onChange","useFallback","type","value","hideCheckbox","Array","isArray","length","className","field","name","label","id","replace","schemaPath"],"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;AACrE,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,qBAAwD,CAAC,EACpEC,UAAU,EACVC,SAAS,EACTC,IAAI,EACJC,WAAW,KAAK,EACjB;IACC,MAAM,EAAEC,MAAMC,aAAa,EAAE,GAAGV;IAChC,MAAM,EACJW,QAAQ,EAAEC,YAAY,EAAE,EACzB,GAAGb;IACJ,MAAM,CAACc,SAASC,WAAW,GAAGlB,MAAMmB,QAAQ,CAAU,OAAOV,eAAe;IAC5E,MAAM,EAAEW,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,cAAc,EAAEC,WAAW,EAAE,GAAGhB;IAExC,IAAI,CAACI,aAAa,CAACM,cAAc;QAC/B,kEAAkE;QAClE,OAAO;IACT;IAEA,IAAIA,aAAaO,aAAa,KAAKT,iBAAiB,CAACE,aAAaQ,QAAQ,EAAE;QAC1E,yDAAyD;QACzD,OAAO;IACT;IAEA,MAAMC,WAAW;QACf,MAAMC,cAAc,CAACT;QAErBI,eAAe;YACbM,MAAM;YACNhB;YACAiB,OAAOF,cAAc,OAAOjB,cAAc;QAC5C;QACAa,YAAY;QACZJ,WAAWQ;IACb;IAEA,IAAIjB,YAAY;QACd,IAAIoB,eAAe;QACnB,IAAI,OAAOpB,eAAe,YAAYA,aAAa,GAAG;YACpDoB,eAAe;QACjB;QACA,IAAIC,MAAMC,OAAO,CAACtB,eAAeA,WAAWuB,MAAM,GAAG,GAAG;YACtDH,eAAe;QACjB;QAEA,IAAIA,cAAc;YAChB,IAAIZ,SAAS;gBACXC,WAAW;YACb,EAAE,+BAA+B;YACjC,OAAO;QACT;IACF;IAEA,qBACE,KAACjB;QAAOgC,WAAW1B;kBAChB,CAACE,cAAcG,WACdQ,EAAE,mDAEF,KAAClB;YACCe,SAASA;YACTiB,OAAO;gBACLC,MAAM;gBACNC,OAAOhB,EAAE;YACX;YACAiB,IAAI,CAAC,MAAM,EAAE1B,KAAK2B,OAAO,CAAC,OAAO,OAAO;YACxCb,UAAUA;YACVd,MAAMA;YACN4B,YAAW;;;AAKrB,EAAC"}
+{"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'\nimport { useForm } from '../Form/context.js'\nimport './index.scss'\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"],"names":["React","Banner","CheckboxField","useConfig","useLocale","useTranslation","useForm","baseClass","NullifyLocaleField","fieldValue","localized","path","readOnly","code","currentLocale","config","localization","checked","setChecked","useState","t","dispatchFields","setModified","defaultLocale","fallback","onChange","useFallback","type","value","hideCheckbox","Array","isArray","length","className","field","name","label","id","replace","schemaPath"],"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;AACrE,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,MAAMC,qBAAwD,CAAC,EACpEC,UAAU,EACVC,SAAS,EACTC,IAAI,EACJC,WAAW,KAAK,EACjB;IACC,MAAM,EAAEC,MAAMC,aAAa,EAAE,GAAGV;IAChC,MAAM,EACJW,QAAQ,EAAEC,YAAY,EAAE,EACzB,GAAGb;IACJ,MAAM,CAACc,SAASC,WAAW,GAAGlB,MAAMmB,QAAQ,CAAU,OAAOV,eAAe;IAC5E,MAAM,EAAEW,CAAC,EAAE,GAAGf;IACd,MAAM,EAAEgB,cAAc,EAAEC,WAAW,EAAE,GAAGhB;IAExC,IAAI,CAACI,aAAa,CAACM,cAAc;QAC/B,kEAAkE;QAClE,OAAO;IACT;IAEA,IAAIA,aAAaO,aAAa,KAAKT,iBAAiB,CAACE,aAAaQ,QAAQ,EAAE;QAC1E,yDAAyD;QACzD,OAAO;IACT;IAEA,MAAMC,WAAW;QACf,MAAMC,cAAc,CAACT;QAErBI,eAAe;YACbM,MAAM;YACNhB;YACAiB,OAAOF,cAAc,OAAOjB,cAAc;QAC5C;QACAa,YAAY;QACZJ,WAAWQ;IACb;IAEA,IAAIjB,YAAY;QACd,IAAIoB,eAAe;QACnB,IAAI,OAAOpB,eAAe,YAAYA,aAAa,GAAG;YACpDoB,eAAe;QACjB;QACA,IAAIC,MAAMC,OAAO,CAACtB,eAAeA,WAAWuB,MAAM,GAAG,GAAG;YACtDH,eAAe;QACjB;QAEA,IAAIA,cAAc;YAChB,IAAIZ,SAAS;gBACXC,WAAW;YACb;YAAE,+BAA+B;YACjC,OAAO;QACT;IACF;IAEA,qBACE,QAACjB;QAAOgC,WAAW1B;kBAChB,CAACE,cAAcG,WACdQ,EAAE,mDAEF,QAAClB;YACCe,SAASA;YACTiB,OAAO;gBACLC,MAAM;gBACNC,OAAOhB,EAAE;YACX;YACAiB,IAAI,CAAC,MAAM,EAAE1B,KAAK2B,OAAO,CAAC,OAAO,OAAO;YACxCb,UAAUA;YACVd,MAAMA;YACN4B,YAAW;;;;;;;;;;;AAKrB,EAAC"}

package/dist/forms/RenderFields/RenderField.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ArrayField } from '../../fields/Array/index.js';
 import { BlocksField } from '../../fields/Blocks/index.js';
@@ -34,10 +34,14 @@ export function RenderField({ clientFieldConfig, forceRender, indexPath, parentP
         schemaPath
     };
     if (clientFieldConfig.admin?.hidden) {
-        return /*#__PURE__*/ _jsx(HiddenField, {
+        return /*#__PURE__*/ _jsxDEV(HiddenField, {
             ...baseFieldProps,
             path: path
-        });
+        }, void 0, false, {
+            fileName: "src/forms/RenderFields/RenderField.tsx",
+            lineNumber: 67,
+            columnNumber: 12
+        }, this);
     }
     if (CustomField !== undefined) {
         return CustomField || null;
@@ -50,132 +54,220 @@ export function RenderField({ clientFieldConfig, forceRender, indexPath, parentP
     };
     switch(clientFieldConfig.type){
         case 'array':
-            return /*#__PURE__*/ _jsx(ArrayField, {
+            return /*#__PURE__*/ _jsxDEV(ArrayField, {
                 ...iterableFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 83,
+                columnNumber: 14
+            }, this);
         case 'blocks':
-            return /*#__PURE__*/ _jsx(BlocksField, {
+            return /*#__PURE__*/ _jsxDEV(BlocksField, {
                 ...iterableFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 86,
+                columnNumber: 14
+            }, this);
         case 'checkbox':
-            return /*#__PURE__*/ _jsx(CheckboxField, {
+            return /*#__PURE__*/ _jsxDEV(CheckboxField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 89,
+                columnNumber: 14
+            }, this);
         case 'code':
-            return /*#__PURE__*/ _jsx(CodeField, {
+            return /*#__PURE__*/ _jsxDEV(CodeField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 92,
+                columnNumber: 14
+            }, this);
         case 'collapsible':
-            return /*#__PURE__*/ _jsx(CollapsibleField, {
+            return /*#__PURE__*/ _jsxDEV(CollapsibleField, {
                 ...iterableFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 95,
+                columnNumber: 14
+            }, this);
         case 'date':
-            return /*#__PURE__*/ _jsx(DateTimeField, {
+            return /*#__PURE__*/ _jsxDEV(DateTimeField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 98,
+                columnNumber: 14
+            }, this);
         case 'email':
-            return /*#__PURE__*/ _jsx(EmailField, {
+            return /*#__PURE__*/ _jsxDEV(EmailField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 101,
+                columnNumber: 14
+            }, this);
         case 'group':
-            return /*#__PURE__*/ _jsx(GroupField, {
+            return /*#__PURE__*/ _jsxDEV(GroupField, {
                 ...iterableFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 104,
+                columnNumber: 14
+            }, this);
         case 'join':
-            return /*#__PURE__*/ _jsx(JoinField, {
+            return /*#__PURE__*/ _jsxDEV(JoinField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 107,
+                columnNumber: 14
+            }, this);
         case 'json':
-            return /*#__PURE__*/ _jsx(JSONField, {
+            return /*#__PURE__*/ _jsxDEV(JSONField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 110,
+                columnNumber: 14
+            }, this);
         case 'number':
-            return /*#__PURE__*/ _jsx(NumberField, {
+            return /*#__PURE__*/ _jsxDEV(NumberField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 113,
+                columnNumber: 14
+            }, this);
         case 'point':
-            return /*#__PURE__*/ _jsx(PointField, {
+            return /*#__PURE__*/ _jsxDEV(PointField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 116,
+                columnNumber: 14
+            }, this);
         case 'radio':
-            return /*#__PURE__*/ _jsx(RadioGroupField, {
+            return /*#__PURE__*/ _jsxDEV(RadioGroupField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 119,
+                columnNumber: 14
+            }, this);
         case 'relationship':
-            return /*#__PURE__*/ _jsx(RelationshipField, {
+            return /*#__PURE__*/ _jsxDEV(RelationshipField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 122,
+                columnNumber: 14
+            }, this);
         case 'richText':
-            return /*#__PURE__*/ _jsx(RichTextField, {
+            return /*#__PURE__*/ _jsxDEV(RichTextField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 125,
+                columnNumber: 14
+            }, this);
         case 'row':
-            return /*#__PURE__*/ _jsx(RowField, {
+            return /*#__PURE__*/ _jsxDEV(RowField, {
                 ...iterableFieldProps,
                 field: clientFieldConfig
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 128,
+                columnNumber: 14
+            }, this);
         case 'select':
-            return /*#__PURE__*/ _jsx(SelectField, {
+            return /*#__PURE__*/ _jsxDEV(SelectField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 131,
+                columnNumber: 14
+            }, this);
         case 'tabs':
-            return /*#__PURE__*/ _jsx(TabsField, {
+            return /*#__PURE__*/ _jsxDEV(TabsField, {
                 ...iterableFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 134,
+                columnNumber: 14
+            }, this);
         case 'text':
-            return /*#__PURE__*/ _jsx(TextField, {
+            return /*#__PURE__*/ _jsxDEV(TextField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 137,
+                columnNumber: 14
+            }, this);
         case 'textarea':
-            return /*#__PURE__*/ _jsx(TextareaField, {
+            return /*#__PURE__*/ _jsxDEV(TextareaField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 140,
+                columnNumber: 14
+            }, this);
         case 'ui':
-            return /*#__PURE__*/ _jsx(UIField, {});
+            return /*#__PURE__*/ _jsxDEV(UIField, {}, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 143,
+                columnNumber: 14
+            }, this);
         case 'upload':
-            return /*#__PURE__*/ _jsx(UploadField, {
+            return /*#__PURE__*/ _jsxDEV(UploadField, {
                 ...baseFieldProps,
                 field: clientFieldConfig,
                 path: path
-            });
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 146,
+                columnNumber: 14
+            }, this);
     }
 }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientComponentProps,\n  ClientField,\n  FieldPaths,\n  SanitizedFieldPermissions,\n} from 'payload'\n\nimport React from 'react'\n\nimport { ArrayField } from '../../fields/Array/index.js'\nimport { BlocksField } from '../../fields/Blocks/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { CodeField } from '../../fields/Code/index.js'\nimport { CollapsibleField } from '../../fields/Collapsible/index.js'\nimport { DateTimeField } from '../../fields/DateTime/index.js'\nimport { EmailField } from '../../fields/Email/index.js'\nimport { GroupField } from '../../fields/Group/index.js'\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { JoinField } from '../../fields/Join/index.js'\nimport { JSONField } from '../../fields/JSON/index.js'\nimport { NumberField } from '../../fields/Number/index.js'\nimport { PointField } from '../../fields/Point/index.js'\nimport { RadioGroupField } from '../../fields/RadioGroup/index.js'\nimport { RelationshipField } from '../../fields/Relationship/index.js'\nimport { RichTextField } from '../../fields/RichText/index.js'\nimport { RowField } from '../../fields/Row/index.js'\nimport { SelectField } from '../../fields/Select/index.js'\nimport { TabsField } from '../../fields/Tabs/index.js'\nimport { TextField } from '../../fields/Text/index.js'\nimport { TextareaField } from '../../fields/Textarea/index.js'\nimport { UIField } from '../../fields/UI/index.js'\nimport { UploadField } from '../../fields/Upload/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\n\ntype RenderFieldProps = {\n  clientFieldConfig: ClientField\n  permissions: SanitizedFieldPermissions\n} & FieldPaths &\n  Pick<ClientComponentProps, 'forceRender' | 'readOnly' | 'schemaPath'>\n\nexport function RenderField({\n  clientFieldConfig,\n  forceRender,\n  indexPath,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions,\n  readOnly,\n  schemaPath,\n}: RenderFieldProps) {\n  const CustomField = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  const baseFieldProps: Pick<\n    ClientComponentProps,\n    'forceRender' | 'permissions' | 'readOnly' | 'schemaPath'\n  > = {\n    forceRender,\n    permissions,\n    readOnly,\n    schemaPath,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} path={path} />\n  }\n\n  if (CustomField !== undefined) {\n    return CustomField || null\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n  }\n\n  switch (clientFieldConfig.type) {\n    case 'array':\n      return <ArrayField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'blocks':\n      return <BlocksField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'checkbox':\n      return <CheckboxField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'code':\n      return <CodeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'collapsible':\n      return <CollapsibleField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'date':\n      return <DateTimeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'email':\n      return <EmailField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'group':\n      return <GroupField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'join':\n      return <JoinField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'json':\n      return <JSONField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'number':\n      return <NumberField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'point':\n      return <PointField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'radio':\n      return <RadioGroupField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'relationship':\n      return <RelationshipField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'richText':\n      return <RichTextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'row':\n      return <RowField {...iterableFieldProps} field={clientFieldConfig} />\n\n    case 'select':\n      return <SelectField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'tabs':\n      return <TabsField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'text':\n      return <TextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'textarea':\n      return <TextareaField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'ui':\n      return <UIField />\n\n    case 'upload':\n      return <UploadField {...baseFieldProps} field={clientFieldConfig} path={path} />\n  }\n}\n"],"names":["React","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","DateTimeField","EmailField","GroupField","HiddenField","JoinField","JSONField","NumberField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","useFormFields","RenderField","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","CustomField","fields","customComponents","Field","baseFieldProps","admin","hidden","undefined","iterableFieldProps","type","field"],"mappings":"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"}
+{"version":3,"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientComponentProps,\n  ClientField,\n  FieldPaths,\n  SanitizedFieldPermissions,\n} from 'payload'\n\nimport React from 'react'\n\nimport { ArrayField } from '../../fields/Array/index.js'\nimport { BlocksField } from '../../fields/Blocks/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { CodeField } from '../../fields/Code/index.js'\nimport { CollapsibleField } from '../../fields/Collapsible/index.js'\nimport { DateTimeField } from '../../fields/DateTime/index.js'\nimport { EmailField } from '../../fields/Email/index.js'\nimport { GroupField } from '../../fields/Group/index.js'\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { JoinField } from '../../fields/Join/index.js'\nimport { JSONField } from '../../fields/JSON/index.js'\nimport { NumberField } from '../../fields/Number/index.js'\nimport { PointField } from '../../fields/Point/index.js'\nimport { RadioGroupField } from '../../fields/RadioGroup/index.js'\nimport { RelationshipField } from '../../fields/Relationship/index.js'\nimport { RichTextField } from '../../fields/RichText/index.js'\nimport { RowField } from '../../fields/Row/index.js'\nimport { SelectField } from '../../fields/Select/index.js'\nimport { TabsField } from '../../fields/Tabs/index.js'\nimport { TextField } from '../../fields/Text/index.js'\nimport { TextareaField } from '../../fields/Textarea/index.js'\nimport { UIField } from '../../fields/UI/index.js'\nimport { UploadField } from '../../fields/Upload/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\n\ntype RenderFieldProps = {\n  clientFieldConfig: ClientField\n  permissions: SanitizedFieldPermissions\n} & FieldPaths &\n  Pick<ClientComponentProps, 'forceRender' | 'readOnly' | 'schemaPath'>\n\nexport function RenderField({\n  clientFieldConfig,\n  forceRender,\n  indexPath,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions,\n  readOnly,\n  schemaPath,\n}: RenderFieldProps) {\n  const CustomField = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  const baseFieldProps: Pick<\n    ClientComponentProps,\n    'forceRender' | 'permissions' | 'readOnly' | 'schemaPath'\n  > = {\n    forceRender,\n    permissions,\n    readOnly,\n    schemaPath,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} path={path} />\n  }\n\n  if (CustomField !== undefined) {\n    return CustomField || null\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n  }\n\n  switch (clientFieldConfig.type) {\n    case 'array':\n      return <ArrayField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'blocks':\n      return <BlocksField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'checkbox':\n      return <CheckboxField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'code':\n      return <CodeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'collapsible':\n      return <CollapsibleField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'date':\n      return <DateTimeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'email':\n      return <EmailField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'group':\n      return <GroupField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'join':\n      return <JoinField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'json':\n      return <JSONField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'number':\n      return <NumberField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'point':\n      return <PointField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'radio':\n      return <RadioGroupField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'relationship':\n      return <RelationshipField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'richText':\n      return <RichTextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'row':\n      return <RowField {...iterableFieldProps} field={clientFieldConfig} />\n\n    case 'select':\n      return <SelectField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'tabs':\n      return <TabsField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'text':\n      return <TextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'textarea':\n      return <TextareaField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'ui':\n      return <UIField />\n\n    case 'upload':\n      return <UploadField {...baseFieldProps} field={clientFieldConfig} path={path} />\n  }\n}\n"],"names":["React","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","DateTimeField","EmailField","GroupField","HiddenField","JoinField","JSONField","NumberField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","useFormFields","RenderField","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","CustomField","fields","customComponents","Field","baseFieldProps","admin","hidden","undefined","iterableFieldProps","type","field"],"mappings":"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"}

package/dist/forms/RenderFields/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared';
 import React from 'react';
 import { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js';
@@ -12,7 +12,7 @@ export const RenderFields = (props)=>{
     const { className, fields, forceRender, margins, parentIndexPath, parentPath, parentSchemaPath, permissions, readOnly: readOnlyFromParent } = props;
     const operation = useOperation();
     if (fields && fields.length > 0) {
-        return /*#__PURE__*/ _jsx(RenderIfInViewport, {
+        return /*#__PURE__*/ _jsxDEV(RenderIfInViewport, {
             className: [
                 baseClass,
                 className,
@@ -54,9 +54,9 @@ export const RenderFields = (props)=>{
                     parentPath,
                     parentSchemaPath
                 });
-                return /*#__PURE__*/ _jsx(FieldPathContext, {
+                return /*#__PURE__*/ _jsxDEV(FieldPathContext, {
                     value: path,
-                    children: /*#__PURE__*/ _jsx(RenderField, {
+                    children: /*#__PURE__*/ _jsxDEV(RenderField, {
                         clientFieldConfig: field,
                         forceRender: forceRender,
                         indexPath: indexPath,
@@ -66,10 +66,22 @@ export const RenderFields = (props)=>{
                         permissions: fieldPermissions,
                         readOnly: isReadOnly,
                         schemaPath: schemaPath
-                    })
-                }, `${path}-${i}`);
+                    }, void 0, false, {
+                        fileName: "src/forms/RenderFields/index.tsx",
+                        lineNumber: 97,
+                        columnNumber: 15
+                    }, this)
+                }, `${path}-${i}`, false, {
+                    fileName: "src/forms/RenderFields/index.tsx",
+                    lineNumber: 96,
+                    columnNumber: 13
+                }, this);
             })
-        });
+        }, void 0, false, {
+            fileName: "src/forms/RenderFields/index.tsx",
+            lineNumber: 37,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };