@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal-debug.654e4ad

package/dist/forms/RenderFields/RenderField.js

@@ -1,4 +1,6 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-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';
@@ -32,7 +34,14 @@ export function RenderField({ clientFieldConfig, forceRender, indexPath, parentP
         schemaPath
     };
     if (clientFieldConfig.admin?.hidden) {
-        return <HiddenField {...baseFieldProps} path={path}/>;
+        return /*#__PURE__*/ _jsxDEV(HiddenField, {
+            ...baseFieldProps,
+            path: path
+        }, void 0, false, {
+            fileName: "src/forms/RenderFields/RenderField.tsx",
+            lineNumber: 67,
+            columnNumber: 12
+        }, this);
     }
     if (CustomField !== undefined) {
         return CustomField || null;
@@ -45,49 +54,220 @@ export function RenderField({ clientFieldConfig, forceRender, indexPath, parentP
     };
     switch(clientFieldConfig.type){
         case 'array':
-            return <ArrayField {...iterableFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(ArrayField, {
+                ...iterableFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 83,
+                columnNumber: 14
+            }, this);
         case 'blocks':
-            return <BlocksField {...iterableFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(BlocksField, {
+                ...iterableFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 86,
+                columnNumber: 14
+            }, this);
         case 'checkbox':
-            return <CheckboxField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(CheckboxField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 89,
+                columnNumber: 14
+            }, this);
         case 'code':
-            return <CodeField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(CodeField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 92,
+                columnNumber: 14
+            }, this);
         case 'collapsible':
-            return <CollapsibleField {...iterableFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(CollapsibleField, {
+                ...iterableFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 95,
+                columnNumber: 14
+            }, this);
         case 'date':
-            return <DateTimeField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(DateTimeField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 98,
+                columnNumber: 14
+            }, this);
         case 'email':
-            return <EmailField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(EmailField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 101,
+                columnNumber: 14
+            }, this);
         case 'group':
-            return <GroupField {...iterableFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(GroupField, {
+                ...iterableFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 104,
+                columnNumber: 14
+            }, this);
         case 'join':
-            return <JoinField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(JoinField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 107,
+                columnNumber: 14
+            }, this);
         case 'json':
-            return <JSONField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(JSONField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 110,
+                columnNumber: 14
+            }, this);
         case 'number':
-            return <NumberField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(NumberField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 113,
+                columnNumber: 14
+            }, this);
         case 'point':
-            return <PointField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(PointField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 116,
+                columnNumber: 14
+            }, this);
         case 'radio':
-            return <RadioGroupField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(RadioGroupField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 119,
+                columnNumber: 14
+            }, this);
         case 'relationship':
-            return <RelationshipField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(RelationshipField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 122,
+                columnNumber: 14
+            }, this);
         case 'richText':
-            return <RichTextField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(RichTextField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 125,
+                columnNumber: 14
+            }, this);
         case 'row':
-            return <RowField {...iterableFieldProps} field={clientFieldConfig}/>;
+            return /*#__PURE__*/ _jsxDEV(RowField, {
+                ...iterableFieldProps,
+                field: clientFieldConfig
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 128,
+                columnNumber: 14
+            }, this);
         case 'select':
-            return <SelectField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(SelectField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 131,
+                columnNumber: 14
+            }, this);
         case 'tabs':
-            return <TabsField {...iterableFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(TabsField, {
+                ...iterableFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 134,
+                columnNumber: 14
+            }, this);
         case 'text':
-            return <TextField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(TextField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 137,
+                columnNumber: 14
+            }, this);
         case 'textarea':
-            return <TextareaField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(TextareaField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 140,
+                columnNumber: 14
+            }, this);
         case 'ui':
-            return <UIField/>;
+            return /*#__PURE__*/ _jsxDEV(UIField, {}, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 143,
+                columnNumber: 14
+            }, this);
         case 'upload':
-            return <UploadField {...baseFieldProps} field={clientFieldConfig} path={path}/>;
+            return /*#__PURE__*/ _jsxDEV(UploadField, {
+                ...baseFieldProps,
+                field: clientFieldConfig,
+                path: path
+            }, void 0, false, {
+                fileName: "src/forms/RenderFields/RenderField.tsx",
+                lineNumber: 146,
+                columnNumber: 14
+            }, this);
     }
 }
 

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

