@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.28c161d

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useFieldProps","useForm","RenderComponent","useEditDepth","useTranslation","generateFieldID","DefaultFieldLabel","props","$","as","t0","htmlFor","htmlForFromProps","label","labelFromProps","required","t1","unstyled","t2","Element","undefined","uuid","path","editDepth","t3","i18n","t4","t5","t6","_jsx","className","children","_jsxs","FieldLabel","Label","rest","clientProps","mappedComponent"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldLabelClientComponent, GenericLabelProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nconst DefaultFieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: Element = 'label',\n    htmlFor: htmlForFromProps,\n    label: labelFromProps,\n    required = false,\n    unstyled = false,\n  } = props\n\n  const { uuid } = useForm()\n  const { path } = useFieldProps()\n  const editDepth = useEditDepth()\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n\n  const { i18n } = useTranslation()\n\n  if (labelFromProps) {\n    return (\n      <Element className={`field-label ${unstyled ? 'unstyled' : ''}`} htmlFor={htmlFor}>\n        {getTranslation(labelFromProps, i18n)}\n        {required && !unstyled && <span className=\"required\">*</span>}\n      </Element>\n    )\n  }\n\n  return null\n}\n\nexport const FieldLabel: FieldLabelClientComponent = (props) => {\n  const { Label, ...rest } = props\n\n  if (Label) {\n    return <RenderComponent clientProps={rest} mappedComponent={Label} />\n  }\n\n  return <DefaultFieldLabel {...rest} />\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,OAAO,QAAQ;AACxB,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,iBAAA,GAAiDC,KAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EACrD;IAAAY,EAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,KAAA,EAAAC,cAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IAMIX,KAAA;EALE,MAAAY,OAAA,GAAAT,EAAiB,KAAAU,SAAA,GAAP,OAAO,GAAjBV,EAAiB;EAGrB,MAAAK,QAAA,GAAAC,EAAgB,KAAAI,SAAA,WAAhBJ,EAAgB;EAChB,MAAAC,QAAA,GAAAC,EAAgB,KAAAE,SAAA,WAAhBF,EAAgB;EAGlB;IAAAG;EAAA,IAAiBpB,OAAA;EACjB;IAAAqB;EAAA,IAAiBtB,aAAA;EACjB,MAAAuB,SAAA,GAAkBpB,YAAA;EAAA,IAAAqB,EAAA;EAAA,IAAAhB,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAc,IAAA,IAAAd,CAAA,QAAAe,SAAA,IAAAf,CAAA,QAAAa,IAAA;IACFG,EAAA,GAAAZ,gBAAA,IAAoBP,eAAA,CAAgBiB,IAAA,EAAMC,SAAA,EAAWF,IAAA;IAAAb,CAAA,MAAAI,gBAAA;IAAAJ,CAAA,MAAAc,IAAA;IAAAd,CAAA,MAAAe,SAAA;IAAAf,CAAA,MAAAa,IAAA;IAAAb,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAArE,MAAAG,OAAA,GAAgBa,EAAqD;EAErE;IAAAC;EAAA,IAAiBrB,cAAA;EAAA,IAEbU,cAAA;IAEoB,MAAAY,EAAA,kBAAeT,QAAA,GAAW,aAAa,IAAI;IAAA,IAAAU,EAAA;IAAA,IAAAnB,CAAA,QAAAM,cAAA,IAAAN,CAAA,QAAAiB,IAAA,IAAAjB,CAAA,QAAAO,QAAA,IAAAP,CAAA,QAAAS,QAAA,IAAAT,CAAA,QAAAkB,EAAA,IAAAlB,CAAA,SAAAG,OAAA,IAAAH,CAAA,SAAAW,OAAA;MAAA,IAAAS,EAAA;MAAA,IAAApB,CAAA,SAAAO,QAAA,IAAAP,CAAA,SAAAS,QAAA;QAE5DW,EAAA,GAAAb,QAAA,KAAaE,QAAA,IAAYY,IAAA,CAAC;UAAAC,SAAA,EAAe;UAAAC,QAAA,EAAW;QAAA,C;;;;;;;MAFvDJ,EAAA,GAAAK,KAAA,CAACb,OAAA;QAAAW,SAAA,EAAmBJ,EAA2C;QAAAf,OAAA;QAAAoB,QAAA,GAC5DjC,cAAA,CAAegB,cAAA,EAAgBW,IAAA,GAC/BG,E;;;;;;;;;;;;;WAFHD,E;;;CAQN;AAEA,OAAO,MAAMM,UAAA,GAAyC1B,KAAA;EACpD,MAAM;IAAE2B,KAAK;IAAE,GAAGC;EAAA,CAAM,GAAG5B,KAAA;EAE3B,IAAI2B,KAAA,EAAO;IACT,oBAAOL,IAAA,CAAC3B,eAAA;MAAgBkC,WAAA,EAAaD,IAAA;MAAME,eAAA,EAAiBH;;EAC9D;EAEA,oBAAOL,IAAA,CAACvB,iBAAA;IAAmB,GAAG6B;;AAChC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useFieldProps","useForm","RenderComponent","useEditDepth","useTranslation","generateFieldID","DefaultFieldLabel","props","$","as","t0","htmlFor","htmlForFromProps","label","labelFromProps","required","t1","unstyled","t2","Element","undefined","uuid","path","editDepth","t3","i18n","t4","t5","t6","_jsx","className","children","_jsxs","FieldLabel","Label","rest","clientProps","mappedComponent","field"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { FieldLabelClientComponent, GenericLabelProps, StaticLabel } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nconst DefaultFieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: Element = 'label',\n    htmlFor: htmlForFromProps,\n    label: labelFromProps,\n    required = false,\n    unstyled = false,\n  } = props\n\n  const { uuid } = useForm()\n  const { path } = useFieldProps()\n  const editDepth = useEditDepth()\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n\n  const { i18n } = useTranslation()\n\n  if (labelFromProps) {\n    return (\n      <Element className={`field-label ${unstyled ? 'unstyled' : ''}`} htmlFor={htmlFor}>\n        {getTranslation(labelFromProps, i18n)}\n        {required && !unstyled && <span className=\"required\">*</span>}\n      </Element>\n    )\n  }\n\n  return null\n}\n\nexport const FieldLabel: FieldLabelClientComponent = (props) => {\n  const { Label, ...rest } = props\n\n  // Don't get `Label` from `field.admin.components.Label` here because\n  // this will cause an infinite loop when threading field through custom usages of `FieldLabel`\n  if (Label) {\n    return <RenderComponent clientProps={rest} mappedComponent={Label} />\n  }\n\n  return (\n    <DefaultFieldLabel\n      {...rest}\n      label={\n        typeof props?.label !== 'undefined'\n          ? props.label\n          : props?.field && 'label' in props.field && (props.field.label as StaticLabel) // type assertion needed for `row` fields\n      }\n      required={\n        typeof props.required !== 'undefined'\n          ? props.required\n          : props?.field && 'required' in props.field && (props.field?.required as boolean) // type assertion needed for `group` fields\n      }\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,13 @@
-import type { GroupFieldProps } from 'payload';
+import type { GroupFieldClientComponent } from 'payload';
 import React from 'react';
 import './index.scss';
 import { GroupProvider, useGroup } from './provider.js';
-export declare const GroupFieldComponent: React.FC<GroupFieldProps>;
+export declare const GroupFieldComponent: GroupFieldClientComponent;
 export { GroupProvider, useGroup };
-export declare const GroupField: React.FC<GroupFieldProps>;
+export declare const GroupField: React.FC<Record<string, unknown> & {
+    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").GroupFieldClient, "type"> & Partial<Pick<import("payload").GroupFieldClient, "type">>>;
+    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").GroupFieldClient, "type"> & Partial<Pick<import("payload").GroupFieldClient, "type">>>;
+    readonly field: Omit<import("payload").GroupFieldClient, "type"> & Partial<Pick<import("payload").GroupFieldClient, "type">>;
+    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").GroupFieldClient, "type"> & Partial<Pick<import("payload").GroupFieldClient, "type">>>;
+} & import("payload").FormFieldBase>;
 //# sourceMappingURL=index.d.ts.map

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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAmBzB,OAAO,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBAwFjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;;;;oCAAqC,CAAA"}

package/dist/fields/Group/index.js

@@ -15,8 +15,8 @@ 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 { useTabs } from '../Tabs/provider.js';
 import './index.scss';
 import { GroupProvider, useGroup } from './provider.js';
 const baseClass = 'group-field';
@@ -110,7 +110,7 @@ export const GroupFieldComponent = props => {
   const t12 = t11.join(" ");
   const t13 = `field-${path?.replace(/\./g, "__")}`;
   let t14;
-  if ($[13] !== style || $[14] !== width || $[15] !== field || $[16] !== label || $[17] !== i18n || $[18] !== descriptionProps || $[19] !== description || $[20] !== fieldHasErrors || $[21] !== errorCount || $[22] !== permissions || $[23] !== fields || $[24] !== path || $[25] !== disabled || $[26] !== schemaPath || $[27] !== t12 || $[28] !== t13) {
+  if ($[13] !== style || $[14] !== width || $[15] !== field || $[16] !== label || $[17] !== i18n || $[18] !== descriptionProps || $[19] !== description || $[20] !== fieldHasErrors || $[21] !== errorCount || $[22] !== permissions?.fields || $[23] !== fields || $[24] !== path || $[25] !== disabled || $[26] !== schemaPath || $[27] !== t12 || $[28] !== t13) {
     let t15;
     if ($[30] !== field || $[31] !== label || $[32] !== i18n || $[33] !== descriptionProps || $[34] !== description) {
       t15 = (field?.admin?.components?.Label || field?.admin?.components?.Description || label) && _jsxs("header", {
@@ -185,7 +185,7 @@ export const GroupFieldComponent = props => {
     $[19] = description;
     $[20] = fieldHasErrors;
     $[21] = errorCount;
-    $[22] = permissions;
+    $[22] = permissions?.fields;
     $[23] = fields;
     $[24] = path;
     $[25] = disabled;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCollapsible","ErrorPill","useFieldProps","useFormInitializing","useFormProcessing","useFormSubmitted","RenderFields","useField","withCondition","RenderComponent","useTranslation","FieldDescription","useRow","useTabs","fieldBaseClass","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","$","descriptionProps","field","t0","readOnly","readOnlyFromTopLevelProps","admin","t1","fields","label","t2","undefined","className","description","hideGutter","readOnlyFromAdmin","style","width","readOnlyFromProps","path","permissions","readOnlyFromContext","schemaPath","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","t3","errorPaths","formInitializing","formProcessing","submitted","errorCount","length","fieldHasErrors","disabled","isTopLevel","t4","t5","t6","t7","t8","t9","t10","t11","filter","Boolean","t12","join","t13","replace","t14","t15","components","Label","Description","_jsxs","children","_jsx","clientProps","mappedComponent","t16","count","withMessage","id","margins","GroupField"],"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"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,QACX;AACP,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,MAAM,QAAQ;AACvB,SAASC,OAAO,QAAQ;AACxB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AACP,SAASC,aAAa,EAAEC,QAAQ,QAAQ;AAExC,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,mBAAA,GAAiDC,KAAA;EAAA,MAAAC,CAAA,GAAAvB,EAAA;EAC5D;IAAAwB,gBAAA;IAAAC,KAAA;IAAAA,KAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IASIN,KAAA;EANK;IAAAO,KAAA,EAAAC,EAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAN,EAIN;EAAA,IAAAO,EAAA;EAAA,IAAAV,CAAA,QAAAO,EAAA;IAHQG,EAAA,GAAAH,EAAsF,KAAAI,SAAA,QAAtFJ,EAAsF;IAAAP,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAAtF;IAAAY,SAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAV,QAAA,EAAAW,iBAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAP,EAAsF;EAMjG,MAAAQ,iBAAA,GAA0Bb,yBAAA,IAA6BU,iBAAA;EAEvD;IAAAI,IAAA;IAAAC,WAAA;IAAAhB,QAAA,EAAAiB,mBAAA;IAAAC;EAAA,IAAyExC,aAAA;EACzE;IAAAyC;EAAA,IAAiBjC,cAAA;EACjB;IAAAkC;EAAA,IAAgC5C,cAAA;EAChC,MAAA6C,aAAA,GAAsB7B,QAAA;EACtB,MAAA8B,WAAA,GAAoBlC,MAAA;EACpB,MAAAmC,WAAA,GAAoBlC,OAAA;EAAA,IAAAmC,EAAA;EAAA,IAAA5B,CAAA,QAAAmB,IAAA;IACYS,EAAA;MAAAT;IAAA;IAAOnB,CAAA,MAAAmB,IAAA;IAAAnB,CAAA,MAAA4B,EAAA;EAAA;IAAAA,EAAA,GAAA5B,CAAA;EAAA;EAAvC;IAAA6B;EAAA,IAAuB1C,QAAA,CAASyC,EAAO;EACvC,MAAAE,gBAAA,GAAyB/C,mBAAA;EACzB,MAAAgD,cAAA,GAAuB/C,iBAAA;EACvB,MAAAgD,SAAA,GAAkB/C,gBAAA;EAClB,MAAAgD,UAAA,GAAmBJ,UAAA,CAAAK,MAAA;EACnB,MAAAC,cAAA,GAAuBH,SAAA,IAAaC,UAAA,IAAa;EACjD,MAAAG,QAAA,GAAiBlB,iBAAA,IAAqBG,mBAAA,IAAuBU,cAAA,IAAkBD,gBAAA;EAE/E,MAAAO,UAAA,KAAqBb,mBAAA,IAAuBC,aAAA,IAAiBC,WAAU;EAOjE,MAAAY,EAAA,GAAAD,UAAA,IAAc,GAAAxC,SAAA,aAAyB;EACvC,MAAA0C,EAAA,GAAAf,mBAAA,IAAuB,GAAA3B,SAAA,sBAAkC;EACzD,MAAA2C,EAAA,GAAAf,aAAA,IAAiB,GAAA5B,SAAA,gBAA4B;EAC7C,MAAA4C,EAAA,GAAAf,WAAA,IAAe,GAAA7B,SAAA,cAA0B;EACzC,MAAA6C,EAAA,GAAAf,WAAA,IAAe,GAAA9B,SAAA,cAA0B;EACzC,MAAA8C,EAAA,IAAC7B,UAAA,IAAcW,aAAA,IAAiB,GAAA5B,SAAA,UAAsB;EACtD,MAAA+C,GAAA,GAAAT,cAAA,IAAkB,GAAAtC,SAAA,aAAyB;EAAA,IAAAgD,GAAA;EAAA,IAAA7C,CAAA,QAAAsC,EAAA,IAAAtC,CAAA,QAAAuC,EAAA,IAAAvC,CAAA,QAAAwC,EAAA,IAAAxC,CAAA,QAAAyC,EAAA,IAAAzC,CAAA,QAAA0C,EAAA,IAAA1C,CAAA,QAAA2C,EAAA,IAAA3C,CAAA,SAAA4C,GAAA,IAAA5C,CAAA,SAAAY,SAAA;IATlCiC,GAAA,IAAAnD,cAAA,EAAAG,SAAA,EAGTyC,EAAuC,EACvCC,EAAyD,EACzDC,EAA6C,EAC7CC,EAAyC,EACzCC,EAAyC,EACzCC,EAAsD,EACtDC,GAA2C,EAC3ChC,SAAA,EAAAkC,MAAA,CAAAC,OAEQ;IAAA/C,CAAA,MAAAsC,EAAA;IAAAtC,CAAA,MAAAuC,EAAA;IAAAvC,CAAA,MAAAwC,EAAA;IAAAxC,CAAA,MAAAyC,EAAA;IAAAzC,CAAA,MAAA0C,EAAA;IAAA1C,CAAA,MAAA2C,EAAA;IAAA3C,CAAA,OAAA4C,GAAA;IAAA5C,CAAA,OAAAY,SAAA;IAAAZ,CAAA,OAAA6C,GAAA;EAAA;IAAAA,GAAA,GAAA7C,CAAA;EAAA;EAZC,MAAAgD,GAAA,GAAAH,GAYD,CAAAI,IAAA,CACF;EACJ,MAAAC,GAAA,YAAS/B,IAAA,EAAAgC,OAAA,QAAqB,OAAO;EAAA,IAAAC,GAAA;EAAA,IAAApD,CAAA,SAAAgB,KAAA,IAAAhB,CAAA,SAAAiB,KAAA,IAAAjB,CAAA,SAAAE,KAAA,IAAAF,CAAA,SAAAS,KAAA,IAAAT,CAAA,SAAAuB,IAAA,IAAAvB,CAAA,SAAAC,gBAAA,IAAAD,CAAA,SAAAa,WAAA,IAAAb,CAAA,SAAAmC,cAAA,IAAAnC,CAAA,SAAAiC,UAAA,IAAAjC,CAAA,SAAAoB,WAAA,IAAApB,CAAA,SAAAQ,MAAA,IAAAR,CAAA,SAAAmB,IAAA,IAAAnB,CAAA,SAAAoC,QAAA,IAAApC,CAAA,SAAAsB,UAAA,IAAAtB,CAAA,SAAAgD,GAAA,IAAAhD,CAAA,SAAAkD,GAAA;IAAA,IAAAG,GAAA;IAAA,IAAArD,CAAA,SAAAE,KAAA,IAAAF,CAAA,SAAAS,KAAA,IAAAT,CAAA,SAAAuB,IAAA,IAAAvB,CAAA,SAAAC,gBAAA,IAAAD,CAAA,SAAAa,WAAA;MASjCwC,GAAA,IAAAnD,KAAA,EAAAI,KAAA,EAAAgD,UAAA,EAAAC,KAAA,IACArD,KAAA,EAAAI,KAAA,EAAAgD,UAAA,EAAAE,WAA0B,IAC1B/C,KAAI,KACJgD,KAAA,CAAC;QAAAC,QAAA,GACExD,KAAA,EAAAI,KAAA,EAAAgD,UAAA,EAAAC,KAAA,KAAA5C,SAAoC,GACnCgD,IAAA,CAAAtE,eAAA;UAAAuE,WAAA;YAAAnD;UAAA;UAAAoD,eAAA,EAEmB3D,KAAA,EAAAI,KAAA,EAAAgD,UAAA,EAAAC;QAAA,C,IAEjB9C,KAAA,GACFkD,IAAA,CAAC;UAAA/C,SAAA,EAAc,GAAAf,SAAA,SAAqB;UAAA6D,QAAA,EAAGhF,cAAA,CAAe+B,KAAA,EAAOc,IAAA;QAAA,C,QAC3D,EACJoC,IAAA,CAAApE,gBAAA;UAAAiE,WAAA,EACetD,KAAA,EAAAI,KAAA,EAAAgD,UAAA,EAAAE,WAAA;UAAA3C,WAAA;UAAAX,KAAA;UAAA,IAGRD,gBAAA,MAAsB;QAAA,C;;;;;;;;;;;;;MAIhC6D,GAAA,GAAA3B,cAAA,IAAkBwB,IAAA,CAAA9E,SAAA;QAAAkF,KAAA,EAAkB9B,UAAA;QAAAV,IAAA;QAAAyC,WAAA;MAAA,C;;;;;;;;IA5C7CZ,GAAA,GAAAO,IAAA,CAAC;MAAA/C,SAAA,EACYoC,GAaH;MAAAiB,EAAA,EACJf,GAAqC;MAAAlC,KAAA;QAAA,GAEpCA,KAAK;QAAAC;MAAA;MAAAyC,QAAA,EAIVC,IAAA,CAAAhE,aAAA;QAAA+D,QAAA,EACED,KAAA,CAAC;UAAA7C,SAAA,EAAe,GAAAf,SAAA,QAAoB;UAAA6D,QAAA,GAClCD,KAAA,CAAC;YAAA7C,SAAA,EAAe,GAAAf,SAAA,UAAsB;YAAA6D,QAAA,GAClCL,G,EAoBDS,G;cAEHH,IAAA,CAAAzE,YAAA;YAAAsB,MAAA;YAAA0D,OAAA,EAEU;YAAA/C,IAAA;YAAAC,WAAA,EAEKA,WAAA,EAAAZ,MAAA;YAAAJ,QAAA,EACHgC,QAAA;YAAAd;UAAA,C;;;;;;;;;;;;;;;;;;;;;;;;SAnDlB8B,G;CA0DJ;AAEA,SAASzD,aAAa,EAAEC,QAAQ;AAEhC,OAAO,MAAMuE,UAAA,GAAa/E,aAAA,CAAcU,mBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCollapsible","ErrorPill","useFieldProps","useFormInitializing","useFormProcessing","useFormSubmitted","RenderFields","useField","withCondition","RenderComponent","useTranslation","FieldDescription","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","$","descriptionProps","field","t0","readOnly","readOnlyFromTopLevelProps","admin","t1","fields","label","t2","undefined","className","description","hideGutter","readOnlyFromAdmin","style","width","readOnlyFromProps","path","permissions","readOnlyFromContext","schemaPath","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","t3","errorPaths","formInitializing","formProcessing","submitted","errorCount","length","fieldHasErrors","disabled","isTopLevel","t4","t5","t6","t7","t8","t9","t10","t11","filter","Boolean","t12","join","t13","replace","t14","t15","components","Label","Description","_jsxs","children","_jsx","clientProps","mappedComponent","t16","count","withMessage","id","margins","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } 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 { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport './index.scss'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (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"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,11 @@
-import type { JSONFieldProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const JSONField: React.FC<JSONFieldProps>;
+export declare const JSONField: React.FC<{
+    readonly validate?: import("payload").JSONFieldValidation;
+} & {
+    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").JSONFieldClient, "type"> & Partial<Pick<import("payload").JSONFieldClient, "type">>>;
+    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").JSONFieldClient, "type"> & Partial<Pick<import("payload").JSONFieldClient, "type">>>;
+    readonly field: Omit<import("payload").JSONFieldClient, "type"> & Partial<Pick<import("payload").JSONFieldClient, "type">>;
+    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").JSONFieldClient, "type"> & Partial<Pick<import("payload").JSONFieldClient, "type">>>;
+} & import("payload").FormFieldBase>;
 //# 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":"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"}
+{"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;AA0JrB,eAAO,MAAM,SAAS;;;;;;;oCAAoC,CAAA"}

package/dist/fields/JSON/index.js

@@ -42,11 +42,13 @@ const JSONFieldComponent = props => {
   const [jsonError, setJsonError] = useState();
   const [hasLoadedValue, setHasLoadedValue] = useState(false);
   const memoizedValidate = useCallback((value, options) => {
-    if (typeof validate === 'function') return validate(value, {
-      ...options,
-      jsonError,
-      required
-    });
+    if (typeof validate === 'function') {
+      return validate(value, {
+        ...options,
+        jsonError,
+        required
+      });
+    }
   }, [validate, required, jsonError]);
   const {
     path: pathFromContext,
@@ -66,7 +68,9 @@ const JSONFieldComponent = props => {
   });
   const disabled = readOnlyFromProps || readOnlyFromContext || formProcessing || formInitializing;
   const handleMount = useCallback((editor, monaco) => {
-    if (!jsonSchema) return;
+    if (!jsonSchema) {
+      return;
+    }
     const existingSchemas = monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || [];
     const modelUri = monaco.Uri.parse(jsonSchema.uri);
     const model = monaco.editor.createModel(JSON.stringify(value_0, null, 2), 'json', modelUri);
@@ -78,7 +82,9 @@ const JSONFieldComponent = props => {
     editor.setModel(model);
   }, [jsonSchema, value_0]);
   const handleChange = useCallback(val => {
-    if (disabled) return;
+    if (disabled) {
+      return;
+    }
     setStringValue(val);
     try {
       setValue(val ? JSON.parse(val) : null);
@@ -89,7 +95,9 @@ const JSONFieldComponent = props => {
     }
   }, [disabled, setValue, setStringValue]);
   useEffect(() => {
-    if (hasLoadedValue || value_0 === undefined) return;
+    if (hasLoadedValue || value_0 === undefined) {
+      return;
+    }
     setStringValue(value_0 || initialValue ? JSON.stringify(value_0 ? value_0 : initialValue, null, 2) : '');
     setHasLoadedValue(true);
   }, [initialValue, value_0, hasLoadedValue]);
@@ -100,10 +108,8 @@ const JSONFieldComponent = props => {
       width
     },
     children: [/*#__PURE__*/_jsx(FieldLabel, {
-      Label: field?.admin?.components?.Label,
       field: field,
-      label: label,
-      required: required,
+      Label: field?.admin?.components?.Label,
       ...(labelProps || {})
     }), /*#__PURE__*/_jsxs("div", {
       className: `${fieldBaseClass}__wrap`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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","_jsxs","filter","Boolean","join","_jsx","Label","components","CustomError","Error","mappedComponent","beforeInput","defaultLanguage","onChange","onMount","afterInput","Description","JSONField"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","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","_jsxs","filter","Boolean","join","_jsx","Label","components","CustomError","Error","mappedComponent","beforeInput","defaultLanguage","onChange","onMount","afterInput","Description","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent } 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: JSONFieldClientComponent = (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    },\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) {\n        return\n      }\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) {\n        return\n      }\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) {\n      return\n    }\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 field={field} Label={field?.admin?.components?.Label} {...(labelProps || {})} />\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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAExD,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAE3B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,gBAAgB;IAChBC,UAAU;IACVC,KAAK;IACLA,KAAA,EAAO;MACLC,IAAI;MACJC,KAAA,EAAOC,aAAa;MACpBC,KAAA,EAAO;QACLC,SAAS;QACTC,WAAW;QACXC,aAAa;QACbC,QAAA,EAAUC,iBAAiB;QAC3BC,KAAK;QACLC;MAAK,CACN,GAAG,CAAC,CAAC;MACNC,UAAU;MACVC,KAAK;MACLC;IAAQ,CACT;IACDC,UAAU;IACVP,QAAA,EAAUQ,yBAAyB;IACnCC;EAAQ,CACT,GAAGpB,KAAA;EACJ,MAAMqB,iBAAA,GAAoBF,yBAAA,IAA6BP,iBAAA;EAEvD,MAAM,CAACU,WAAA,EAAaC,cAAA,CAAe,GAAGnC,QAAA;EACtC,MAAM,CAACoC,SAAA,EAAWC,YAAA,CAAa,GAAGrC,QAAA;EAClC,MAAM,CAACsC,cAAA,EAAgBC,iBAAA,CAAkB,GAAGvC,QAAA,CAAS;EAErD,MAAMwC,gBAAA,GAAmB1C,WAAA,CACvB,CAAC2C,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOV,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASS,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAEN,SAAA;QAAWP;MAAS;IAC3D;EACF,GACA,CAACG,QAAA,EAAUH,QAAA,EAAUO,SAAA,CAAU;EAGjC,MAAM;IAAEO,IAAA,EAAMC,eAAe;IAAErB,QAAA,EAAUsB;EAAmB,CAAE,GAAGtC,aAAA;EAEjE,MAAM;IAAEuC,gBAAgB;IAAEC,cAAc;IAAEC,YAAY;IAAEL,IAAI;IAAEM,QAAQ;IAAEC,SAAS;IAAET,KAAK,EAALA;EAAK,CAAE,GACxFvC,QAAA,CAAiB;IACfyC,IAAA,EAAMC,eAAA,IAAmB1B,aAAA,IAAiBF,IAAA;IAC1CgB,QAAA,EAAUQ;EACZ;EAEF,MAAMW,QAAA,GAAWlB,iBAAA,IAAqBY,mBAAA,IAAuBE,cAAA,IAAkBD,gBAAA;EAE/E,MAAMM,WAAA,GAActD,WAAA,CAClB,CAACuD,MAAA,EAAQC,MAAA;IACP,IAAI,CAAC3B,UAAA,EAAY;MACf;IACF;IAEA,MAAM4B,eAAA,GAAkBD,MAAA,CAAOE,SAAS,CAACC,IAAI,CAACC,YAAY,CAACC,kBAAkB,CAACC,OAAO,IAAI,EAAE;IAC3F,MAAMC,QAAA,GAAWP,MAAA,CAAOQ,GAAG,CAACC,KAAK,CAACpC,UAAA,CAAWqC,GAAG;IAEhD,MAAMC,KAAA,GAAQX,MAAA,CAAOD,MAAM,CAACa,WAAW,CAACC,IAAA,CAAKC,SAAS,CAAC3B,OAAA,EAAO,MAAM,IAAI,QAAQoB,QAAA;IAChFP,MAAA,CAAOE,SAAS,CAACC,IAAI,CAACC,YAAY,CAACW,qBAAqB,CAAC;MACvDC,mBAAA,EAAqB;MACrBV,OAAA,EAAS,C,GAAIL,eAAA,EAAiB5B,UAAA,CAAW;MACzCK,QAAA,EAAU;IACZ;IAEAqB,MAAA,CAAOkB,QAAQ,CAACN,KAAA;EAClB,GACA,CAACtC,UAAA,EAAYc,OAAA,CAAM;EAGrB,MAAM+B,YAAA,GAAe1E,WAAA,CAClB2E,GAAA;IACC,IAAItB,QAAA,EAAU;MACZ;IACF;IACAhB,cAAA,CAAesC,GAAA;IAEf,IAAI;MACFxB,QAAA,CAASwB,GAAA,GAAMN,IAAA,CAAKJ,KAAK,CAACU,GAAA,IAAO;MACjCpC,YAAA,CAAaqC,SAAA;IACf,EAAE,OAAOC,CAAA,EAAG;MACV1B,QAAA,CAASwB,GAAA,GAAMA,GAAA,GAAM;MACrBpC,YAAA,CAAasC,CAAA;IACf;EACF,GACA,CAACxB,QAAA,EAAUF,QAAA,EAAUd,cAAA,CAAe;EAGtCpC,SAAA,CAAU;IACR,IAAIuC,cAAA,IAAkBG,OAAA,KAAUiC,SAAA,EAAW;MACzC;IACF;IAEAvC,cAAA,CACEM,OAAA,IAASO,YAAA,GAAemB,IAAA,CAAKC,SAAS,CAAC3B,OAAA,GAAQA,OAAA,GAAQO,YAAA,EAAc,MAAM,KAAK;IAGlFT,iBAAA,CAAkB;EACpB,GAAG,CAACS,YAAA,EAAcP,OAAA,EAAOH,cAAA,CAAe;EAExC,oBACEsC,KAAA,CAAC;IACCxD,SAAA,EAAW,CACTf,cAAA,EACAC,SAAA,EACAc,SAAA,EACA8B,SAAA,IAAa,SACbC,QAAA,IAAY,YACb,CACE0B,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRtD,KAAA,EAAO;MACL,GAAGA,KAAK;MACRC;IACF;4BAEAsD,IAAA,CAAC5E,UAAA;MAAWW,KAAA,EAAOA,KAAA;MAAOkE,KAAA,EAAOlE,KAAA,EAAOI,KAAA,EAAO+D,UAAA,EAAYD,KAAA;MAAQ,IAAInD,UAAA,IAAc,CAAC,CAAC;qBACvF8C,KAAA,CAAC;MAAIxD,SAAA,EAAW,GAAGf,cAAA,QAAsB;8BACvC2E,IAAA,CAACtE,UAAA;QACCyE,WAAA,EAAapE,KAAA,EAAOI,KAAA,EAAO+D,UAAA,EAAYE,KAAA;QACvCrE,KAAA,EAAOA,KAAA;QACP4B,IAAA,EAAMA,IAAA;QACL,IAAI7B,UAAA,IAAc,CAAC,CAAC;uBAEvBkE,IAAA,CAACxE,eAAA;QAAgB6E,eAAA,EAAiBtE,KAAA,EAAOI,KAAA,EAAO+D,UAAA,EAAYI;uBAC5DN,IAAA,CAAC/E,UAAA;QACCsF,eAAA,EAAgB;QAChBC,QAAA,EAAUhB,YAAA;QACViB,OAAA,EAASrC,WAAA;QACTV,OAAA,EAASpB,aAAA;QACTC,QAAA,EAAU4B,QAAA;QACVV,KAAA,EAAOP;uBAET8C,IAAA,CAACxE,eAAA;QAAgB6E,eAAA,EAAiBtE,KAAA,EAAOI,KAAA,EAAO+D,UAAA,EAAYQ;;qBAE9DV,IAAA,CAACvE,gBAAA;MACCkF,WAAA,EAAa5E,KAAA,EAAOI,KAAA,EAAO+D,UAAA,EAAYS,WAAA;MACvCtE,WAAA,EAAaA,WAAA;MACbN,KAAA,EAAOA,KAAA;MACN,IAAIF,gBAAA,IAAoB,CAAC,CAAC;;;AAInC;AAEA,OAAO,MAAM+E,SAAA,GAAYzF,aAAA,CAAcQ,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { JoinFieldClient } from 'payload';
+import React from 'react';
+export declare const JoinField: React.FC<Record<string, unknown> & {
+    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<JoinFieldClient, "type"> & Partial<Pick<JoinFieldClient, "type">>>;
+    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<JoinFieldClient, "type"> & Partial<Pick<JoinFieldClient, "type">>>;
+    readonly field: Omit<JoinFieldClient, "type"> & Partial<Pick<JoinFieldClient, "type">>;
+    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<JoinFieldClient, "type"> & Partial<Pick<JoinFieldClient, "type">>>;
+} & import("payload").FormFieldBase>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Join/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAkD,MAAM,SAAS,CAAA;AAE9F,OAAO,KAAkB,MAAM,OAAO,CAAA;AAkEtC,eAAO,MAAM,SAAS;;;;;oCAAoC,CAAA"}

package/dist/fields/Join/index.js

@@ -0,0 +1,75 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { RelationshipTable } from '../../elements/RelationshipTable/index.js';
+import { FieldLabel } from '../../fields/FieldLabel/index.js';
+import { useFieldProps } from '../../forms/FieldPropsProvider/index.js';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { fieldBaseClass } from '../index.js';
+const JoinFieldComponent = props => {
+  const {
+    field,
+    field: {
+      name,
+      _path: pathFromProps,
+      admin: {
+        components: {
+          Label
+        }
+      },
+      collection,
+      label,
+      on
+    }
+  } = props;
+  const {
+    id: docID
+  } = useDocumentInfo();
+  const {
+    path: pathFromContext
+  } = useFieldProps();
+  const {
+    value
+  } = useField({
+    path: pathFromContext ?? pathFromProps ?? name
+  });
+  const filterOptions = useMemo(() => ({
+    [on]: {
+      in: [docID || null]
+    }
+  }), [docID, on]);
+  return /*#__PURE__*/_jsx("div", {
+    className: [fieldBaseClass, 'join'].filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsx(RelationshipTable, {
+      field: field,
+      filterOptions: filterOptions,
+      initialData: docID && value ? value : {
+        docs: []
+      },
+      initialDrawerState: {
+        [on]: {
+          initialValue: docID,
+          valid: true,
+          value: docID
+        }
+      },
+      Label: /*#__PURE__*/_jsx("h4", {
+        style: {
+          margin: 0
+        },
+        children: /*#__PURE__*/_jsx(FieldLabel, {
+          as: "span",
+          field: field,
+          Label: Label,
+          label: label
+        })
+      }),
+      relationTo: collection
+    })
+  });
+};
+export const JoinField = withCondition(JoinFieldComponent);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useMemo","RelationshipTable","FieldLabel","useFieldProps","useField","withCondition","useDocumentInfo","fieldBaseClass","JoinFieldComponent","props","field","name","_path","pathFromProps","admin","components","Label","collection","label","on","id","docID","path","pathFromContext","value","filterOptions","in","_jsx","className","filter","Boolean","join","initialData","docs","initialDrawerState","initialValue","valid","style","margin","as","relationTo","JoinField"],"sources":["../../../src/fields/Join/index.tsx"],"sourcesContent":["'use client'\n\nimport type { JoinFieldClient, JoinFieldClientComponent, PaginatedDocs, Where } from 'payload'\n\nimport React, { useMemo } from 'react'\n\nimport { RelationshipTable } from '../../elements/RelationshipTable/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useFieldProps } from '../../forms/FieldPropsProvider/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { fieldBaseClass } from '../index.js'\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      _path: pathFromProps,\n      admin: {\n        components: { Label },\n      },\n      collection,\n      label,\n      on,\n    },\n  } = props\n\n  const { id: docID } = useDocumentInfo()\n\n  const { path: pathFromContext } = useFieldProps()\n\n  const { value } = useField<PaginatedDocs>({\n    path: pathFromContext ?? pathFromProps ?? name,\n  })\n\n  const filterOptions: Where = useMemo(\n    () => ({\n      [on]: {\n        in: [docID || null],\n      },\n    }),\n    [docID, on],\n  )\n\n  return (\n    <div className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}>\n      <RelationshipTable\n        field={field as JoinFieldClient}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerState={{\n          [on]: {\n            initialValue: docID,\n            valid: true,\n            value: docID,\n          },\n        }}\n        Label={\n          <h4 style={{ margin: 0 }}>\n            <FieldLabel as=\"span\" field={field} Label={Label} label={label} />\n          </h4>\n        }\n        relationTo={collection}\n      />\n    </div>\n  )\n}\n\nexport const JoinField = withCondition(JoinFieldComponent)\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,UAAU,QAAQ;AAC3B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,IAAI;MACJC,KAAA,EAAOC,aAAa;MACpBC,KAAA,EAAO;QACLC,UAAA,EAAY;UAAEC;QAAK;MAAE,CACtB;MACDC,UAAU;MACVC,KAAK;MACLC;IAAE;EACH,CACF,GAAGV,KAAA;EAEJ,MAAM;IAAEW,EAAA,EAAIC;EAAK,CAAE,GAAGf,eAAA;EAEtB,MAAM;IAAEgB,IAAA,EAAMC;EAAe,CAAE,GAAGpB,aAAA;EAElC,MAAM;IAAEqB;EAAK,CAAE,GAAGpB,QAAA,CAAwB;IACxCkB,IAAA,EAAMC,eAAA,IAAmBV,aAAA,IAAiBF;EAC5C;EAEA,MAAMc,aAAA,GAAuBzB,OAAA,CAC3B,OAAO;IACL,CAACmB,EAAA,GAAK;MACJO,EAAA,EAAI,CAACL,KAAA,IAAS;IAChB;EACF,IACA,CAACA,KAAA,EAAOF,EAAA,CAAG;EAGb,oBACEQ,IAAA,CAAC;IAAIC,SAAA,EAAW,CAACrB,cAAA,EAAgB,OAAO,CAACsB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;cAC5D,aAAAJ,IAAA,CAAC1B,iBAAA;MACCS,KAAA,EAAOA,KAAA;MACPe,aAAA,EAAeA,aAAA;MACfO,WAAA,EAAaX,KAAA,IAASG,KAAA,GAAQA,KAAA,GAAS;QAAES,IAAA,EAAM;MAAG;MAClDC,kBAAA,EAAoB;QAClB,CAACf,EAAA,GAAK;UACJgB,YAAA,EAAcd,KAAA;UACde,KAAA,EAAO;UACPZ,KAAA,EAAOH;QACT;MACF;MACAL,KAAA,eACEW,IAAA,CAAC;QAAGU,KAAA,EAAO;UAAEC,MAAA,EAAQ;QAAE;kBACrB,aAAAX,IAAA,CAACzB,UAAA;UAAWqC,EAAA,EAAG;UAAO7B,KAAA,EAAOA,KAAA;UAAOM,KAAA,EAAOA,KAAA;UAAOE,KAAA,EAAOA;;;MAG7DsB,UAAA,EAAYvB;;;AAIpB;AAEA,OAAO,MAAMwB,SAAA,GAAYpC,aAAA,CAAcG,kBAAA","ignoreList":[]}

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

@@ -1,5 +1,12 @@
-import type { NumberFieldProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const NumberField: React.FC<NumberFieldProps>;
+export declare const NumberField: React.FC<{
+    readonly onChange?: (e: number) => void;
+    readonly validate?: import("payload").NumberFieldValidation;
+} & {
+    readonly descriptionProps?: import("payload").FieldDescriptionClientProps<Omit<import("payload").NumberFieldClient, "type"> & Partial<Pick<import("payload").NumberFieldClient, "type">>>;
+    readonly errorProps?: import("payload").FieldErrorClientProps<Omit<import("payload").NumberFieldClient, "type"> & Partial<Pick<import("payload").NumberFieldClient, "type">>>;
+    readonly field: Omit<import("payload").NumberFieldClient, "type"> & Partial<Pick<import("payload").NumberFieldClient, "type">>;
+    readonly labelProps?: import("payload").FieldLabelClientProps<Omit<import("payload").NumberFieldClient, "type"> & Partial<Pick<import("payload").NumberFieldClient, "type">>>;
+} & import("payload").FormFieldBase>;
 //# 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":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAc/D,OAAO,cAAc,CAAA;AAqMrB,eAAO,MAAM,WAAW;;;;;;;;oCAAsC,CAAA"}

package/dist/fields/Number/index.js

@@ -17,7 +17,7 @@ import { FieldLabel } from '../FieldLabel/index.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.scss';
 const NumberFieldComponent = props => {
-  const $ = _c(58);
+  const $ = _c(56);
   const {
     descriptionProps,
     errorProps,
@@ -33,7 +33,6 @@ const NumberFieldComponent = props => {
     _path: pathFromProps,
     admin: t1,
     hasMany: t2,
-    label,
     max: t3,
     maxRows: t4,
     min: t5,
@@ -119,7 +118,7 @@ const NumberFieldComponent = props => {
       const val = parseFloat(e.target.value);
       let newVal = val;
       if (Number.isNaN(val)) {
-        newVal = undefined;
+        newVal = null;
       }
       if (typeof onChangeFromProps === "function") {
         onChangeFromProps(newVal);
@@ -206,30 +205,30 @@ const NumberFieldComponent = props => {
   }
   const t20 = t19.join(" ");
   let t21;
-  if ($[26] !== style || $[27] !== width || $[28] !== field || $[29] !== labelProps || $[30] !== label || $[31] !== required || $[32] !== errorProps || $[33] !== path || $[34] !== hasMany || $[35] !== value_0 || $[36] !== maxRows || $[37] !== t || $[38] !== disabled || $[39] !== handleHasManyChange || $[40] !== showError || $[41] !== valueToRender || $[42] !== placeholder || $[43] !== i18n || $[44] !== max || $[45] !== min || $[46] !== handleChange || $[47] !== step || $[48] !== descriptionProps || $[49] !== description || $[50] !== t20) {
+  if ($[26] !== style || $[27] !== width || $[28] !== field || $[29] !== labelProps || $[30] !== errorProps || $[31] !== path || $[32] !== hasMany || $[33] !== value_0 || $[34] !== maxRows || $[35] !== t || $[36] !== disabled || $[37] !== handleHasManyChange || $[38] !== showError || $[39] !== valueToRender || $[40] !== placeholder || $[41] !== i18n || $[42] !== max || $[43] !== min || $[44] !== handleChange || $[45] !== step || $[46] !== descriptionProps || $[47] !== description || $[48] !== t20) {
     let t22;
-    if ($[52] !== labelProps) {
+    if ($[50] !== labelProps) {
       t22 = labelProps || {};
-      $[52] = labelProps;
-      $[53] = t22;
+      $[50] = labelProps;
+      $[51] = t22;
     } else {
-      t22 = $[53];
+      t22 = $[51];
     }
     let t23;
-    if ($[54] !== errorProps) {
+    if ($[52] !== errorProps) {
       t23 = errorProps || {};
-      $[54] = errorProps;
-      $[55] = t23;
+      $[52] = errorProps;
+      $[53] = t23;
     } else {
-      t23 = $[55];
+      t23 = $[53];
     }
     let t24;
-    if ($[56] !== descriptionProps) {
+    if ($[54] !== descriptionProps) {
       t24 = descriptionProps || {};
-      $[56] = descriptionProps;
-      $[57] = t24;
+      $[54] = descriptionProps;
+      $[55] = t24;
     } else {
-      t24 = $[57];
+      t24 = $[55];
     }
     t21 = _jsxs("div", {
       className: t20,
@@ -238,10 +237,8 @@ const NumberFieldComponent = props => {
         width
       },
       children: [_jsx(FieldLabel, {
-        Label: field?.admin?.components?.Label,
         field,
-        label,
-        required,
+        Label: field?.admin?.components?.Label,
         ...t22
       }), _jsxs("div", {
         className: `${fieldBaseClass}__wrap`,
@@ -306,30 +303,28 @@ const NumberFieldComponent = props => {
     $[27] = width;
     $[28] = field;
     $[29] = labelProps;
-    $[30] = label;
-    $[31] = required;
-    $[32] = errorProps;
-    $[33] = path;
-    $[34] = hasMany;
-    $[35] = value_0;
-    $[36] = maxRows;
-    $[37] = t;
-    $[38] = disabled;
-    $[39] = handleHasManyChange;
-    $[40] = showError;
-    $[41] = valueToRender;
-    $[42] = placeholder;
-    $[43] = i18n;
-    $[44] = max;
-    $[45] = min;
-    $[46] = handleChange;
-    $[47] = step;
-    $[48] = descriptionProps;
-    $[49] = description;
-    $[50] = t20;
-    $[51] = t21;
+    $[30] = errorProps;
+    $[31] = path;
+    $[32] = hasMany;
+    $[33] = value_0;
+    $[34] = maxRows;
+    $[35] = t;
+    $[36] = disabled;
+    $[37] = handleHasManyChange;
+    $[38] = showError;
+    $[39] = valueToRender;
+    $[40] = placeholder;
+    $[41] = i18n;
+    $[42] = max;
+    $[43] = min;
+    $[44] = handleChange;
+    $[45] = step;
+    $[46] = descriptionProps;
+    $[47] = description;
+    $[48] = t20;
+    $[49] = t21;
   } else {
-    t21 = $[51];
+    t21 = $[49];
   }
   return t21;
 };