@payloadcms/ui 3.0.0-canary.fb81f02 → 3.0.0

package/dist/forms/RenderFields/RenderField.js

@@ -1,52 +1,301 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { ArrayField } from '../../fields/Array/index.js';
+import { BlocksField } from '../../fields/Blocks/index.js';
+import { CheckboxField } from '../../fields/Checkbox/index.js';
+import { CodeField } from '../../fields/Code/index.js';
+import { CollapsibleField } from '../../fields/Collapsible/index.js';
+import { DateTimeField } from '../../fields/DateTime/index.js';
+import { EmailField } from '../../fields/Email/index.js';
+import { GroupField } from '../../fields/Group/index.js';
 import { HiddenField } from '../../fields/Hidden/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, custom, 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;
-    }
-    // `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;
+import { JoinField } from '../../fields/Join/index.js';
+import { JSONField } from '../../fields/JSON/index.js';
+import { NumberField } from '../../fields/Number/index.js';
+import { PointField } from '../../fields/Point/index.js';
+import { RadioGroupField } from '../../fields/RadioGroup/index.js';
+import { RelationshipField } from '../../fields/Relationship/index.js';
+import { RichTextField } from '../../fields/RichText/index.js';
+import { RowField } from '../../fields/Row/index.js';
+import { SelectField } from '../../fields/Select/index.js';
+import { TabsField } from '../../fields/Tabs/index.js';
+import { TextField } from '../../fields/Text/index.js';
+import { TextareaField } from '../../fields/Textarea/index.js';
+import { UIField } from '../../fields/UI/index.js';
+import { UploadField } from '../../fields/Upload/index.js';
+import { useFormFields } from '../../forms/Form/index.js';
+export function RenderField(t0) {
+  const $ = _c(13);
+  const {
+    clientFieldConfig,
+    forceRender,
+    indexPath,
+    parentPath,
+    parentSchemaPath,
+    path,
+    permissions,
+    readOnly,
+    schemaPath
+  } = t0;
+  let t1;
+  if ($[0] !== path) {
+    t1 = t2 => {
+      const [fields] = t2;
+      return fields && fields?.[path]?.customComponents?.Field;
+    };
+    $[0] = path;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const Field = useFormFields(t1);
+  if (Field !== undefined) {
+    return Field || null;
+  }
+  let t2;
+  if ($[2] !== forceRender || $[3] !== readOnly || $[4] !== schemaPath || $[5] !== indexPath || $[6] !== parentPath || $[7] !== parentSchemaPath || $[8] !== permissions || $[9] !== clientFieldConfig || $[10] !== path) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const baseFieldProps = {
+        forceRender,
+        readOnly,
+        schemaPath
+      };
+      const iterableFieldProps = {
+        ...baseFieldProps,
+        indexPath,
+        parentPath,
+        parentSchemaPath,
+        permissions
+      };
+      if (clientFieldConfig.admin?.hidden) {
+        t2 = _jsx(HiddenField, {
+          ...baseFieldProps,
+          path
+        });
+        break bb0;
+      }
+      switch (clientFieldConfig.type) {
+        case "array":
+          {
+            t2 = _jsx(ArrayField, {
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "blocks":
+          {
+            t2 = _jsx(BlocksField, {
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "checkbox":
+          {
+            t2 = _jsx(CheckboxField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "code":
+          {
+            t2 = _jsx(CodeField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "collapsible":
+          {
+            t2 = _jsx(CollapsibleField, {
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "date":
+          {
+            t2 = _jsx(DateTimeField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "email":
+          {
+            t2 = _jsx(EmailField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "group":
+          {
+            t2 = _jsx(GroupField, {
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "join":
+          {
+            t2 = _jsx(JoinField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "json":
+          {
+            t2 = _jsx(JSONField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "number":
+          {
+            t2 = _jsx(NumberField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "point":
+          {
+            t2 = _jsx(PointField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "radio":
+          {
+            t2 = _jsx(RadioGroupField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "relationship":
+          {
+            t2 = _jsx(RelationshipField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "richText":
+          {
+            t2 = _jsx(RichTextField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "row":
+          {
+            t2 = _jsx(RowField, {
+              ...iterableFieldProps,
+              field: clientFieldConfig
+            });
+            break bb0;
+          }
+        case "select":
+          {
+            t2 = _jsx(SelectField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "tabs":
+          {
+            t2 = _jsx(TabsField, {
+              ...iterableFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "text":
+          {
+            t2 = _jsx(TextField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "textarea":
+          {
+            t2 = _jsx(TextareaField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+        case "ui":
+          {
+            let t3;
+            if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+              t3 = _jsx(UIField, {});
+              $[12] = t3;
+            } else {
+              t3 = $[12];
+            }
+            t2 = t3;
+            break bb0;
+          }
+        case "upload":
+          {
+            t2 = _jsx(UploadField, {
+              ...baseFieldProps,
+              field: clientFieldConfig,
+              path
+            });
+            break bb0;
+          }
+      }
     }
-    const DefaultField = isHidden ? HiddenField : fieldComponents[type];
-    if (CustomField === undefined && !DefaultField) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsx(FieldPropsProvider, {
-        custom: custom,
-        indexPath: indexPath,
-        path: path,
-        permissions: permissions,
-        readOnly: readOnly,
-        schemaPath: schemaPath,
-        siblingPermissions: siblingPermissions,
-        type: type,
-        children: CustomField !== undefined ? CustomField : /*#__PURE__*/ _jsx(DefaultField, {
-            ...fieldComponentProps
-        })
-    });
-};
-
+    $[2] = forceRender;
+    $[3] = readOnly;
+    $[4] = schemaPath;
+    $[5] = indexPath;
+    $[6] = parentPath;
+    $[7] = parentSchemaPath;
+    $[8] = permissions;
+    $[9] = clientFieldConfig;
+    $[10] = path;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+}
 //# sourceMappingURL=RenderField.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldComponentProps, FieldPermissions, FieldTypes, MappedField } from 'payload'\n\nimport React from 'react'\n\nimport { HiddenField } from '../../fields/Hidden/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  custom?: Record<any, string>\n  disabled: boolean\n  fieldComponentProps?: {\n    forceRender?: boolean\n  } & 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  custom,\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 ? HiddenField : fieldComponents[type]\n\n  if (CustomField === undefined && !DefaultField) {\n    return null\n  }\n\n  return (\n    <FieldPropsProvider\n      custom={custom}\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","HiddenField","useFieldComponents","useOperation","FieldPropsProvider","useFieldProps","RenderField","name","type","CustomField","custom","disabled","fieldComponentProps","indexPath","isHidden","path","pathFromProps","permissions","readOnly","readOnlyFromProps","schemaPath","schemaPathFromProps","siblingPermissions","operation","readOnlyFromContext","fieldComponents","filter","Boolean","join","read","permission","DefaultField","undefined"],"mappings":"AAAA;;AAIA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,kBAAkB,QAAQ,2CAA0C;AAC7E,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,iCAAgC;AAsBlF,OAAO,MAAMC,cAA+B,CAAC,EAC3CC,IAAI,EACJC,IAAI,EACJC,WAAW,EACXC,MAAM,EACNC,QAAQ,EACRC,mBAAmB,EACnBC,SAAS,EACTC,QAAQ,EACRC,MAAMC,aAAa,EACnBC,WAAW,EACXC,UAAUC,iBAAiB,EAC3BC,YAAYC,mBAAmB,EAC/BC,kBAAkB,EACnB;IACC,MAAMC,YAAYpB;IAClB,MAAM,EAAEe,UAAUM,mBAAmB,EAAE,GAAGnB;IAC1C,MAAMoB,kBAAkBvB;IAExB,MAAMa,OAAO;QAACC;QAAeT;KAAK,CAACmB,MAAM,CAACC,SAASC,IAAI,CAAC;IACxD,MAAMR,aAAa;QAACC;QAAqBd;KAAK,CAACmB,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,WAAWb,cAAcwB,eAAe,CAACjB,KAAK;IAEnE,IAAIC,gBAAgBuB,aAAa,CAACD,cAAc;QAC9C,OAAO;IACT;IAEA,qBACE,KAAC3B;QACCM,QAAQA;QACRG,WAAWA;QACXE,MAAMA;QACNE,aAAaA;QACbC,UAAUA;QACVE,YAAYA;QACZE,oBAAoBA;QACpBd,MAAMA;kBAELC,gBAAgBuB,YAAYvB,4BAAc,KAACsB;YAAc,GAAGnB,mBAAmB;;;AAGtF,EAAC"}
+{"version":3,"file":"RenderField.js","names":["c","_c","React","ArrayField","BlocksField","CheckboxField","CodeField","CollapsibleField","DateTimeField","EmailField","GroupField","HiddenField","JoinField","JSONField","NumberField","PointField","RadioGroupField","RelationshipField","RichTextField","RowField","SelectField","TabsField","TextField","TextareaField","UIField","UploadField","useFormFields","RenderField","t0","$","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","t1","t2","fields","customComponents","Field","undefined","Symbol","for","baseFieldProps","iterableFieldProps","admin","hidden","_jsx","type","field","t3","bb0"],"sources":["../../../src/forms/RenderFields/RenderField.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientComponentProps,\n  ClientField,\n  FieldPaths,\n  SanitizedFieldPermissions,\n} from 'payload'\n\nimport React from 'react'\n\nimport { ArrayField } from '../../fields/Array/index.js'\nimport { BlocksField } from '../../fields/Blocks/index.js'\nimport { CheckboxField } from '../../fields/Checkbox/index.js'\nimport { CodeField } from '../../fields/Code/index.js'\nimport { CollapsibleField } from '../../fields/Collapsible/index.js'\nimport { DateTimeField } from '../../fields/DateTime/index.js'\nimport { EmailField } from '../../fields/Email/index.js'\nimport { GroupField } from '../../fields/Group/index.js'\nimport { HiddenField } from '../../fields/Hidden/index.js'\nimport { JoinField } from '../../fields/Join/index.js'\nimport { JSONField } from '../../fields/JSON/index.js'\nimport { NumberField } from '../../fields/Number/index.js'\nimport { PointField } from '../../fields/Point/index.js'\nimport { RadioGroupField } from '../../fields/RadioGroup/index.js'\nimport { RelationshipField } from '../../fields/Relationship/index.js'\nimport { RichTextField } from '../../fields/RichText/index.js'\nimport { RowField } from '../../fields/Row/index.js'\nimport { SelectField } from '../../fields/Select/index.js'\nimport { TabsField } from '../../fields/Tabs/index.js'\nimport { TextField } from '../../fields/Text/index.js'\nimport { TextareaField } from '../../fields/Textarea/index.js'\nimport { UIField } from '../../fields/UI/index.js'\nimport { UploadField } from '../../fields/Upload/index.js'\nimport { useFormFields } from '../../forms/Form/index.js'\n\ntype RenderFieldProps = {\n  clientFieldConfig: ClientField\n  permissions: SanitizedFieldPermissions\n} & FieldPaths &\n  Pick<ClientComponentProps, 'forceRender' | 'readOnly' | 'schemaPath'>\n\nexport function RenderField({\n  clientFieldConfig,\n  forceRender,\n  indexPath,\n  parentPath,\n  parentSchemaPath,\n  path,\n  permissions,\n  readOnly,\n  schemaPath,\n}: RenderFieldProps) {\n  const Field = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  if (Field !== undefined) {\n    return Field || null\n  }\n\n  const baseFieldProps: Pick<ClientComponentProps, 'forceRender' | 'readOnly' | 'schemaPath'> = {\n    forceRender,\n    readOnly,\n    schemaPath,\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} path={path} />\n  }\n\n  switch (clientFieldConfig.type) {\n    case 'array':\n      return <ArrayField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'blocks':\n      return <BlocksField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'checkbox':\n      return <CheckboxField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'code':\n      return <CodeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'collapsible':\n      return <CollapsibleField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'date':\n      return <DateTimeField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'email':\n      return <EmailField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'group':\n      return <GroupField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'join':\n      return <JoinField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'json':\n      return <JSONField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'number':\n      return <NumberField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'point':\n      return <PointField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'radio':\n      return <RadioGroupField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'relationship':\n      return <RelationshipField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'richText':\n      return <RichTextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'row':\n      return <RowField {...iterableFieldProps} field={clientFieldConfig} />\n\n    case 'select':\n      return <SelectField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'tabs':\n      return <TabsField {...iterableFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'text':\n      return <TextField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'textarea':\n      return <TextareaField {...baseFieldProps} field={clientFieldConfig} path={path} />\n\n    case 'ui':\n      return <UIField />\n\n    case 'upload':\n      return <UploadField {...baseFieldProps} field={clientFieldConfig} path={path} />\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqFxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/RenderFields/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAIvC,OAAO,cAAc,CAAA;AAKrB,OAAO,EAAE,KAAK,EAAE,CAAA;AAEhB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwGxC,CAAA"}

package/dist/forms/RenderFields/index.js

@@ -1,71 +1,116 @@
 'use client';
+
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getFieldPaths } from 'payload/shared';
 import React from 'react';
-import { useIntersect } from '../../hooks/useIntersect.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { RenderField } from './RenderField.js';
+import { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js';
+import { useOperation } from '../../providers/Operation/index.js';
 import './index.scss';
+import { RenderField } from './RenderField.js';
 const baseClass = 'render-fields';
-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'
-    }, Boolean(forceRender));
-    const isIntersecting = Boolean(entry?.isIntersecting);
-    const isAboveViewport = entry?.boundingClientRect?.top < 0;
-    const shouldRender = forceRender || isIntersecting || isAboveViewport;
-    React.useEffect(()=>{
-        if (shouldRender && !hasRendered) {
-            setHasRendered(true);
-        }
-    }, [
-        shouldRender,
-        hasRendered
-    ]);
-    if (!fieldMap || Array.isArray(fieldMap) && fieldMap.length === 0) {
-        return null;
+export const RenderFields = props => {
+  const $ = _c(22);
+  const {
+    className,
+    fields,
+    forceRender,
+    margins,
+    parentIndexPath,
+    parentPath,
+    parentSchemaPath,
+    permissions,
+    readOnly: readOnlyFromParent
+  } = props;
+  const operation = useOperation();
+  if (fields && fields.length > 0) {
+    const t0 = margins && `${baseClass}--margins-${margins}`;
+    const t1 = margins === false && `${baseClass}--margins-none`;
+    let t2;
+    if ($[0] !== className || $[1] !== t0 || $[2] !== t1) {
+      t2 = [baseClass, className, t0, t1].filter(Boolean);
+      $[0] = className;
+      $[1] = t0;
+      $[2] = t1;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
     }
-    if (!i18n) {
-        console.error('Need to implement i18n when calling RenderFields') // eslint-disable-line no-console
-        ;
+    const t3 = t2.join(" ");
+    let t4;
+    if ($[4] !== permissions || $[5] !== readOnlyFromParent || $[6] !== operation || $[7] !== parentIndexPath || $[8] !== parentPath || $[9] !== parentSchemaPath || $[10] !== forceRender || $[11] !== fields || $[12] !== t3) {
+      let t5;
+      if ($[14] !== permissions || $[15] !== readOnlyFromParent || $[16] !== operation || $[17] !== parentIndexPath || $[18] !== parentPath || $[19] !== parentSchemaPath || $[20] !== forceRender) {
+        t5 = (field, i) => {
+          if (!field || field?.admin?.disabled) {
+            return null;
+          }
+          const hasReadPermission = permissions === true || "name" in field && typeof permissions === "object" && permissions?.[field.name] && (permissions[field.name] === true || "read" in permissions[field.name] && permissions[field.name].read);
+          if ("name" in field && !hasReadPermission) {
+            return null;
+          }
+          let isReadOnly = readOnlyFromParent || field?.admin?.readOnly;
+          if (isReadOnly && field.admin?.readOnly === false) {
+            isReadOnly = false;
+          }
+          const hasOperationPermission = permissions === true || "name" in field && typeof permissions === "object" && permissions?.[field.name] && (permissions[field.name] === true || operation in permissions[field.name] && permissions[field.name][operation]);
+          if ("name" in field && !hasOperationPermission) {
+            isReadOnly = true;
+          }
+          const {
+            indexPath,
+            path,
+            schemaPath
+          } = getFieldPaths({
+            field,
+            index: i,
+            parentIndexPath,
+            parentPath,
+            parentSchemaPath
+          });
+          return _jsx(RenderField, {
+            clientFieldConfig: field,
+            forceRender,
+            indexPath,
+            parentPath,
+            parentSchemaPath,
+            path,
+            permissions: permissions === null || permissions === true ? true : "name" in field ? permissions?.[field.name] : permissions,
+            readOnly: isReadOnly,
+            schemaPath
+          }, `${path}-${i}`);
+        };
+        $[14] = permissions;
+        $[15] = readOnlyFromParent;
+        $[16] = operation;
+        $[17] = parentIndexPath;
+        $[18] = parentPath;
+        $[19] = parentSchemaPath;
+        $[20] = forceRender;
+        $[21] = t5;
+      } else {
+        t5 = $[21];
+      }
+      t4 = _jsx(RenderIfInViewport, {
+        className: t3,
+        forceRender,
+        children: fields.map(t5)
+      });
+      $[4] = permissions;
+      $[5] = readOnlyFromParent;
+      $[6] = operation;
+      $[7] = parentIndexPath;
+      $[8] = parentPath;
+      $[9] = parentSchemaPath;
+      $[10] = forceRender;
+      $[11] = fields;
+      $[12] = t3;
+      $[13] = t4;
+    } else {
+      t4 = $[13];
     }
-    if (fieldMap) {
-        return /*#__PURE__*/ _jsx("div", {
-            className: [
-                baseClass,
-                className,
-                margins && `${baseClass}--margins-${margins}`,
-                margins === false && `${baseClass}--margins-none`
-            ].filter(Boolean).join(' '),
-            ref: intersectionRef,
-            children: hasRendered && fieldMap?.map((f, fieldIndex)=>{
-                const { type, CustomField, custom, disabled, fieldComponentProps, fieldComponentProps: { readOnly }, isHidden } = f;
-                const forceRenderChildren = typeof forceRender === 'number' && fieldIndex <= forceRender || true;
-                const name = 'name' in f ? f.name : undefined;
-                return /*#__PURE__*/ _jsx(RenderField, {
-                    CustomField: CustomField,
-                    custom: custom,
-                    disabled: disabled,
-                    fieldComponentProps: {
-                        ...fieldComponentProps,
-                        forceRender: forceRenderChildren
-                    },
-                    indexPath: indexPath !== undefined ? `${indexPath}.${fieldIndex}` : `${fieldIndex}`,
-                    isHidden: isHidden,
-                    name: name,
-                    path: path,
-                    permissions: permissions?.[name],
-                    readOnly: readOnly,
-                    schemaPath: schemaPath,
-                    siblingPermissions: permissions,
-                    type: type
-                }, fieldIndex);
-            })
-        });
-    }
-    return null;
+    return t4;
+  }
+  return null;
 };
-
 //# 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\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    Boolean(forceRender),\n  )\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              custom,\n              disabled,\n              fieldComponentProps,\n              fieldComponentProps: { readOnly },\n              isHidden,\n            } = f\n\n            const forceRenderChildren =\n              (typeof forceRender === 'number' && fieldIndex <= forceRender) || true\n\n            const name = 'name' in f ? f.name : undefined\n\n            return (\n              <RenderField\n                CustomField={CustomField}\n                custom={custom}\n                disabled={disabled}\n                fieldComponentProps={{ ...fieldComponentProps, forceRender: forceRenderChildren }}\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","custom","disabled","fieldComponentProps","readOnly","isHidden","forceRenderChildren","name","undefined","siblingPermissions"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,YAAY,QAAQ,8BAA6B;AAC1D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,WAAW,QAAQ,mBAAkB;AAC9C,OAAO,eAAc;AAErB,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,GACAH,QAAQV;IAGV,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,KAAC0B;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;sBAEJJ,eACCR,UAAU8B,IAAI,CAACC,GAAGC;gBAChB,MAAM,EACJC,IAAI,EACJC,WAAW,EACXC,MAAM,EACNC,QAAQ,EACRC,mBAAmB,EACnBA,qBAAqB,EAAEC,QAAQ,EAAE,EACjCC,QAAQ,EACT,GAAGR;gBAEJ,MAAMS,sBACJ,AAAC,OAAOvC,gBAAgB,YAAY+B,cAAc/B,eAAgB;gBAEpE,MAAMwC,OAAO,UAAUV,IAAIA,EAAEU,IAAI,GAAGC;gBAEpC,qBACE,KAAC/C;oBACCuC,aAAaA;oBACbC,QAAQA;oBACRC,UAAUA;oBACVC,qBAAqB;wBAAE,GAAGA,mBAAmB;wBAAEpC,aAAauC;oBAAoB;oBAChFtC,WAAWA,cAAcwC,YAAY,CAAC,EAAExC,UAAU,CAAC,EAAE8B,WAAW,CAAC,GAAG,CAAC,EAAEA,WAAW,CAAC;oBACnFO,UAAUA;oBAEVE,MAAMA;oBACNrC,MAAMA;oBACNC,aAAaA,aAAa,CAACoC,KAAK;oBAChCH,UAAUA;oBACVhC,YAAYA;oBACZqC,oBAAoBtC;oBACpB4B,MAAMA;mBAPDD;YAUX;;IAGR;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getFieldPaths","React","RenderIfInViewport","useOperation","RenderField","baseClass","RenderFields","props","$","className","fields","forceRender","margins","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","t0","t1","t2","filter","Boolean","t3","join","t4","t5","field","i","admin","disabled","hasReadPermission","name","read","isReadOnly","hasOperationPermission","indexPath","path","schemaPath","index","_jsx","clientFieldConfig","children","map"],"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport { getFieldPaths } from 'payload/shared'\nimport React from 'react'\n\nimport type { Props } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport './index.scss'\nimport { RenderField } from './RenderField.js'\n\nconst baseClass = 'render-fields'\n\nexport { Props }\n\nexport const RenderFields: React.FC<Props> = (props) => {\n  const {\n    className,\n    fields,\n    forceRender,\n    margins,\n    parentIndexPath,\n    parentPath,\n    parentSchemaPath,\n    permissions,\n    readOnly: readOnlyFromParent,\n  } = props\n\n  const operation = useOperation()\n\n  if (fields && fields.length > 0) {\n    return (\n      <RenderIfInViewport\n        className={[\n          baseClass,\n          className,\n          margins && `${baseClass}--margins-${margins}`,\n          margins === false && `${baseClass}--margins-none`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        forceRender={forceRender}\n      >\n        {fields.map((field, i) => {\n          // For sidebar fields in the main fields array, `field` will be `null`, and visa versa\n          // This is to keep the order of the fields consistent and maintain the correct index paths for the main fields (i)\n          if (!field || field?.admin?.disabled) {\n            return null\n          }\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          const hasReadPermission =\n            permissions === true ||\n            ('name' in field &&\n              typeof permissions === 'object' &&\n              permissions?.[field.name] &&\n              (permissions[field.name] === true ||\n                ('read' in permissions[field.name] && permissions[field.name].read)))\n\n          if ('name' in field && !hasReadPermission) {\n            return null\n          }\n\n          // `admin.readOnly` displays the value but prevents the field from being edited\n          let isReadOnly = readOnlyFromParent || field?.admin?.readOnly\n\n          // If parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable\n          if (isReadOnly && field.admin?.readOnly === false) {\n            isReadOnly = false\n          }\n\n          // If the user does not have access control to begin with, force it to be read-only\n          const hasOperationPermission =\n            permissions === true ||\n            ('name' in field &&\n              typeof permissions === 'object' &&\n              permissions?.[field.name] &&\n              (permissions[field.name] === true ||\n                (operation in permissions[field.name] && permissions[field.name][operation])))\n\n          if ('name' in field && !hasOperationPermission) {\n            isReadOnly = true\n          }\n\n          const { indexPath, path, schemaPath } = getFieldPaths({\n            field,\n            index: i,\n            parentIndexPath,\n            parentPath,\n            parentSchemaPath,\n          })\n\n          return (\n            <RenderField\n              clientFieldConfig={field}\n              forceRender={forceRender}\n              indexPath={indexPath}\n              key={`${path}-${i}`}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              path={path}\n              permissions={\n                permissions === null || permissions === true\n                  ? true\n                  : 'name' in field\n                    ? permissions?.[field.name]\n                    : permissions\n              }\n              readOnly={isReadOnly}\n              schemaPath={schemaPath}\n            />\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"mappings":"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","ignoreList":[]}