@payloadcms/ui 3.0.0-alpha.9 → 3.0.0-beta.0

package/dist/forms/NullifyField/index.js

@@ -1,79 +1,23 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "NullifyLocaleField", {
-    enumerable: true,
-    get: function() {
-        return NullifyLocaleField;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _Banner = require("../../elements/Banner");
-const _Config = require("../../providers/Config");
-const _Locale = require("../../providers/Locale");
-const _Translation = require("../../providers/Translation");
-const _context = require("../Form/context");
-const _Checkbox = /*#__PURE__*/ _interop_require_default(require("../fields/Checkbox"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-const NullifyLocaleField = ({ fieldValue, localized, path })=>{
-    const { dispatchFields, setModified } = (0, _context.useForm)();
-    const { code: currentLocale } = (0, _Locale.useLocale)();
-    const { localization } = (0, _Config.useConfig)();
-    const [checked, setChecked] = _react.useState(typeof fieldValue !== 'number');
+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';
+export const NullifyLocaleField = ({ fieldValue, localized, path })=>{
+    const { dispatchFields, setModified } = useForm();
+    const { code: currentLocale } = useLocale();
+    const { localization } = useConfig();
+    const [checked, setChecked] = React.useState(typeof fieldValue !== 'number');
     const defaultLocale = localization && localization.defaultLocale ? localization.defaultLocale : 'en';
-    const { t } = (0, _Translation.useTranslation)();
+    const { t } = useTranslation();
     const onChange = ()=>{
         const useFallback = !checked;
         dispatchFields({
-            path,
             type: 'UPDATE',
+            path,
             value: useFallback ? null : fieldValue || 0
         });
         setModified(true);
@@ -93,11 +37,11 @@ const NullifyLocaleField = ({ fieldValue, localized, path })=>{
             return null;
         }
     }
-    return /*#__PURE__*/ _react.createElement(_Banner.Banner, null, /*#__PURE__*/ _react.createElement(_Checkbox.default, {
+    return /*#__PURE__*/ React.createElement(Banner, null, /*#__PURE__*/ React.createElement(Checkbox, {
         checked: checked,
         id: `field-${path.replace(/\./g, '__')}`,
         label: t('general:fallbackToDefaultLocale')
     }));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9OdWxsaWZ5RmllbGQvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IEJhbm5lciB9IGZyb20gJy4uLy4uL2VsZW1lbnRzL0Jhbm5lcidcbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycy9Db25maWcnXG5pbXBvcnQgeyB1c2VMb2NhbGUgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvTG9jYWxlJ1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgeyB1c2VGb3JtIH0gZnJvbSAnLi4vRm9ybS9jb250ZXh0J1xuaW1wb3J0IENoZWNrYm94SW5wdXQgZnJvbSAnLi4vZmllbGRzL0NoZWNrYm94J1xuXG50eXBlIE51bGxpZnlMb2NhbGVGaWVsZFByb3BzID0ge1xuICBmaWVsZFZhbHVlPzogW10gfCBudWxsIHwgbnVtYmVyXG4gIGxvY2FsaXplZDogYm9vbGVhblxuICBwYXRoOiBzdHJpbmdcbn1cbmV4cG9ydCBjb25zdCBOdWxsaWZ5TG9jYWxlRmllbGQ6IFJlYWN0LkZDPE51bGxpZnlMb2NhbGVGaWVsZFByb3BzPiA9ICh7XG4gIGZpZWxkVmFsdWUsXG4gIGxvY2FsaXplZCxcbiAgcGF0aCxcbn0pID0+IHtcbiAgY29uc3QgeyBkaXNwYXRjaEZpZWxkcywgc2V0TW9kaWZpZWQgfSA9IHVzZUZvcm0oKVxuICBjb25zdCB7IGNvZGU6IGN1cnJlbnRMb2NhbGUgfSA9IHVzZUxvY2FsZSgpXG4gIGNvbnN0IHsgbG9jYWxpemF0aW9uIH0gPSB1c2VDb25maWcoKVxuICBjb25zdCBbY2hlY2tlZCwgc2V0Q2hlY2tlZF0gPSBSZWFjdC51c2VTdGF0ZTxib29sZWFuPih0eXBlb2YgZmllbGRWYWx1ZSAhPT0gJ251bWJlcicpXG4gIGNvbnN0IGRlZmF1bHRMb2NhbGUgPVxuICAgIGxvY2FsaXphdGlvbiAmJiBsb2NhbGl6YXRpb24uZGVmYXVsdExvY2FsZSA/IGxvY2FsaXphdGlvbi5kZWZhdWx0TG9jYWxlIDogJ2VuJ1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKClcblxuICBjb25zdCBvbkNoYW5nZSA9ICgpID0+IHtcbiAgICBjb25zdCB1c2VGYWxsYmFjayA9ICFjaGVja2VkXG5cbiAgICBkaXNwYXRjaEZpZWxkcyh7XG4gICAgICBwYXRoLFxuICAgICAgdHlwZTogJ1VQREFURScsXG4gICAgICB2YWx1ZTogdXNlRmFsbGJhY2sgPyBudWxsIDogZmllbGRWYWx1ZSB8fCAwLFxuICAgIH0pXG4gICAgc2V0TW9kaWZpZWQodHJ1ZSlcbiAgICBzZXRDaGVja2VkKHVzZUZhbGxiYWNrKVxuICB9XG5cbiAgaWYgKCFsb2NhbGl6ZWQgfHwgY3VycmVudExvY2FsZSA9PT0gZGVmYXVsdExvY2FsZSB8fCAobG9jYWxpemF0aW9uICYmICFsb2NhbGl6YXRpb24uZmFsbGJhY2spKSB7XG4gICAgLy8gaGlkZSB3aGVuIGZpZWxkIGlzIG5vdCBsb2NhbGl6ZWQgb3IgZWRpdGluZyBkZWZhdWx0IGxvY2FsZSBvciB3aGVuIGZhbGxiYWNrIGlzIGRpc2FibGVkXG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGlmIChmaWVsZFZhbHVlKSB7XG4gICAgbGV0IGhpZGVDaGVja2JveCA9IGZhbHNlXG4gICAgaWYgKHR5cGVvZiBmaWVsZFZhbHVlID09PSAnbnVtYmVyJyAmJiBmaWVsZFZhbHVlID4gMCkgaGlkZUNoZWNrYm94ID0gdHJ1ZVxuICAgIGlmIChBcnJheS5pc0FycmF5KGZpZWxkVmFsdWUpICYmIGZpZWxkVmFsdWUubGVuZ3RoID4gMCkgaGlkZUNoZWNrYm94ID0gdHJ1ZVxuXG4gICAgaWYgKGhpZGVDaGVja2JveCkge1xuICAgICAgaWYgKGNoZWNrZWQpIHNldENoZWNrZWQoZmFsc2UpIC8vIHVuY2hlY2sgd2hlbiBmaWVsZCBoYXMgdmFsdWVcbiAgICAgIHJldHVybiBudWxsXG4gICAgfVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8QmFubmVyPlxuICAgICAgPENoZWNrYm94SW5wdXRcbiAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgaWQ9e2BmaWVsZC0ke3BhdGgucmVwbGFjZSgvXFwuL2csICdfXycpfWB9XG4gICAgICAgIGxhYmVsPXt0KCdnZW5lcmFsOmZhbGxiYWNrVG9EZWZhdWx0TG9jYWxlJyl9XG4gICAgICAgIC8vIG9uVG9nZ2xlPXtvbkNoYW5nZX1cbiAgICAgIC8+XG4gICAgPC9CYW5uZXI+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJOdWxsaWZ5TG9jYWxlRmllbGQiLCJmaWVsZFZhbHVlIiwibG9jYWxpemVkIiwicGF0aCIsImRpc3BhdGNoRmllbGRzIiwic2V0TW9kaWZpZWQiLCJ1c2VGb3JtIiwiY29kZSIsImN1cnJlbnRMb2NhbGUiLCJ1c2VMb2NhbGUiLCJsb2NhbGl6YXRpb24iLCJ1c2VDb25maWciLCJjaGVja2VkIiwic2V0Q2hlY2tlZCIsIlJlYWN0IiwidXNlU3RhdGUiLCJkZWZhdWx0TG9jYWxlIiwidCIsInVzZVRyYW5zbGF0aW9uIiwib25DaGFuZ2UiLCJ1c2VGYWxsYmFjayIsInR5cGUiLCJ2YWx1ZSIsImZhbGxiYWNrIiwiaGlkZUNoZWNrYm94IiwiQXJyYXkiLCJpc0FycmF5IiwibGVuZ3RoIiwiQmFubmVyIiwiQ2hlY2tib3hJbnB1dCIsImlkIiwicmVwbGFjZSIsImxhYmVsIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBZWFBOzs7ZUFBQUE7OzsrREFkVTt3QkFFQTt3QkFDRzt3QkFDQTs2QkFDSzt5QkFDUDtpRUFDRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFPbkIsTUFBTUEscUJBQXdELENBQUMsRUFDcEVDLFVBQVUsRUFDVkMsU0FBUyxFQUNUQyxJQUFJLEVBQ0w7SUFDQyxNQUFNLEVBQUVDLGNBQWMsRUFBRUMsV0FBVyxFQUFFLEdBQUdDLElBQUFBLGdCQUFPO0lBQy9DLE1BQU0sRUFBRUMsTUFBTUMsYUFBYSxFQUFFLEdBQUdDLElBQUFBLGlCQUFTO0lBQ3pDLE1BQU0sRUFBRUMsWUFBWSxFQUFFLEdBQUdDLElBQUFBLGlCQUFTO0lBQ2xDLE1BQU0sQ0FBQ0MsU0FBU0MsV0FBVyxHQUFHQyxPQUFNQyxRQUFRLENBQVUsT0FBT2QsZUFBZTtJQUM1RSxNQUFNZSxnQkFDSk4sZ0JBQWdCQSxhQUFhTSxhQUFhLEdBQUdOLGFBQWFNLGFBQWEsR0FBRztJQUM1RSxNQUFNLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUU1QixNQUFNQyxXQUFXO1FBQ2YsTUFBTUMsY0FBYyxDQUFDUjtRQUVyQlIsZUFBZTtZQUNiRDtZQUNBa0IsTUFBTTtZQUNOQyxPQUFPRixjQUFjLE9BQU9uQixjQUFjO1FBQzVDO1FBQ0FJLFlBQVk7UUFDWlEsV0FBV087SUFDYjtJQUVBLElBQUksQ0FBQ2xCLGFBQWFNLGtCQUFrQlEsaUJBQWtCTixnQkFBZ0IsQ0FBQ0EsYUFBYWEsUUFBUSxFQUFHO1FBQzdGLDBGQUEwRjtRQUMxRixPQUFPO0lBQ1Q7SUFFQSxJQUFJdEIsWUFBWTtRQUNkLElBQUl1QixlQUFlO1FBQ25CLElBQUksT0FBT3ZCLGVBQWUsWUFBWUEsYUFBYSxHQUFHdUIsZUFBZTtRQUNyRSxJQUFJQyxNQUFNQyxPQUFPLENBQUN6QixlQUFlQSxXQUFXMEIsTUFBTSxHQUFHLEdBQUdILGVBQWU7UUFFdkUsSUFBSUEsY0FBYztZQUNoQixJQUFJWixTQUFTQyxXQUFXLE9BQU8sK0JBQStCOztZQUM5RCxPQUFPO1FBQ1Q7SUFDRjtJQUVBLHFCQUNFLHFCQUFDZSxjQUFNLHNCQUNMLHFCQUFDQyxpQkFBYTtRQUNaakIsU0FBU0E7UUFDVGtCLElBQUksQ0FBQyxNQUFNLEVBQUUzQixLQUFLNEIsT0FBTyxDQUFDLE9BQU8sTUFBTSxDQUFDO1FBQ3hDQyxPQUFPZixFQUFFOztBQUtqQiJ9
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 { 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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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,6 +1,23 @@
+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;
+import type { FieldComponentProps, MappedField } from '../../providers/ComponentMap/buildComponentMap/types.js';
+type Props = {
+    CustomField: MappedField['CustomField'];
+    disabled: boolean;
+    fieldComponentProps?: FieldComponentProps;
+    indexPath?: string;
+    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,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAWA,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,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,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,CAyDvC,CAAA"}

package/dist/forms/RenderFields/RenderField.js

@@ -1,30 +1,47 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "RenderField", {
-    enumerable: true,
-    get: function() {
-        return RenderField;
+import React from 'react';
+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, indexPath, isHidden, path: pathFromProps, permissions, readOnly: readOnlyFromProps, schemaPath: schemaPathFromProps, siblingPermissions })=>{
+    const operation = useOperation();
+    const { readOnly: readOnlyFromContext } = useFieldProps();
+    const fieldComponents = useFieldComponents();
+    const path = [
+        pathFromProps,
+        name
+    ].filter(Boolean).join('.');
+    const schemaPath = [
+        schemaPathFromProps,
+        name
+    ].filter(Boolean).join('.');
+    // if the user cannot read the field, then filter it out
+    // this is different from `admin.readOnly` which is executed based on `operation`
+    if (permissions?.read?.permission === false || disabled) {
+        return null;
     }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _FieldPathProvider = require("../FieldPathProvider");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const RenderField = (props)=>{
-    const { name, Field } = props;
-    const { path: pathFromContext, schemaPath: schemaPathFromContext } = (0, _FieldPathProvider.useFieldPath)();
-    const path = `${pathFromContext ? `${pathFromContext}.` : ''}${name || ''}`;
-    const schemaPath = `${schemaPathFromContext ? `${schemaPathFromContext}.` : ''}${name || ''}`;
-    return /*#__PURE__*/ _react.default.createElement(_FieldPathProvider.FieldPathProvider, {
+    // `admin.readOnly` displays the value but prevents the field from being edited
+    let readOnly = readOnlyFromProps;
+    // 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 (permissions?.[operation]?.permission === false) {
+        readOnly = true;
+    }
+    const DefaultField = isHidden ? HiddenInput : fieldComponents[type];
+    if (CustomField === undefined && !DefaultField) {
+        return null;
+    }
+    return /*#__PURE__*/ React.createElement(FieldPropsProvider, {
+        indexPath: indexPath,
         path: path,
-        schemaPath: schemaPath
-    }, Field);
+        permissions: permissions,
+        readOnly: readOnly,
+        schemaPath: schemaPath,
+        siblingPermissions: siblingPermissions,
+        type: type
+    }, CustomField !== undefined ? CustomField : /*#__PURE__*/ React.createElement(DefaultField, fieldComponentProps));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9SZW5kZXJGaWVsZHMvUmVuZGVyRmllbGQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBGaWVsZFBhdGhQcm92aWRlciwgdXNlRmllbGRQYXRoIH0gZnJvbSAnLi4vRmllbGRQYXRoUHJvdmlkZXInXG5cbmV4cG9ydCBjb25zdCBSZW5kZXJGaWVsZDogUmVhY3QuRkM8e1xuICBGaWVsZDogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbn0+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgbmFtZSwgRmllbGQgfSA9IHByb3BzXG4gIGNvbnN0IHsgcGF0aDogcGF0aEZyb21Db250ZXh0LCBzY2hlbWFQYXRoOiBzY2hlbWFQYXRoRnJvbUNvbnRleHQgfSA9IHVzZUZpZWxkUGF0aCgpXG4gIGNvbnN0IHBhdGggPSBgJHtwYXRoRnJvbUNvbnRleHQgPyBgJHtwYXRoRnJvbUNvbnRleHR9LmAgOiAnJ30ke25hbWUgfHwgJyd9YFxuICBjb25zdCBzY2hlbWFQYXRoID0gYCR7c2NoZW1hUGF0aEZyb21Db250ZXh0ID8gYCR7c2NoZW1hUGF0aEZyb21Db250ZXh0fS5gIDogJyd9JHtuYW1lIHx8ICcnfWBcblxuICByZXR1cm4gKFxuICAgIDxGaWVsZFBhdGhQcm92aWRlciBwYXRoPXtwYXRofSBzY2hlbWFQYXRoPXtzY2hlbWFQYXRofT5cbiAgICAgIHtGaWVsZH1cbiAgICA8L0ZpZWxkUGF0aFByb3ZpZGVyPlxuICApXG59XG4iXSwibmFtZXMiOlsiUmVuZGVyRmllbGQiLCJwcm9wcyIsIm5hbWUiLCJGaWVsZCIsInBhdGgiLCJwYXRoRnJvbUNvbnRleHQiLCJzY2hlbWFQYXRoIiwic2NoZW1hUGF0aEZyb21Db250ZXh0IiwidXNlRmllbGRQYXRoIiwiRmllbGRQYXRoUHJvdmlkZXIiXSwibWFwcGluZ3MiOiJBQUFBOzs7OzsrQkFLYUE7OztlQUFBQTs7OzhEQUpLO21DQUU4Qjs7Ozs7O0FBRXpDLE1BQU1BLGNBR1IsQ0FBQ0M7SUFDSixNQUFNLEVBQUVDLElBQUksRUFBRUMsS0FBSyxFQUFFLEdBQUdGO0lBQ3hCLE1BQU0sRUFBRUcsTUFBTUMsZUFBZSxFQUFFQyxZQUFZQyxxQkFBcUIsRUFBRSxHQUFHQyxJQUFBQSwrQkFBWTtJQUNqRixNQUFNSixPQUFPLENBQUMsRUFBRUMsa0JBQWtCLENBQUMsRUFBRUEsZ0JBQWdCLENBQUMsQ0FBQyxHQUFHLEdBQUcsRUFBRUgsUUFBUSxHQUFHLENBQUM7SUFDM0UsTUFBTUksYUFBYSxDQUFDLEVBQUVDLHdCQUF3QixDQUFDLEVBQUVBLHNCQUFzQixDQUFDLENBQUMsR0FBRyxHQUFHLEVBQUVMLFFBQVEsR0FBRyxDQUFDO0lBRTdGLHFCQUNFLDZCQUFDTyxvQ0FBaUI7UUFBQ0wsTUFBTUE7UUFBTUUsWUFBWUE7T0FDeENIO0FBR1AifQ==
+//# sourceMappingURL=RenderField.js.map

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

@@ -0,0 +1 @@
+{"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  indexPath?: string\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  indexPath,\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, name].filter(Boolean).join('.')\n  const schemaPath = [schemaPathFromProps, name].filter(Boolean).join('.')\n\n  // if the user cannot read the field, then filter it out\n  // this is different from `admin.readOnly` which is executed based on `operation`\n  if (permissions?.read?.permission === false || 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      indexPath={indexPath}\n      path={path}\n      permissions={permissions}\n      readOnly={readOnly}\n      schemaPath={schemaPath}\n      siblingPermissions={siblingPermissions}\n      type={type}\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","indexPath","isHidden","path","pathFromProps","permissions","readOnly","readOnlyFromProps","schemaPath","schemaPathFromProps","siblingPermissions","operation","readOnlyFromContext","fieldComponents","filter","Boolean","join","read","permission","DefaultField","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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;AAmBlF,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,IAAI,EACJC,IAAI,EACJC,WAAW,EACXC,QAAQ,EACRC,mBAAmB,EACnBC,SAAS,EACTC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,YAAYC,mBAAmB,EAC/BC,kBAAkB,EACnB;IACC,MAAMC,YAAYnB;IAClB,MAAM,EAAEc,UAAUM,mBAAmB,EAAE,GAAGlB;IAC1C,MAAMmB,kBAAkBtB;IAExB,MAAMY,OAAO;QAACC;QAAeR;KAAK,CAACkB,MAAM,CAACC,SAASC,IAAI,CAAC;IACxD,MAAMR,aAAa;QAACC;QAAqBb;KAAK,CAACkB,MAAM,CAACC,SAASC,IAAI,CAAC;IAEpE,wDAAwD;IACxD,iFAAiF;IACjF,IAAIX,aAAaY,MAAMC,eAAe,SAASnB,UAAU;QACvD,OAAO;IACT;IAEA,+EAA+E;IAC/E,IAAIO,WAAWC;IAEf,+GAA+G;IAC/G,IAAIK,uBAAuBN,aAAa,OAAOA,WAAW;IAE1D,mFAAmF;IACnF,IAAID,aAAa,CAACM,UAAU,EAAEO,eAAe,OAAO;QAClDZ,WAAW;IACb;IAEA,MAAMa,eAAejB,WAAWZ,cAAcuB,eAAe,CAAChB,KAAK;IAEnE,IAAIC,gBAAgBsB,aAAa,CAACD,cAAc;QAC9C,OAAO;IACT;IAEA,qBACE,oBAAC1B;QACCQ,WAAWA;QACXE,MAAMA;QACNE,aAAaA;QACbC,UAAUA;QACVE,YAAYA;QACZE,oBAAoBA;QACpBb,MAAMA;OAELC,gBAAgBsB,YAAYtB,4BAAc,oBAACqB,cAAiBnB;AAGnE,EAAC"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { Props } from './types';
+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,SAAS,CAAA;AAKpC,OAAO,cAAc,CAAA;AAIrB,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmDjC,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,CA+ExC,CAAA"}

package/dist/forms/RenderFields/index.js

@@ -1,36 +1,20 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _useIntersect = require("../../hooks/useIntersect");
-const _Translation = require("../../providers/Translation");
-const _RenderField = require("./RenderField");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+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;
-    const { i18n } = (0, _Translation.useTranslation)();
-    const [hasRendered, setHasRendered] = _react.default.useState(Boolean(forceRender));
-    const [intersectionRef, entry] = (0, _useIntersect.useIntersect)({
+export const RenderFields = (props)=>{
+    const { className, fieldMap, forceRender, indexPath, margins, path, permissions, schemaPath } = props;
+    const { i18n } = useTranslation();
+    const [hasRendered, setHasRendered] = React.useState(Boolean(forceRender));
+    const [intersectionRef, entry] = useIntersect({
         rootMargin: '1000px'
     }, forceRender);
     const isIntersecting = Boolean(entry?.isIntersecting);
     const isAboveViewport = entry?.boundingClientRect?.top < 0;
     const shouldRender = forceRender || isIntersecting || isAboveViewport;
-    _react.default.useEffect(()=>{
+    React.useEffect(()=>{
         if (shouldRender && !hasRendered) {
             setHasRendered(true);
         }
@@ -39,13 +23,14 @@ const RenderFields = (props)=>{
         hasRendered
     ]);
     if (!fieldMap || Array.isArray(fieldMap) && fieldMap.length === 0) {
-        console.error('No fieldMap provided when calling RenderFields');
+        return null;
     }
     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.default.createElement("div", {
+        return /*#__PURE__*/ React.createElement("div", {
             className: [
                 baseClass,
                 className,
@@ -53,14 +38,27 @@ const RenderFields = (props)=>{
                 margins === false && `${baseClass}--margins-none`
             ].filter(Boolean).join(' '),
             ref: intersectionRef
-        }, hasRendered && fieldMap?.map(({ name, Field }, fieldIndex)=>/*#__PURE__*/ _react.default.createElement(_RenderField.RenderField, {
-                Field: Field,
+        }, 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,
+                indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
+                isHidden: isHidden,
                 key: fieldIndex,
-                name: name
-            })));
+                name: name,
+                path: path,
+                permissions: permissions?.[name],
+                readOnly: readOnly,
+                schemaPath: schemaPath,
+                siblingPermissions: permissions,
+                type: type
+            });
+        }));
     }
     return null;
 };
-const _default = RenderFields;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9SZW5kZXJGaWVsZHMvaW5kZXgudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgdXNlSW50ZXJzZWN0IH0gZnJvbSAnLi4vLi4vaG9va3MvdXNlSW50ZXJzZWN0J1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvVHJhbnNsYXRpb24nXG5pbXBvcnQgeyBSZW5kZXJGaWVsZCB9IGZyb20gJy4vUmVuZGVyRmllbGQnXG5pbXBvcnQgJy4vaW5kZXguc2NzcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3JlbmRlci1maWVsZHMnXG5cbmNvbnN0IFJlbmRlckZpZWxkczogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgY2xhc3NOYW1lLCBmaWVsZE1hcCwgZm9yY2VSZW5kZXIsIG1hcmdpbnMgfSA9IHByb3BzXG5cbiAgY29uc3QgeyBpMThuIH0gPSB1c2VUcmFuc2xhdGlvbigpXG4gIGNvbnN0IFtoYXNSZW5kZXJlZCwgc2V0SGFzUmVuZGVyZWRdID0gUmVhY3QudXNlU3RhdGUoQm9vbGVhbihmb3JjZVJlbmRlcikpXG4gIGNvbnN0IFtpbnRlcnNlY3Rpb25SZWYsIGVudHJ5XSA9IHVzZUludGVyc2VjdChcbiAgICB7XG4gICAgICByb290TWFyZ2luOiAnMTAwMHB4JyxcbiAgICB9LFxuICAgIGZvcmNlUmVuZGVyLFxuICApXG4gIGNvbnN0IGlzSW50ZXJzZWN0aW5nID0gQm9vbGVhbihlbnRyeT8uaXNJbnRlcnNlY3RpbmcpXG4gIGNvbnN0IGlzQWJvdmVWaWV3cG9ydCA9IGVudHJ5Py5ib3VuZGluZ0NsaWVudFJlY3Q/LnRvcCA8IDBcbiAgY29uc3Qgc2hvdWxkUmVuZGVyID0gZm9yY2VSZW5kZXIgfHwgaXNJbnRlcnNlY3RpbmcgfHwgaXNBYm92ZVZpZXdwb3J0XG5cbiAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoc2hvdWxkUmVuZGVyICYmICFoYXNSZW5kZXJlZCkge1xuICAgICAgc2V0SGFzUmVuZGVyZWQodHJ1ZSlcbiAgICB9XG4gIH0sIFtzaG91bGRSZW5kZXIsIGhhc1JlbmRlcmVkXSlcblxuICBpZiAoIWZpZWxkTWFwIHx8IChBcnJheS5pc0FycmF5KGZpZWxkTWFwKSAmJiBmaWVsZE1hcC5sZW5ndGggPT09IDApKSB7XG4gICAgY29uc29sZS5lcnJvcignTm8gZmllbGRNYXAgcHJvdmlkZWQgd2hlbiBjYWxsaW5nIFJlbmRlckZpZWxkcycpXG4gIH1cblxuICBpZiAoIWkxOG4pIHtcbiAgICBjb25zb2xlLmVycm9yKCdOZWVkIHRvIGltcGxlbWVudCBpMThuIHdoZW4gY2FsbGluZyBSZW5kZXJGaWVsZHMnKVxuICB9XG5cbiAgaWYgKGZpZWxkTWFwKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtbXG4gICAgICAgICAgYmFzZUNsYXNzLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBtYXJnaW5zICYmIGAke2Jhc2VDbGFzc30tLW1hcmdpbnMtJHttYXJnaW5zfWAsXG4gICAgICAgICAgbWFyZ2lucyA9PT0gZmFsc2UgJiYgYCR7YmFzZUNsYXNzfS0tbWFyZ2lucy1ub25lYCxcbiAgICAgICAgXVxuICAgICAgICAgIC5maWx0ZXIoQm9vbGVhbilcbiAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICByZWY9e2ludGVyc2VjdGlvblJlZn1cbiAgICAgID5cbiAgICAgICAge2hhc1JlbmRlcmVkICYmXG4gICAgICAgICAgZmllbGRNYXA/Lm1hcCgoeyBuYW1lLCBGaWVsZCB9LCBmaWVsZEluZGV4KSA9PiAoXG4gICAgICAgICAgICA8UmVuZGVyRmllbGQgRmllbGQ9e0ZpZWxkfSBrZXk9e2ZpZWxkSW5kZXh9IG5hbWU9e25hbWV9IC8+XG4gICAgICAgICAgKSl9XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cblxuICByZXR1cm4gbnVsbFxufVxuXG5leHBvcnQgZGVmYXVsdCBSZW5kZXJGaWVsZHNcbiJdLCJuYW1lcyI6WyJiYXNlQ2xhc3MiLCJSZW5kZXJGaWVsZHMiLCJwcm9wcyIsImNsYXNzTmFtZSIsImZpZWxkTWFwIiwiZm9yY2VSZW5kZXIiLCJtYXJnaW5zIiwiaTE4biIsInVzZVRyYW5zbGF0aW9uIiwiaGFzUmVuZGVyZWQiLCJzZXRIYXNSZW5kZXJlZCIsIlJlYWN0IiwidXNlU3RhdGUiLCJCb29sZWFuIiwiaW50ZXJzZWN0aW9uUmVmIiwiZW50cnkiLCJ1c2VJbnRlcnNlY3QiLCJyb290TWFyZ2luIiwiaXNJbnRlcnNlY3RpbmciLCJpc0Fib3ZlVmlld3BvcnQiLCJib3VuZGluZ0NsaWVudFJlY3QiLCJ0b3AiLCJzaG91bGRSZW5kZXIiLCJ1c2VFZmZlY3QiLCJBcnJheSIsImlzQXJyYXkiLCJsZW5ndGgiLCJjb25zb2xlIiwiZXJyb3IiLCJkaXYiLCJmaWx0ZXIiLCJqb2luIiwicmVmIiwibWFwIiwibmFtZSIsIkZpZWxkIiwiZmllbGRJbmRleCIsIlJlbmRlckZpZWxkIiwia2V5Il0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBaUVBOzs7ZUFBQTs7OzhEQWhFa0I7OEJBSVc7NkJBQ0U7NkJBQ0g7UUFDckI7Ozs7OztBQUVQLE1BQU1BLFlBQVk7QUFFbEIsTUFBTUMsZUFBZ0MsQ0FBQ0M7SUFDckMsTUFBTSxFQUFFQyxTQUFTLEVBQUVDLFFBQVEsRUFBRUMsV0FBVyxFQUFFQyxPQUFPLEVBQUUsR0FBR0o7SUFFdEQsTUFBTSxFQUFFSyxJQUFJLEVBQUUsR0FBR0MsSUFBQUEsMkJBQWM7SUFDL0IsTUFBTSxDQUFDQyxhQUFhQyxlQUFlLEdBQUdDLGNBQUssQ0FBQ0MsUUFBUSxDQUFDQyxRQUFRUjtJQUM3RCxNQUFNLENBQUNTLGlCQUFpQkMsTUFBTSxHQUFHQyxJQUFBQSwwQkFBWSxFQUMzQztRQUNFQyxZQUFZO0lBQ2QsR0FDQVo7SUFFRixNQUFNYSxpQkFBaUJMLFFBQVFFLE9BQU9HO0lBQ3RDLE1BQU1DLGtCQUFrQkosT0FBT0ssb0JBQW9CQyxNQUFNO0lBQ3pELE1BQU1DLGVBQWVqQixlQUFlYSxrQkFBa0JDO0lBRXREUixjQUFLLENBQUNZLFNBQVMsQ0FBQztRQUNkLElBQUlELGdCQUFnQixDQUFDYixhQUFhO1lBQ2hDQyxlQUFlO1FBQ2pCO0lBQ0YsR0FBRztRQUFDWTtRQUFjYjtLQUFZO0lBRTlCLElBQUksQ0FBQ0wsWUFBYW9CLE1BQU1DLE9BQU8sQ0FBQ3JCLGFBQWFBLFNBQVNzQixNQUFNLEtBQUssR0FBSTtRQUNuRUMsUUFBUUMsS0FBSyxDQUFDO0lBQ2hCO0lBRUEsSUFBSSxDQUFDckIsTUFBTTtRQUNUb0IsUUFBUUMsS0FBSyxDQUFDO0lBQ2hCO0lBRUEsSUFBSXhCLFVBQVU7UUFDWixxQkFDRSw2QkFBQ3lCO1lBQ0MxQixXQUFXO2dCQUNUSDtnQkFDQUc7Z0JBQ0FHLFdBQVcsQ0FBQyxFQUFFTixVQUFVLFVBQVUsRUFBRU0sUUFBUSxDQUFDO2dCQUM3Q0EsWUFBWSxTQUFTLENBQUMsRUFBRU4sVUFBVSxjQUFjLENBQUM7YUFDbEQsQ0FDRThCLE1BQU0sQ0FBQ2pCLFNBQ1BrQixJQUFJLENBQUM7WUFDUkMsS0FBS2xCO1dBRUpMLGVBQ0NMLFVBQVU2QixJQUFJLENBQUMsRUFBRUMsSUFBSSxFQUFFQyxLQUFLLEVBQUUsRUFBRUMsMkJBQzlCLDZCQUFDQyx3QkFBVztnQkFBQ0YsT0FBT0E7Z0JBQU9HLEtBQUtGO2dCQUFZRixNQUFNQTs7SUFJNUQ7SUFFQSxPQUFPO0FBQ1Q7TUFFQSxXQUFlakMifQ==
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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\nexport { Props }\n\nexport const RenderFields: React.FC<Props> = (props) => {\n  const { className, fieldMap, forceRender, indexPath, margins, path, permissions, schemaPath } =\n    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    return null\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                indexPath={indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`}\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","indexPath","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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAC3FR;IAEF,MAAM,EAAES,IAAI,EAAE,GAAGb;IACjB,MAAM,CAACc,aAAaC,eAAe,GAAGjB,MAAMkB,QAAQ,CAACC,QAAQV;IAC7D,MAAM,CAACW,iBAAiBC,MAAM,GAAGpB,aAC/B;QACEqB,YAAY;IACd,GACAb;IAEF,MAAMc,iBAAiBJ,QAAQE,OAAOE;IACtC,MAAMC,kBAAkBH,OAAOI,oBAAoBC,MAAM;IACzD,MAAMC,eAAelB,eAAec,kBAAkBC;IAEtDxB,MAAM4B,SAAS,CAAC;QACd,IAAID,gBAAgB,CAACX,aAAa;YAChCC,eAAe;QACjB;IACF,GAAG;QAACU;QAAcX;KAAY;IAE9B,IAAI,CAACR,YAAaqB,MAAMC,OAAO,CAACtB,aAAaA,SAASuB,MAAM,KAAK,GAAI;QACnE,OAAO;IACT;IAEA,IAAI,CAAChB,MAAM;QACTiB,QAAQC,KAAK,CAAC,oDAAoD,iCAAiC;;IACrG;IAEA,IAAIzB,UAAU;QACZ,qBACE,oBAAC0B;YACC3B,WAAW;gBACTH;gBACAG;gBACAI,WAAW,CAAC,EAAEP,UAAU,UAAU,EAAEO,QAAQ,CAAC;gBAC7CA,YAAY,SAAS,CAAC,EAAEP,UAAU,cAAc,CAAC;aAClD,CACE+B,MAAM,CAAChB,SACPiB,IAAI,CAAC;YACRC,KAAKjB;WAEJJ,eACCR,UAAU8B,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,oBAAC7C;gBACCuC,aAAaA;gBACbC,UAAUA;gBACVC,qBAAqBA;gBACrBlC,WAAWA,cAAcsC,YAAY,CAAC,EAAEtC,UAAU,CAAC,EAAE8B,WAAW,CAAC,GAAG,CAAC,EAAEA,WAAW,CAAC;gBACnFM,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,8 +1,17 @@
-import type { FieldMap } from '../../utilities/buildComponentMap/types';
+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;
+    indexPath?: string;
     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,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AAEvE,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;CAC1B,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,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,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

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
+export { };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"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  indexPath?: string\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":[],"rangeMappings":"","mappings":"AAIA,WAaC"}

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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","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

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

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,SAAS,CAAA;AAQpC,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,38 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "RowLabel", {
-    enumerable: true,
-    get: function() {
-        return RowLabel;
-    }
-});
-const _translations = require("@payloadcms/translations");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _getDataByPath = /*#__PURE__*/ _interop_require_default(require("../Form/getDataByPath"));
-const _getSiblingData = /*#__PURE__*/ _interop_require_default(require("../Form/getSiblingData"));
-const _types = require("./types");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { getTranslation } from '@payloadcms/translations';
+import React from 'react';
+import { RowLabelProvider } from '../RowLabel/Context/index.js';
 const baseClass = 'row-label';
-const RowLabel = (props)=>{
-    const { className, data: dataFromProps, i18n, label, path, rowNumber } = props;
-    const collapsibleData = (0, _getSiblingData.default)(dataFromProps, path);
-    const arrayData = (0, _getDataByPath.default)(dataFromProps, path);
-    const data = arrayData || collapsibleData;
-    if ((0, _types.isComponent)(label)) {
-        const Label = label;
-        return /*#__PURE__*/ _react.default.createElement(Label, {
-            data: data,
-            index: rowNumber,
-            path: path
-        });
+export const RowLabel = (props)=>{
+    const { RowLabelComponent, className, i18n, path, rowLabel, rowNumber } = props;
+    if (RowLabelComponent) {
+        return /*#__PURE__*/ React.createElement(RowLabelProvider, {
+            path: path,
+            rowNumber: rowNumber
+        }, RowLabelComponent);
     }
-    return /*#__PURE__*/ _react.default.createElement("span", {
+    const label = rowLabel ? typeof rowLabel === 'object' ? getTranslation(rowLabel, i18n) : typeof rowLabel === 'string' ? rowLabel : '' : '';
+    return /*#__PURE__*/ React.createElement("span", {
         className: [
             baseClass,
             className
@@ -40,11 +19,7 @@ const RowLabel = (props)=>{
         style: {
             pointerEvents: 'none'
         }
-    }, typeof label === 'function' ? label({
-        data,
-        index: rowNumber,
-        path
-    }) : (0, _translations.getTranslation)(label, i18n));
+    }, label);
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9Sb3dMYWJlbC9pbmRleC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0VHJhbnNsYXRpb24gfSBmcm9tICdAcGF5bG9hZGNtcy90cmFuc2xhdGlvbnMnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgZ2V0RGF0YUJ5UGF0aCBmcm9tICcuLi9Gb3JtL2dldERhdGFCeVBhdGgnXG5pbXBvcnQgZ2V0U2libGluZ0RhdGEgZnJvbSAnLi4vRm9ybS9nZXRTaWJsaW5nRGF0YSdcbmltcG9ydCB7IGlzQ29tcG9uZW50IH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgYmFzZUNsYXNzID0gJ3Jvdy1sYWJlbCdcblxuZXhwb3J0IGNvbnN0IFJvd0xhYmVsOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBjbGFzc05hbWUsIGRhdGE6IGRhdGFGcm9tUHJvcHMsIGkxOG4sIGxhYmVsLCBwYXRoLCByb3dOdW1iZXIgfSA9IHByb3BzXG5cbiAgY29uc3QgY29sbGFwc2libGVEYXRhID0gZ2V0U2libGluZ0RhdGEoZGF0YUZyb21Qcm9wcywgcGF0aClcbiAgY29uc3QgYXJyYXlEYXRhID0gZ2V0RGF0YUJ5UGF0aChkYXRhRnJvbVByb3BzLCBwYXRoKVxuICBjb25zdCBkYXRhID0gYXJyYXlEYXRhIHx8IGNvbGxhcHNpYmxlRGF0YVxuXG4gIGlmIChpc0NvbXBvbmVudChsYWJlbCkpIHtcbiAgICBjb25zdCBMYWJlbCA9IGxhYmVsXG4gICAgcmV0dXJuIDxMYWJlbCBkYXRhPXtkYXRhfSBpbmRleD17cm93TnVtYmVyfSBwYXRoPXtwYXRofSAvPlxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgY2xhc3NOYW1lPXtbYmFzZUNsYXNzLCBjbGFzc05hbWVdLmZpbHRlcihCb29sZWFuKS5qb2luKCcgJyl9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICB9fVxuICAgID5cbiAgICAgIHt0eXBlb2YgbGFiZWwgPT09ICdmdW5jdGlvbidcbiAgICAgICAgPyBsYWJlbCh7XG4gICAgICAgICAgICBkYXRhLFxuICAgICAgICAgICAgaW5kZXg6IHJvd051bWJlcixcbiAgICAgICAgICAgIHBhdGgsXG4gICAgICAgICAgfSlcbiAgICAgICAgOiBnZXRUcmFuc2xhdGlvbihsYWJlbCwgaTE4bil9XG4gICAgPC9zcGFuPlxuICApXG59XG4iXSwibmFtZXMiOlsiUm93TGFiZWwiLCJiYXNlQ2xhc3MiLCJwcm9wcyIsImNsYXNzTmFtZSIsImRhdGEiLCJkYXRhRnJvbVByb3BzIiwiaTE4biIsImxhYmVsIiwicGF0aCIsInJvd051bWJlciIsImNvbGxhcHNpYmxlRGF0YSIsImdldFNpYmxpbmdEYXRhIiwiYXJyYXlEYXRhIiwiZ2V0RGF0YUJ5UGF0aCIsImlzQ29tcG9uZW50IiwiTGFiZWwiLCJpbmRleCIsInNwYW4iLCJmaWx0ZXIiLCJCb29sZWFuIiwiam9pbiIsInN0eWxlIiwicG9pbnRlckV2ZW50cyIsImdldFRyYW5zbGF0aW9uIl0sIm1hcHBpbmdzIjoiOzs7OytCQVdhQTs7O2VBQUFBOzs7OEJBWGtCOzhEQUNiO3NFQUlRO3VFQUNDO3VCQUNDOzs7Ozs7QUFFNUIsTUFBTUMsWUFBWTtBQUVYLE1BQU1ELFdBQTRCLENBQUNFO0lBQ3hDLE1BQU0sRUFBRUMsU0FBUyxFQUFFQyxNQUFNQyxhQUFhLEVBQUVDLElBQUksRUFBRUMsS0FBSyxFQUFFQyxJQUFJLEVBQUVDLFNBQVMsRUFBRSxHQUFHUDtJQUV6RSxNQUFNUSxrQkFBa0JDLElBQUFBLHVCQUFjLEVBQUNOLGVBQWVHO0lBQ3RELE1BQU1JLFlBQVlDLElBQUFBLHNCQUFhLEVBQUNSLGVBQWVHO0lBQy9DLE1BQU1KLE9BQU9RLGFBQWFGO0lBRTFCLElBQUlJLElBQUFBLGtCQUFXLEVBQUNQLFFBQVE7UUFDdEIsTUFBTVEsUUFBUVI7UUFDZCxxQkFBTyw2QkFBQ1E7WUFBTVgsTUFBTUE7WUFBTVksT0FBT1A7WUFBV0QsTUFBTUE7O0lBQ3BEO0lBRUEscUJBQ0UsNkJBQUNTO1FBQ0NkLFdBQVc7WUFBQ0Y7WUFBV0U7U0FBVSxDQUFDZSxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztRQUN2REMsT0FBTztZQUNMQyxlQUFlO1FBQ2pCO09BRUMsT0FBT2YsVUFBVSxhQUNkQSxNQUFNO1FBQ0pIO1FBQ0FZLE9BQU9QO1FBQ1BEO0lBQ0YsS0FDQWUsSUFBQUEsNEJBQWMsRUFBQ2hCLE9BQU9EO0FBR2hDIn0=
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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 { 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"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","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,12 +1,12 @@
 import type { I18n } from '@payloadcms/translations';
-import type { RowLabel, RowLabelComponent } from 'payload/types';
-import type { FormState } from '../../forms/Form/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,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAIhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,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"}