@payloadcms/ui 3.0.0-beta.134 → 3.0.0-beta.135

package/dist/fields/Group/index.js

@@ -1,9 +1,8 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
+import React, { useMemo } from 'react';
 import { useCollapsible } from '../../elements/Collapsible/provider.js';
 import { ErrorPill } from '../../elements/ErrorPill/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
@@ -14,42 +13,31 @@ import { RenderFields } from '../../forms/RenderFields/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import { useRow } from '../Row/provider.js';
 import { fieldBaseClass } from '../shared/index.js';
-import { useTabs } from '../Tabs/provider.js';
 import './index.scss';
+import { useTabs } from '../Tabs/provider.js';
 import { GroupProvider, useGroup } from './provider.js';
 const baseClass = 'group-field';
 export const GroupFieldComponent = props => {
-  const $ = _c(36);
   const {
-    field: t0,
+    field,
+    field: {
+      name,
+      admin: {
+        className,
+        description,
+        hideGutter
+      } = {},
+      fields,
+      label
+    },
     path,
     permissions,
     readOnly,
     schemaPath: schemaPathFromProps
   } = props;
-  const {
-    name,
-    admin: t1,
-    fields,
-    label
-  } = t0;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = t1 === undefined ? {} : t1;
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const {
-    className,
-    description,
-    hideGutter,
-    style,
-    width
-  } = t2;
   const schemaPath = schemaPathFromProps ?? name;
   const {
     i18n
@@ -60,141 +48,65 @@ export const GroupFieldComponent = props => {
   const isWithinGroup = useGroup();
   const isWithinRow = useRow();
   const isWithinTab = useTabs();
-  let t3;
-  if ($[2] !== path) {
-    t3 = {
-      path
-    };
-    $[2] = path;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
   const {
-    customComponents: t4,
+    customComponents: {
+      Description,
+      Label
+    } = {},
     errorPaths
-  } = useField(t3);
-  let t5;
-  if ($[4] !== t4) {
-    t5 = t4 === undefined ? {} : t4;
-    $[4] = t4;
-    $[5] = t5;
-  } else {
-    t5 = $[5];
-  }
-  const {
-    Description,
-    Label
-  } = t5;
+  } = useField({
+    path
+  });
   const submitted = useFormSubmitted();
   const errorCount = errorPaths.length;
   const fieldHasErrors = submitted && errorCount > 0;
   const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
-  const t6 = isTopLevel && `${baseClass}--top-level`;
-  const t7 = isWithinCollapsible && `${baseClass}--within-collapsible`;
-  const t8 = isWithinGroup && `${baseClass}--within-group`;
-  const t9 = isWithinRow && `${baseClass}--within-row`;
-  const t10 = isWithinTab && `${baseClass}--within-tab`;
-  const t11 = !hideGutter && isWithinGroup && `${baseClass}--gutter`;
-  const t12 = fieldHasErrors && `${baseClass}--has-error`;
-  let t13;
-  if ($[6] !== t6 || $[7] !== t7 || $[8] !== t8 || $[9] !== t9 || $[10] !== t10 || $[11] !== t11 || $[12] !== t12 || $[13] !== className) {
-    t13 = [fieldBaseClass, baseClass, t6, t7, t8, t9, t10, t11, t12, className].filter(Boolean);
-    $[6] = t6;
-    $[7] = t7;
-    $[8] = t8;
-    $[9] = t9;
-    $[10] = t10;
-    $[11] = t11;
-    $[12] = t12;
-    $[13] = className;
-    $[14] = t13;
-  } else {
-    t13 = $[14];
-  }
-  const t14 = t13.join(" ");
-  const t15 = `field-${path?.replace(/\./g, "__")}`;
-  let t16;
-  if ($[15] !== style || $[16] !== width || $[17] !== Label || $[18] !== Description || $[19] !== label || $[20] !== i18n || $[21] !== path || $[22] !== description || $[23] !== fieldHasErrors || $[24] !== errorCount || $[25] !== permissions || $[26] !== fields || $[27] !== schemaPath || $[28] !== readOnly || $[29] !== t14 || $[30] !== t15) {
-    let t17;
-    if ($[32] !== fieldHasErrors || $[33] !== errorCount || $[34] !== i18n) {
-      t17 = fieldHasErrors && _jsx(ErrorPill, {
-        count: errorCount,
-        i18n,
-        withMessage: true
-      });
-      $[32] = fieldHasErrors;
-      $[33] = errorCount;
-      $[34] = i18n;
-      $[35] = t17;
-    } else {
-      t17 = $[35];
-    }
-    t16 = _jsx("div", {
-      className: t14,
-      id: t15,
-      style: {
-        ...style,
-        width
-      },
-      children: _jsx(GroupProvider, {
-        children: _jsxs("div", {
-          className: `${baseClass}__wrap`,
-          children: [_jsxs("div", {
-            className: `${baseClass}__header`,
-            children: [Boolean(Label || Description || label) && _jsxs("header", {
-              children: [_jsx(RenderCustomComponent, {
-                CustomComponent: Label,
-                Fallback: _jsx("h3", {
-                  className: `${baseClass}__title`,
-                  children: _jsx(FieldLabel, {
-                    label: getTranslation(label, i18n),
-                    localized: false,
-                    path,
-                    required: false
-                  })
-                })
-              }), _jsx(RenderCustomComponent, {
-                CustomComponent: Description,
-                Fallback: _jsx(FieldDescription, {
-                  description,
-                  path
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsx("div", {
+    className: [fieldBaseClass, baseClass, isTopLevel && `${baseClass}--top-level`, isWithinCollapsible && `${baseClass}--within-collapsible`, isWithinGroup && `${baseClass}--within-group`, isWithinRow && `${baseClass}--within-row`, isWithinTab && `${baseClass}--within-tab`, !hideGutter && isWithinGroup && `${baseClass}--gutter`, fieldHasErrors && `${baseClass}--has-error`, className].filter(Boolean).join(' '),
+    id: `field-${path?.replace(/\./g, '__')}`,
+    style: styles,
+    children: /*#__PURE__*/_jsx(GroupProvider, {
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__wrap`,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__header`,
+          children: [Boolean(Label || Description || label) && /*#__PURE__*/_jsxs("header", {
+            children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+              CustomComponent: Label,
+              Fallback: /*#__PURE__*/_jsx("h3", {
+                className: `${baseClass}__title`,
+                children: /*#__PURE__*/_jsx(FieldLabel, {
+                  label: getTranslation(label, i18n),
+                  localized: false,
+                  path: path,
+                  required: false
                 })
-              })]
-            }), t17]
-          }), _jsx(RenderFields, {
-            fields,
-            margins: "small",
-            parentIndexPath: "",
-            parentPath: path,
-            parentSchemaPath: schemaPath,
-            permissions: permissions === true ? permissions : permissions?.fields,
-            readOnly
+              })
+            }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+              CustomComponent: Description,
+              Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+                description: description,
+                path: path
+              })
+            })]
+          }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
+            count: errorCount,
+            i18n: i18n,
+            withMessage: true
           })]
-        })
+        }), /*#__PURE__*/_jsx(RenderFields, {
+          fields: fields,
+          margins: "small",
+          parentIndexPath: "",
+          parentPath: path,
+          parentSchemaPath: schemaPath,
+          permissions: permissions === true ? permissions : permissions?.fields,
+          readOnly: readOnly
+        })]
       })
-    });
-    $[15] = style;
-    $[16] = width;
-    $[17] = Label;
-    $[18] = Description;
-    $[19] = label;
-    $[20] = i18n;
-    $[21] = path;
-    $[22] = description;
-    $[23] = fieldHasErrors;
-    $[24] = errorCount;
-    $[25] = permissions;
-    $[26] = fields;
-    $[27] = schemaPath;
-    $[28] = readOnly;
-    $[29] = t14;
-    $[30] = t15;
-    $[31] = t16;
-  } else {
-    t16 = $[31];
-  }
-  return t16;
+    })
+  });
 };
 export { GroupProvider, useGroup };
 export const GroupField = withCondition(GroupFieldComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","$","field","t0","path","permissions","readOnly","schemaPath","schemaPathFromProps","name","admin","t1","fields","label","t2","undefined","className","description","hideGutter","style","width","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","t3","customComponents","t4","errorPaths","t5","Description","Label","submitted","errorCount","length","fieldHasErrors","isTopLevel","t6","t7","t8","t9","t10","t11","t12","t13","filter","Boolean","t14","join","t15","replace","t16","t17","_jsx","count","withMessage","id","children","_jsxs","CustomComponent","Fallback","localized","required","margins","parentIndexPath","parentPath","parentSchemaPath","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 { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/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 { 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    field: {\n      name,\n      admin: { className, description, hideGutter, style, width } = {},\n      fields,\n      label,\n    },\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n  const schemaPath = schemaPathFromProps ?? name\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { customComponents: { Description, Label } = {}, errorPaths } = useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\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            {Boolean(Label || Description || label) && (\n              <header>\n                <RenderCustomComponent\n                  CustomComponent={Label}\n                  Fallback={\n                    <h3 className={`${baseClass}__title`}>\n                      <FieldLabel\n                        label={getTranslation(label, i18n)}\n                        localized={false}\n                        path={path}\n                        required={false}\n                      />\n                    </h3>\n                  }\n                />\n                <RenderCustomComponent\n                  CustomComponent={Description}\n                  Fallback={<FieldDescription description={description} path={path} />}\n                />\n              </header>\n            )}\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={permissions === true ? permissions : permissions?.fields}\n            readOnly={readOnly}\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":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","name","admin","className","description","hideGutter","fields","label","path","permissions","readOnly","schemaPath","schemaPathFromProps","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","_jsx","filter","Boolean","join","id","replace","style","_jsxs","CustomComponent","Fallback","localized","required","count","withMessage","margins","parentIndexPath","parentPath","parentSchemaPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useMemo } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/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 { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { name, admin: { className, description, hideGutter } = {}, fields, label },\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n  const schemaPath = schemaPathFromProps ?? name\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n  const { customComponents: { Description, Label } = {}, errorPaths } = useField({ path })\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\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={styles}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          <div className={`${baseClass}__header`}>\n            {Boolean(Label || Description || label) && (\n              <header>\n                <RenderCustomComponent\n                  CustomComponent={Label}\n                  Fallback={\n                    <h3 className={`${baseClass}__title`}>\n                      <FieldLabel\n                        label={getTranslation(label, i18n)}\n                        localized={false}\n                        path={path}\n                        required={false}\n                      />\n                    </h3>\n                  }\n                />\n                <RenderCustomComponent\n                  CustomComponent={Description}\n                  Fallback={<FieldDescription description={description} path={path} />}\n                />\n              </header>\n            )}\n            {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n          </div>\n          <RenderFields\n            fields={fields}\n            margins=\"small\"\n            parentIndexPath=\"\"\n            parentPath={path}\n            parentSchemaPath={schemaPath}\n            permissions={permissions === true ? permissions : permissions?.fields}\n            readOnly={readOnly}\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.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAU/D,OAAO,cAAc,CAAA;AA6IrB,eAAO,MAAM,SAAS;;;;;+EAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAUxE,OAAO,cAAc,CAAA;AA6IrB,eAAO,MAAM,SAAS;;;;;+EAAoC,CAAA"}

package/dist/fields/JSON/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { CodeEditor } from '../../elements/CodeEditor/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useField } from '../../forms/useField/index.js';
@@ -9,20 +9,19 @@ import { withCondition } from '../../forms/withCondition/index.js';
 import { FieldDescription } from '../FieldDescription/index.js';
 import { FieldError } from '../FieldError/index.js';
 import { FieldLabel } from '../FieldLabel/index.js';
-import { fieldBaseClass } from '../shared/index.js';
+import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.scss';
+import { fieldBaseClass } from '../shared/index.js';
 const baseClass = 'json-field';
 const JSONFieldComponent = props => {
   const {
+    field,
     field: {
-      name,
       admin: {
         className,
         description,
         editorOptions,
-        maxHeight,
-        style,
-        width
+        maxHeight
       } = {},
       jsonSchema,
       label,
@@ -95,12 +94,10 @@ const JSONFieldComponent = props => {
     setStringValue(value_0 || initialValue ? JSON.stringify(value_0 ? value_0 : initialValue, null, 2) : '');
     setHasLoadedValue(true);
   }, [initialValue, value_0, hasLoadedValue]);
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
   return /*#__PURE__*/_jsxs("div", {
     className: [fieldBaseClass, baseClass, className, showError && 'error', readOnly && 'read-only'].filter(Boolean).join(' '),
-    style: {
-      ...style,
-      width
-    },
+    style: styles,
     children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
       CustomComponent: Label,
       Fallback: /*#__PURE__*/_jsx(FieldLabel, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","CodeEditor","RenderCustomComponent","useField","withCondition","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","JSONFieldComponent","props","field","name","admin","className","description","editorOptions","maxHeight","style","width","jsonSchema","label","localized","required","path","readOnly","validate","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","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","_jsxs","filter","Boolean","join","_jsx","CustomComponent","Fallback","message","defaultLanguage","onChange","onMount","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 { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.scss'\n\nconst baseClass = 'json-field'\n\nconst JSONFieldComponent: JSONFieldClientComponent = (props) => {\n  const {\n    field: {\n      name,\n      admin: { className, description, editorOptions, maxHeight, style, width } = {},\n      jsonSchema,\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\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 = 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 {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\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 (readOnly) {\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    [readOnly, 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        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError message={jsonError} path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          maxHeight={maxHeight}\n          onChange={handleChange}\n          onMount={handleMount}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\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","useMemo","useState","CodeEditor","RenderCustomComponent","useField","withCondition","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","baseClass","JSONFieldComponent","props","field","admin","className","description","editorOptions","maxHeight","jsonSchema","label","localized","required","path","readOnly","validate","stringValue","setStringValue","jsonError","setJsonError","hasLoadedValue","setHasLoadedValue","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","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","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","message","defaultLanguage","onChange","onMount","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport { CodeEditor } from '../../elements/CodeEditor/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldError } from '../FieldError/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'json-field'\n\nconst JSONFieldComponent: JSONFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, editorOptions, maxHeight } = {},\n      jsonSchema,\n      label,\n      localized,\n      required,\n    },\n    path,\n    readOnly,\n    validate,\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 = 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 {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    initialValue,\n    setValue,\n    showError,\n    value,\n  } = useField<string>({\n    path,\n    validate: memoizedValidate,\n  })\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 (readOnly) {\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    [readOnly, 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  const styles = useMemo(() => mergeFieldStyles(field), [field])\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={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError message={jsonError} path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <CodeEditor\n          defaultLanguage=\"json\"\n          maxHeight={maxHeight}\n          onChange={handleChange}\n          onMount={handleMount}\n          options={editorOptions}\n          readOnly={readOnly}\n          value={stringValue}\n        />\n        {AfterInput}\n      </div>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const JSONField = withCondition(JSONFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +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;AA6EtC,eAAO,MAAM,SAAS;;;;+EAAoC,CAAA"}
+{"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;AA4EtC,eAAO,MAAM,SAAS;;;;+EAAoC,CAAA"}

package/dist/fields/Join/index.js

@@ -12,7 +12,6 @@ const JoinFieldComponent = props => {
   const {
     field,
     field: {
-      name,
       admin: {
         allowCreate
       },

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","RelationshipTable","useField","withCondition","useDocumentInfo","FieldLabel","fieldBaseClass","JoinFieldComponent","props","field","name","admin","allowCreate","collection","label","localized","on","required","path","id","docID","customComponents","AfterInput","BeforeInput","Label","value","filterOptions","where","equals","and","_jsxs","className","filter","Boolean","join","_jsx","disableTable","initialData","docs","initialDrawerData","style","margin","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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      name,\n      admin: { allowCreate },\n      collection,\n      label,\n      localized,\n      on,\n      required,\n    },\n    path,\n  } = props\n\n  const { id: docID } = useDocumentInfo()\n\n  const { customComponents: { AfterInput, BeforeInput, Label } = {}, value } =\n    useField<PaginatedDocs>({\n      path,\n    })\n\n  const filterOptions: null | Where = useMemo(() => {\n    if (!docID) {\n      return null\n    }\n\n    const where = {\n      [on]: {\n        equals: docID,\n      },\n    }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, on, field.where])\n\n  return (\n    <div className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}>\n      {BeforeInput}\n      <RelationshipTable\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        disableTable={filterOptions === null}\n        field={field as JoinFieldClient}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={{\n          [on]: docID,\n        }}\n        Label={\n          <h4 style={{ margin: 0 }}>\n            {Label || (\n              <FieldLabel label={label} localized={localized} path={path} required={required} />\n            )}\n          </h4>\n        }\n        relationTo={collection}\n      />\n      {AfterInput}\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,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,IAAI;MACJC,KAAA,EAAO;QAAEC;MAAW,CAAE;MACtBC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC,EAAE;MACFC;IAAQ,CACT;IACDC;EAAI,CACL,GAAGV,KAAA;EAEJ,MAAM;IAAEW,EAAA,EAAIC;EAAK,CAAE,GAAGhB,eAAA;EAEtB,MAAM;IAAEiB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAAEC;EAAK,CAAE,GACxEvB,QAAA,CAAwB;IACtBgB;EACF;EAEF,MAAMQ,aAAA,GAA8B1B,OAAA,CAAQ;IAC1C,IAAI,CAACoB,KAAA,EAAO;MACV,OAAO;IACT;IAEA,MAAMO,KAAA,GAAQ;MACZ,CAACX,EAAA,GAAK;QACJY,MAAA,EAAQR;MACV;IACF;IAEA,IAAIX,KAAA,CAAMkB,KAAK,EAAE;MACf,OAAO;QACLE,GAAA,EAAK,CAACF,KAAA,EAAOlB,KAAA,CAAMkB,KAAK;MAC1B;IACF;IAEA,OAAOA,KAAA;EACT,GAAG,CAACP,KAAA,EAAOJ,EAAA,EAAIP,KAAA,CAAMkB,KAAK,CAAC;EAE3B,oBACEG,KAAA,CAAC;IAAIC,SAAA,EAAW,CAACzB,cAAA,EAAgB,OAAO,CAAC0B,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;eAC3DX,WAAA,E,aACDY,IAAA,CAAClC,iBAAA;MACCW,WAAA,EAAa,OAAOQ,KAAA,KAAU,eAAeR,WAAA;MAC7CwB,YAAA,EAAcV,aAAA,KAAkB;MAChCjB,KAAA,EAAOA,KAAA;MACPiB,aAAA,EAAeA,aAAA;MACfW,WAAA,EAAajB,KAAA,IAASK,KAAA,GAAQA,KAAA,GAAS;QAAEa,IAAA,EAAM;MAAG;MAClDC,iBAAA,EAAmB;QACjB,CAACvB,EAAA,GAAKI;MACR;MACAI,KAAA,eACEW,IAAA,CAAC;QAAGK,KAAA,EAAO;UAAEC,MAAA,EAAQ;QAAE;kBACpBjB,KAAA,iBACCW,IAAA,CAAC9B,UAAA;UAAWS,KAAA,EAAOA,KAAA;UAAOC,SAAA,EAAWA,SAAA;UAAWG,IAAA,EAAMA,IAAA;UAAMD,QAAA,EAAUA;;;MAI5EyB,UAAA,EAAY7B;QAEbS,UAAA;;AAGP;AAEA,OAAO,MAAMqB,SAAA,GAAYxC,aAAA,CAAcI,kBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","RelationshipTable","useField","withCondition","useDocumentInfo","FieldLabel","fieldBaseClass","JoinFieldComponent","props","field","admin","allowCreate","collection","label","localized","on","required","path","id","docID","customComponents","AfterInput","BeforeInput","Label","value","filterOptions","where","equals","and","_jsxs","className","filter","Boolean","join","_jsx","disableTable","initialData","docs","initialDrawerData","style","margin","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 { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { allowCreate },\n      collection,\n      label,\n      localized,\n      on,\n      required,\n    },\n    path,\n  } = props\n\n  const { id: docID } = useDocumentInfo()\n\n  const { customComponents: { AfterInput, BeforeInput, Label } = {}, value } =\n    useField<PaginatedDocs>({\n      path,\n    })\n\n  const filterOptions: null | Where = useMemo(() => {\n    if (!docID) {\n      return null\n    }\n\n    const where = {\n      [on]: {\n        equals: docID,\n      },\n    }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, on, field.where])\n\n  return (\n    <div className={[fieldBaseClass, 'join'].filter(Boolean).join(' ')}>\n      {BeforeInput}\n      <RelationshipTable\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        disableTable={filterOptions === null}\n        field={field as JoinFieldClient}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={{\n          [on]: docID,\n        }}\n        Label={\n          <h4 style={{ margin: 0 }}>\n            {Label || (\n              <FieldLabel label={label} localized={localized} path={path} required={required} />\n            )}\n          </h4>\n        }\n        relationTo={collection}\n      />\n      {AfterInput}\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,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,kBAAA,GAAgDC,KAAA;EACpD,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC;MAAW,CAAE;MACtBC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC,EAAE;MACFC;IAAQ,CACT;IACDC;EAAI,CACL,GAAGT,KAAA;EAEJ,MAAM;IAAEU,EAAA,EAAIC;EAAK,CAAE,GAAGf,eAAA;EAEtB,MAAM;IAAEgB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAAEC;EAAK,CAAE,GACxEtB,QAAA,CAAwB;IACtBe;EACF;EAEF,MAAMQ,aAAA,GAA8BzB,OAAA,CAAQ;IAC1C,IAAI,CAACmB,KAAA,EAAO;MACV,OAAO;IACT;IAEA,MAAMO,KAAA,GAAQ;MACZ,CAACX,EAAA,GAAK;QACJY,MAAA,EAAQR;MACV;IACF;IAEA,IAAIV,KAAA,CAAMiB,KAAK,EAAE;MACf,OAAO;QACLE,GAAA,EAAK,CAACF,KAAA,EAAOjB,KAAA,CAAMiB,KAAK;MAC1B;IACF;IAEA,OAAOA,KAAA;EACT,GAAG,CAACP,KAAA,EAAOJ,EAAA,EAAIN,KAAA,CAAMiB,KAAK,CAAC;EAE3B,oBACEG,KAAA,CAAC;IAAIC,SAAA,EAAW,CAACxB,cAAA,EAAgB,OAAO,CAACyB,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;eAC3DX,WAAA,E,aACDY,IAAA,CAACjC,iBAAA;MACCU,WAAA,EAAa,OAAOQ,KAAA,KAAU,eAAeR,WAAA;MAC7CwB,YAAA,EAAcV,aAAA,KAAkB;MAChChB,KAAA,EAAOA,KAAA;MACPgB,aAAA,EAAeA,aAAA;MACfW,WAAA,EAAajB,KAAA,IAASK,KAAA,GAAQA,KAAA,GAAS;QAAEa,IAAA,EAAM;MAAG;MAClDC,iBAAA,EAAmB;QACjB,CAACvB,EAAA,GAAKI;MACR;MACAI,KAAA,eACEW,IAAA,CAAC;QAAGK,KAAA,EAAO;UAAEC,MAAA,EAAQ;QAAE;kBACpBjB,KAAA,iBACCW,IAAA,CAAC7B,UAAA;UAAWQ,KAAA,EAAOA,KAAA;UAAOC,SAAA,EAAWA,SAAA;UAAWG,IAAA,EAAMA,IAAA;UAAMD,QAAA,EAAUA;;;MAI5EyB,UAAA,EAAY7B;QAEbS,UAAA;;AAGP;AAEA,OAAO,MAAMqB,SAAA,GAAYvC,aAAA,CAAcI,kBAAA","ignoreList":[]}

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":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAa/D,OAAO,cAAc,CAAA;AAgMrB,eAAO,MAAM,WAAW;;;;;;+EAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAaxE,OAAO,cAAc,CAAA;AA8LrB,eAAO,MAAM,WAAW;;;;;;+EAAsC,CAAA"}