@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

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

@@ -1 +1 @@
-{"version":3,"file":"mergeServerFormState.js","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"],"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"],"mappings":"AAAA;;AAGA,SAASA,MAAM,QAAQ,cAAa,CAAC;AAuBrC;;;;;;;;;;;;AAYA,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EACnCC,YAAY;EACZC,YAAA,GAAe,CAAC,CAAC;EACjBC;AAAa,CACR;EACL,MAAMC,QAAA,GAAW;IAAE,GAAGF;EAAa;EAEnC,KAAK,MAAM,CAACG,IAAA,EAAMC,aAAA,CAAc,IAAIC,MAAA,CAAOC,OAAO,CAACL,aAAA,IAAiB,CAAC,IAAI;IACvE,IAAI,EAAEE,IAAA,IAAQH,YAAW,KAAM,CAACI,aAAA,CAAcG,aAAa,EAAE;MAC3D;IACF;IAEA;;;;;;IAMA,MAAMC,iBAAA,GACJJ,aAAA,CAAcG,aAAa,IAC3BR,YAAA,KAAiB,QAChB,OAAOA,YAAA,KAAiB,YACvBA,YAAA,KAAiB;IACjB;IACAA,YAAA,CAAaU,oBAAoB,KAAK,SACtC,CAACT,YAAY,CAACG,IAAA,CAAK,EAAEO,UAAA;IAEzB,IAAIC,sBAAA,GAAyBP,aAAA;IAE7B,IAAI,CAACI,iBAAA,EAAmB;MACtB;;;;;MAKA,MAAM;QAAEI,YAAY;QAAEC,KAAK;QAAE,GAAGC;MAAA,CAAM,GAAGV,aAAA;MACzCO,sBAAA,GAAyBG,IAAA;IAC3B;IAEAZ,QAAQ,CAACC,IAAA,CAAK,GAAG;MACf,GAAGH,YAAY,CAACG,IAAA,CAAK;MACrB,GAAGQ;IACL;IAEA,IACEX,YAAY,CAACG,IAAA,CAAK,IAClB,gBAAgBH,YAAY,CAACG,IAAA,CAAK,IAClC,EAAE,gBAAgBC,aAAY,GAC9B;MACAF,QAAQ,CAACC,IAAA,CAAK,CAACY,UAAU,GAAG,EAAE;IAChC;IAEA;;;;;;IAMA,IAAIC,KAAA,CAAMC,OAAO,CAACb,aAAA,CAAcc,IAAI,KAAKf,IAAA,IAAQH,YAAA,EAAc;MAC7DE,QAAQ,CAACC,IAAA,CAAK,CAACe,IAAI,GAAG,C,IAAKlB,YAAY,CAACG,IAAA,CAAK,EAAEe,IAAA,IAAQ,EAAE,EAAE,CAAC;MAAA;MAE5Dd,aAAA,CAAcc,IAAI,CAACC,OAAO,CAAEC,GAAA;QAC1B,MAAMC,mBAAA,GAAsBrB,YAAY,CAACG,IAAA,CAAK,CAACe,IAAI,EAAEI,SAAA,CAClDC,WAAA,IAAgBA,WAAA,CAAYC,EAAE,KAAKJ,GAAA,CAAII,EAAE;QAG5C,IAAIH,mBAAA,GAAsB,CAAC,GAAG;UAC5BnB,QAAQ,CAACC,IAAA,CAAK,CAACe,IAAI,CAACG,mBAAA,CAAoB,GAAG;YACzC,GAAGrB,YAAY,CAACG,IAAA,CAAK,CAACe,IAAI,CAACG,mBAAA,CAAoB;YAC/C,GAAGD;UACL;QACF,OAAO,IAAIA,GAAA,CAAIb,aAAa,EAAE;UAC5B;;;;;;;;UAQA,MAAMkB,MAAA,GAAS;YAAE,GAAGL;UAAI;UACxB,OAAOK,MAAA,CAAOlB,aAAa;UAC3BL,QAAQ,CAACC,IAAA,CAAK,CAACe,IAAI,CAACQ,IAAI,CAACD,MAAA;QAC3B;MACF;IACF;IAEA;IACA,IAAIrB,aAAA,CAAcuB,KAAK,KAAK,OAAO;MACjCzB,QAAQ,CAACC,IAAA,CAAK,CAACwB,KAAK,GAAG;IACzB;IAEA;IACA,IAAIvB,aAAA,CAAcwB,eAAe,KAAK,OAAO;MAC3C1B,QAAQ,CAACC,IAAA,CAAK,CAACyB,eAAe,GAAG;IACnC;IAEA;;;;;IAKA,IAAI,CAACxB,aAAA,CAAcyB,mBAAmB,EAAE;MACtC,OAAO3B,QAAQ,CAACC,IAAA,CAAK,CAAC0B,mBAAmB;IAC3C;IAEA;IACA;IACA,OAAO3B,QAAQ,CAACC,IAAA,CAAK,CAACI,aAAa;EACrC;EAEA;EACA;EACA,OAAOV,MAAA,CAAOK,QAAA,EAAUF,YAAA,IAAgBA,YAAA,GAAeE,QAAA;AACzD","ignoreList":[]}
+{"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

@@ -1,23 +1,26 @@
-const blacklistedKeys = ['validate', 'customComponents'];
-const sanitizeField = incomingField => {
-  const field = {
-    ...incomingField
-  } // shallow copy, as we only need to remove top-level keys
-  ;
-  for (const key of blacklistedKeys) {
-    delete field[key];
-  }
-  return field;
+const blacklistedKeys = [
+    'validate',
+    'customComponents'
+];
+const sanitizeField = (incomingField)=>{
+    const field = {
+        ...incomingField
+    };
+    // shallow copy, as we only need to remove top-level keys
+    for (const key of blacklistedKeys){
+        delete field[key];
+    }
+    return field;
 };
 /**
  * Takes in FormState and removes fields that are not serializable.
  * Returns FormState without blacklisted keys.
- */
-export const reduceToSerializableFields = fields => {
-  const result = {};
-  for (const key in fields) {
-    result[key] = sanitizeField(fields[key]);
-  }
-  return result;
+ */ export const reduceToSerializableFields = (fields)=>{
+    const result = {};
+    for(const key in fields){
+        result[key] = sanitizeField(fields[key]);
+    }
+    return result;
 };
+
 //# sourceMappingURL=reduceToSerializableFields.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"reduceToSerializableFields.js","names":["blacklistedKeys","sanitizeField","incomingField","field","key","reduceToSerializableFields","fields","result"],"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"],"mappings":"AAGA,MAAMA,eAAA,GAAqC,CAAC,YAAY,mBAAmB;AAE3E,MAAMC,aAAA,GAAiBC,aAAA;EACrB,MAAMC,KAAA,GAAQ;IAAE,GAAGD;EAAc,EAAE;EAAA;EAEnC,KAAK,MAAME,GAAA,IAAOJ,eAAA,EAAiB;IACjC,OAAOG,KAAK,CAACC,GAAA,CAAI;EACnB;EAEA,OAAOD,KAAA;AACT;AAEA;;;;AAIA,OAAO,MAAME,0BAAA,GACXC,MAAA;EAIA,MAAMC,MAAA,GAA2D,CAAC;EAElE,KAAK,MAAMH,GAAA,IAAOE,MAAA,EAAQ;IACxBC,MAAM,CAACH,GAAA,CAAI,GAAGH,aAAA,CAAcK,MAAM,CAACF,GAAA,CAAI;EACzC;EAEA,OAAOG,MAAA;AACT","ignoreList":[]}
+{"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/rowHelpers.js

@@ -1,38 +1,31 @@
 'use client';
-
-export const extractRowsAndCollapsedIDs = ({
-  collapsed,
-  rowID,
-  rows
-}) => {
-  return rows.reduce((acc, row) => {
-    if (rowID === row.id) {
-      row.collapsed = collapsed;
-    }
-    if (row.collapsed) {
-      acc.collapsedIDs.push(row.id);
-    }
-    acc.updatedRows.push(row);
-    return acc;
-  }, {
-    collapsedIDs: [],
-    updatedRows: []
-  });
+export const extractRowsAndCollapsedIDs = ({ collapsed, rowID, rows })=>{
+    return rows.reduce((acc, row)=>{
+        if (rowID === row.id) {
+            row.collapsed = collapsed;
+        }
+        if (row.collapsed) {
+            acc.collapsedIDs.push(row.id);
+        }
+        acc.updatedRows.push(row);
+        return acc;
+    }, {
+        collapsedIDs: [],
+        updatedRows: []
+    });
 };
-export const toggleAllRows = ({
-  collapsed,
-  rows
-}) => {
-  return rows.reduce((acc, row) => {
-    row.collapsed = collapsed;
-    if (collapsed) {
-      acc.collapsedIDs.push(row.id);
-    }
-    acc.updatedRows.push(row);
-    return acc;
-  }, {
-    collapsedIDs: [],
-    updatedRows: []
-  });
+export const toggleAllRows = ({ collapsed, rows })=>{
+    return rows.reduce((acc, row)=>{
+        row.collapsed = collapsed;
+        if (collapsed) {
+            acc.collapsedIDs.push(row.id);
+        }
+        acc.updatedRows.push(row);
+        return acc;
+    }, {
+        collapsedIDs: [],
+        updatedRows: []
+    });
 };
+
 //# sourceMappingURL=rowHelpers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rowHelpers.js","names":["extractRowsAndCollapsedIDs","collapsed","rowID","rows","reduce","acc","row","id","collapsedIDs","push","updatedRows","toggleAllRows"],"sources":["../../../src/forms/Form/rowHelpers.ts"],"sourcesContent":["'use client'\nimport type { Row } from 'payload'\n\nexport const extractRowsAndCollapsedIDs = ({\n  collapsed,\n  rowID,\n  rows,\n}: {\n  collapsed: boolean\n  rowID: string\n  rows: Row[]\n}): {\n  collapsedIDs: string[]\n  updatedRows: Row[]\n} => {\n  return rows.reduce(\n    (acc, row) => {\n      if (rowID === row.id) {\n        row.collapsed = collapsed\n      }\n      if (row.collapsed) {\n        acc.collapsedIDs.push(row.id)\n      }\n      acc.updatedRows.push(row)\n      return acc\n    },\n    {\n      collapsedIDs: [],\n      updatedRows: [],\n    },\n  )\n}\n\nexport const toggleAllRows = ({\n  collapsed,\n  rows,\n}): {\n  collapsedIDs: string[]\n  updatedRows: Row[]\n} => {\n  return rows.reduce(\n    (acc, row) => {\n      row.collapsed = collapsed\n      if (collapsed) {\n        acc.collapsedIDs.push(row.id)\n      }\n      acc.updatedRows.push(row)\n      return acc\n    },\n    {\n      collapsedIDs: [],\n      updatedRows: [],\n    },\n  )\n}\n"],"mappings":"AAAA;;AAGA,OAAO,MAAMA,0BAAA,GAA6BA,CAAC;EACzCC,SAAS;EACTC,KAAK;EACLC;AAAI,CAKL;EAIC,OAAOA,IAAA,CAAKC,MAAM,CAChB,CAACC,GAAA,EAAKC,GAAA;IACJ,IAAIJ,KAAA,KAAUI,GAAA,CAAIC,EAAE,EAAE;MACpBD,GAAA,CAAIL,SAAS,GAAGA,SAAA;IAClB;IACA,IAAIK,GAAA,CAAIL,SAAS,EAAE;MACjBI,GAAA,CAAIG,YAAY,CAACC,IAAI,CAACH,GAAA,CAAIC,EAAE;IAC9B;IACAF,GAAA,CAAIK,WAAW,CAACD,IAAI,CAACH,GAAA;IACrB,OAAOD,GAAA;EACT,GACA;IACEG,YAAA,EAAc,EAAE;IAChBE,WAAA,EAAa;EACf;AAEJ;AAEA,OAAO,MAAMC,aAAA,GAAgBA,CAAC;EAC5BV,SAAS;EACTE;AAAI,CACL;EAIC,OAAOA,IAAA,CAAKC,MAAM,CAChB,CAACC,GAAA,EAAKC,GAAA;IACJA,GAAA,CAAIL,SAAS,GAAGA,SAAA;IAChB,IAAIA,SAAA,EAAW;MACbI,GAAA,CAAIG,YAAY,CAACC,IAAI,CAACH,GAAA,CAAIC,EAAE;IAC9B;IACAF,GAAA,CAAIK,WAAW,CAACD,IAAI,CAACH,GAAA;IACrB,OAAOD,GAAA;EACT,GACA;IACEG,YAAA,EAAc,EAAE;IAChBE,WAAA,EAAa;EACf;AAEJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/forms/Form/rowHelpers.ts"],"sourcesContent":["'use client'\nimport type { Row } from 'payload'\n\nexport const extractRowsAndCollapsedIDs = ({\n  collapsed,\n  rowID,\n  rows,\n}: {\n  collapsed: boolean\n  rowID: string\n  rows: Row[]\n}): {\n  collapsedIDs: string[]\n  updatedRows: Row[]\n} => {\n  return rows.reduce(\n    (acc, row) => {\n      if (rowID === row.id) {\n        row.collapsed = collapsed\n      }\n      if (row.collapsed) {\n        acc.collapsedIDs.push(row.id)\n      }\n      acc.updatedRows.push(row)\n      return acc\n    },\n    {\n      collapsedIDs: [],\n      updatedRows: [],\n    },\n  )\n}\n\nexport const toggleAllRows = ({\n  collapsed,\n  rows,\n}): {\n  collapsedIDs: string[]\n  updatedRows: Row[]\n} => {\n  return rows.reduce(\n    (acc, row) => {\n      row.collapsed = collapsed\n      if (collapsed) {\n        acc.collapsedIDs.push(row.id)\n      }\n      acc.updatedRows.push(row)\n      return acc\n    },\n    {\n      collapsedIDs: [],\n      updatedRows: [],\n    },\n  )\n}\n"],"names":["extractRowsAndCollapsedIDs","collapsed","rowID","rows","reduce","acc","row","id","collapsedIDs","push","updatedRows","toggleAllRows"],"mappings":"AAAA;AAGA,OAAO,MAAMA,6BAA6B,CAAC,EACzCC,SAAS,EACTC,KAAK,EACLC,IAAI,EAKL;IAIC,OAAOA,KAAKC,MAAM,CAChB,CAACC,KAAKC;QACJ,IAAIJ,UAAUI,IAAIC,EAAE,EAAE;YACpBD,IAAIL,SAAS,GAAGA;QAClB;QACA,IAAIK,IAAIL,SAAS,EAAE;YACjBI,IAAIG,YAAY,CAACC,IAAI,CAACH,IAAIC,EAAE;QAC9B;QACAF,IAAIK,WAAW,CAACD,IAAI,CAACH;QACrB,OAAOD;IACT,GACA;QACEG,cAAc,EAAE;QAChBE,aAAa,EAAE;IACjB;AAEJ,EAAC;AAED,OAAO,MAAMC,gBAAgB,CAAC,EAC5BV,SAAS,EACTE,IAAI,EACL;IAIC,OAAOA,KAAKC,MAAM,CAChB,CAACC,KAAKC;QACJA,IAAIL,SAAS,GAAGA;QAChB,IAAIA,WAAW;YACbI,IAAIG,YAAY,CAACC,IAAI,CAACH,IAAIC,EAAE;QAC9B;QACAF,IAAIK,WAAW,CAACD,IAAI,CAACH;QACrB,OAAOD;IACT,GACA;QACEG,cAAc,EAAE;QAChBE,aAAa,EAAE;IACjB;AAEJ,EAAC"}

package/dist/forms/Form/rows.js

@@ -1,38 +1,38 @@
 '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 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
+                    }
+                };
+            }, {})
+        }), {});
+};
+
 //# sourceMappingURL=rows.js.map

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

