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

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,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"}

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,3 @@
-export {};
+export { };
+
 //# 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":"AAwQA,WAwEC"}

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,59 @@ 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,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"}