@@ -1 +1 @@
-{"version":3,"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 CustomField = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  const baseFieldProps: Pick<\n    ClientComponentProps,\n    'forceRender' | 'permissions' | 'readOnly' | 'schemaPath'\n  > = {\n    forceRender,\n    permissions,\n    readOnly,\n    schemaPath,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} path={path} />\n  }\n\n  if (CustomField !== undefined) {\n    return CustomField || null\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\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"],"names":["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","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","CustomField","fields","customComponents","Field","baseFieldProps","admin","hidden","undefined","iterableFieldProps","type","field"],"mappings":"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"}
+{"version":3,"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 CustomField = useFormFields(([fields]) => fields && fields?.[path]?.customComponents?.Field)\n\n  const baseFieldProps: Pick<\n    ClientComponentProps,\n    'forceRender' | 'permissions' | 'readOnly' | 'schemaPath'\n  > = {\n    forceRender,\n    permissions,\n    readOnly,\n    schemaPath,\n  }\n\n  if (clientFieldConfig.admin?.hidden) {\n    return <HiddenField {...baseFieldProps} path={path} />\n  }\n\n  if (CustomField !== undefined) {\n    return CustomField || null\n  }\n\n  const iterableFieldProps = {\n    ...baseFieldProps,\n    indexPath,\n    parentPath,\n    parentSchemaPath,\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"],"names":["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","clientFieldConfig","forceRender","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","CustomField","fields","customComponents","Field","baseFieldProps","admin","hidden","undefined","iterableFieldProps","type","field"],"mappings":"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"}

package/dist/forms/RenderFields/index.js