@@ -1 +1 @@
-{"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]) {\n        newRows[rowIndex] = {}\n      }\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,EAAE;QACtBF,OAAO,CAACE,QAAA,CAAS,GAAG,CAAC;MACvB;MACAF,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":[]}
+{"version":3,"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]) {\n        newRows[rowIndex] = {}\n      }\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":"AAAA;AAQA,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,GAAGX,KAAK,CAAC,CAAC,MAAM,GAAG;YACvC,MAAM,CAACY,SAAS,GAAGJ,UAAUK,OAAO,CAAC,GAAGb,KAAK,CAAC,CAAC,EAAE,IAAIc,KAAK,CAAC;YAC3D,IAAI,CAACJ,OAAO,CAACE,SAAS,EAAE;gBACtBF,OAAO,CAACE,SAAS,GAAG,CAAC;YACvB;YACAF,OAAO,CAACE,SAAS,CAACJ,UAAUK,OAAO,CAAC,GAAGb,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,GAAGnB,KAAK,CAAC,EAAEkB,EAAE,CAAC,EAAEE,SAAS,CAAC,EAAE;wBAAE,GAAGC,QAAQ;oBAAC;gBAC7C;YACF,GAAG,CAAC,EAAE;QACR,CAAA,GACA,CAAC;AAEL,EAAC"}

