@payloadcms/ui 3.0.0-canary.6041f49 → 3.0.0-canary.690108d

package/dist/fields/Group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAIpD,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yDAAyD,CAAA;AACvF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAavD,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG;IAC5C,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,gBAAgB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAuFD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,KAAK,2BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwFzD,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU,2BAAqC,CAAA"}

package/dist/fields/Group/index.js

@@ -1,22 +1,26 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
-import React, { Fragment } from 'react';
+import React from 'react';
 import { useCollapsible } from '../../elements/Collapsible/provider.js';
 import { ErrorPill } from '../../elements/ErrorPill/index.js';
 import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
-import { useFormSubmitted } from '../../forms/Form/context.js';
+import { useFormInitializing, useFormProcessing, useFormSubmitted } from '../../forms/Form/context.js';
 import { RenderFields } from '../../forms/RenderFields/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { FieldDescription } from '../FieldDescription/index.js';
 import { useRow } from '../Row/provider.js';
 import { useTabs } from '../Tabs/provider.js';
 import { fieldBaseClass } from '../shared/index.js';
+import './index.scss';
 import { GroupProvider, useGroup } from './provider.js';
 const baseClass = 'group-field';
-const GroupField = (props)=>{
-    const { CustomDescription, CustomLabel, className, descriptionProps, fieldMap, hideGutter, label, readOnly: readOnlyFromProps, style, width } = props;
+export const GroupFieldComponent = (props)=>{
+    const { descriptionProps, field, field: { admin: { className, description, hideGutter, readOnly: readOnlyFromAdmin, style, width } = {}, fields, label }, readOnly: readOnlyFromTopLevelProps } = props;
+    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
     const { path, permissions, readOnly: readOnlyFromContext, schemaPath } = useFieldProps();
     const { i18n } = useTranslation();
     const { isWithinCollapsible } = useCollapsible();
@@ -26,12 +30,14 @@ const GroupField = (props)=>{
     const { errorPaths } = useField({
         path
     });
+    const formInitializing = useFormInitializing();
+    const formProcessing = useFormProcessing();
     const submitted = useFormSubmitted();
     const errorCount = errorPaths.length;
     const fieldHasErrors = submitted && errorCount > 0;
-    const readOnly = readOnlyFromProps || readOnlyFromContext;
+    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
     const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
-    return /*#__PURE__*/ React.createElement(Fragment, null, /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsx("div", {
         className: [
             fieldBaseClass,
             baseClass,
@@ -48,27 +54,54 @@ const GroupField = (props)=>{
         style: {
             ...style,
             width
-        }
-    }, /*#__PURE__*/ React.createElement(GroupProvider, null, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__wrap`
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: `${baseClass}__header`
-    }, (CustomLabel || CustomDescription || label) && /*#__PURE__*/ React.createElement("header", null, CustomLabel !== undefined ? CustomLabel : label ? /*#__PURE__*/ React.createElement("h3", {
-        className: `${baseClass}__title`
-    }, getTranslation(label, i18n)) : null, CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {})), fieldHasErrors && /*#__PURE__*/ React.createElement(ErrorPill, {
-        count: errorCount,
-        i18n: i18n,
-        withMessage: true
-    })), /*#__PURE__*/ React.createElement(RenderFields, {
-        fieldMap: fieldMap,
-        margins: "small",
-        path: path,
-        permissions: permissions?.fields,
-        readOnly: readOnly,
-        schemaPath: schemaPath
-    })))));
+        },
+        children: /*#__PURE__*/ _jsx(GroupProvider, {
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: `${baseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: `${baseClass}__header`,
+                        children: [
+                            (field?.admin?.components?.Label || field?.admin?.components?.Description || label) && /*#__PURE__*/ _jsxs("header", {
+                                children: [
+                                    field?.admin?.components?.Label !== undefined ? /*#__PURE__*/ _jsx(RenderComponent, {
+                                        clientProps: {
+                                            label
+                                        },
+                                        mappedComponent: field?.admin?.components?.Label
+                                    }) : label ? /*#__PURE__*/ _jsx("h3", {
+                                        className: `${baseClass}__title`,
+                                        children: getTranslation(label, i18n)
+                                    }) : null,
+                                    /*#__PURE__*/ _jsx(FieldDescription, {
+                                        Description: field?.admin?.components?.Description,
+                                        description: description,
+                                        field: field,
+                                        ...descriptionProps || {}
+                                    })
+                                ]
+                            }),
+                            fieldHasErrors && /*#__PURE__*/ _jsx(ErrorPill, {
+                                count: errorCount,
+                                i18n: i18n,
+                                withMessage: true
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(RenderFields, {
+                        fields: fields,
+                        margins: "small",
+                        path: path,
+                        permissions: permissions?.fields,
+                        readOnly: disabled,
+                        schemaPath: schemaPath
+                    })
+                ]
+            })
+        })
+    });
 };
 export { GroupProvider, useGroup };
-export const Group = withCondition(GroupField);
+export const GroupField = withCondition(GroupFieldComponent);
 
 //# sourceMappingURL=index.js.map

package/dist/fields/Group/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\nimport type { FieldPermissions } from 'payload/auth'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport React, { Fragment } from 'react'\n\nimport type { FieldMap } from '../../providers/ComponentMap/buildComponentMap/types.js'\nimport type { FormFieldBase } from '../shared/index.js'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useRow } from '../Row/provider.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport type GroupFieldProps = FormFieldBase & {\n  fieldMap: FieldMap\n  forceRender?: boolean\n  hideGutter?: boolean\n  name?: string\n  permissions: FieldPermissions\n  width?: string\n}\n\nconst GroupField: React.FC<GroupFieldProps> = (props) => {\n  const {\n    CustomDescription,\n    CustomLabel,\n    className,\n    descriptionProps,\n    fieldMap,\n    hideGutter,\n    label,\n    readOnly: readOnlyFromProps,\n    style,\n    width,\n  } = props\n\n  const { path, permissions, readOnly: readOnlyFromContext, schemaPath } = useFieldProps()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { errorPaths } = useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  return (\n    <Fragment>\n      <div\n        className={[\n          fieldBaseClass,\n          baseClass,\n          isTopLevel && `${baseClass}--top-level`,\n          isWithinCollapsible && `${baseClass}--within-collapsible`,\n          isWithinGroup && `${baseClass}--within-group`,\n          isWithinRow && `${baseClass}--within-row`,\n          isWithinTab && `${baseClass}--within-tab`,\n          !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n          fieldHasErrors && `${baseClass}--has-error`,\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        id={`field-${path?.replace(/\\./g, '__')}`}\n        style={{\n          ...style,\n          width,\n        }}\n      >\n        <GroupProvider>\n          <div className={`${baseClass}__wrap`}>\n            <div className={`${baseClass}__header`}>\n              {(CustomLabel || CustomDescription || label) && (\n                <header>\n                  {CustomLabel !== undefined ? (\n                    CustomLabel\n                  ) : label ? (\n                    <h3 className={`${baseClass}__title`}>{getTranslation(label, i18n)}</h3>\n                  ) : null}\n                  {CustomDescription !== undefined ? (\n                    CustomDescription\n                  ) : (\n                    <FieldDescription {...(descriptionProps || {})} />\n                  )}\n                </header>\n              )}\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n            <RenderFields\n              fieldMap={fieldMap}\n              margins=\"small\"\n              path={path}\n              permissions={permissions?.fields}\n              readOnly={readOnly}\n              schemaPath={schemaPath}\n            />\n          </div>\n        </GroupProvider>\n      </div>\n    </Fragment>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const Group = withCondition(GroupField)\n"],"names":["getTranslation","FieldDescription","React","Fragment","useCollapsible","ErrorPill","useFieldProps","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","useRow","useTabs","fieldBaseClass","GroupProvider","useGroup","baseClass","GroupField","props","CustomDescription","CustomLabel","className","descriptionProps","fieldMap","hideGutter","label","readOnly","readOnlyFromProps","style","width","path","permissions","readOnlyFromContext","schemaPath","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","div","filter","Boolean","join","id","replace","header","undefined","h3","count","withMessage","margins","fields","Group"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport {\n  useFormInitializing,\n  useFormProcessing,\n  useFormSubmitted,\n} from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { useRow } from '../Row/provider.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: React.FC<GroupFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    field,\n    field: {\n      admin: { className, description, hideGutter, readOnly: readOnlyFromAdmin, style, width } = {},\n      fields,\n      label,\n    },\n    readOnly: readOnlyFromTopLevelProps,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const { path, permissions, readOnly: readOnlyFromContext, schemaPath } = useFieldProps()\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { errorPaths } = useField({ path })\n  const formInitializing = useFormInitializing()\n  const formProcessing = useFormProcessing()\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        isTopLevel && `${baseClass}--top-level`,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        isWithinGroup && `${baseClass}--within-group`,\n        isWithinRow && `${baseClass}--within-row`,\n        isWithinTab && `${baseClass}--within-tab`,\n        !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n        fieldHasErrors && `${baseClass}--has-error`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__header`}>\n            {(field?.admin?.components?.Label ||\n              field?.admin?.components?.Description ||\n              label) && (\n              <header>\n                {field?.admin?.components?.Label !== undefined ? (\n                  <RenderComponent\n                    clientProps={{ label }}\n                    mappedComponent={field?.admin?.components?.Label}\n                  />\n                ) : label ? (\n                  <h3 className={`${baseClass}__title`}>{getTranslation(label, i18n)}</h3>\n                ) : null}\n                <FieldDescription\n                  Description={field?.admin?.components?.Description}\n                  description={description}\n                  field={field}\n                  {...(descriptionProps || {})}\n                />\n              </header>\n            )}\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            path={path}\n            permissions={permissions?.fields}\n            readOnly={disabled}\n            schemaPath={schemaPath}\n          />\n        </div>\n      </GroupProvider>\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"names":["getTranslation","React","useCollapsible","ErrorPill","useFieldProps","useFormInitializing","useFormProcessing","useFormSubmitted","RenderFields","useField","withCondition","RenderComponent","useTranslation","FieldDescription","useRow","useTabs","fieldBaseClass","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","descriptionProps","field","admin","className","description","hideGutter","readOnly","readOnlyFromAdmin","style","width","fields","label","readOnlyFromTopLevelProps","readOnlyFromProps","path","permissions","readOnlyFromContext","schemaPath","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","errorPaths","formInitializing","formProcessing","submitted","errorCount","length","fieldHasErrors","disabled","isTopLevel","div","filter","Boolean","join","id","replace","components","Label","Description","header","undefined","clientProps","mappedComponent","h3","count","withMessage","margins","GroupField"],"mappings":"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"}

package/dist/fields/Group/provider.js

@@ -1,10 +1,12 @@
 'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext } from 'react';
 export const GroupContext = /*#__PURE__*/ createContext(false);
 export const GroupProvider = ({ children, withinGroup = true })=>{
-    return /*#__PURE__*/ React.createElement(GroupContext.Provider, {
-        value: withinGroup
-    }, children);
+    return /*#__PURE__*/ _jsx(GroupContext.Provider, {
+        value: withinGroup,
+        children: children
+    });
 };
 export const useGroup = ()=>useContext(GroupContext);
 

package/dist/fields/Group/provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext.Provider value={withinGroup}>{children}</GroupContext.Provider>\n}\n\nexport const useGroup = (): boolean => useContext(GroupContext)\n"],"names":["React","createContext","useContext","GroupContext","GroupProvider","children","withinGroup","Provider","value","useGroup"],"rangeMappings":";;;;;;;;","mappings":"AAAA;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,oBAACH,aAAaI,QAAQ;QAACC,OAAOF;OAAcD;AACrD,EAAC;AAED,OAAO,MAAMI,WAAW,IAAeP,WAAWC,cAAa"}
+{"version":3,"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useContext } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext.Provider value={withinGroup}>{children}</GroupContext.Provider>\n}\n\nexport const useGroup = (): boolean => useContext(GroupContext)\n"],"names":["React","createContext","useContext","GroupContext","GroupProvider","children","withinGroup","Provider","value","useGroup"],"mappings":"AAAA;;AACA,OAAOA,SAASC,aAAa,EAAEC,UAAU,QAAQ,QAAO;AAExD,OAAO,MAAMC,6BAAeF,cAAc,OAAM;AAEhD,OAAO,MAAMG,gBAAiF,CAAC,EAC7FC,QAAQ,EACRC,cAAc,IAAI,EACnB;IACC,qBAAO,KAACH,aAAaI,QAAQ;QAACC,OAAOF;kBAAcD;;AACrD,EAAC;AAED,OAAO,MAAMI,WAAW,IAAeP,WAAWC,cAAa"}

package/dist/fields/Hidden/index.d.ts

@@ -0,0 +1,4 @@
+import type { HiddenFieldProps } from 'payload';
+import React from 'react';
+export declare const HiddenField: React.FC<HiddenFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Hidden/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Hidden/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAoB,MAAM,OAAO,CAAA;AAyCxC,eAAO,MAAM,WAAW,4BAAsC,CAAA"}

package/dist/fields/{HiddenInput → Hidden}/index.js

@@ -1,13 +1,14 @@
 'use client';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect } from 'react';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 /**
  * This is mainly used to save a value on the form that is not visible to the user.
  * For example, this sets the `ìd` property of a block in the Blocks field.
- */ const HiddenInputField = (props)=>{
-    const { name, disableModifyingForm = true, forceUsePathFromProps, path: pathFromProps, value: valueFromProps } = props;
+ */ const HiddenFieldComponent = (props)=>{
+    const { disableModifyingForm = true, field: { name, _path: pathFromProps }, forceUsePathFromProps, value: valueFromProps } = props;
     const { path: pathFromContext } = useFieldProps();
     const { path, setValue, value } = useField({
         path: (!forceUsePathFromProps ? pathFromContext : null) || pathFromProps || name
@@ -21,7 +22,7 @@ import { withCondition } from '../../forms/withCondition/index.js';
         setValue,
         disableModifyingForm
     ]);
-    return /*#__PURE__*/ React.createElement("input", {
+    return /*#__PURE__*/ _jsx("input", {
         id: `field-${path?.replace(/\./g, '__')}`,
         name: path,
         onChange: setValue,
@@ -29,6 +30,6 @@ import { withCondition } from '../../forms/withCondition/index.js';
         value: value || ''
     });
 };
-export const HiddenInput = withCondition(HiddenInputField);
+export const HiddenField = withCondition(HiddenFieldComponent);
 
 //# sourceMappingURL=index.js.map

package/dist/fields/Hidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const {\n    disableModifyingForm = true,\n    field: { name, _path: pathFromProps },\n    forceUsePathFromProps,\n    value: valueFromProps,\n  } = props\n\n  const { path: pathFromContext } = useFieldProps()\n\n  const { path, setValue, value } = useField({\n    path: (!forceUsePathFromProps ? pathFromContext : null) || pathFromProps || name,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"names":["React","useEffect","useFieldProps","useField","withCondition","HiddenFieldComponent","props","disableModifyingForm","field","name","_path","pathFromProps","forceUsePathFromProps","value","valueFromProps","path","pathFromContext","setValue","undefined","input","id","replace","onChange","type","HiddenField"],"mappings":"AAAA;;AAIA,OAAOA,SAASC,SAAS,QAAQ,QAAO;AAExC,SAASC,aAAa,QAAQ,0CAAyC;AACvE,SAASC,QAAQ,QAAQ,gCAA+B;AACxD,SAASC,aAAa,QAAQ,qCAAoC;AAElE;;;CAGC,GACD,MAAMC,uBAAmD,CAACC;IACxD,MAAM,EACJC,uBAAuB,IAAI,EAC3BC,OAAO,EAAEC,IAAI,EAAEC,OAAOC,aAAa,EAAE,EACrCC,qBAAqB,EACrBC,OAAOC,cAAc,EACtB,GAAGR;IAEJ,MAAM,EAAES,MAAMC,eAAe,EAAE,GAAGd;IAElC,MAAM,EAAEa,IAAI,EAAEE,QAAQ,EAAEJ,KAAK,EAAE,GAAGV,SAAS;QACzCY,MAAM,AAAC,CAAA,CAACH,wBAAwBI,kBAAkB,IAAG,KAAML,iBAAiBF;IAC9E;IAEAR,UAAU;QACR,IAAIa,mBAAmBI,WAAW;YAChCD,SAASH,gBAAgBP;QAC3B;IACF,GAAG;QAACO;QAAgBG;QAAUV;KAAqB;IAEnD,qBACE,KAACY;QACCC,IAAI,CAAC,MAAM,EAAEL,MAAMM,QAAQ,OAAO,MAAM,CAAC;QACzCZ,MAAMM;QACNO,UAAUL;QACVM,MAAK;QACLV,OAAO,AAACA,SAAoB;;AAGlC;AAEA,OAAO,MAAMW,cAAcpB,cAAcC,sBAAqB"}

package/dist/fields/JSON/index.d.ts

@@ -1,13 +1,5 @@
+import type { JSONFieldProps } from 'payload';
 import React from 'react';
 import './index.scss';
-import type { JSONField as JSONFieldType } from 'payload/types';
-import type { FormFieldBase } from '../shared/index.js';
-export type JSONFieldProps = FormFieldBase & {
-    editorOptions?: JSONFieldType['admin']['editorOptions'];
-    jsonSchema?: Record<string, unknown>;
-    name?: string;
-    path?: string;
-    width?: string;
-};
 export declare const JSONField: React.FC<JSONFieldProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/JSON/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAO/D,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AAM/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG;IAC3C,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,CAAA;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAoID,eAAO,MAAM,SAAS,0BAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAO/D,OAAO,cAAc,CAAA;AAyJrB,eAAO,MAAM,SAAS,0BAAoC,CAAA"}

package/dist/fields/JSON/index.js

@@ -1,16 +1,20 @@
 'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useState } from 'react';
 import { CodeEditor } from '../../elements/CodeEditor/index.js';
-import { FieldLabel } from '../../forms/FieldLabel/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
+import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
+import './index.scss';
 const baseClass = 'json-field';
-import { FieldDescription } from '@payloadcms/ui/forms/FieldDescription';
-import { FieldError } from '@payloadcms/ui/forms/FieldError';
-import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
+import { FieldDescription } from '../FieldDescription/index.js';
+import { FieldError } from '../FieldError/index.js';
 const JSONFieldComponent = (props)=>{
-    const { name, AfterInput, BeforeInput, CustomDescription, CustomError, CustomLabel, className, descriptionProps, editorOptions, errorProps, jsonSchema, label, labelProps, path: pathFromProps, readOnly: readOnlyFromProps, required, style, validate, width } = props;
+    const { descriptionProps, errorProps, field, field: { name, _path: pathFromProps, admin: { className, description, editorOptions, readOnly: readOnlyFromAdmin, style, width } = {}, jsonSchema, label, required }, labelProps, readOnly: readOnlyFromTopLevelProps, validate } = props;
+    const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
     const [stringValue, setStringValue] = useState();
     const [jsonError, setJsonError] = useState();
     const [hasLoadedValue, setHasLoadedValue] = useState(false);
@@ -26,11 +30,11 @@ const JSONFieldComponent = (props)=>{
         jsonError
     ]);
     const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps();
-    const readOnly = readOnlyFromProps || readOnlyFromContext;
-    const { initialValue, path, setValue, showError, value } = useField({
-        path: pathFromContext || pathFromProps || name,
+    const { formInitializing, formProcessing, initialValue, path, setValue, showError, value } = useField({
+        path: pathFromContext ?? pathFromProps ?? name,
         validate: memoizedValidate
     });
+    const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
     const handleMount = useCallback((editor, monaco)=>{
         if (!jsonSchema) return;
         const existingSchemas = monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || [];
@@ -50,7 +54,7 @@ const JSONFieldComponent = (props)=>{
         value
     ]);
     const handleChange = useCallback((val)=>{
-        if (readOnly) return;
+        if (disabled) return;
         setStringValue(val);
         try {
             setValue(val ? JSON.parse(val) : null);
@@ -60,12 +64,12 @@ const JSONFieldComponent = (props)=>{
             setJsonError(e);
         }
     }, [
-        readOnly,
+        disabled,
         setValue,
         setStringValue
     ]);
     useEffect(()=>{
-        if (hasLoadedValue) return;
+        if (hasLoadedValue || value === undefined) return;
         setStringValue(value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '');
         setHasLoadedValue(true);
     }, [
@@ -73,35 +77,59 @@ const JSONFieldComponent = (props)=>{
         value,
         hasLoadedValue
     ]);
-    return /*#__PURE__*/ React.createElement("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: [
             fieldBaseClass,
             baseClass,
             className,
             showError && 'error',
-            readOnly && 'read-only'
+            disabled && 'read-only'
         ].filter(Boolean).join(' '),
         style: {
             ...style,
             width
-        }
-    }, /*#__PURE__*/ React.createElement(FieldError, {
-        CustomError: CustomError,
-        path: path,
-        ...errorProps || {}
-    }), /*#__PURE__*/ React.createElement(FieldLabel, {
-        CustomLabel: CustomLabel,
-        label: label,
-        required: required,
-        ...labelProps || {}
-    }), /*#__PURE__*/ React.createElement("div", null, BeforeInput, /*#__PURE__*/ React.createElement(CodeEditor, {
-        defaultLanguage: "json",
-        onChange: handleChange,
-        onMount: handleMount,
-        options: editorOptions,
-        readOnly: readOnly,
-        value: stringValue
-    }), AfterInput), CustomDescription !== undefined ? CustomDescription : /*#__PURE__*/ React.createElement(FieldDescription, descriptionProps || {}));
+        },
+        children: [
+            /*#__PURE__*/ _jsx(FieldLabel, {
+                Label: field?.admin?.components?.Label,
+                field: field,
+                label: label,
+                required: required,
+                ...labelProps || {}
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: `${fieldBaseClass}__wrap`,
+                children: [
+                    /*#__PURE__*/ _jsx(FieldError, {
+                        CustomError: field?.admin?.components?.Error,
+                        field: field,
+                        path: path,
+                        ...errorProps || {}
+                    }),
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: field?.admin?.components?.beforeInput
+                    }),
+                    /*#__PURE__*/ _jsx(CodeEditor, {
+                        defaultLanguage: "json",
+                        onChange: handleChange,
+                        onMount: handleMount,
+                        options: editorOptions,
+                        readOnly: disabled,
+                        value: stringValue
+                    }),
+                    /*#__PURE__*/ _jsx(RenderComponent, {
+                        mappedComponent: field?.admin?.components?.afterInput
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(FieldDescription, {
+                Description: field?.admin?.components?.Description,
+                description: description,
+                field: field,
+                ...descriptionProps || {}
+            })
+        ]
+    });
 };
 export const JSONField = withCondition(JSONFieldComponent);
 

package/dist/fields/JSON/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientValidate } from 'payload/types'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { FieldLabel } from '../../forms/FieldLabel/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'json-field'\n\nimport type { JSONField as JSONFieldType } from 'payload/types'\n\nimport { FieldDescription } from '@payloadcms/ui/forms/FieldDescription'\nimport { FieldError } from '@payloadcms/ui/forms/FieldError'\nimport { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'\n\nimport type { FormFieldBase } from '../shared/index.js'\n\nexport type JSONFieldProps = FormFieldBase & {\n  editorOptions?: JSONFieldType['admin']['editorOptions']\n  jsonSchema?: Record<string, unknown>\n  name?: string\n  path?: string\n  width?: string\n}\n\nconst JSONFieldComponent: React.FC<JSONFieldProps> = (props) => {\n  const {\n    name,\n    AfterInput,\n    BeforeInput,\n    CustomDescription,\n    CustomError,\n    CustomLabel,\n    className,\n    descriptionProps,\n    editorOptions,\n    errorProps,\n    jsonSchema,\n    label,\n    labelProps,\n    path: pathFromProps,\n    readOnly: readOnlyFromProps,\n    required,\n    style,\n    validate,\n    width,\n  } = props\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate: ClientValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, jsonError, required })\n    },\n    [validate, required, jsonError],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n  const readOnly = readOnlyFromProps || readOnlyFromContext\n\n  const { initialValue, path, setValue, showError, value } = useField<string>({\n    path: pathFromContext || pathFromProps || name,\n    validate: memoizedValidate,\n  })\n\n  const handleMount = useCallback(\n    (editor, monaco) => {\n      if (!jsonSchema) return\n\n      const existingSchemas = monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || []\n      const modelUri = monaco.Uri.parse(jsonSchema.uri)\n\n      const model = monaco.editor.createModel(JSON.stringify(value, null, 2), 'json', modelUri)\n      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n        enableSchemaRequest: true,\n        schemas: [...existingSchemas, jsonSchema],\n        validate: true,\n      })\n\n      editor.setModel(model)\n    },\n    [jsonSchema, value],\n  )\n\n  const handleChange = useCallback(\n    (val) => {\n      if (readOnly) return\n      setStringValue(val)\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        setJsonError(e)\n      }\n    },\n    [readOnly, setValue, setStringValue],\n  )\n\n  useEffect(() => {\n    if (hasLoadedValue) return\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\n    setHasLoadedValue(true)\n  }, [initialValue, value, hasLoadedValue])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldError CustomError={CustomError} path={path} {...(errorProps || {})} />\n      <FieldLabel\n        CustomLabel={CustomLabel}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div>\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          onChange={handleChange}\n          onMount={handleMount}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      {CustomDescription !== undefined ? (\n        CustomDescription\n      ) : (\n        <FieldDescription {...(descriptionProps || {})} />\n      )}\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"names":["React","useCallback","useEffect","useState","CodeEditor","FieldLabel","useField","withCondition","fieldBaseClass","baseClass","FieldDescription","FieldError","useFieldProps","JSONFieldComponent","props","name","AfterInput","BeforeInput","CustomDescription","CustomError","CustomLabel","className","descriptionProps","editorOptions","errorProps","jsonSchema","label","labelProps","path","pathFromProps","readOnly","readOnlyFromProps","required","style","validate","width","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","pathFromContext","readOnlyFromContext","initialValue","setValue","showError","handleMount","editor","monaco","existingSchemas","languages","json","jsonDefaults","diagnosticsOptions","schemas","modelUri","Uri","parse","uri","model","createModel","JSON","stringify","setDiagnosticsOptions","enableSchemaRequest","setModel","handleChange","val","undefined","e","div","filter","Boolean","join","defaultLanguage","onChange","onMount","JSONField"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldProps } from 'payload'\n\nimport React, { useCallback, useEffect, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'json-field'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\n\nconst JSONFieldComponent: React.FC<JSONFieldProps> = (props) => {\n  const {\n    descriptionProps,\n    errorProps,\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        className,\n        description,\n        editorOptions,\n        readOnly: readOnlyFromAdmin,\n        style,\n        width,\n      } = {},\n      jsonSchema,\n      label,\n      required,\n    },\n    labelProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate,\n  } = props\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const [stringValue, setStringValue] = useState<string>()\n  const [jsonError, setJsonError] = useState<string>()\n  const [hasLoadedValue, setHasLoadedValue] = useState(false)\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function')\n        return validate(value, { ...options, jsonError, required })\n    },\n    [validate, required, jsonError],\n  )\n\n  const { path: pathFromContext, readOnly: readOnlyFromContext } = useFieldProps()\n\n  const { formInitializing, formProcessing, initialValue, path, setValue, showError, value } =\n    useField<string>({\n      path: pathFromContext ?? pathFromProps ?? name,\n      validate: memoizedValidate,\n    })\n\n  const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing\n\n  const handleMount = useCallback(\n    (editor, monaco) => {\n      if (!jsonSchema) return\n\n      const existingSchemas = monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || []\n      const modelUri = monaco.Uri.parse(jsonSchema.uri)\n\n      const model = monaco.editor.createModel(JSON.stringify(value, null, 2), 'json', modelUri)\n      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n        enableSchemaRequest: true,\n        schemas: [...existingSchemas, jsonSchema],\n        validate: true,\n      })\n\n      editor.setModel(model)\n    },\n    [jsonSchema, value],\n  )\n\n  const handleChange = useCallback(\n    (val) => {\n      if (disabled) return\n      setStringValue(val)\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        setJsonError(e)\n      }\n    },\n    [disabled, setValue, setStringValue],\n  )\n\n  useEffect(() => {\n    if (hasLoadedValue || value === undefined) return\n\n    setStringValue(\n      value || initialValue ? JSON.stringify(value ? value : initialValue, null, 2) : '',\n    )\n\n    setHasLoadedValue(true)\n  }, [initialValue, value, hasLoadedValue])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        disabled && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <FieldLabel\n        Label={field?.admin?.components?.Label}\n        field={field}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <FieldError\n          CustomError={field?.admin?.components?.Error}\n          field={field}\n          path={path}\n          {...(errorProps || {})}\n        />\n        <RenderComponent mappedComponent={field?.admin?.components?.beforeInput} />\n        <CodeEditor\n          defaultLanguage=\"json\"\n          onChange={handleChange}\n          onMount={handleMount}\n          options={editorOptions}\n          readOnly={disabled}\n          value={stringValue}\n        />\n        <RenderComponent mappedComponent={field?.admin?.components?.afterInput} />\n      </div>\n      <FieldDescription\n        Description={field?.admin?.components?.Description}\n        description={description}\n        field={field}\n        {...(descriptionProps || {})}\n      />\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"names":["React","useCallback","useEffect","useState","CodeEditor","useField","withCondition","FieldLabel","fieldBaseClass","baseClass","useFieldProps","RenderComponent","FieldDescription","FieldError","JSONFieldComponent","props","descriptionProps","errorProps","field","name","_path","pathFromProps","admin","className","description","editorOptions","readOnly","readOnlyFromAdmin","style","width","jsonSchema","label","required","labelProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","path","pathFromContext","readOnlyFromContext","formInitializing","formProcessing","initialValue","setValue","showError","disabled","handleMount","editor","monaco","existingSchemas","languages","json","jsonDefaults","diagnosticsOptions","schemas","modelUri","Uri","parse","uri","model","createModel","JSON","stringify","setDiagnosticsOptions","enableSchemaRequest","setModel","handleChange","val","undefined","e","div","filter","Boolean","join","Label","components","CustomError","Error","mappedComponent","beforeInput","defaultLanguage","onChange","onMount","afterInput","Description","JSONField"],"mappings":"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"}

package/dist/fields/JSON/index.scss

@@ -2,34 +2,15 @@
 
 .json-field {
   position: relative;
-}
-
-html[data-theme='light'] {
-  .json-field {
-    &.error {
-      .code-editor {
-        border-color: var(--theme-error-500);
-      }
 
-      .monaco-editor-background,
-      .margin {
-        background-color: var(--theme-error-50);
-      }
+  &.error {
+    .code-editor {
+      border-color: var(--theme-error-500);
     }
-  }
-}
-
-html[data-theme='dark'] {
-  .json-field {
-    &.error {
-      .code-editor {
-        border-color: var(--theme-error-500);
-      }
 
-      .monaco-editor-background,
-      .margin {
-        background-color: var(--theme-error-100);
-      }
+    .monaco-editor-background,
+    .margin {
+      background-color: var(--theme-error-50);
     }
   }
 }

package/dist/fields/Number/Input.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/fields/Number/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/Input.tsx"],"names":[],"mappings":""}

package/dist/fields/Number/Input.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Input.js.map

package/dist/fields/Number/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/Number/Input.tsx"],"names":[],"mappings":""}

package/dist/fields/Number/index.d.ts

@@ -1,18 +1,5 @@
-import type { NumberField as NumberFieldType } from 'payload/types';
+import type { NumberFieldProps } from 'payload';
 import React from 'react';
-import type { FormFieldBase } from '../shared/index.js';
 import './index.scss';
-export type NumberFieldProps = FormFieldBase & {
-    hasMany?: boolean;
-    max?: number;
-    maxRows?: number;
-    min?: number;
-    name?: string;
-    onChange?: (e: number) => void;
-    path?: string;
-    placeholder?: NumberFieldType['admin']['placeholder'];
-    step?: number;
-    width?: string;
-};
 export declare const NumberField: React.FC<NumberFieldProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/fields/Number/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAa,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAQ9E,OAAO,KAA2C,MAAM,OAAO,CAAA;AAG/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAOvD,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,CAAA;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AA8LD,eAAO,MAAM,WAAW,4BAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI/C,OAAO,KAA2C,MAAM,OAAO,CAAA;AAc/D,OAAO,cAAc,CAAA;AA2MrB,eAAO,MAAM,WAAW,4BAAsC,CAAA"}