@payloadcms/ui 3.0.0-alpha.47 → 3.0.0-alpha.49

package/dist/forms/Form/mergeServerFormState.js

@@ -12,26 +12,29 @@ const propsToCheck = [
  * is the thing we want to keep in sync with the server (where it's calculated) on the client.
  */ export const mergeServerFormState = (oldState, newState)=>{
     let changed = false;
-    Object.entries(newState).forEach(([path, newFieldState])=>{
-        newFieldState.initialValue = oldState[path]?.initialValue;
-        newFieldState.value = oldState[path].value;
-        const oldErrorPaths = [];
-        const newErrorPaths = [];
-        if (oldState[path].errorPaths instanceof Set) {
-            oldState[path].errorPaths.forEach((path)=>oldErrorPaths.push(path));
-        }
-        if (newFieldState.errorPaths && !Array.isArray(newFieldState.errorPaths) && typeof newFieldState.errorPaths) {
-            Object.values(newFieldState.errorPaths).forEach((path)=>newErrorPaths.push(path));
-        }
-        if (!arraysHaveSameStrings(oldErrorPaths, newErrorPaths)) {
-            changed = true;
-        }
-        propsToCheck.forEach((prop)=>{
-            if (newFieldState[prop] != oldState[path][prop]) {
+    if (oldState) {
+        Object.entries(newState).forEach(([path, newFieldState])=>{
+            if (!oldState[path]) return;
+            newFieldState.initialValue = oldState[path].initialValue;
+            newFieldState.value = oldState[path].value;
+            const oldErrorPaths = [];
+            const newErrorPaths = [];
+            if (oldState[path].errorPaths instanceof Set) {
+                oldState[path].errorPaths.forEach((path)=>oldErrorPaths.push(path));
+            }
+            if (newFieldState.errorPaths && !Array.isArray(newFieldState.errorPaths) && typeof newFieldState.errorPaths) {
+                Object.values(newFieldState.errorPaths).forEach((path)=>newErrorPaths.push(path));
+            }
+            if (!arraysHaveSameStrings(oldErrorPaths, newErrorPaths)) {
                 changed = true;
             }
+            propsToCheck.forEach((prop)=>{
+                if (newFieldState[prop] != oldState[path][prop]) {
+                    changed = true;
+                }
+            });
         });
-    });
+    }
     return {
         changed,
         newState

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/Form/mergeServerFormState.ts"],"sourcesContent":["import type { FormState } from 'payload/types'\n\nimport { arraysHaveSameStrings } from '../../utilities/arraysHaveSameStrings.js'\n\nconst propsToCheck = ['passesCondition', 'valid', 'errorMessage']\n\n/**\n * Merges certain properties from the server state into the client state. These do not include values,\n * as we do not want to update them on the client like that, which would cause flickering.\n *\n * We want to use this to update the error state, and other properties that are not user input, as the error state\n * is the thing we want to keep in sync with the server (where it's calculated) on the client.\n */\nexport const mergeServerFormState = (\n  oldState: FormState,\n  newState: FormState,\n): { changed: boolean; newState: FormState } => {\n  let changed = false\n\n  Object.entries(newState).forEach(([path, newFieldState]) => {\n    newFieldState.initialValue = oldState[path]?.initialValue\n    newFieldState.value = oldState[path].value\n\n    const oldErrorPaths: string[] = []\n    const newErrorPaths: string[] = []\n\n    if (oldState[path].errorPaths instanceof Set) {\n      oldState[path].errorPaths.forEach((path) => oldErrorPaths.push(path))\n    }\n\n    if (\n      newFieldState.errorPaths &&\n      !Array.isArray(newFieldState.errorPaths) &&\n      typeof newFieldState.errorPaths\n    ) {\n      Object.values(newFieldState.errorPaths).forEach((path) => newErrorPaths.push(path))\n    }\n\n    if (!arraysHaveSameStrings(oldErrorPaths, newErrorPaths)) {\n      changed = true\n    }\n\n    propsToCheck.forEach((prop) => {\n      if (newFieldState[prop] != oldState[path][prop]) {\n        changed = true\n      }\n    })\n  })\n\n  return { changed, newState }\n}\n"],"names":["arraysHaveSameStrings","propsToCheck","mergeServerFormState","oldState","newState","changed","Object","entries","forEach","path","newFieldState","initialValue","value","oldErrorPaths","newErrorPaths","errorPaths","Set","push","Array","isArray","values","prop"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,2CAA0C;AAEhF,MAAMC,eAAe;IAAC;IAAmB;IAAS;CAAe;AAEjE;;;;;;CAMC,GACD,OAAO,MAAMC,uBAAuB,CAClCC,UACAC;IAEA,IAAIC,UAAU;IAEdC,OAAOC,OAAO,CAACH,UAAUI,OAAO,CAAC,CAAC,CAACC,MAAMC,cAAc;QACrDA,cAAcC,YAAY,GAAGR,QAAQ,CAACM,KAAK,EAAEE;QAC7CD,cAAcE,KAAK,GAAGT,QAAQ,CAACM,KAAK,CAACG,KAAK;QAE1C,MAAMC,gBAA0B,EAAE;QAClC,MAAMC,gBAA0B,EAAE;QAElC,IAAIX,QAAQ,CAACM,KAAK,CAACM,UAAU,YAAYC,KAAK;YAC5Cb,QAAQ,CAACM,KAAK,CAACM,UAAU,CAACP,OAAO,CAAC,CAACC,OAASI,cAAcI,IAAI,CAACR;QACjE;QAEA,IACEC,cAAcK,UAAU,IACxB,CAACG,MAAMC,OAAO,CAACT,cAAcK,UAAU,KACvC,OAAOL,cAAcK,UAAU,EAC/B;YACAT,OAAOc,MAAM,CAACV,cAAcK,UAAU,EAAEP,OAAO,CAAC,CAACC,OAASK,cAAcG,IAAI,CAACR;QAC/E;QAEA,IAAI,CAACT,sBAAsBa,eAAeC,gBAAgB;YACxDT,UAAU;QACZ;QAEAJ,aAAaO,OAAO,CAAC,CAACa;YACpB,IAAIX,aAAa,CAACW,KAAK,IAAIlB,QAAQ,CAACM,KAAK,CAACY,KAAK,EAAE;gBAC/ChB,UAAU;YACZ;QACF;IACF;IAEA,OAAO;QAAEA;QAASD;IAAS;AAC7B,EAAC"}
+{"version":3,"sources":["../../../src/forms/Form/mergeServerFormState.ts"],"sourcesContent":["import type { FormState } from 'payload/types'\n\nimport { arraysHaveSameStrings } from '../../utilities/arraysHaveSameStrings.js'\n\nconst propsToCheck = ['passesCondition', 'valid', 'errorMessage']\n\n/**\n * Merges certain properties from the server state into the client state. These do not include values,\n * as we do not want to update them on the client like that, which would cause flickering.\n *\n * We want to use this to update the error state, and other properties that are not user input, as the error state\n * is the thing we want to keep in sync with the server (where it's calculated) on the client.\n */\nexport const mergeServerFormState = (\n  oldState: FormState,\n  newState: FormState,\n): { changed: boolean; newState: FormState } => {\n  let changed = false\n\n  if (oldState) {\n    Object.entries(newState).forEach(([path, newFieldState]) => {\n      if (!oldState[path]) return\n\n      newFieldState.initialValue = oldState[path].initialValue\n      newFieldState.value = oldState[path].value\n\n      const oldErrorPaths: string[] = []\n      const newErrorPaths: string[] = []\n\n      if (oldState[path].errorPaths instanceof Set) {\n        oldState[path].errorPaths.forEach((path) => oldErrorPaths.push(path))\n      }\n\n      if (\n        newFieldState.errorPaths &&\n        !Array.isArray(newFieldState.errorPaths) &&\n        typeof newFieldState.errorPaths\n      ) {\n        Object.values(newFieldState.errorPaths).forEach((path) => newErrorPaths.push(path))\n      }\n\n      if (!arraysHaveSameStrings(oldErrorPaths, newErrorPaths)) {\n        changed = true\n      }\n\n      propsToCheck.forEach((prop) => {\n        if (newFieldState[prop] != oldState[path][prop]) {\n          changed = true\n        }\n      })\n    })\n  }\n\n  return { changed, newState }\n}\n"],"names":["arraysHaveSameStrings","propsToCheck","mergeServerFormState","oldState","newState","changed","Object","entries","forEach","path","newFieldState","initialValue","value","oldErrorPaths","newErrorPaths","errorPaths","Set","push","Array","isArray","values","prop"],"mappings":"AAEA,SAASA,qBAAqB,QAAQ,2CAA0C;AAEhF,MAAMC,eAAe;IAAC;IAAmB;IAAS;CAAe;AAEjE;;;;;;CAMC,GACD,OAAO,MAAMC,uBAAuB,CAClCC,UACAC;IAEA,IAAIC,UAAU;IAEd,IAAIF,UAAU;QACZG,OAAOC,OAAO,CAACH,UAAUI,OAAO,CAAC,CAAC,CAACC,MAAMC,cAAc;YACrD,IAAI,CAACP,QAAQ,CAACM,KAAK,EAAE;YAErBC,cAAcC,YAAY,GAAGR,QAAQ,CAACM,KAAK,CAACE,YAAY;YACxDD,cAAcE,KAAK,GAAGT,QAAQ,CAACM,KAAK,CAACG,KAAK;YAE1C,MAAMC,gBAA0B,EAAE;YAClC,MAAMC,gBAA0B,EAAE;YAElC,IAAIX,QAAQ,CAACM,KAAK,CAACM,UAAU,YAAYC,KAAK;gBAC5Cb,QAAQ,CAACM,KAAK,CAACM,UAAU,CAACP,OAAO,CAAC,CAACC,OAASI,cAAcI,IAAI,CAACR;YACjE;YAEA,IACEC,cAAcK,UAAU,IACxB,CAACG,MAAMC,OAAO,CAACT,cAAcK,UAAU,KACvC,OAAOL,cAAcK,UAAU,EAC/B;gBACAT,OAAOc,MAAM,CAACV,cAAcK,UAAU,EAAEP,OAAO,CAAC,CAACC,OAASK,cAAcG,IAAI,CAACR;YAC/E;YAEA,IAAI,CAACT,sBAAsBa,eAAeC,gBAAgB;gBACxDT,UAAU;YACZ;YAEAJ,aAAaO,OAAO,CAAC,CAACa;gBACpB,IAAIX,aAAa,CAACW,KAAK,IAAIlB,QAAQ,CAACM,KAAK,CAACY,KAAK,EAAE;oBAC/ChB,UAAU;gBACZ;YACF;QACF;IACF;IAEA,OAAO;QAAEA;QAASD;IAAS;AAC7B,EAAC"}

package/dist/forms/Form/types.d.ts

@@ -6,7 +6,7 @@ import type { Dispatch } from 'react';
 export type Preferences = {
     [key: string]: unknown;
 };
-export type Props = ({
+export type FormProps = ({
     action: (formData: FormData) => Promise<void>;
 } | {
     action?: string;

package/dist/forms/Form/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,CAChB;IACE,MAAM,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9C,GACD;IACE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;CAC7C,CACJ,GAAG;IACF,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,SAAS,CAAA;KAAE,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAA;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAA;IACxC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,SAAS,CAAA;KAAE,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,CAAA;IACrE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAClD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mBAAmB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACnC,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAChD,MAAM,MAAM,MAAM,GAAG,CACnB,OAAO,CAAC,EAAE,aAAa,EACvB,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,KACjC,OAAO,CAAC,IAAI,CAAC,CAAA;AAClB,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;AACjD,MAAM,MAAM,cAAc,GAAG,CAAC,SAAS,CAAC,EAAE,GAAG,KAAK,QAAQ,CAAA;AAC1D,MAAM,MAAM,SAAS,GAAG,MAAM,SAAS,CAAA;AACvC,MAAM,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAA;AAClD,MAAM,MAAM,OAAO,GAAG,MAAM,IAAI,CAAA;AAChC,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;AACnD,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC,CAAA;AAC5D,MAAM,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;AACrD,MAAM,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;AACvD,MAAM,MAAM,aAAa,GAAG,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;AAEzD,MAAM,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,eAAe,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,kBAAkB,CAAA;IACxB,IAAI,EAAE,IAAI,CAAA;CACX,CAAA;AAED,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,QAAQ,CAAA;CACf,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;AAEtB,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,YAAY,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,IAAI,EAAE,SAAS,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,SAAS,CAAA;IACzB,IAAI,EAAE,aAAa,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,eAAe,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IAC7F,IAAI,EAAE,mBAAmB,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IAC7F,IAAI,EAAE,wBAAwB,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,WAAW,GACnB,OAAO,GACP,aAAa,GACb,gBAAgB,GAChB,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,aAAa,GACb,sBAAsB,GACtB,iBAAiB,GACjB,MAAM,CAAA;AAEV,MAAM,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAA;AAElE,MAAM,MAAM,OAAO,GAAG;IACpB,WAAW,EAAE,CAAC,EACZ,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,UAAU,GACX,EAAE;QACD,IAAI,CAAC,EAAE,IAAI,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QAIZ,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnB,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,EAAE,cAAc,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;IACrC;;OAEG;IACH,MAAM,EAAE,SAAS,CAAA;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAA;IAChD,OAAO,EAAE,OAAO,CAAA;IAChB,aAAa,EAAE,aAAa,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,SAAS,EAAE,SAAS,CAAA;IACpB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAChF,eAAe,EAAE,CAAC,EAChB,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,UAAU,GACX,EAAE;QACD,IAAI,CAAC,EAAE,IAAI,CAAA;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;KACnB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,KAAK,EAAE,KAAK,CAAA;IACZ,WAAW,EAAE,WAAW,CAAA;IACxB,aAAa,EAAE,aAAa,CAAA;IAC5B,YAAY,EAAE,YAAY,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/Form/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type { User } from 'payload/auth'\nimport type { Field, FormField, FormState } from 'payload/types'\nimport type { Data } from 'payload/types'\nimport type React from 'react'\nimport type { Dispatch } from 'react'\n\nexport type Preferences = {\n  [key: string]: unknown\n}\n\nexport type Props = (\n  | {\n      action: (formData: FormData) => Promise<void>\n    }\n  | {\n      action?: string\n      method?: 'DELETE' | 'GET' | 'PATCH' | 'POST'\n    }\n) & {\n  beforeSubmit?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  children?: React.ReactNode\n  className?: string\n  disableSuccessStatus?: boolean\n  disabled?: boolean\n  /**\n   * By default, the form will get the field schema (not data) from the current document. If you pass this in, you can override that behavior.\n   * This is very useful for sub-forms, where the form's field schema is not necessarily the field schema of the current document (e.g. for the Blocks\n   * feature of the Lexical Rich Text field)\n   */\n  fields?: Field[]\n  handleResponse?: (res: Response) => void\n  initialState?: FormState\n  log?: boolean\n  onChange?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  onSubmit?: (fields: FormState, data: Data) => void\n  onSuccess?: (json: unknown) => void\n  redirect?: string\n  submitted?: boolean\n  uuid?: string\n  validationOperation?: 'create' | 'update'\n  waitForAutocomplete?: boolean\n}\n\nexport type SubmitOptions = {\n  action?: string\n  method?: string\n  overrides?: Record<string, unknown>\n  skipValidation?: boolean\n}\n\nexport type DispatchFields = React.Dispatch<any>\nexport type Submit = (\n  options?: SubmitOptions,\n  e?: React.FormEvent<HTMLFormElement>,\n) => Promise<void>\nexport type ValidateForm = () => Promise<boolean>\nexport type CreateFormData = (overrides?: any) => FormData\nexport type GetFields = () => FormState\nexport type GetField = (path: string) => FormField\nexport type GetData = () => Data\nexport type GetSiblingData = (path: string) => Data\nexport type GetDataByPath = <T = unknown>(path: string) => T\nexport type SetModified = (modified: boolean) => void\nexport type SetSubmitted = (submitted: boolean) => void\nexport type SetProcessing = (processing: boolean) => void\n\nexport type Reset = (data: unknown) => Promise<void>\n\nexport type REPLACE_STATE = {\n  optimize?: boolean\n  state: FormState\n  type: 'REPLACE_STATE'\n}\n\nexport type REMOVE = {\n  path: string\n  type: 'REMOVE'\n}\n\nexport type MODIFY_CONDITION = {\n  path: string\n  result: boolean\n  type: 'MODIFY_CONDITION'\n  user: User\n}\n\nexport type UPDATE = {\n  path: string\n  type: 'UPDATE'\n} & Partial<FormField>\n\nexport type REMOVE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'REMOVE_ROW'\n}\n\nexport type ADD_ROW = {\n  blockType?: string\n  path: string\n  rowIndex?: number\n  subFieldState?: FormState\n  type: 'ADD_ROW'\n}\n\nexport type REPLACE_ROW = {\n  blockType?: string\n  path: string\n  rowIndex: number\n  subFieldState?: FormState\n  type: 'REPLACE_ROW'\n}\n\nexport type DUPLICATE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'DUPLICATE_ROW'\n}\n\nexport type MOVE_ROW = {\n  moveFromIndex: number\n  moveToIndex: number\n  path: string\n  type: 'MOVE_ROW'\n}\n\nexport type SET_ROW_COLLAPSED = {\n  collapsed: boolean\n  path: string\n  rowID: string\n  setDocFieldPreferences: (field: string, fieldPreferences: { [key: string]: unknown }) => void\n  type: 'SET_ROW_COLLAPSED'\n}\n\nexport type SET_ALL_ROWS_COLLAPSED = {\n  collapsed: boolean\n  path: string\n  setDocFieldPreferences: (field: string, fieldPreferences: { [key: string]: unknown }) => void\n  type: 'SET_ALL_ROWS_COLLAPSED'\n}\n\nexport type FieldAction =\n  | ADD_ROW\n  | DUPLICATE_ROW\n  | MODIFY_CONDITION\n  | MOVE_ROW\n  | REMOVE\n  | REMOVE_ROW\n  | REPLACE_ROW\n  | REPLACE_STATE\n  | SET_ALL_ROWS_COLLAPSED\n  | SET_ROW_COLLAPSED\n  | UPDATE\n\nexport type FormFieldsContext = [FormState, Dispatch<FieldAction>]\n\nexport type Context = {\n  addFieldRow: ({\n    data,\n    path,\n    rowIndex,\n    schemaPath,\n  }: {\n    data?: Data\n    path: string\n    /*\n     * by default the new row will be added to the end of the list\n     */\n    rowIndex?: number\n    schemaPath: string\n  }) => Promise<void>\n  buildRowErrors: () => void\n  createFormData: CreateFormData\n  disabled: boolean\n  dispatchFields: Dispatch<FieldAction>\n  /**\n   * @deprecated Form context fields may be outdated and should not be relied on. Instead, prefer `useFormFields`.\n   */\n  fields: FormState\n  formRef: React.MutableRefObject<HTMLFormElement>\n  getData: GetData\n  getDataByPath: GetDataByPath\n  getField: GetField\n  getFields: GetFields\n  getSiblingData: GetSiblingData\n  removeFieldRow: ({ path, rowIndex }: { path: string; rowIndex: number }) => void\n  replaceFieldRow: ({\n    data,\n    path,\n    rowIndex,\n    schemaPath,\n  }: {\n    data?: Data\n    path: string\n    rowIndex: number\n    schemaPath: string\n  }) => Promise<void>\n  replaceState: (state: FormState) => void\n  reset: Reset\n  setModified: SetModified\n  setProcessing: SetProcessing\n  setSubmitted: SetSubmitted\n  submit: Submit\n  uuid?: string\n  validateForm: ValidateForm\n}\n"],"names":[],"mappings":"AA4JA,WAiDC"}
+{"version":3,"sources":["../../../src/forms/Form/types.ts"],"sourcesContent":["import type { User } from 'payload/auth'\nimport type { Field, FormField, FormState } from 'payload/types'\nimport type { Data } from 'payload/types'\nimport type React from 'react'\nimport type { Dispatch } from 'react'\n\nexport type Preferences = {\n  [key: string]: unknown\n}\n\nexport type FormProps = (\n  | {\n      action: (formData: FormData) => Promise<void>\n    }\n  | {\n      action?: string\n      method?: 'DELETE' | 'GET' | 'PATCH' | 'POST'\n    }\n) & {\n  beforeSubmit?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  children?: React.ReactNode\n  className?: string\n  disableSuccessStatus?: boolean\n  disabled?: boolean\n  /**\n   * By default, the form will get the field schema (not data) from the current document. If you pass this in, you can override that behavior.\n   * This is very useful for sub-forms, where the form's field schema is not necessarily the field schema of the current document (e.g. for the Blocks\n   * feature of the Lexical Rich Text field)\n   */\n  fields?: Field[]\n  handleResponse?: (res: Response) => void\n  initialState?: FormState\n  log?: boolean\n  onChange?: ((args: { formState: FormState }) => Promise<FormState>)[]\n  onSubmit?: (fields: FormState, data: Data) => void\n  onSuccess?: (json: unknown) => void\n  redirect?: string\n  submitted?: boolean\n  uuid?: string\n  validationOperation?: 'create' | 'update'\n  waitForAutocomplete?: boolean\n}\n\nexport type SubmitOptions = {\n  action?: string\n  method?: string\n  overrides?: Record<string, unknown>\n  skipValidation?: boolean\n}\n\nexport type DispatchFields = React.Dispatch<any>\nexport type Submit = (\n  options?: SubmitOptions,\n  e?: React.FormEvent<HTMLFormElement>,\n) => Promise<void>\nexport type ValidateForm = () => Promise<boolean>\nexport type CreateFormData = (overrides?: any) => FormData\nexport type GetFields = () => FormState\nexport type GetField = (path: string) => FormField\nexport type GetData = () => Data\nexport type GetSiblingData = (path: string) => Data\nexport type GetDataByPath = <T = unknown>(path: string) => T\nexport type SetModified = (modified: boolean) => void\nexport type SetSubmitted = (submitted: boolean) => void\nexport type SetProcessing = (processing: boolean) => void\n\nexport type Reset = (data: unknown) => Promise<void>\n\nexport type REPLACE_STATE = {\n  optimize?: boolean\n  state: FormState\n  type: 'REPLACE_STATE'\n}\n\nexport type REMOVE = {\n  path: string\n  type: 'REMOVE'\n}\n\nexport type MODIFY_CONDITION = {\n  path: string\n  result: boolean\n  type: 'MODIFY_CONDITION'\n  user: User\n}\n\nexport type UPDATE = {\n  path: string\n  type: 'UPDATE'\n} & Partial<FormField>\n\nexport type REMOVE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'REMOVE_ROW'\n}\n\nexport type ADD_ROW = {\n  blockType?: string\n  path: string\n  rowIndex?: number\n  subFieldState?: FormState\n  type: 'ADD_ROW'\n}\n\nexport type REPLACE_ROW = {\n  blockType?: string\n  path: string\n  rowIndex: number\n  subFieldState?: FormState\n  type: 'REPLACE_ROW'\n}\n\nexport type DUPLICATE_ROW = {\n  path: string\n  rowIndex: number\n  type: 'DUPLICATE_ROW'\n}\n\nexport type MOVE_ROW = {\n  moveFromIndex: number\n  moveToIndex: number\n  path: string\n  type: 'MOVE_ROW'\n}\n\nexport type SET_ROW_COLLAPSED = {\n  collapsed: boolean\n  path: string\n  rowID: string\n  setDocFieldPreferences: (field: string, fieldPreferences: { [key: string]: unknown }) => void\n  type: 'SET_ROW_COLLAPSED'\n}\n\nexport type SET_ALL_ROWS_COLLAPSED = {\n  collapsed: boolean\n  path: string\n  setDocFieldPreferences: (field: string, fieldPreferences: { [key: string]: unknown }) => void\n  type: 'SET_ALL_ROWS_COLLAPSED'\n}\n\nexport type FieldAction =\n  | ADD_ROW\n  | DUPLICATE_ROW\n  | MODIFY_CONDITION\n  | MOVE_ROW\n  | REMOVE\n  | REMOVE_ROW\n  | REPLACE_ROW\n  | REPLACE_STATE\n  | SET_ALL_ROWS_COLLAPSED\n  | SET_ROW_COLLAPSED\n  | UPDATE\n\nexport type FormFieldsContext = [FormState, Dispatch<FieldAction>]\n\nexport type Context = {\n  addFieldRow: ({\n    data,\n    path,\n    rowIndex,\n    schemaPath,\n  }: {\n    data?: Data\n    path: string\n    /*\n     * by default the new row will be added to the end of the list\n     */\n    rowIndex?: number\n    schemaPath: string\n  }) => Promise<void>\n  buildRowErrors: () => void\n  createFormData: CreateFormData\n  disabled: boolean\n  dispatchFields: Dispatch<FieldAction>\n  /**\n   * @deprecated Form context fields may be outdated and should not be relied on. Instead, prefer `useFormFields`.\n   */\n  fields: FormState\n  formRef: React.MutableRefObject<HTMLFormElement>\n  getData: GetData\n  getDataByPath: GetDataByPath\n  getField: GetField\n  getFields: GetFields\n  getSiblingData: GetSiblingData\n  removeFieldRow: ({ path, rowIndex }: { path: string; rowIndex: number }) => void\n  replaceFieldRow: ({\n    data,\n    path,\n    rowIndex,\n    schemaPath,\n  }: {\n    data?: Data\n    path: string\n    rowIndex: number\n    schemaPath: string\n  }) => Promise<void>\n  replaceState: (state: FormState) => void\n  reset: Reset\n  setModified: SetModified\n  setProcessing: SetProcessing\n  setSubmitted: SetSubmitted\n  submit: Submit\n  uuid?: string\n  validateForm: ValidateForm\n}\n"],"names":[],"mappings":"AA4JA,WAiDC"}

package/dist/forms/NullifyField/index.js

@@ -1,11 +1,11 @@
 'use client';
 import * as React from 'react';
 import { Banner } from '../../elements/Banner/index.js';
+import { Checkbox } from '../../fields/Checkbox/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useLocale } from '../../providers/Locale/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { useForm } from '../Form/context.js';
-import CheckboxInput from '../fields/Checkbox/index.js';
 export const NullifyLocaleField = ({ fieldValue, localized, path })=>{
     const { dispatchFields, setModified } = useForm();
     const { code: currentLocale } = useLocale();
@@ -37,7 +37,7 @@ export const NullifyLocaleField = ({ fieldValue, localized, path })=>{
             return null;
         }
     }
-    return /*#__PURE__*/ React.createElement(Banner, null, /*#__PURE__*/ React.createElement(CheckboxInput, {
+    return /*#__PURE__*/ React.createElement(Banner, null, /*#__PURE__*/ React.createElement(Checkbox, {
         checked: checked,
         id: `field-${path.replace(/\./g, '__')}`,
         label: t('general:fallbackToDefaultLocale')

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { 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 CheckboxInput from '../fields/Checkbox/index.js'\n\ntype NullifyLocaleFieldProps = {\n  fieldValue?: [] | null | number\n  localized: boolean\n  path: string\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\n}) => {\n  const { dispatchFields, setModified } = useForm()\n  const { code: currentLocale } = useLocale()\n  const { localization } = useConfig()\n  const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n  const defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n  const { t } = useTranslation()\n\n  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 (!localized || currentLocale === defaultLocale || (localization && !localization.fallback)) {\n    // hide when field is not localized or editing default locale or when fallback is disabled\n    return null\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) hideCheckbox = true\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) hideCheckbox = true\n\n    if (hideCheckbox) {\n      if (checked) setChecked(false) // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner>\n      <CheckboxInput\n        checked={checked}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        label={t('general:fallbackToDefaultLocale')}\n        // onToggle={onChange}\n      />\n    </Banner>\n  )\n}\n"],"names":["React","Banner","useConfig","useLocale","useTranslation","useForm","CheckboxInput","NullifyLocaleField","fieldValue","localized","path","dispatchFields","setModified","code","currentLocale","localization","checked","setChecked","useState","defaultLocale","t","onChange","useFallback","type","value","fallback","hideCheckbox","Array","isArray","length","id","replace","label"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAO;AAE9B,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,OAAO,QAAQ,qBAAoB;AAC5C,OAAOC,mBAAmB,8BAA6B;AAQvD,OAAO,MAAMC,qBAAwD,CAAC,EACpEC,UAAU,EACVC,SAAS,EACTC,IAAI,EACL;IACC,MAAM,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGP;IACxC,MAAM,EAAEQ,MAAMC,aAAa,EAAE,GAAGX;IAChC,MAAM,EAAEY,YAAY,EAAE,GAAGb;IACzB,MAAM,CAACc,SAASC,WAAW,GAAGjB,MAAMkB,QAAQ,CAAU,OAAOV,eAAe;IAC5E,MAAMW,gBACJJ,gBAAgBA,aAAaI,aAAa,GAAGJ,aAAaI,aAAa,GAAG;IAC5E,MAAM,EAAEC,CAAC,EAAE,GAAGhB;IAEd,MAAMiB,WAAW;QACf,MAAMC,cAAc,CAACN;QAErBL,eAAe;YACbY,MAAM;YACNb;YACAc,OAAOF,cAAc,OAAOd,cAAc;QAC5C;QACAI,YAAY;QACZK,WAAWK;IACb;IAEA,IAAI,CAACb,aAAaK,kBAAkBK,iBAAkBJ,gBAAgB,CAACA,aAAaU,QAAQ,EAAG;QAC7F,0FAA0F;QAC1F,OAAO;IACT;IAEA,IAAIjB,YAAY;QACd,IAAIkB,eAAe;QACnB,IAAI,OAAOlB,eAAe,YAAYA,aAAa,GAAGkB,eAAe;QACrE,IAAIC,MAAMC,OAAO,CAACpB,eAAeA,WAAWqB,MAAM,GAAG,GAAGH,eAAe;QAEvE,IAAIA,cAAc;YAChB,IAAIV,SAASC,WAAW,OAAO,+BAA+B;;YAC9D,OAAO;QACT;IACF;IAEA,qBACE,oBAAChB,4BACC,oBAACK;QACCU,SAASA;QACTc,IAAI,CAAC,MAAM,EAAEpB,KAAKqB,OAAO,CAAC,OAAO,MAAM,CAAC;QACxCC,OAAOZ,EAAE;;AAKjB,EAAC"}
+{"version":3,"sources":["../../../src/forms/NullifyField/index.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport { Banner } from '../../elements/Banner/index.js'\nimport { Checkbox } 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'\n\ntype NullifyLocaleFieldProps = {\n  fieldValue?: [] | null | number\n  localized: boolean\n  path: string\n}\n\nexport const NullifyLocaleField: React.FC<NullifyLocaleFieldProps> = ({\n  fieldValue,\n  localized,\n  path,\n}) => {\n  const { dispatchFields, setModified } = useForm()\n  const { code: currentLocale } = useLocale()\n  const { localization } = useConfig()\n  const [checked, setChecked] = React.useState<boolean>(typeof fieldValue !== 'number')\n  const defaultLocale =\n    localization && localization.defaultLocale ? localization.defaultLocale : 'en'\n  const { t } = useTranslation()\n\n  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 (!localized || currentLocale === defaultLocale || (localization && !localization.fallback)) {\n    // hide when field is not localized or editing default locale or when fallback is disabled\n    return null\n  }\n\n  if (fieldValue) {\n    let hideCheckbox = false\n    if (typeof fieldValue === 'number' && fieldValue > 0) hideCheckbox = true\n    if (Array.isArray(fieldValue) && fieldValue.length > 0) hideCheckbox = true\n\n    if (hideCheckbox) {\n      if (checked) setChecked(false) // uncheck when field has value\n      return null\n    }\n  }\n\n  return (\n    <Banner>\n      <Checkbox\n        checked={checked}\n        id={`field-${path.replace(/\\./g, '__')}`}\n        label={t('general:fallbackToDefaultLocale')}\n        // onToggle={onChange}\n      />\n    </Banner>\n  )\n}\n"],"names":["React","Banner","Checkbox","useConfig","useLocale","useTranslation","useForm","NullifyLocaleField","fieldValue","localized","path","dispatchFields","setModified","code","currentLocale","localization","checked","setChecked","useState","defaultLocale","t","onChange","useFallback","type","value","fallback","hideCheckbox","Array","isArray","length","id","replace","label"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAO;AAE9B,SAASC,MAAM,QAAQ,iCAAgC;AACvD,SAASC,QAAQ,QAAQ,iCAAgC;AACzD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,OAAO,QAAQ,qBAAoB;AAQ5C,OAAO,MAAMC,qBAAwD,CAAC,EACpEC,UAAU,EACVC,SAAS,EACTC,IAAI,EACL;IACC,MAAM,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGN;IACxC,MAAM,EAAEO,MAAMC,aAAa,EAAE,GAAGV;IAChC,MAAM,EAAEW,YAAY,EAAE,GAAGZ;IACzB,MAAM,CAACa,SAASC,WAAW,GAAGjB,MAAMkB,QAAQ,CAAU,OAAOV,eAAe;IAC5E,MAAMW,gBACJJ,gBAAgBA,aAAaI,aAAa,GAAGJ,aAAaI,aAAa,GAAG;IAC5E,MAAM,EAAEC,CAAC,EAAE,GAAGf;IAEd,MAAMgB,WAAW;QACf,MAAMC,cAAc,CAACN;QAErBL,eAAe;YACbY,MAAM;YACNb;YACAc,OAAOF,cAAc,OAAOd,cAAc;QAC5C;QACAI,YAAY;QACZK,WAAWK;IACb;IAEA,IAAI,CAACb,aAAaK,kBAAkBK,iBAAkBJ,gBAAgB,CAACA,aAAaU,QAAQ,EAAG;QAC7F,0FAA0F;QAC1F,OAAO;IACT;IAEA,IAAIjB,YAAY;QACd,IAAIkB,eAAe;QACnB,IAAI,OAAOlB,eAAe,YAAYA,aAAa,GAAGkB,eAAe;QACrE,IAAIC,MAAMC,OAAO,CAACpB,eAAeA,WAAWqB,MAAM,GAAG,GAAGH,eAAe;QAEvE,IAAIA,cAAc;YAChB,IAAIV,SAASC,WAAW,OAAO,+BAA+B;;YAC9D,OAAO;QACT;IACF;IAEA,qBACE,oBAAChB,4BACC,oBAACC;QACCc,SAASA;QACTc,IAAI,CAAC,MAAM,EAAEpB,KAAKqB,OAAO,CAAC,OAAO,MAAM,CAAC;QACxCC,OAAOZ,EAAE;;AAKjB,EAAC"}

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

@@ -1,9 +1,22 @@
-import type { FieldPermissions } from 'payload/auth';
+import type { FieldTypes } from 'payload/config';
+import type { FieldPermissions } from 'payload/types';
 import React from 'react';
-export declare const RenderField: React.FC<{
-    Field: React.ReactNode;
-    fieldPermissions: FieldPermissions;
+import type { FieldComponentProps, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js';
+type Props = {
+    CustomField: MappedField['CustomField'];
+    disabled: boolean;
+    fieldComponentProps?: FieldComponentProps;
+    isHidden?: boolean;
     name?: string;
+    path: string;
+    permissions?: FieldPermissions;
     readOnly?: boolean;
-}>;
+    schemaPath: string;
+    siblingPermissions: {
+        [fieldName: string]: FieldPermissions;
+    };
+    type: keyof FieldTypes;
+};
+export declare const RenderField: React.FC<Props>;
+export {};
 //# sourceMappingURL=RenderField.d.ts.map

package/dist/forms/RenderFields/RenderField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderField.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/RenderField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,gBAAgB,EAAE,gBAAgB,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAoCA,CAAA"}
+{"version":3,"file":"RenderField.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/RenderField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,mBAAmB,EACnB,WAAW,EACZ,MAAM,yDAAyD,CAAA;AAOhE,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,kBAAkB,EAAE;QAClB,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,IAAI,EAAE,MAAM,UAAU,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsDvC,CAAA"}

package/dist/forms/RenderFields/RenderField.js

@@ -1,18 +1,18 @@
 'use client';
 import React from 'react';
-import { useOperation } from '../../providers/OperationProvider/index.js';
-import { FieldPathProvider, useFieldPath } from '../FieldPathProvider/index.js';
-import { ReadOnlyProvider, useReadOnly } from '../ReadOnlyProvider/index.js';
-export const RenderField = (props)=>{
-    const { name, Field, fieldPermissions, readOnly: readOnlyFromProps } = props;
-    const { path: pathFromContext, schemaPath: schemaPathFromContext } = useFieldPath();
-    const readOnlyFromContext = useReadOnly();
+import { HiddenInput } from '../../fields/HiddenInput/index.js';
+import { useFieldComponents } from '../../providers/FieldComponents/index.js';
+import { useOperation } from '../../providers/Operation/index.js';
+import { FieldPropsProvider, useFieldProps } from '../FieldPropsProvider/index.js';
+export const RenderField = ({ name, type, CustomField, disabled, fieldComponentProps, isHidden, path: pathFromProps, permissions, readOnly: readOnlyFromProps, schemaPath: schemaPathFromProps, siblingPermissions })=>{
     const operation = useOperation();
-    const path = `${pathFromContext ? `${pathFromContext}.` : ''}${name ? `${name}` : ''}`;
-    const schemaPath = `${schemaPathFromContext ? `${schemaPathFromContext}` : ''}${name ? `.${name}` : ''}`;
+    const { readOnly: readOnlyFromContext } = useFieldProps();
+    const fieldComponents = useFieldComponents();
+    const path = `${pathFromProps ? `${pathFromProps}.` : ''}${name ? `${name}` : ''}`;
+    const schemaPath = `${schemaPathFromProps ? `${schemaPathFromProps}` : ''}${name ? `.${name}` : ''}`;
     // if the user cannot read the field, then filter it out
     // this is different from `admin.readOnly` which is executed based on `operation`
-    if (fieldPermissions?.read?.permission === false) {
+    if (permissions?.read?.permission === false || disabled) {
         return null;
     }
     // `admin.readOnly` displays the value but prevents the field from being edited
@@ -20,15 +20,20 @@ export const RenderField = (props)=>{
     // if parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable
     if (readOnlyFromContext && readOnly !== false) readOnly = true;
     // if the user does not have access control to begin with, force it to be read-only
-    if (fieldPermissions?.[operation]?.permission === false) {
+    if (permissions?.[operation]?.permission === false) {
         readOnly = true;
     }
-    return /*#__PURE__*/ React.createElement(ReadOnlyProvider, {
-        readOnly: readOnly
-    }, /*#__PURE__*/ React.createElement(FieldPathProvider, {
+    const DefaultField = isHidden ? HiddenInput : fieldComponents[type];
+    if (CustomField === undefined && !DefaultField) {
+        return null;
+    }
+    return /*#__PURE__*/ React.createElement(FieldPropsProvider, {
         path: path,
-        schemaPath: schemaPath
-    }, Field));
+        permissions: permissions,
+        readOnly: readOnly,
+        schemaPath: schemaPath,
+        siblingPermissions: siblingPermissions
+    }, CustomField !== undefined ? CustomField : /*#__PURE__*/ React.createElement(DefaultField, fieldComponentProps));
 };
 
 //# sourceMappingURL=RenderField.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\n\nimport React from 'react'\n\nimport { useOperation } from '../../providers/OperationProvider/index.js'\nimport { FieldPathProvider, useFieldPath } from '../FieldPathProvider/index.js'\nimport { ReadOnlyProvider, useReadOnly } from '../ReadOnlyProvider/index.js'\n\nexport const RenderField: React.FC<{\n  Field: React.ReactNode\n  fieldPermissions: FieldPermissions\n  name?: string\n  readOnly?: boolean\n}> = (props) => {\n  const { name, Field, fieldPermissions, readOnly: readOnlyFromProps } = props\n\n  const { path: pathFromContext, schemaPath: schemaPathFromContext } = useFieldPath()\n\n  const readOnlyFromContext = useReadOnly()\n\n  const operation = useOperation()\n\n  const path = `${pathFromContext ? `${pathFromContext}.` : ''}${name ? `${name}` : ''}`\n  const schemaPath = `${schemaPathFromContext ? `${schemaPathFromContext}` : ''}${name ? `.${name}` : ''}`\n\n  // if the user cannot read the field, then filter it out\n  // this is different from `admin.readOnly` which is executed based on `operation`\n  if (fieldPermissions?.read?.permission === false) {\n    return null\n  }\n\n  // `admin.readOnly` displays the value but prevents the field from being edited\n  let readOnly = readOnlyFromProps\n\n  // if parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n  if (readOnlyFromContext && readOnly !== false) readOnly = true\n\n  // if the user does not have access control to begin with, force it to be read-only\n  if (fieldPermissions?.[operation]?.permission === false) {\n    readOnly = true\n  }\n\n  return (\n    <ReadOnlyProvider readOnly={readOnly}>\n      <FieldPathProvider path={path} schemaPath={schemaPath}>\n        {Field}\n      </FieldPathProvider>\n    </ReadOnlyProvider>\n  )\n}\n"],"names":["React","useOperation","FieldPathProvider","useFieldPath","ReadOnlyProvider","useReadOnly","RenderField","props","name","Field","fieldPermissions","readOnly","readOnlyFromProps","path","pathFromContext","schemaPath","schemaPathFromContext","readOnlyFromContext","operation","read","permission"],"mappings":"AAAA;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,6CAA4C;AACzE,SAASC,iBAAiB,EAAEC,YAAY,QAAQ,gCAA+B;AAC/E,SAASC,gBAAgB,EAAEC,WAAW,QAAQ,+BAA8B;AAE5E,OAAO,MAAMC,cAKR,CAACC;IACJ,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,gBAAgB,EAAEC,UAAUC,iBAAiB,EAAE,GAAGL;IAEvE,MAAM,EAAEM,MAAMC,eAAe,EAAEC,YAAYC,qBAAqB,EAAE,GAAGb;IAErE,MAAMc,sBAAsBZ;IAE5B,MAAMa,YAAYjB;IAElB,MAAMY,OAAO,CAAC,EAAEC,kBAAkB,CAAC,EAAEA,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAEN,OAAO,CAAC,EAAEA,KAAK,CAAC,GAAG,GAAG,CAAC;IACtF,MAAMO,aAAa,CAAC,EAAEC,wBAAwB,CAAC,EAAEA,sBAAsB,CAAC,GAAG,GAAG,EAAER,OAAO,CAAC,CAAC,EAAEA,KAAK,CAAC,GAAG,GAAG,CAAC;IAExG,wDAAwD;IACxD,iFAAiF;IACjF,IAAIE,kBAAkBS,MAAMC,eAAe,OAAO;QAChD,OAAO;IACT;IAEA,+EAA+E;IAC/E,IAAIT,WAAWC;IAEf,+GAA+G;IAC/G,IAAIK,uBAAuBN,aAAa,OAAOA,WAAW;IAE1D,mFAAmF;IACnF,IAAID,kBAAkB,CAACQ,UAAU,EAAEE,eAAe,OAAO;QACvDT,WAAW;IACb;IAEA,qBACE,oBAACP;QAAiBO,UAAUA;qBAC1B,oBAACT;QAAkBW,MAAMA;QAAME,YAAYA;OACxCN;AAIT,EAAC"}
+{"version":3,"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldTypes } from 'payload/config'\nimport type { FieldPermissions } from 'payload/types'\n\nimport React from 'react'\n\nimport type {\n  FieldComponentProps,\n  MappedField,\n} from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { HiddenInput } from '../../fields/HiddenInput/index.js'\nimport { useFieldComponents } from '../../providers/FieldComponents/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { FieldPropsProvider, useFieldProps } from '../FieldPropsProvider/index.js'\n\ntype Props = {\n  CustomField: MappedField['CustomField']\n  disabled: boolean\n  fieldComponentProps?: FieldComponentProps\n  isHidden?: boolean\n  name?: string\n  path: string\n  permissions?: FieldPermissions\n  readOnly?: boolean\n  schemaPath: string\n  siblingPermissions: {\n    [fieldName: string]: FieldPermissions\n  }\n  type: keyof FieldTypes\n}\n\nexport const RenderField: React.FC<Props> = ({\n  name,\n  type,\n  CustomField,\n  disabled,\n  fieldComponentProps,\n  isHidden,\n  path: pathFromProps,\n  permissions,\n  readOnly: readOnlyFromProps,\n  schemaPath: schemaPathFromProps,\n  siblingPermissions,\n}) => {\n  const operation = useOperation()\n  const { readOnly: readOnlyFromContext } = useFieldProps()\n  const fieldComponents = useFieldComponents()\n\n  const path = `${pathFromProps ? `${pathFromProps}.` : ''}${name ? `${name}` : ''}`\n  const schemaPath = `${schemaPathFromProps ? `${schemaPathFromProps}` : ''}${name ? `.${name}` : ''}`\n\n  // if the user cannot read the field, then filter it out\n  // this is different from `admin.readOnly` which is executed based on `operation`\n  if (permissions?.read?.permission === false || disabled) {\n    return null\n  }\n\n  // `admin.readOnly` displays the value but prevents the field from being edited\n  let readOnly = readOnlyFromProps\n\n  // if parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n  if (readOnlyFromContext && readOnly !== false) readOnly = true\n\n  // if the user does not have access control to begin with, force it to be read-only\n  if (permissions?.[operation]?.permission === false) {\n    readOnly = true\n  }\n\n  const DefaultField = isHidden ? HiddenInput : fieldComponents[type]\n\n  if (CustomField === undefined && !DefaultField) {\n    return null\n  }\n\n  return (\n    <FieldPropsProvider\n      path={path}\n      permissions={permissions}\n      readOnly={readOnly}\n      schemaPath={schemaPath}\n      siblingPermissions={siblingPermissions}\n    >\n      {CustomField !== undefined ? CustomField : <DefaultField {...fieldComponentProps} />}\n    </FieldPropsProvider>\n  )\n}\n"],"names":["React","HiddenInput","useFieldComponents","useOperation","FieldPropsProvider","useFieldProps","RenderField","name","type","CustomField","disabled","fieldComponentProps","isHidden","path","pathFromProps","permissions","readOnly","readOnlyFromProps","schemaPath","schemaPathFromProps","siblingPermissions","operation","readOnlyFromContext","fieldComponents","read","permission","DefaultField","undefined"],"mappings":"AAAA;AAKA,OAAOA,WAAW,QAAO;AAOzB,SAASC,WAAW,QAAQ,oCAAmC;AAC/D,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,iCAAgC;AAkBlF,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,IAAI,EACJC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EACnBC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,YAAYC,mBAAmB,EAC/BC,kBAAkB,EACnB;IACC,MAAMC,YAAYlB;IAClB,MAAM,EAAEa,UAAUM,mBAAmB,EAAE,GAAGjB;IAC1C,MAAMkB,kBAAkBrB;IAExB,MAAMW,OAAO,CAAC,EAAEC,gBAAgB,CAAC,EAAEA,cAAc,CAAC,CAAC,GAAG,GAAG,EAAEP,OAAO,CAAC,EAAEA,KAAK,CAAC,GAAG,GAAG,CAAC;IAClF,MAAMW,aAAa,CAAC,EAAEC,sBAAsB,CAAC,EAAEA,oBAAoB,CAAC,GAAG,GAAG,EAAEZ,OAAO,CAAC,CAAC,EAAEA,KAAK,CAAC,GAAG,GAAG,CAAC;IAEpG,wDAAwD;IACxD,iFAAiF;IACjF,IAAIQ,aAAaS,MAAMC,eAAe,SAASf,UAAU;QACvD,OAAO;IACT;IAEA,+EAA+E;IAC/E,IAAIM,WAAWC;IAEf,+GAA+G;IAC/G,IAAIK,uBAAuBN,aAAa,OAAOA,WAAW;IAE1D,mFAAmF;IACnF,IAAID,aAAa,CAACM,UAAU,EAAEI,eAAe,OAAO;QAClDT,WAAW;IACb;IAEA,MAAMU,eAAed,WAAWX,cAAcsB,eAAe,CAACf,KAAK;IAEnE,IAAIC,gBAAgBkB,aAAa,CAACD,cAAc;QAC9C,OAAO;IACT;IAEA,qBACE,oBAACtB;QACCS,MAAMA;QACNE,aAAaA;QACbC,UAAUA;QACVE,YAAYA;QACZE,oBAAoBA;OAEnBX,gBAAgBkB,YAAYlB,4BAAc,oBAACiB,cAAiBf;AAGnE,EAAC"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Props } from './types.js';
 import './index.scss';
-declare const RenderFields: React.FC<Props>;
-export default RenderFields;
+export { Props };
+export declare const RenderFields: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyDjC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAKvC,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6ExC,CAAA"}

package/dist/forms/RenderFields/index.js

@@ -4,8 +4,8 @@ import { useIntersect } from '../../hooks/useIntersect.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { RenderField } from './RenderField.js';
 const baseClass = 'render-fields';
-const RenderFields = (props)=>{
-    const { className, fieldMap, forceRender, margins } = props;
+export const RenderFields = (props)=>{
+    const { className, fieldMap, forceRender, margins, path, permissions, schemaPath } = props;
     const { i18n } = useTranslation();
     const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
     const [intersectionRef, entry] = useIntersect({
@@ -23,10 +23,12 @@ const RenderFields = (props)=>{
         hasRendered
     ]);
     if (!fieldMap || Array.isArray(fieldMap) && fieldMap.length === 0) {
-        console.error('No fieldMap provided when calling RenderFields');
+        console.error('No fieldMap provided when calling RenderFields') // eslint-disable-line no-console
+        ;
     }
     if (!i18n) {
-        console.error('Need to implement i18n when calling RenderFields');
+        console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console
+        ;
     }
     if (fieldMap) {
         return /*#__PURE__*/ React.createElement("div", {
@@ -37,16 +39,26 @@ const RenderFields = (props)=>{
                 margins === false && `${baseClass}--margins-none`
             ].filter(Boolean).join(' '),
             ref: intersectionRef
-        }, hasRendered && fieldMap?.map(({ name, Field, fieldPermissions, readOnly }, fieldIndex)=>/*#__PURE__*/ React.createElement(RenderField, {
-                Field: Field,
-                fieldPermissions: fieldPermissions,
+        }, hasRendered && fieldMap?.map((f, fieldIndex)=>{
+            const { type, CustomField, disabled, fieldComponentProps, fieldComponentProps: { readOnly }, isHidden } = f;
+            const name = 'name' in f ? f.name : undefined;
+            return /*#__PURE__*/ React.createElement(RenderField, {
+                CustomField: CustomField,
+                disabled: disabled,
+                fieldComponentProps: fieldComponentProps,
+                isHidden: isHidden,
                 key: fieldIndex,
                 name: name,
-                readOnly: readOnly
-            })));
+                path: path,
+                permissions: permissions?.[name],
+                readOnly: readOnly,
+                schemaPath: schemaPath,
+                siblingPermissions: permissions,
+                type: type
+            });
+        }));
     }
     return null;
 };
-export default RenderFields;
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RenderField } from './RenderField.js'\nimport './index.scss'\n\nconst baseClass = 'render-fields'\n\nconst RenderFields: React.FC<Props> = (props) => {\n  const { className, fieldMap, forceRender, margins } = props\n\n  const { i18n } = useTranslation()\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    forceRender,\n  )\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  if (!fieldMap || (Array.isArray(fieldMap) && fieldMap.length === 0)) {\n    console.error('No fieldMap provided when calling RenderFields')\n  }\n\n  if (!i18n) {\n    console.error('Need to implement i18n when calling RenderFields')\n  }\n\n  if (fieldMap) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        ref={intersectionRef}\n      >\n        {hasRendered &&\n          fieldMap?.map(({ name, Field, fieldPermissions, readOnly }, fieldIndex) => (\n            <RenderField\n              Field={Field}\n              fieldPermissions={fieldPermissions}\n              key={fieldIndex}\n              name={name}\n              readOnly={readOnly}\n            />\n          ))}\n      </div>\n    )\n  }\n\n  return null\n}\n\nexport default RenderFields\n"],"names":["React","useIntersect","useTranslation","RenderField","baseClass","RenderFields","props","className","fieldMap","forceRender","margins","i18n","hasRendered","setHasRendered","useState","Boolean","intersectionRef","entry","rootMargin","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","useEffect","Array","isArray","length","console","error","div","filter","join","ref","map","name","Field","fieldPermissions","readOnly","fieldIndex","key"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,mBAAkB;AAG9C,MAAMC,YAAY;AAElB,MAAMC,eAAgC,CAACC;IACrC,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,EAAE,GAAGJ;IAEtD,MAAM,EAAEK,IAAI,EAAE,GAAGT;IACjB,MAAM,CAACU,aAAaC,eAAe,GAAGb,MAAMc,QAAQ,CAACC,QAAQN;IAC7D,MAAM,CAACO,iBAAiBC,MAAM,GAAGhB,aAC/B;QACEiB,YAAY;IACd,GACAT;IAEF,MAAMU,iBAAiBJ,QAAQE,OAAOE;IACtC,MAAMC,kBAAkBH,OAAOI,oBAAoBC,MAAM;IACzD,MAAMC,eAAed,eAAeU,kBAAkBC;IAEtDpB,MAAMwB,SAAS,CAAC;QACd,IAAID,gBAAgB,CAACX,aAAa;YAChCC,eAAe;QACjB;IACF,GAAG;QAACU;QAAcX;KAAY;IAE9B,IAAI,CAACJ,YAAaiB,MAAMC,OAAO,CAAClB,aAAaA,SAASmB,MAAM,KAAK,GAAI;QACnEC,QAAQC,KAAK,CAAC;IAChB;IAEA,IAAI,CAAClB,MAAM;QACTiB,QAAQC,KAAK,CAAC;IAChB;IAEA,IAAIrB,UAAU;QACZ,qBACE,oBAACsB;YACCvB,WAAW;gBACTH;gBACAG;gBACAG,WAAW,CAAC,EAAEN,UAAU,UAAU,EAAEM,QAAQ,CAAC;gBAC7CA,YAAY,SAAS,CAAC,EAAEN,UAAU,cAAc,CAAC;aAClD,CACE2B,MAAM,CAAChB,SACPiB,IAAI,CAAC;YACRC,KAAKjB;WAEJJ,eACCJ,UAAU0B,IAAI,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,gBAAgB,EAAEC,QAAQ,EAAE,EAAEC,2BAC1D,oBAACpC;gBACCiC,OAAOA;gBACPC,kBAAkBA;gBAClBG,KAAKD;gBACLJ,MAAMA;gBACNG,UAAUA;;IAKtB;IAEA,OAAO;AACT;AAEA,eAAejC,aAAY"}
+{"version":3,"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { useIntersect } from '../../hooks/useIntersect.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RenderField } from './RenderField.js'\nimport './index.scss'\n\nconst baseClass = 'render-fields'\n\nexport { Props }\n\nexport const RenderFields: React.FC<Props> = (props) => {\n  const { className, fieldMap, forceRender, margins, path, permissions, schemaPath } = props\n\n  const { i18n } = useTranslation()\n  const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender))\n  const [intersectionRef, entry] = useIntersect(\n    {\n      rootMargin: '1000px',\n    },\n    forceRender,\n  )\n  const isIntersecting = Boolean(entry?.isIntersecting)\n  const isAboveViewport = entry?.boundingClientRect?.top < 0\n  const shouldRender = forceRender || isIntersecting || isAboveViewport\n\n  React.useEffect(() => {\n    if (shouldRender && !hasRendered) {\n      setHasRendered(true)\n    }\n  }, [shouldRender, hasRendered])\n\n  if (!fieldMap || (Array.isArray(fieldMap) && fieldMap.length === 0)) {\n    console.error('No fieldMap provided when calling RenderFields') // eslint-disable-line no-console\n  }\n\n  if (!i18n) {\n    console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console\n  }\n\n  if (fieldMap) {\n    return (\n      <div\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        ref={intersectionRef}\n      >\n        {hasRendered &&\n          fieldMap?.map((f, fieldIndex) => {\n            const {\n              type,\n              CustomField,\n              disabled,\n              fieldComponentProps,\n              fieldComponentProps: { readOnly },\n              isHidden,\n            } = f\n\n            const name = 'name' in f ? f.name : undefined\n\n            return (\n              <RenderField\n                CustomField={CustomField}\n                disabled={disabled}\n                fieldComponentProps={fieldComponentProps}\n                isHidden={isHidden}\n                key={fieldIndex}\n                name={name}\n                path={path}\n                permissions={permissions?.[name]}\n                readOnly={readOnly}\n                schemaPath={schemaPath}\n                siblingPermissions={permissions}\n                type={type}\n              />\n            )\n          })}\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useIntersect","useTranslation","RenderField","baseClass","RenderFields","props","className","fieldMap","forceRender","margins","path","permissions","schemaPath","i18n","hasRendered","setHasRendered","useState","Boolean","intersectionRef","entry","rootMargin","isIntersecting","isAboveViewport","boundingClientRect","top","shouldRender","useEffect","Array","isArray","length","console","error","div","filter","join","ref","map","f","fieldIndex","type","CustomField","disabled","fieldComponentProps","readOnly","isHidden","name","undefined","key","siblingPermissions"],"mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,mBAAkB;AAG9C,MAAMC,YAAY;AAIlB,OAAO,MAAMC,eAAgC,CAACC;IAC5C,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGP;IAErF,MAAM,EAAEQ,IAAI,EAAE,GAAGZ;IACjB,MAAM,CAACa,aAAaC,eAAe,GAAGhB,MAAMiB,QAAQ,CAACC,QAAQT;IAC7D,MAAM,CAACU,iBAAiBC,MAAM,GAAGnB,aAC/B;QACEoB,YAAY;IACd,GACAZ;IAEF,MAAMa,iBAAiBJ,QAAQE,OAAOE;IACtC,MAAMC,kBAAkBH,OAAOI,oBAAoBC,MAAM;IACzD,MAAMC,eAAejB,eAAea,kBAAkBC;IAEtDvB,MAAM2B,SAAS,CAAC;QACd,IAAID,gBAAgB,CAACX,aAAa;YAChCC,eAAe;QACjB;IACF,GAAG;QAACU;QAAcX;KAAY;IAE9B,IAAI,CAACP,YAAaoB,MAAMC,OAAO,CAACrB,aAAaA,SAASsB,MAAM,KAAK,GAAI;QACnEC,QAAQC,KAAK,CAAC,kDAAkD,iCAAiC;;IACnG;IAEA,IAAI,CAAClB,MAAM;QACTiB,QAAQC,KAAK,CAAC,oDAAoD,iCAAiC;;IACrG;IAEA,IAAIxB,UAAU;QACZ,qBACE,oBAACyB;YACC1B,WAAW;gBACTH;gBACAG;gBACAG,WAAW,CAAC,EAAEN,UAAU,UAAU,EAAEM,QAAQ,CAAC;gBAC7CA,YAAY,SAAS,CAAC,EAAEN,UAAU,cAAc,CAAC;aAClD,CACE8B,MAAM,CAAChB,SACPiB,IAAI,CAAC;YACRC,KAAKjB;WAEJJ,eACCP,UAAU6B,IAAI,CAACC,GAAGC;YAChB,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EACnBA,qBAAqB,EAAEC,QAAQ,EAAE,EACjCC,QAAQ,EACT,GAAGP;YAEJ,MAAMQ,OAAO,UAAUR,IAAIA,EAAEQ,IAAI,GAAGC;YAEpC,qBACE,oBAAC5C;gBACCsC,aAAaA;gBACbC,UAAUA;gBACVC,qBAAqBA;gBACrBE,UAAUA;gBACVG,KAAKT;gBACLO,MAAMA;gBACNnC,MAAMA;gBACNC,aAAaA,aAAa,CAACkC,KAAK;gBAChCF,UAAUA;gBACV/B,YAAYA;gBACZoC,oBAAoBrC;gBACpB4B,MAAMA;;QAGZ;IAGR;IAEA,OAAO;AACT,EAAC"}

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

@@ -1,10 +1,16 @@
-import type { Operation } from 'payload/types';
-import type { FieldMap } from '../../utilities/buildComponentMap/types.js';
+import type { FieldPermissions, Operation } from 'payload/types';
+import type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js';
 export type Props = {
     className?: string;
     fieldMap: FieldMap;
     forceRender?: boolean;
     margins?: 'small' | false;
     operation?: Operation;
+    path: string;
+    permissions?: {
+        [fieldName: string]: FieldPermissions;
+    };
+    readOnly: boolean;
+    schemaPath: string;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/forms/RenderFields/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAA;AAE1E,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AAEvF,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACzB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE;QACZ,CAAC,SAAS,EAAE,MAAM,GAAG,gBAAgB,CAAA;KACtC,CAAA;IACD,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { Operation } from 'payload/types'\n\nimport type { FieldMap } from '../../utilities/buildComponentMap/types.js'\n\nexport type Props = {\n  className?: string\n  fieldMap: FieldMap\n  forceRender?: boolean\n  margins?: 'small' | false\n  operation?: Operation\n}\n"],"names":[],"mappings":"AAIA,WAMC"}
+{"version":3,"sources":["../../../src/forms/RenderFields/types.ts"],"sourcesContent":["import type { FieldPermissions, Operation } from 'payload/types'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\n\nexport type Props = {\n  className?: string\n  fieldMap: FieldMap\n  forceRender?: boolean\n  margins?: 'small' | false\n  operation?: Operation\n  path: string\n  permissions?: {\n    [fieldName: string]: FieldPermissions\n  }\n  readOnly: boolean\n  schemaPath: string\n}\n"],"names":[],"mappings":"AAIA,WAYC"}

package/dist/forms/RowLabel/Context/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type RowLabelType<T = unknown> = {
+    data: T;
+    path: string;
+    rowNumber?: number;
+};
+type Props<T> = Omit<RowLabelType<T>, 'data'> & {
+    children: React.ReactNode;
+};
+export declare const RowLabelProvider: React.FC<Props<unknown>>;
+export declare const useRowLabel: <T>() => RowLabelType<T>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/forms/RowLabel/Context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/RowLabel/Context/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,YAAY,CAAC,CAAC,GAAG,OAAO,IAAI;IAC/B,IAAI,EAAE,CAAC,CAAA;IACP,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAQD,KAAK,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAOrD,CAAA;AAED,eAAO,MAAM,WAAW,0BAEvB,CAAA"}

package/dist/forms/RowLabel/Context/index.js

@@ -0,0 +1,26 @@
+'use client';
+import React from 'react';
+import { useWatchForm } from '../../Form/context.js';
+const RowLabel = /*#__PURE__*/ React.createContext({
+    data: {},
+    path: '',
+    rowNumber: undefined
+});
+export const RowLabelProvider = ({ children, path, rowNumber })=>{
+    const { getDataByPath, getSiblingData } = useWatchForm();
+    const collapsibleData = getSiblingData(path);
+    const arrayData = getDataByPath(path);
+    const data = arrayData || collapsibleData;
+    return /*#__PURE__*/ React.createElement(RowLabel.Provider, {
+        value: {
+            data,
+            path,
+            rowNumber
+        }
+    }, children);
+};
+export const useRowLabel = ()=>{
+    return React.useContext(RowLabel);
+};
+
+//# sourceMappingURL=index.js.map

package/dist/forms/RowLabel/Context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/forms/RowLabel/Context/index.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useWatchForm } from '../../Form/context.js'\n\ntype RowLabelType<T = unknown> = {\n  data: T\n  path: string\n  rowNumber?: number\n}\n\nconst RowLabel = React.createContext<RowLabelType>({\n  data: {},\n  path: '',\n  rowNumber: undefined,\n})\n\ntype Props<T> = Omit<RowLabelType<T>, 'data'> & {\n  children: React.ReactNode\n}\n\nexport const RowLabelProvider: React.FC<Props<unknown>> = ({ children, path, rowNumber }) => {\n  const { getDataByPath, getSiblingData } = useWatchForm()\n  const collapsibleData = getSiblingData(path)\n  const arrayData = getDataByPath(path)\n  const data = arrayData || collapsibleData\n\n  return <RowLabel.Provider value={{ data, path, rowNumber }}>{children}</RowLabel.Provider>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.useContext(RowLabel) as RowLabelType<T>\n}\n"],"names":["React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","children","getDataByPath","getSiblingData","collapsibleData","arrayData","Provider","value","useRowLabel","useContext"],"mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,wBAAuB;AAQpD,MAAMC,yBAAWF,MAAMG,aAAa,CAAe;IACjDC,MAAM,CAAC;IACPC,MAAM;IACNC,WAAWC;AACb;AAMA,OAAO,MAAMC,mBAA6C,CAAC,EAAEC,QAAQ,EAAEJ,IAAI,EAAEC,SAAS,EAAE;IACtF,MAAM,EAAEI,aAAa,EAAEC,cAAc,EAAE,GAAGV;IAC1C,MAAMW,kBAAkBD,eAAeN;IACvC,MAAMQ,YAAYH,cAAcL;IAChC,MAAMD,OAAOS,aAAaD;IAE1B,qBAAO,oBAACV,SAASY,QAAQ;QAACC,OAAO;YAAEX;YAAMC;YAAMC;QAAU;OAAIG;AAC/D,EAAC;AAED,OAAO,MAAMO,cAAc;IACzB,OAAOhB,MAAMiB,UAAU,CAACf;AAC1B,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAQvC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4BpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAMvC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BpC,CAAA"}

package/dist/forms/RowLabel/index.js

@@ -1,22 +1,16 @@
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
-import getDataByPath from '../Form/getDataByPath.js';
-import getSiblingData from '../Form/getSiblingData.js';
-import { isComponent } from './types.js';
+import { RowLabelProvider } from '../RowLabel/Context/index.js';
 const baseClass = 'row-label';
 export const RowLabel = (props)=>{
-    const { className, data: dataFromProps, i18n, label, path, rowNumber } = props;
-    const collapsibleData = getSiblingData(dataFromProps, path);
-    const arrayData = getDataByPath(dataFromProps, path);
-    const data = arrayData || collapsibleData;
-    if (isComponent(label)) {
-        const Label = label;
-        return /*#__PURE__*/ React.createElement(Label, {
-            data: data,
-            index: rowNumber,
-            path: path
-        });
+    const { RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props;
+    if (RowLabelComponent) {
+        return /*#__PURE__*/ React.createElement(RowLabelProvider, {
+            path: path,
+            rowNumber: rowNumber
+        }, RowLabelComponent);
     }
+    const label = rowLabel ? typeof rowLabel === 'object' ? getTranslation(rowLabel, i18n) : typeof rowLabel === 'string' ? rowLabel : '' : '';
     return /*#__PURE__*/ React.createElement("span", {
         className: [
             baseClass,
@@ -25,11 +19,7 @@ export const RowLabel = (props)=>{
         style: {
             pointerEvents: 'none'
         }
-    }, typeof label === 'function' ? label({
-        data,
-        index: rowNumber,
-        path
-    }) : getTranslation(label, i18n));
+    }, label);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport getDataByPath from '../Form/getDataByPath.js'\nimport getSiblingData from '../Form/getSiblingData.js'\nimport { isComponent } from './types.js'\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<Props> = (props) => {\n  const { className, data: dataFromProps, i18n, label, path, rowNumber } = props\n\n  const collapsibleData = getSiblingData(dataFromProps, path)\n  const arrayData = getDataByPath(dataFromProps, path)\n  const data = arrayData || collapsibleData\n\n  if (isComponent(label)) {\n    const Label = label\n    return <Label data={data} index={rowNumber} path={path} />\n  }\n\n  return (\n    <span\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      style={{\n        pointerEvents: 'none',\n      }}\n    >\n      {typeof label === 'function'\n        ? label({\n            data,\n            index: rowNumber,\n            path,\n          })\n        : getTranslation(label, i18n)}\n    </span>\n  )\n}\n"],"names":["getTranslation","React","getDataByPath","getSiblingData","isComponent","baseClass","RowLabel","props","className","data","dataFromProps","i18n","label","path","rowNumber","collapsibleData","arrayData","Label","index","span","filter","Boolean","join","style","pointerEvents"],"mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,OAAOC,mBAAmB,2BAA0B;AACpD,OAAOC,oBAAoB,4BAA2B;AACtD,SAASC,WAAW,QAAQ,aAAY;AAExC,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAA4B,CAACC;IACxC,MAAM,EAAEC,SAAS,EAAEC,MAAMC,aAAa,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGP;IAEzE,MAAMQ,kBAAkBZ,eAAeO,eAAeG;IACtD,MAAMG,YAAYd,cAAcQ,eAAeG;IAC/C,MAAMJ,OAAOO,aAAaD;IAE1B,IAAIX,YAAYQ,QAAQ;QACtB,MAAMK,QAAQL;QACd,qBAAO,oBAACK;YAAMR,MAAMA;YAAMS,OAAOJ;YAAWD,MAAMA;;IACpD;IAEA,qBACE,oBAACM;QACCX,WAAW;YAACH;YAAWG;SAAU,CAACY,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,OAAO;YACLC,eAAe;QACjB;OAEC,OAAOZ,UAAU,aACdA,MAAM;QACJH;QACAS,OAAOJ;QACPD;IACF,KACAb,eAAeY,OAAOD;AAGhC,EAAC"}
+{"version":3,"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { RowLabelProvider } from '../RowLabel/Context/index.js'\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<Props> = (props) => {\n  const { RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props\n\n  if (RowLabelComponent) {\n    return (\n      <RowLabelProvider path={path} rowNumber={rowNumber}>\n        {RowLabelComponent}\n      </RowLabelProvider>\n    )\n  }\n\n  const label = rowLabel\n    ? typeof rowLabel === 'object'\n      ? getTranslation(rowLabel, i18n)\n      : typeof rowLabel === 'string'\n        ? rowLabel\n        : ''\n    : ''\n\n  return (\n    <span\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      style={{\n        pointerEvents: 'none',\n      }}\n    >\n      {label}\n    </span>\n  )\n}\n"],"names":["getTranslation","React","RowLabelProvider","baseClass","RowLabel","props","RowLabelComponent","className","i18n","path","rowLabel","rowNumber","label","span","filter","Boolean","join","style","pointerEvents"],"mappings":"AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAIzB,SAASC,gBAAgB,QAAQ,+BAA8B;AAE/D,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAA4B,CAACC;IACxC,MAAM,EAAEC,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGN;IAE1E,IAAIC,mBAAmB;QACrB,qBACE,oBAACJ;YAAiBO,MAAMA;YAAME,WAAWA;WACtCL;IAGP;IAEA,MAAMM,QAAQF,WACV,OAAOA,aAAa,WAClBV,eAAeU,UAAUF,QACzB,OAAOE,aAAa,WAClBA,WACA,KACJ;IAEJ,qBACE,oBAACG;QACCN,WAAW;YAACJ;YAAWI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvDC,OAAO;YACLC,eAAe;QACjB;OAECN;AAGP,EAAC"}

package/dist/forms/RowLabel/types.d.ts

@@ -1,11 +1,12 @@
 import type { I18n } from '@payloadcms/translations';
-import type { FormState, RowLabel, RowLabelComponent } from 'payload/types';
+import type { LabelProps, RowLabel, RowLabelComponent } from 'payload/types';
+import React from 'react';
 export type Props = {
+    RowLabelComponent?: React.ReactNode;
     className?: string;
-    data: FormState;
     i18n: I18n;
-    label?: RowLabel;
     path: string;
+    rowLabel?: LabelProps['label'];
     rowNumber?: number;
 };
 export declare function isComponent(label: RowLabel): label is RowLabelComponent;

package/dist/forms/RowLabel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAI3E,MAAM,MAAM,KAAK,GAAG;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,IAAI,iBAAiB,CAEvE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/RowLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE5E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,KAAK,GAAG;IAClB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,IAAI,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,IAAI,iBAAiB,CAEvE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RowLabel/types.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { FormState, RowLabel, RowLabelComponent } from 'payload/types'\n\nimport React from 'react'\n\nexport type Props = {\n  className?: string\n  data: FormState\n  i18n: I18n\n  label?: RowLabel\n  path: string\n  rowNumber?: number\n}\n\nexport function isComponent(label: RowLabel): label is RowLabelComponent {\n  return React.isValidElement(label)\n}\n"],"names":["React","isComponent","label","isValidElement"],"mappings":"AAGA,OAAOA,WAAW,QAAO;AAWzB,OAAO,SAASC,YAAYC,KAAe;IACzC,OAAOF,MAAMG,cAAc,CAACD;AAC9B"}
+{"version":3,"sources":["../../../src/forms/RowLabel/types.ts"],"sourcesContent":["import type { I18n } from '@payloadcms/translations'\nimport type { LabelProps, RowLabel, RowLabelComponent } from 'payload/types'\n\nimport React from 'react'\n\nexport type Props = {\n  RowLabelComponent?: React.ReactNode\n  className?: string\n  i18n: I18n\n  path: string\n  rowLabel?: LabelProps['label']\n  rowNumber?: number\n}\n\nexport function isComponent(label: RowLabel): label is RowLabelComponent {\n  return React.isValidElement(label)\n}\n"],"names":["React","isComponent","label","isValidElement"],"mappings":"AAGA,OAAOA,WAAW,QAAO;AAWzB,OAAO,SAASC,YAAYC,KAAe;IACzC,OAAOF,MAAMG,cAAc,CAACD;AAC9B"}