package/dist/forms/Form/types.js

@@ -1,2 +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,"file":"types.js","names":[],"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"],"mappings":"AAwQA","ignoreList":[]}
+{"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,6 +1,4 @@
 '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';
@@ -11,101 +9,60 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import { useForm } from '../Form/context.js';
 import './index.scss';
 const baseClass = 'nullify-locale-field';
-export const NullifyLocaleField = t0 => {
-  const $ = _c(13);
-  const {
-    fieldValue,
-    localized,
-    path,
-    readOnly: t1
-  } = t0;
-  const readOnly = t1 === undefined ? false : t1;
-  const {
-    code: currentLocale
-  } = useLocale();
-  const {
-    config: t2
-  } = useConfig();
-  const {
-    localization
-  } = t2;
-  const [checked, setChecked] = React.useState(typeof fieldValue !== "number");
-  const {
-    t
-  } = useTranslation();
-  const {
-    dispatchFields,
-    setModified
-  } = useForm();
-  if (!localized || !localization) {
-    return null;
-  }
-  if (localization.defaultLocale === currentLocale || !localization.fallback) {
-    return null;
-  }
-  let t3;
-  if ($[0] !== checked || $[1] !== dispatchFields || $[2] !== fieldValue || $[3] !== path || $[4] !== setModified) {
-    t3 = () => {
-      const useFallback = !checked;
-      dispatchFields({
-        type: "UPDATE",
-        path,
-        value: useFallback ? null : fieldValue || 0
-      });
-      setModified(true);
-      setChecked(useFallback);
-    };
-    $[0] = checked;
-    $[1] = dispatchFields;
-    $[2] = fieldValue;
-    $[3] = path;
-    $[4] = setModified;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const onChange = t3;
-  if (fieldValue) {
-    let hideCheckbox = false;
-    if (typeof fieldValue === "number" && fieldValue > 0) {
-      hideCheckbox = true;
+export const NullifyLocaleField = ({ fieldValue, localized, path, readOnly = false })=>{
+    const { code: currentLocale } = useLocale();
+    const { config: { localization } } = useConfig();
+    const [checked, setChecked] = React.useState(typeof fieldValue !== 'number');
+    const { t } = useTranslation();
+    const { dispatchFields, setModified } = useForm();
+    if (!localized || !localization) {
+        // hide when field is not localized or localization is not enabled
+        return null;
     }
-    if (Array.isArray(fieldValue) && fieldValue.length > 0) {
-      hideCheckbox = true;
+    if (localization.defaultLocale === currentLocale || !localization.fallback) {
+        // if editing default locale or when fallback is disabled
+        return null;
     }
-    if (hideCheckbox) {
-      if (checked) {
-        setChecked(false);
-      }
-      return null;
+    const onChange = ()=>{
+        const useFallback = !checked;
+        dispatchFields({
+            type: 'UPDATE',
+            path,
+            value: useFallback ? null : fieldValue || 0
+        });
+        setModified(true);
+        setChecked(useFallback);
+    };
+    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;
+        }
     }
-  }
-  let t4;
-  if ($[6] !== checked || $[7] !== fieldValue || $[8] !== onChange || $[9] !== path || $[10] !== readOnly || $[11] !== t) {
-    t4 = _jsx(Banner, {
-      className: baseClass,
-      children: !fieldValue && readOnly ? t("general:fallbackToDefaultLocale") : _jsx(CheckboxField, {
-        checked,
-        field: {
-          name: "",
-          label: t("general:fallbackToDefaultLocale")
-        },
-        id: `field-${path.replace(/\./g, "__")}`,
-        onChange,
-        path,
-        schemaPath: ""
-      })
+    return /*#__PURE__*/ _jsx(Banner, {
+        className: baseClass,
+        children: !fieldValue && readOnly ? t('general:fallbackToDefaultLocale') : /*#__PURE__*/ _jsx(CheckboxField, {
+            checked: checked,
+            field: {
+                name: '',
+                label: t('general:fallbackToDefaultLocale')
+            },
+            id: `field-${path.replace(/\./g, '__')}`,
+            onChange: onChange,
+            path: path,
+            schemaPath: ""
+        })
     });
-    $[6] = checked;
-    $[7] = fieldValue;
-    $[8] = onChange;
-    $[9] = path;
-    $[10] = readOnly;
-    $[11] = t;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  return t4;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Banner","CheckboxField","useConfig","useLocale","useTranslation","useForm","baseClass","NullifyLocaleField","t0","$","fieldValue","localized","path","readOnly","t1","undefined","code","currentLocale","config","t2","localization","checked","setChecked","useState","t","dispatchFields","setModified","defaultLocale","fallback","t3","useFallback","type","value","onChange","hideCheckbox","Array","isArray","length","t4","_jsx","className","children","field","name","label","id","replace","schemaPath"],"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useForm } from '../Form/context.js'\nimport './index.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"],"mappings":"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","ignoreList":[]}
+{"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,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"}