@@ -1,5 +1,7 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared';
+import React from 'react';
 import { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js';
 import { useOperation } from '../../providers/Operation/index.js';
 import './index.scss';
@@ -10,51 +12,76 @@ export const RenderFields = (props)=>{
     const { className, fields, forceRender, margins, parentIndexPath, parentPath, parentSchemaPath, permissions, readOnly: readOnlyFromParent } = props;
     const operation = useOperation();
     if (fields && fields.length > 0) {
-        return <RenderIfInViewport className={[
-            baseClass,
-            className,
-            margins && `${baseClass}--margins-${margins}`,
-            margins === false && `${baseClass}--margins-none`
-        ].filter(Boolean).join(' ')} forceRender={forceRender}>
-        {fields.map((field, i)=>{
-            // For sidebar fields in the main fields array, `field` will be `null`, and visa versa
-            // This is to keep the order of the fields consistent and maintain the correct index paths for the main fields (i)
-            if (!field || fieldIsHiddenOrDisabled(field)) {
-                return null;
-            }
-            const { operation: hasOperationPermission, permissions: fieldPermissions, read: hasReadPermission } = getFieldPermissions({
-                field,
-                operation,
-                parentName: parentPath?.includes('.') ? parentPath.split('.')[parentPath.split('.').length - 1] : parentPath,
-                permissions
-            });
-            // If the user cannot read the field, then filter it out
-            // This is different from `admin.readOnly` which is executed based on `operation`
-            if ('name' in field && !hasReadPermission) {
-                return null;
-            }
-            // `admin.readOnly` displays the value but prevents the field from being edited
-            let isReadOnly = readOnlyFromParent || field?.admin?.readOnly;
-            // If parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable
-            if (isReadOnly && field.admin?.readOnly === false) {
-                isReadOnly = false;
-            }
-            // If the user does not have access at the operation level, to begin with, force it to be read-only
-            if ('name' in field && !hasOperationPermission) {
-                isReadOnly = true;
-            }
-            const { indexPath, path, schemaPath } = getFieldPaths({
-                field,
-                index: i,
-                parentIndexPath,
-                parentPath,
-                parentSchemaPath
-            });
-            return <FieldPathContext key={`${path}-${i}`} value={path}>
-              <RenderField clientFieldConfig={field} forceRender={forceRender} indexPath={indexPath} parentPath={parentPath} parentSchemaPath={parentSchemaPath} path={path} permissions={fieldPermissions} readOnly={isReadOnly} schemaPath={schemaPath}/>
-            </FieldPathContext>;
-        })}
-      </RenderIfInViewport>;
+        return /*#__PURE__*/ _jsxDEV(RenderIfInViewport, {
+            className: [
+                baseClass,
+                className,
+                margins && `${baseClass}--margins-${margins}`,
+                margins === false && `${baseClass}--margins-none`
+            ].filter(Boolean).join(' '),
+            forceRender: forceRender,
+            children: fields.map((field, i)=>{
+                // For sidebar fields in the main fields array, `field` will be `null`, and visa versa
+                // This is to keep the order of the fields consistent and maintain the correct index paths for the main fields (i)
+                if (!field || fieldIsHiddenOrDisabled(field)) {
+                    return null;
+                }
+                const { operation: hasOperationPermission, permissions: fieldPermissions, read: hasReadPermission } = getFieldPermissions({
+                    field,
+                    operation,
+                    parentName: parentPath?.includes('.') ? parentPath.split('.')[parentPath.split('.').length - 1] : parentPath,
+                    permissions
+                });
+                // If the user cannot read the field, then filter it out
+                // This is different from `admin.readOnly` which is executed based on `operation`
+                if ('name' in field && !hasReadPermission) {
+                    return null;
+                }
+                // `admin.readOnly` displays the value but prevents the field from being edited
+                let isReadOnly = readOnlyFromParent || field?.admin?.readOnly;
+                // If parent field is `readOnly: true`, but this field is `readOnly: false`, the field should still be editable
+                if (isReadOnly && field.admin?.readOnly === false) {
+                    isReadOnly = false;
+                }
+                // If the user does not have access at the operation level, to begin with, force it to be read-only
+                if ('name' in field && !hasOperationPermission) {
+                    isReadOnly = true;
+                }
+                const { indexPath, path, schemaPath } = getFieldPaths({
+                    field,
+                    index: i,
+                    parentIndexPath,
+                    parentPath,
+                    parentSchemaPath
+                });
+                return /*#__PURE__*/ _jsxDEV(FieldPathContext, {
+                    value: path,
+                    children: /*#__PURE__*/ _jsxDEV(RenderField, {
+                        clientFieldConfig: field,
+                        forceRender: forceRender,
+                        indexPath: indexPath,
+                        parentPath: parentPath,
+                        parentSchemaPath: parentSchemaPath,
+                        path: path,
+                        permissions: fieldPermissions,
+                        readOnly: isReadOnly,
+                        schemaPath: schemaPath
+                    }, void 0, false, {
+                        fileName: "src/forms/RenderFields/index.tsx",
+                        lineNumber: 97,
+                        columnNumber: 15
+                    }, this)
+                }, `${path}-${i}`, false, {
+                    fileName: "src/forms/RenderFields/index.tsx",
+                    lineNumber: 96,
+                    columnNumber: 13
+                }, this);
+            })
+        }, void 0, false, {
+            fileName: "src/forms/RenderFields/index.tsx",
+            lineNumber: 37,
+            columnNumber: 7
+        }, this);
     }
     return null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderFieldsProps } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport './index.scss'\nimport { FieldPathContext } from './context.js'\nimport { RenderField } from './RenderField.js'\n\nconst baseClass = 'render-fields'\n\nexport { RenderFieldsProps as Props }\n\nexport const RenderFields: React.FC<RenderFieldsProps> = (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 || fieldIsHiddenOrDisabled(field)) {\n            return null\n          }\n\n          const {\n            operation: hasOperationPermission,\n            permissions: fieldPermissions,\n            read: hasReadPermission,\n          } = getFieldPermissions({\n            field,\n            operation,\n            parentName: parentPath?.includes('.')\n              ? parentPath.split('.')[parentPath.split('.').length - 1]\n              : parentPath,\n            permissions,\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          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 at the operation level, to begin with, force it to be read-only\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            <FieldPathContext key={`${path}-${i}`} value={path}>\n              <RenderField\n                clientFieldConfig={field}\n                forceRender={forceRender}\n                indexPath={indexPath}\n                parentPath={parentPath}\n                parentSchemaPath={parentSchemaPath}\n                path={path}\n                permissions={fieldPermissions as SanitizedFieldPermissions}\n                readOnly={isReadOnly}\n                schemaPath={schemaPath}\n              />\n            </FieldPathContext>\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"names":["fieldIsHiddenOrDisabled","getFieldPaths","getFieldPermissions","RenderIfInViewport","useOperation","FieldPathContext","RenderField","baseClass","RenderFields","props","className","fields","forceRender","margins","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","filter","Boolean","join","map","field","i","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","isReadOnly","admin","indexPath","path","schemaPath","index","key","value","clientFieldConfig"],"mappings":"AAAA;AAIA,SAASA,uBAAuB,EAAEC,aAAa,EAAEC,mBAAmB,QAAQ,iBAAgB;AAK5F,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,gBAAgB,QAAQ,eAAc;AAC/C,SAASC,WAAW,QAAQ,mBAAkB;AAE9C,MAAMC,YAAY;AAIlB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EACJC,SAAS,EACTC,MAAM,EACNC,WAAW,EACXC,OAAO,EACPC,eAAe,EACfC,UAAU,EACVC,gBAAgB,EAChBC,WAAW,EACXC,UAAUC,kBAAkB,EAC7B,GAAGV;IAEJ,MAAMW,YAAYhB;IAElB,IAAIO,UAAUA,OAAOU,MAAM,GAAG,GAAG;QAC/B,QACGlB,mBACCO,WAAW;YACTH;YACAG;YACAG,WAAW,GAAGN,UAAU,UAAU,EAAEM,SAAS;YAC7CA,YAAY,SAAS,GAAGN,UAAU,cAAc,CAAC;SAClD,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC,MACRZ,aAAaA,aACd;QACC,CAACD,OAAOc,GAAG,CAAC,CAACC,OAAOC;YAClB,sFAAsF;YACtF,kHAAkH;YAClH,IAAI,CAACD,SAAS1B,wBAAwB0B,QAAQ;gBAC5C,OAAO;YACT;YAEA,MAAM,EACJN,WAAWQ,sBAAsB,EACjCX,aAAaY,gBAAgB,EAC7BC,MAAMC,iBAAiB,EACxB,GAAG7B,oBAAoB;gBACtBwB;gBACAN;gBACAY,YAAYjB,YAAYkB,SAAS,OAC7BlB,WAAWmB,KAAK,CAAC,IAAI,CAACnB,WAAWmB,KAAK,CAAC,KAAKb,MAAM,GAAG,EAAE,GACvDN;gBACJE;YACF;YAEA,wDAAwD;YACxD,iFAAiF;YACjF,IAAI,UAAUS,SAAS,CAACK,mBAAmB;gBACzC,OAAO;YACT;YAEA,+EAA+E;YAC/E,IAAII,aAAahB,sBAAsBO,OAAOU,OAAOlB;YAErD,+GAA+G;YAC/G,IAAIiB,cAAcT,MAAMU,KAAK,EAAElB,aAAa,OAAO;gBACjDiB,aAAa;YACf;YAEA,mGAAmG;YACnG,IAAI,UAAUT,SAAS,CAACE,wBAAwB;gBAC9CO,aAAa;YACf;YAEA,MAAM,EAAEE,SAAS,EAAEC,IAAI,EAAEC,UAAU,EAAE,GAAGtC,cAAc;gBACpDyB;gBACAc,OAAOb;gBACPb;gBACAC;gBACAC;YACF;YAEA,QACGX,iBAAiBoC,KAAK,GAAGH,KAAK,CAAC,EAAEX,GAAG,EAAEe,OAAOJ,MAAM;cAClD,CAAChC,YACCqC,mBAAmBjB,OACnBd,aAAaA,aACbyB,WAAWA,WACXtB,YAAYA,YACZC,kBAAkBA,kBAClBsB,MAAMA,MACNrB,aAAaY,kBACbX,UAAUiB,YACVI,YAAYA,aACZ;YACJ,EAAElC;QAEN,GAAG;MACL,EAAEF;IAEN;IAEA,OAAO;AACT,EAAC"}
+{"version":3,"sources":["../../../src/forms/RenderFields/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedFieldPermissions } from 'payload'\n\nimport { fieldIsHiddenOrDisabled, getFieldPaths, getFieldPermissions } from 'payload/shared'\nimport React from 'react'\n\nimport type { RenderFieldsProps } from './types.js'\n\nimport { RenderIfInViewport } from '../../elements/RenderIfInViewport/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport './index.scss'\nimport { FieldPathContext } from './context.js'\nimport { RenderField } from './RenderField.js'\n\nconst baseClass = 'render-fields'\n\nexport { RenderFieldsProps as Props }\n\nexport const RenderFields: React.FC<RenderFieldsProps> = (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 || fieldIsHiddenOrDisabled(field)) {\n            return null\n          }\n\n          const {\n            operation: hasOperationPermission,\n            permissions: fieldPermissions,\n            read: hasReadPermission,\n          } = getFieldPermissions({\n            field,\n            operation,\n            parentName: parentPath?.includes('.')\n              ? parentPath.split('.')[parentPath.split('.').length - 1]\n              : parentPath,\n            permissions,\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          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 at the operation level, to begin with, force it to be read-only\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            <FieldPathContext key={`${path}-${i}`} value={path}>\n              <RenderField\n                clientFieldConfig={field}\n                forceRender={forceRender}\n                indexPath={indexPath}\n                parentPath={parentPath}\n                parentSchemaPath={parentSchemaPath}\n                path={path}\n                permissions={fieldPermissions as SanitizedFieldPermissions}\n                readOnly={isReadOnly}\n                schemaPath={schemaPath}\n              />\n            </FieldPathContext>\n          )\n        })}\n      </RenderIfInViewport>\n    )\n  }\n\n  return null\n}\n"],"names":["fieldIsHiddenOrDisabled","getFieldPaths","getFieldPermissions","React","RenderIfInViewport","useOperation","FieldPathContext","RenderField","baseClass","RenderFields","props","className","fields","forceRender","margins","parentIndexPath","parentPath","parentSchemaPath","permissions","readOnly","readOnlyFromParent","operation","length","filter","Boolean","join","map","field","i","hasOperationPermission","fieldPermissions","read","hasReadPermission","parentName","includes","split","isReadOnly","admin","indexPath","path","schemaPath","index","value","clientFieldConfig"],"mappings":"AAAA;;AAIA,SAASA,uBAAuB,EAAEC,aAAa,EAAEC,mBAAmB,QAAQ,iBAAgB;AAC5F,OAAOC,WAAW,QAAO;AAIzB,SAASC,kBAAkB,QAAQ,6CAA4C;AAC/E,SAASC,YAAY,QAAQ,qCAAoC;AACjE,OAAO,eAAc;AACrB,SAASC,gBAAgB,QAAQ,eAAc;AAC/C,SAASC,WAAW,QAAQ,mBAAkB;AAE9C,MAAMC,YAAY;AAIlB,OAAO,MAAMC,eAA4C,CAACC;IACxD,MAAM,EACJC,SAAS,EACTC,MAAM,EACNC,WAAW,EACXC,OAAO,EACPC,eAAe,EACfC,UAAU,EACVC,gBAAgB,EAChBC,WAAW,EACXC,UAAUC,kBAAkB,EAC7B,GAAGV;IAEJ,MAAMW,YAAYhB;IAElB,IAAIO,UAAUA,OAAOU,MAAM,GAAG,GAAG;QAC/B,qBACE,QAAClB;YACCO,WAAW;gBACTH;gBACAG;gBACAG,WAAW,GAAGN,UAAU,UAAU,EAAEM,SAAS;gBAC7CA,YAAY,SAAS,GAAGN,UAAU,cAAc,CAAC;aAClD,CACEe,MAAM,CAACC,SACPC,IAAI,CAAC;YACRZ,aAAaA;sBAEZD,OAAOc,GAAG,CAAC,CAACC,OAAOC;gBAClB,sFAAsF;gBACtF,kHAAkH;gBAClH,IAAI,CAACD,SAAS3B,wBAAwB2B,QAAQ;oBAC5C,OAAO;gBACT;gBAEA,MAAM,EACJN,WAAWQ,sBAAsB,EACjCX,aAAaY,gBAAgB,EAC7BC,MAAMC,iBAAiB,EACxB,GAAG9B,oBAAoB;oBACtByB;oBACAN;oBACAY,YAAYjB,YAAYkB,SAAS,OAC7BlB,WAAWmB,KAAK,CAAC,IAAI,CAACnB,WAAWmB,KAAK,CAAC,KAAKb,MAAM,GAAG,EAAE,GACvDN;oBACJE;gBACF;gBAEA,wDAAwD;gBACxD,iFAAiF;gBACjF,IAAI,UAAUS,SAAS,CAACK,mBAAmB;oBACzC,OAAO;gBACT;gBAEA,+EAA+E;gBAC/E,IAAII,aAAahB,sBAAsBO,OAAOU,OAAOlB;gBAErD,+GAA+G;gBAC/G,IAAIiB,cAAcT,MAAMU,KAAK,EAAElB,aAAa,OAAO;oBACjDiB,aAAa;gBACf;gBAEA,mGAAmG;gBACnG,IAAI,UAAUT,SAAS,CAACE,wBAAwB;oBAC9CO,aAAa;gBACf;gBAEA,MAAM,EAAEE,SAAS,EAAEC,IAAI,EAAEC,UAAU,EAAE,GAAGvC,cAAc;oBACpD0B;oBACAc,OAAOb;oBACPb;oBACAC;oBACAC;gBACF;gBAEA,qBACE,QAACX;oBAAsCoC,OAAOH;8BAC5C,cAAA,QAAChC;wBACCoC,mBAAmBhB;wBACnBd,aAAaA;wBACbyB,WAAWA;wBACXtB,YAAYA;wBACZC,kBAAkBA;wBAClBsB,MAAMA;wBACNrB,aAAaY;wBACbX,UAAUiB;wBACVI,YAAYA;;;;;;mBAVO,GAAGD,KAAK,CAAC,EAAEX,GAAG;;;;;YAczC;;;;;;IAGN;IAEA,OAAO;AACT,EAAC"}

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

@@ -1,7 +1,8 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { useWatchForm } from '../../Form/context.js';
-const RowLabel = React.createContext({
+const RowLabel = /*#__PURE__*/ React.createContext({
     data: {},
     path: '',
     rowNumber: undefined
@@ -20,7 +21,14 @@ export const RowLabelProvider = ({ children, path, rowNumber })=>{
         path,
         rowNumber
     ]);
-    return <RowLabel value={contextValue}>{children}</RowLabel>;
+    return /*#__PURE__*/ _jsxDEV(RowLabel, {
+        value: contextValue,
+        children: children
+    }, void 0, false, {
+        fileName: "src/forms/RowLabel/Context/index.tsx",
+        lineNumber: 32,
+        columnNumber: 10
+    }, this);
 };
 export const useRowLabel = ()=>{
     return React.use(RowLabel);

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

@@ -1 +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  readonly data: T\n  readonly path: string\n  readonly rowNumber?: number\n}\n\nconst RowLabel = React.createContext<RowLabelType>({\n  data: {},\n  path: '',\n  rowNumber: undefined,\n})\n\ntype Props<T> = {\n  readonly children: React.ReactNode\n} & Omit<RowLabelType<T>, 'data'>\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\n  const data = arrayData || collapsibleData\n\n  const contextValue = React.useMemo(() => ({ data, path, rowNumber }), [data, path, rowNumber])\n\n  return <RowLabel value={contextValue}>{children}</RowLabel>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.use(RowLabel) as RowLabelType<T>\n}\n"],"names":["React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","children","getDataByPath","getSiblingData","collapsibleData","arrayData","contextValue","useMemo","value","useRowLabel","use"],"mappings":"AAAA;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,YAAY,QAAQ,wBAAuB;AAQpD,MAAMC,WAAWF,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;IAEhC,MAAMD,OAAOS,aAAaD;IAE1B,MAAME,eAAed,MAAMe,OAAO,CAAC,IAAO,CAAA;YAAEX;YAAMC;YAAMC;QAAU,CAAA,GAAI;QAACF;QAAMC;QAAMC;KAAU;IAE7F,QAAQJ,SAASc,OAAOF,eAAeL,WAAWP;AACpD,EAAC;AAED,OAAO,MAAMe,cAAc;IACzB,OAAOjB,MAAMkB,GAAG,CAAChB;AACnB,EAAC"}
+{"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  readonly data: T\n  readonly path: string\n  readonly rowNumber?: number\n}\n\nconst RowLabel = React.createContext<RowLabelType>({\n  data: {},\n  path: '',\n  rowNumber: undefined,\n})\n\ntype Props<T> = {\n  readonly children: React.ReactNode\n} & Omit<RowLabelType<T>, 'data'>\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\n  const data = arrayData || collapsibleData\n\n  const contextValue = React.useMemo(() => ({ data, path, rowNumber }), [data, path, rowNumber])\n\n  return <RowLabel value={contextValue}>{children}</RowLabel>\n}\n\nexport const useRowLabel = <T,>() => {\n  return React.use(RowLabel) as RowLabelType<T>\n}\n"],"names":["React","useWatchForm","RowLabel","createContext","data","path","rowNumber","undefined","RowLabelProvider","children","getDataByPath","getSiblingData","collapsibleData","arrayData","contextValue","useMemo","value","useRowLabel","use"],"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;IAEhC,MAAMD,OAAOS,aAAaD;IAE1B,MAAME,eAAed,MAAMe,OAAO,CAAC,IAAO,CAAA;YAAEX;YAAMC;YAAMC;QAAU,CAAA,GAAI;QAACF;QAAMC;QAAMC;KAAU;IAE7F,qBAAO,QAACJ;QAASc,OAAOF;kBAAeL;;;;;;AACzC,EAAC;AAED,OAAO,MAAMQ,cAAc;IACzB,OAAOjB,MAAMkB,GAAG,CAAChB;AACnB,EAAC"}

package/dist/forms/RowLabel/index.js

@@ -1,19 +1,40 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { RowLabelProvider } from './Context/index.js';
 const baseClass = 'row-label';
 export const RowLabel = (props)=>{
     const { className, CustomComponent, label, path, rowNumber } = props;
-    return <RowLabelProvider path={path} rowNumber={rowNumber}>
-      <RenderCustomComponent CustomComponent={CustomComponent} Fallback={typeof label === 'string' ? <span className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')} style={{
-        pointerEvents: 'none'
-    }}>
-              {label}
-            </span> : label}/>
-    </RowLabelProvider>;
+    return /*#__PURE__*/ _jsxDEV(RowLabelProvider, {
+        path: path,
+        rowNumber: rowNumber,
+        children: /*#__PURE__*/ _jsxDEV(RenderCustomComponent, {
+            CustomComponent: CustomComponent,
+            Fallback: typeof label === 'string' ? /*#__PURE__*/ _jsxDEV("span", {
+                className: [
+                    baseClass,
+                    className
+                ].filter(Boolean).join(' '),
+                style: {
+                    pointerEvents: 'none'
+                },
+                children: label
+            }, void 0, false, {
+                fileName: "src/forms/RowLabel/index.tsx",
+                lineNumber: 21,
+                columnNumber: 13
+            }, void 0) : label
+        }, void 0, false, {
+            fileName: "src/forms/RowLabel/index.tsx",
+            lineNumber: 17,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/forms/RowLabel/index.tsx",
+        lineNumber: 16,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { RowLabelProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { RowLabelProvider } from './Context/index.js'\nexport type { RowLabelProps }\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { className, CustomComponent, label, path, rowNumber } = props\n\n  return (\n    <RowLabelProvider path={path} rowNumber={rowNumber}>\n      <RenderCustomComponent\n        CustomComponent={CustomComponent}\n        Fallback={\n          typeof label === 'string' ? (\n            <span\n              className={[baseClass, className].filter(Boolean).join(' ')}\n              style={{\n                pointerEvents: 'none',\n              }}\n            >\n              {label}\n            </span>\n          ) : (\n            label\n          )\n        }\n      />\n    </RowLabelProvider>\n  )\n}\n"],"names":["RenderCustomComponent","RowLabelProvider","baseClass","RowLabel","props","className","CustomComponent","label","path","rowNumber","Fallback","span","filter","Boolean","join","style","pointerEvents"],"mappings":"AAAA;AAKA,SAASA,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,qBAAoB;AAGrD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,SAAS,EAAEC,eAAe,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGL;IAE/D,QACGH,iBAAiBO,MAAMA,MAAMC,WAAWA,WAAW;MAClD,CAACT,sBACCM,iBAAiBA,iBACjBI,UACE,OAAOH,UAAU,YACdI,KACCN,WAAW;QAACH;QAAWG;KAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC,MACvDC,OAAO;QACLC,eAAe;IACjB,GACD;cACC,CAACT,MAAM;YACT,EAAEI,QAEFJ,QAGJ;IACJ,EAAEN;AAEN,EAAC"}
+{"version":3,"sources":["../../../src/forms/RowLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport type { RowLabelProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { RowLabelProvider } from './Context/index.js'\nexport type { RowLabelProps }\n\nconst baseClass = 'row-label'\n\nexport const RowLabel: React.FC<RowLabelProps> = (props) => {\n  const { className, CustomComponent, label, path, rowNumber } = props\n\n  return (\n    <RowLabelProvider path={path} rowNumber={rowNumber}>\n      <RenderCustomComponent\n        CustomComponent={CustomComponent}\n        Fallback={\n          typeof label === 'string' ? (\n            <span\n              className={[baseClass, className].filter(Boolean).join(' ')}\n              style={{\n                pointerEvents: 'none',\n              }}\n            >\n              {label}\n            </span>\n          ) : (\n            label\n          )\n        }\n      />\n    </RowLabelProvider>\n  )\n}\n"],"names":["React","RenderCustomComponent","RowLabelProvider","baseClass","RowLabel","props","className","CustomComponent","label","path","rowNumber","Fallback","span","filter","Boolean","join","style","pointerEvents"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAIzB,SAASC,qBAAqB,QAAQ,gDAA+C;AACrF,SAASC,gBAAgB,QAAQ,qBAAoB;AAGrD,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,SAAS,EAAEC,eAAe,EAAEC,KAAK,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGL;IAE/D,qBACE,QAACH;QAAiBO,MAAMA;QAAMC,WAAWA;kBACvC,cAAA,QAACT;YACCM,iBAAiBA;YACjBI,UACE,OAAOH,UAAU,yBACf,QAACI;gBACCN,WAAW;oBAACH;oBAAWG;iBAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;gBACvDC,OAAO;oBACLC,eAAe;gBACjB;0BAECT;;;;;yBAGHA;;;;;;;;;;;AAMZ,EAAC"}

package/dist/forms/Submit/index.js

@@ -1,4 +1,6 @@
 'use client';
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import React from 'react';
 import { Button } from '../../elements/Button/index.js';
 import { useForm, useFormBackgroundProcessing, useFormInitializing, useFormProcessing } from '../Form/context.js';
 import './index.scss';
@@ -13,11 +15,26 @@ export const FormSubmit = (props)=>{
     const handleClick = onClick ?? (programmaticSubmit ? ()=>{
         void submit();
     } : undefined);
-    return <div className={baseClass}>
-      <Button ref={ref} {...props} disabled={canSave ? undefined : true} id={id} onClick={handleClick} type={type}>
-        {children}
-      </Button>
-    </div>;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: /*#__PURE__*/ _jsxDEV(Button, {
+            ref: ref,
+            ...props,
+            disabled: canSave ? undefined : true,
+            id: id,
+            onClick: handleClick,
+            type: type,
+            children: children
+        }, void 0, false, {
+            fileName: "src/forms/Submit/index.tsx",
+            lineNumber: 51,
+            columnNumber: 7
+        }, this)
+    }, void 0, false, {
+        fileName: "src/forms/Submit/index.tsx",
+        lineNumber: 50,
+        columnNumber: 5
+    }, this);
 };
 
 //# sourceMappingURL=index.js.map