@payloadcms/ui 4.0.0-internal.d3909a9 → 4.0.0-internal.d7d662c

package/dist/fields/Group/index.js

@@ -1,5 +1,6 @@
 '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 { groupHasName } from 'payload/shared';
@@ -22,17 +23,10 @@ import { useTabs } from '../Tabs/provider.js';
 import { GroupProvider, useGroup } from './provider.js';
 const baseClass = 'group-field';
 export const GroupFieldComponent = props => {
+  const $ = _c(6);
   const {
     field,
-    field: {
-      admin: {
-        className,
-        description,
-        hideGutter
-      } = {},
-      fields,
-      label
-    },
+    field: t0,
     indexPath,
     parentPath,
     parentSchemaPath,
@@ -41,7 +35,17 @@ export const GroupFieldComponent = props => {
     readOnly,
     schemaPath: schemaPathFromProps
   } = props;
-  const schemaPath = schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path);
+  const {
+    admin: t1,
+    fields,
+    label
+  } = t0;
+  const {
+    className,
+    description,
+    hideGutter
+  } = t1 === undefined ? {} : t1;
+  const schemaPath = schemaPathFromProps ?? (field.type === "group" && groupHasName(field) ? field.name : path);
   const {
     i18n
   } = useTranslation();
@@ -51,71 +55,96 @@ export const GroupFieldComponent = props => {
   const isWithinGroup = useGroup();
   const isWithinRow = useRow();
   const isWithinTab = useTabs();
+  let t2;
+  if ($[0] !== path) {
+    t2 = {
+      path
+    };
+    $[0] = path;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
   const {
-    customComponents: {
-      AfterInput,
-      BeforeInput,
-      Description,
-      Label
-    } = {},
+    customComponents: t3,
     errorPaths
-  } = useField({
-    path
-  });
+  } = useField(t2);
+  const {
+    AfterInput,
+    BeforeInput,
+    Description,
+    Label
+  } = t3 === undefined ? {} : t3;
   const submitted = useFormSubmitted();
   const errorCount = errorPaths.length;
   const fieldHasErrors = submitted && errorCount > 0;
   const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
-  const styles = useMemo(() => mergeFieldStyles(field), [field]);
-  return /*#__PURE__*/_jsxs("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, '__')}`,
+  let t4;
+  if ($[2] !== field) {
+    t4 = mergeFieldStyles(field);
+    $[2] = field;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const styles = t4;
+  let t5;
+  if ($[4] !== path) {
+    t5 = path?.replace(/\./g, "__");
+    $[4] = path;
+    $[5] = t5;
+  } else {
+    t5 = $[5];
+  }
+  return _jsxs("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-${t5}`,
     style: styles,
-    children: [/*#__PURE__*/_jsx(GroupProvider, {
-      children: /*#__PURE__*/_jsxs("div", {
+    children: [_jsx(GroupProvider, {
+      children: _jsxs("div", {
         className: `${baseClass}__wrap`,
-        children: [Boolean(Label || Description || label || fieldHasErrors) && /*#__PURE__*/_jsxs("div", {
+        children: [Boolean(Label || Description || label || fieldHasErrors) && _jsxs("div", {
           className: `${baseClass}__header`,
-          children: [/*#__PURE__*/_jsxs("div", {
+          children: [_jsxs("div", {
             className: `${baseClass}__title-row`,
-            children: [Boolean(Label || Description || label) && /*#__PURE__*/_jsx(RenderCustomComponent, {
+            children: [Boolean(Label || Description || label) && _jsx(RenderCustomComponent, {
               CustomComponent: Label,
-              Fallback: /*#__PURE__*/_jsx("h3", {
+              Fallback: _jsx("h3", {
                 className: `${baseClass}__title`,
-                children: /*#__PURE__*/_jsx(FieldLabel, {
+                children: _jsx(FieldLabel, {
                   as: "span",
                   label: getTranslation(label, i18n),
                   localized: false,
-                  path: path,
+                  path,
                   required: false
                 })
               })
-            }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
+            }), fieldHasErrors && _jsx(ErrorPill, {
               count: errorCount,
-              i18n: i18n,
+              i18n,
               withMessage: true
             })]
-          }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+          }), _jsx(RenderCustomComponent, {
             CustomComponent: Description,
-            Fallback: /*#__PURE__*/_jsx(FieldDescription, {
-              description: description,
-              path: path
+            Fallback: _jsx(FieldDescription, {
+              description,
+              path
             })
           })]
-        }), BeforeInput, groupHasName(field) ? /*#__PURE__*/_jsx(RenderFields, {
-          fields: fields,
+        }), BeforeInput, groupHasName(field) ? _jsx(RenderFields, {
+          fields,
           parentIndexPath: "",
           parentPath: path,
           parentSchemaPath: schemaPath,
           permissions: permissions === true ? permissions : permissions?.fields,
-          readOnly: readOnly
-        }) : /*#__PURE__*/_jsx(RenderFields, {
-          fields: fields,
+          readOnly
+        }) : _jsx(RenderFields, {
+          fields,
           parentIndexPath: indexPath,
-          parentPath: parentPath,
-          parentSchemaPath: parentSchemaPath,
-          permissions: permissions,
-          readOnly: readOnly
+          parentPath,
+          parentSchemaPath,
+          permissions,
+          readOnly
         })]
       })
     }), AfterInput]

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","groupHasName","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","admin","className","description","hideGutter","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","schemaPathFromProps","type","name","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","_jsxs","filter","Boolean","join","id","replace","style","_jsx","CustomComponent","Fallback","as","localized","required","count","withMessage","parentIndexPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { groupHasName } from 'payload/shared'\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 './index.css'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: React.FC<GroupFieldClientProps> = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, hideGutter } = {}, fields, label },\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n\n  const schemaPath =\n    schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path)\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } =\n    useField({ path })\n\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          {Boolean(Label || Description || label || fieldHasErrors) && (\n            <div className={`${baseClass}__header`}>\n              <div className={`${baseClass}__title-row`}>\n                {Boolean(Label || Description || label) && (\n                  <RenderCustomComponent\n                    CustomComponent={Label}\n                    Fallback={\n                      <h3 className={`${baseClass}__title`}>\n                        <FieldLabel\n                          as=\"span\"\n                          label={getTranslation(label, i18n)}\n                          localized={false}\n                          path={path}\n                          required={false}\n                        />\n                      </h3>\n                    }\n                  />\n                )}\n                {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n              </div>\n              <RenderCustomComponent\n                CustomComponent={Description}\n                Fallback={<FieldDescription description={description} path={path} />}\n              />\n            </div>\n          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\n              parentIndexPath=\"\"\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              permissions={permissions === true ? permissions : permissions?.fields}\n              readOnly={readOnly}\n            />\n          ) : (\n            <RenderFields\n              fields={fields}\n              parentIndexPath={indexPath}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              permissions={permissions}\n              readOnly={readOnly}\n            />\n          )}\n        </div>\n      </GroupProvider>\n      {AfterInput}\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":["c","_c","getTranslation","groupHasName","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","$","field","t0","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","schemaPathFromProps","admin","t1","fields","label","className","description","hideGutter","undefined","type","name","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","t2","customComponents","t3","errorPaths","AfterInput","BeforeInput","Description","Label","submitted","errorCount","length","fieldHasErrors","isTopLevel","t4","styles","t5","replace","_jsxs","filter","Boolean","join","id","style","children","_jsx","CustomComponent","Fallback","as","localized","required","count","withMessage","parentIndexPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { groupHasName } from 'payload/shared'\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 './index.css'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: React.FC<GroupFieldClientProps> = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, hideGutter } = {}, fields, label },\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n\n  const schemaPath =\n    schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path)\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } =\n    useField({ path })\n\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          {Boolean(Label || Description || label || fieldHasErrors) && (\n            <div className={`${baseClass}__header`}>\n              <div className={`${baseClass}__title-row`}>\n                {Boolean(Label || Description || label) && (\n                  <RenderCustomComponent\n                    CustomComponent={Label}\n                    Fallback={\n                      <h3 className={`${baseClass}__title`}>\n                        <FieldLabel\n                          as=\"span\"\n                          label={getTranslation(label, i18n)}\n                          localized={false}\n                          path={path}\n                          required={false}\n                        />\n                      </h3>\n                    }\n                  />\n                )}\n                {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n              </div>\n              <RenderCustomComponent\n                CustomComponent={Description}\n                Fallback={<FieldDescription description={description} path={path} />}\n              />\n            </div>\n          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\n              parentIndexPath=\"\"\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              permissions={permissions === true ? permissions : permissions?.fields}\n              readOnly={readOnly}\n            />\n          ) : (\n            <RenderFields\n              fields={fields}\n              parentIndexPath={indexPath}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              permissions={permissions}\n              readOnly={readOnly}\n            />\n          )}\n        </div>\n      </GroupProvider>\n      {AfterInput}\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Hidden/index.js

@@ -11,7 +11,7 @@ import { withCondition } from '../../forms/withCondition/index.js';
  * For example, this sets the `ìd` property of a block in the Blocks field.
  */
 const HiddenFieldComponent = props => {
-  const $ = _c(13);
+  const $ = _c(15);
   const {
     disableModifyingForm: t0,
     path: pathFromProps,
@@ -54,26 +54,34 @@ const HiddenFieldComponent = props => {
     t3 = $[7];
   }
   useEffect(t2, t3);
-  const t4 = `field-${path?.replace(/\./g, "__")}`;
-  const t5 = value || "";
-  let t6;
-  if ($[8] !== path || $[9] !== setValue || $[10] !== t4 || $[11] !== t5) {
-    t6 = _jsx("input", {
-      id: t4,
+  let t4;
+  if ($[8] !== path) {
+    t4 = path?.replace(/\./g, "__");
+    $[8] = path;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const t5 = `field-${t4}`;
+  const t6 = value || "";
+  let t7;
+  if ($[10] !== path || $[11] !== setValue || $[12] !== t5 || $[13] !== t6) {
+    t7 = _jsx("input", {
+      id: t5,
       name: path,
       onChange: setValue,
       type: "hidden",
-      value: t5
+      value: t6
     });
-    $[8] = path;
-    $[9] = setValue;
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
+    $[10] = path;
+    $[11] = setValue;
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
   } else {
-    t6 = $[12];
+    t7 = $[14];
   }
-  return t6;
+  return t7;
 };
 export const HiddenField = withCondition(HiddenFieldComponent);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useField","withCondition","HiddenFieldComponent","props","$","disableModifyingForm","t0","path","pathFromProps","value","valueFromProps","undefined","t1","potentiallyStalePath","formInitializing","setValue","t2","t3","t4","replace","t5","t6","_jsx","id","name","onChange","type","HiddenField"],"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * Renders an input with `type=\"hidden\"`.\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const { disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { formInitializing, path, setValue, value } = useField({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined && !formInitializing) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm, formInitializing])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAE9B;;;;;AAKA,MAAMC,oBAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACvD;IAAAQ,oBAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,KAAA,EAAAC;EAAA,IAAoFP,KAAA;EAA5E,MAAAE,oBAAA,GAAAC,EAA2B,KAAAK,SAAA,UAA3BL,EAA2B;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAI,aAAA;IAE0BI,EAAA;MAAAC,oBAAA,EACrCL;IAAA;IACxBJ,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAFA;IAAAU,gBAAA;IAAAP,IAAA;IAAAQ,QAAA;IAAAN;EAAA,IAAoDT,QAAA,CAASY,EAE7D;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,oBAAA,IAAAD,CAAA,QAAAU,gBAAA,IAAAV,CAAA,QAAAW,QAAA,IAAAX,CAAA,QAAAM,cAAA;IAEUM,EAAA,GAAAA,CAAA;MAAA,IACJN,cAAA,KAAAC,SAAmB,KAAcG,gBAAA;QACnCC,QAAA,CAASL,cAAA,EAAgBL,oBAAA;MAAA;IAAA;IAE1BY,EAAA,IAACP,cAAA,EAAgBK,QAAA,EAAUV,oBAAA,EAAsBS,gBAAA;IAAiBV,CAAA,MAAAC,oBAAA;IAAAD,CAAA,MAAAU,gBAAA;IAAAV,CAAA,MAAAW,QAAA;IAAAX,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,EAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EAJrEL,SAAA,CAAUiB,EAIV,EAAGC,EAAkE;EAI7D,MAAAC,EAAA,YAASX,IAAA,EAAAY,OAAA,QAAqB,OAAO;EAIlC,MAAAC,EAAA,GAAAX,KAAC,IAAoB;EAAA,IAAAY,EAAA;EAAA,IAAAjB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAW,QAAA,IAAAX,CAAA,SAAAc,EAAA,IAAAd,CAAA,SAAAgB,EAAA;IAL9BC,EAAA,GAAAC,IAAA,CAAC;MAAAC,EAAA,EACKL,EAAqC;MAAAM,IAAA,EACnCjB,IAAA;MAAAkB,QAAA,EACIV,QAAA;MAAAW,IAAA,EACL;MAAAjB,KAAA,EACEW;IAAqB,C;;;;;;;;;SAL9BC,E;CAQJ;AAEA,OAAO,MAAMM,WAAA,GAAc1B,aAAA,CAAcC,oBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useField","withCondition","HiddenFieldComponent","props","$","disableModifyingForm","t0","path","pathFromProps","value","valueFromProps","undefined","t1","potentiallyStalePath","formInitializing","setValue","t2","t3","t4","replace","t5","t6","t7","_jsx","id","name","onChange","type","HiddenField"],"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from 'payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * Renders an input with `type=\"hidden\"`.\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const { disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { formInitializing, path, setValue, value } = useField({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined && !formInitializing) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm, formInitializing])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAE9B;;;;;AAKA,MAAMC,oBAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACvD;IAAAQ,oBAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,KAAA,EAAAC;EAAA,IAAoFP,KAAA;EAA5E,MAAAE,oBAAA,GAAAC,EAA2B,KAA3BK,SAA2B,GAA3B,IAA2B,GAA3BL,EAA2B;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAI,aAAA;IAE0BI,EAAA;MAAAC,oBAAA,EACrCL;IACxB;IAAAJ,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAFA;IAAAU,gBAAA;IAAAP,IAAA;IAAAQ,QAAA;IAAAN;EAAA,IAAoDT,QAAA,CAASY,EAE7D;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,oBAAA,IAAAD,CAAA,QAAAU,gBAAA,IAAAV,CAAA,QAAAW,QAAA,IAAAX,CAAA,QAAAM,cAAA;IAEUM,EAAA,GAAAA,CAAA;MACR,IAAIN,cAAA,KAAmBC,SAAc,IAAjC,CAAiCG,gBAAA;QACnCC,QAAA,CAASL,cAAA,EAAgBL,oBAAA;MAAA;IAC3B,CACF;IAAGY,EAAA,IAACP,cAAA,EAAgBK,QAAA,EAAUV,oBAAA,EAAsBS,gBAAA,CAAiB;IAAAV,CAAA,MAAAC,oBAAA;IAAAD,CAAA,MAAAU,gBAAA;IAAAV,CAAA,MAAAW,QAAA;IAAAX,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,EAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EAJrEL,SAAA,CAAUiB,EAIV,EAAGC,EAAkE;EAAA,IAAAC,EAAA;EAAA,IAAAd,CAAA,QAAAG,IAAA;IAIpDW,EAAA,GAAAX,IAAA,EAAAY,OAAqB,CAAP,OAAO;IAAAf,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAA9B,MAAAgB,EAAA,YAASF,EAAqB,EAAO;EAIlC,MAAAG,EAAA,GAAAZ,KAAqB,IAArB,EAAqB;EAAA,IAAAa,EAAA;EAAA,IAAAlB,CAAA,SAAAG,IAAA,IAAAH,CAAA,SAAAW,QAAA,IAAAX,CAAA,SAAAgB,EAAA,IAAAhB,CAAA,SAAAiB,EAAA;IAL9BC,EAAA,GAAAC,IAAA,CAAC;MAAAC,EAAA,EACKJ,EAAqC;MAAAK,IAAA,EACnClB,IAAA;MAAAmB,QAAA,EACIX,QAAA;MAAAY,IAAA,EACL;MAAAlB,KAAA,EACEY;;;;;;;;;;SALTC,E;CAQJ;AAEA,OAAO,MAAMM,WAAA,GAAc3B,aAAA,CAAcC,oBAAA","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":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,SAAS,CAAA;AAI/D,OAAO,KAAoD,MAAM,OAAO,CAAA;AAcxE,OAAO,aAAa,CAAA;AA+LpB,eAAO,MAAM,SAAS,gCAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAc,MAAM,SAAS,CAAA;AAI/D,OAAO,KAAoD,MAAM,OAAO,CAAA;AAcxE,OAAO,aAAa,CAAA;AAgMpB,eAAO,MAAM,SAAS,gCAAoC,CAAA"}

package/dist/fields/JSON/index.js

@@ -55,7 +55,8 @@ const JSONFieldComponent = props => {
   } = useTranslation();
   const editorRef = React.useRef(null);
   const inputChangeFromRef = React.useRef('formState');
-  const [recalculatedHeightAt, setRecalculatedHeightAt] = useState(Date.now());
+  // A counter that tells CodeEditor to recalculate its height
+  const [recalculatedHeightAt, setRecalculatedHeightAt] = useState(0);
   const memoizedValidate = useCallback((value_0, options) => {
     if (typeof validate === 'function') {
       return validate(value_0, {
@@ -118,7 +119,7 @@ const JSONFieldComponent = props => {
       const newStringValue = formatJSON(value_1 ?? initialValue);
       if (newStringValue !== stringValueRef.current) {
         stringValueRef.current = newStringValue;
-        setRecalculatedHeightAt(Date.now());
+        setRecalculatedHeightAt(count => count + 1);
       }
     }
     inputChangeFromRef.current = 'formState';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useEffect","useMemo","useState","v4","uuidv4","defaultOptions","CodeEditor","RenderCustomComponent","useField","withCondition","useTranslation","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","baseClass","JSONFieldComponent","props","field","admin","className","description","editorOptions","maxHeight","jsonSchema","label","localized","required","path","pathFromProps","readOnly","validate","insertSpaces","tabSize","formatJSON","value","undefined","JSON","stringify","jsonError","setJsonError","i18n","editorRef","useRef","inputChangeFromRef","recalculatedHeightAt","setRecalculatedHeightAt","Date","now","memoizedValidate","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","initialValue","setValue","showError","potentiallyStalePath","stringValueRef","handleMount","editor","monaco","current","languages","json","jsonDefaults","setDiagnosticsOptions","enableSchemaRequest","schemas","diagnosticsOptions","uri","newUri","includes","crypto","randomUUID","setModel","createModel","Uri","parse","handleChange","val","e","newStringValue","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","as","hasRequiredAccessibleState","onClick","focus","message","defaultLanguage","onChange","onMount","ariaLabel","ariaRequired","wrapperProps","id","replace","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientProps, JsonObject } from 'payload'\n\nimport { type OnMount } from '@monaco-editor/react'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { defaultOptions } from '../../elements/CodeEditor/constants.js'\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 { useTranslation } from '../../providers/Translation/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 { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'json-field'\n\nconst JSONFieldComponent: React.FC<JSONFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, editorOptions, maxHeight } = {},\n      jsonSchema,\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { insertSpaces = defaultOptions.insertSpaces, tabSize = defaultOptions.tabSize } =\n    editorOptions || {}\n\n  const formatJSON = useCallback(\n    (value: JsonObject | undefined): string | undefined => {\n      if (value === undefined) {\n        return undefined\n      }\n      if (value === null) {\n        return ''\n      }\n      return insertSpaces ? JSON.stringify(value, null, tabSize) : JSON.stringify(value, null, '\\t')\n    },\n    [tabSize, insertSpaces],\n  )\n\n  const [jsonError, setJsonError] = useState<string>()\n  const { i18n } = useTranslation()\n  const editorRef =\n    React.useRef<Parameters<NonNullable<React.ComponentProps<typeof CodeEditor>['onMount']>>[0]>(\n      null,\n    )\n\n  const inputChangeFromRef = React.useRef<'formState' | 'internalEditor'>('formState')\n  const [recalculatedHeightAt, setRecalculatedHeightAt] = useState<number | undefined>(Date.now())\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    disabled,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<JsonObject>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const stringValueRef = React.useRef<string>(formatJSON(value ?? initialValue))\n\n  const handleMount = useCallback<OnMount>(\n    (editor, monaco) => {\n      editorRef.current = editor\n      if (!jsonSchema) {\n        return\n      }\n\n      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n        enableSchemaRequest: true,\n        schemas: [\n          ...(monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || []),\n          jsonSchema,\n        ],\n        validate: true,\n      })\n\n      const uri = jsonSchema.uri\n      const newUri = uri.includes('?')\n        ? `${uri}&${crypto.randomUUID ? crypto.randomUUID() : uuidv4()}`\n        : `${uri}?${crypto.randomUUID ? crypto.randomUUID() : uuidv4()}`\n\n      editor.setModel(\n        monaco.editor.createModel(formatJSON(value) || '', 'json', monaco.Uri.parse(newUri)),\n      )\n    },\n    [jsonSchema, formatJSON, value],\n  )\n\n  const handleChange = useCallback(\n    (val: string) => {\n      if (readOnly || disabled) {\n        return\n      }\n      inputChangeFromRef.current = 'internalEditor'\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        stringValueRef.current = val\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        stringValueRef.current = val\n        setJsonError(e)\n      }\n    },\n    [readOnly, disabled, setValue],\n  )\n\n  useEffect(() => {\n    if (inputChangeFromRef.current === 'formState') {\n      const newStringValue = formatJSON(value ?? initialValue)\n      if (newStringValue !== stringValueRef.current) {\n        stringValueRef.current = newStringValue\n        setRecalculatedHeightAt(Date.now())\n      }\n    }\n\n    inputChangeFromRef.current = 'formState'\n  }, [initialValue, path, formatJSON, value])\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 || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            as=\"span\"\n            hasRequiredAccessibleState\n            label={label}\n            localized={localized}\n            onClick={() => editorRef.current?.focus()}\n            path={path}\n            required={required}\n          />\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={{\n            ariaLabel: getTranslation(label || '', i18n) || undefined,\n            ariaRequired: required,\n            ...(editorOptions || {}),\n          }}\n          readOnly={readOnly || disabled}\n          recalculatedHeightAt={recalculatedHeightAt}\n          value={stringValueRef.current}\n          wrapperProps={{\n            id: `field-${path?.replace(/\\./g, '__')}`,\n          }}\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":["getTranslation","React","useCallback","useEffect","useMemo","useState","v4","uuidv4","defaultOptions","CodeEditor","RenderCustomComponent","useField","withCondition","useTranslation","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","baseClass","JSONFieldComponent","props","field","admin","className","description","editorOptions","maxHeight","jsonSchema","label","localized","required","path","pathFromProps","readOnly","validate","insertSpaces","tabSize","formatJSON","value","undefined","JSON","stringify","jsonError","setJsonError","i18n","editorRef","useRef","inputChangeFromRef","recalculatedHeightAt","setRecalculatedHeightAt","memoizedValidate","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","initialValue","setValue","showError","potentiallyStalePath","stringValueRef","handleMount","editor","monaco","current","languages","json","jsonDefaults","setDiagnosticsOptions","enableSchemaRequest","schemas","diagnosticsOptions","uri","newUri","includes","crypto","randomUUID","setModel","createModel","Uri","parse","handleChange","val","e","newStringValue","count","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","as","hasRequiredAccessibleState","onClick","focus","message","defaultLanguage","onChange","onMount","ariaLabel","ariaRequired","wrapperProps","id","replace","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientProps, JsonObject } from 'payload'\n\nimport { type OnMount } from '@monaco-editor/react'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { defaultOptions } from '../../elements/CodeEditor/constants.js'\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 { useTranslation } from '../../providers/Translation/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 { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'json-field'\n\nconst JSONFieldComponent: React.FC<JSONFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, editorOptions, maxHeight } = {},\n      jsonSchema,\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { insertSpaces = defaultOptions.insertSpaces, tabSize = defaultOptions.tabSize } =\n    editorOptions || {}\n\n  const formatJSON = useCallback(\n    (value: JsonObject | undefined): string | undefined => {\n      if (value === undefined) {\n        return undefined\n      }\n      if (value === null) {\n        return ''\n      }\n      return insertSpaces ? JSON.stringify(value, null, tabSize) : JSON.stringify(value, null, '\\t')\n    },\n    [tabSize, insertSpaces],\n  )\n\n  const [jsonError, setJsonError] = useState<string>()\n  const { i18n } = useTranslation()\n  const editorRef =\n    React.useRef<Parameters<NonNullable<React.ComponentProps<typeof CodeEditor>['onMount']>>[0]>(\n      null,\n    )\n\n  const inputChangeFromRef = React.useRef<'formState' | 'internalEditor'>('formState')\n  // A counter that tells CodeEditor to recalculate its height\n  const [recalculatedHeightAt, setRecalculatedHeightAt] = useState(0)\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    disabled,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<JsonObject>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const stringValueRef = React.useRef<string>(formatJSON(value ?? initialValue))\n\n  const handleMount = useCallback<OnMount>(\n    (editor, monaco) => {\n      editorRef.current = editor\n      if (!jsonSchema) {\n        return\n      }\n\n      monaco.languages.json.jsonDefaults.setDiagnosticsOptions({\n        enableSchemaRequest: true,\n        schemas: [\n          ...(monaco.languages.json.jsonDefaults.diagnosticsOptions.schemas || []),\n          jsonSchema,\n        ],\n        validate: true,\n      })\n\n      const uri = jsonSchema.uri\n      const newUri = uri.includes('?')\n        ? `${uri}&${crypto.randomUUID ? crypto.randomUUID() : uuidv4()}`\n        : `${uri}?${crypto.randomUUID ? crypto.randomUUID() : uuidv4()}`\n\n      editor.setModel(\n        monaco.editor.createModel(formatJSON(value) || '', 'json', monaco.Uri.parse(newUri)),\n      )\n    },\n    [jsonSchema, formatJSON, value],\n  )\n\n  const handleChange = useCallback(\n    (val: string) => {\n      if (readOnly || disabled) {\n        return\n      }\n      inputChangeFromRef.current = 'internalEditor'\n\n      try {\n        setValue(val ? JSON.parse(val) : null)\n        stringValueRef.current = val\n        setJsonError(undefined)\n      } catch (e) {\n        setValue(val ? val : null)\n        stringValueRef.current = val\n        setJsonError(e)\n      }\n    },\n    [readOnly, disabled, setValue],\n  )\n\n  useEffect(() => {\n    if (inputChangeFromRef.current === 'formState') {\n      const newStringValue = formatJSON(value ?? initialValue)\n      if (newStringValue !== stringValueRef.current) {\n        stringValueRef.current = newStringValue\n        setRecalculatedHeightAt((count) => count + 1)\n      }\n    }\n\n    inputChangeFromRef.current = 'formState'\n  }, [initialValue, path, formatJSON, value])\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 || disabled) && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            as=\"span\"\n            hasRequiredAccessibleState\n            label={label}\n            localized={localized}\n            onClick={() => editorRef.current?.focus()}\n            path={path}\n            required={required}\n          />\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={{\n            ariaLabel: getTranslation(label || '', i18n) || undefined,\n            ariaRequired: required,\n            ...(editorOptions || {}),\n          }}\n          readOnly={readOnly || disabled}\n          recalculatedHeightAt={recalculatedHeightAt}\n          value={stringValueRef.current}\n          wrapperProps={{\n            id: `field-${path?.replace(/\\./g, '__')}`,\n          }}\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/Number/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["c","_c","getTranslation","isNumber","React","InputStepper","ReactSelect","RenderCustomComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","NumberInput","props","$","AfterInput","ariaLabel","BeforeInput","className","Description","description","Error","hasMany","Label","label","localized","max","t0","maxRows","t1","min","t2","onChange","onStep","path","placeholder","placeholderFromProps","prefix","readOnly","required","showError","size","t3","step","t4","style","suffix","value","valueToRender","undefined","Infinity","i18n","t","t5","t6","t7","t8","t9","filter","Boolean","_jsxs","join","children","_jsx","CustomComponent","Fallback","replace","components","DropdownIndicator","disabled","filterOption","_","rawInput","isOverHasMany","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany_0","options","id","name","onWheel","_temp","type","onDecrement","onIncrement","e","target","blur"],"sources":["../../../src/fields/Number/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useTranslation } from '../../providers/Translation/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.css'\n\nconst baseClass = 'number'\n\nexport const NumberInput: React.FC<NumberInputProps> = (props) => {\n  const {\n    AfterInput,\n    ariaLabel,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    Label,\n    label,\n    localized,\n    max = Infinity,\n    maxRows = Infinity,\n    min = -Infinity,\n    onChange,\n    onStep,\n    path,\n    placeholder: placeholderFromProps,\n    prefix,\n    readOnly,\n    required,\n    showError,\n    size = 'large',\n    step = 1,\n    style,\n    suffix,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const placeholder =\n    getTranslation(placeholderFromProps, i18n) || (hasMany ? t('general:enterANumber') : undefined)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      data-size={size}\n      style={style}\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 path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            components={{ DropdownIndicator: null }}\n            disabled={readOnly}\n            filterOption={(_, rawInput) => {\n              const isOverHasMany = Array.isArray(value) && (value as number[]).length >= maxRows\n              return isNumber(rawInput) && !isOverHasMany\n            }}\n            isClearable\n            isCreatable\n            isMulti\n            isSortable\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && (value as number[]).length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', {\n                  max: maxRows,\n                  value: (value as number[]).length + 1,\n                })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={placeholder}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <div className=\"form-input-group\">\n            {prefix ? <span className={`${baseClass}__prefix`}>{prefix}</span> : null}\n            <input\n              aria-label={ariaLabel || getTranslation(label, i18n) || path}\n              className=\"form-input\"\n              disabled={readOnly}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              max={max}\n              min={min}\n              name={path}\n              onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n              onWheel={(e) => {\n                // @ts-expect-error - blur() exists on input elements but not typed on EventTarget\n                e.target.blur()\n              }}\n              placeholder={placeholder}\n              step={step}\n              type=\"number\"\n              value={typeof value === 'number' ? value : ''}\n            />\n            {suffix ? <span className={`${baseClass}__suffix`}>{suffix}</span> : null}\n            {onStep && (\n              <InputStepper\n                disabled={readOnly}\n                onDecrement={() => onStep('down')}\n                onIncrement={() => onStep('up')}\n              />\n            )}\n          </div>\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,OAAOC,KAAA,MAAW;AAIlB,SAASC,YAAY,QAAQ;AAC7B,SAASC,WAAW,QAAQ;AAC5B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,WAAA,GAA0CC,KAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EACrD;IAAAgB,UAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,WAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,SAAA;IAAAC,GAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,EAAA;IAAAC,GAAA,EAAAC,EAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,WAAA,EAAAC,oBAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,IAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC;EAAA,IA6BInC,KAAA;EAjBF,MAAAa,GAAA,GAAAC,EAAc,KAAAsB,SAAA,GAAAC,QAAA,GAAdvB,EAAc;EACd,MAAAC,OAAA,GAAAC,EAAkB,KAAAoB,SAAA,GAAAC,QAAA,GAAlBrB,EAAkB;EAClB,MAAAC,GAAA,GAAAC,EAAe,KAAAkB,SAAA,IAAAC,QAAA,GAAfnB,EAAe;EASf,MAAAU,IAAA,GAAAC,EAAc,KAAAO,SAAA,GAAP,OAAO,GAAdP,EAAc;EACd,MAAAC,IAAA,GAAAC,EAAQ,KAAAK,SAAA,OAARL,EAAQ;EAOV;IAAAO,IAAA;IAAAC;EAAA,IAAoB9C,cAAA;EAAA,IAAA+C,EAAA;EAAA,IAAAvC,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAO,KAAA,IAAAP,CAAA,QAAAS,KAAA,IAAAT,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,SAAA,IAAAJ,CAAA,QAAAM,WAAA,IAAAN,CAAA,QAAAQ,OAAA,IAAAR,CAAA,QAAAqC,IAAA,IAAArC,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAY,GAAA,IAAAZ,CAAA,SAAAc,OAAA,IAAAd,CAAA,SAAAgB,GAAA,IAAAhB,CAAA,SAAAkB,QAAA,IAAAlB,CAAA,SAAAmB,MAAA,IAAAnB,CAAA,SAAAoB,IAAA,IAAApB,CAAA,SAAAsB,oBAAA,IAAAtB,CAAA,SAAAuB,MAAA,IAAAvB,CAAA,SAAAwB,QAAA,IAAAxB,CAAA,SAAAyB,QAAA,IAAAzB,CAAA,SAAA0B,SAAA,IAAA1B,CAAA,SAAA2B,IAAA,IAAA3B,CAAA,SAAA6B,IAAA,IAAA7B,CAAA,SAAA+B,KAAA,IAAA/B,CAAA,SAAAgC,MAAA,IAAAhC,CAAA,SAAAsC,CAAA,IAAAtC,CAAA,SAAAiC,KAAA,IAAAjC,CAAA,SAAAkC,aAAA;IAEpB,MAAAb,WAAA,GACEnC,cAAA,CAAeoC,oBAAA,EAAsBe,IAAA,MAAU7B,OAAA,GAAU8B,CAAA,CAAE,0BAAAH,SAAkC;IAQzF,MAAAK,EAAA,GAAAd,SAAA,IAAa;IACb,MAAAe,EAAA,GAAAjB,QAAA,IAAY;IACZ,MAAAkB,EAAA,GAAAlC,OAAA,IAAW;IAAA,IAAAmC,EAAA;IAAA,IAAA3C,CAAA,SAAAI,SAAA,IAAAJ,CAAA,SAAAwC,EAAA,IAAAxC,CAAA,SAAAyC,EAAA,IAAAzC,CAAA,SAAA0C,EAAA;MANFC,EAAA,IAAA/C,cAAA,EAAAC,SAAA,EAGTO,SAAA,EACAoC,EAAa,EACbC,EAAY,EACZC,EAAW,EAAAE,MAAA,CAAAC,OAEH;MAAA7C,CAAA,OAAAI,SAAA;MAAAJ,CAAA,OAAAwC,EAAA;MAAAxC,CAAA,OAAAyC,EAAA;MAAAzC,CAAA,OAAA0C,EAAA;MAAA1C,CAAA,OAAA2C,EAAA;IAAA;MAAAA,EAAA,GAAA3C,CAAA;IAAA;IATZuC,EAAA,GAAAO,KAAA,CAAC;MAAA1C,SAAA,EACYuC,EAQD,CAAAI,IAAA,CACF;MAAA,aACGpB,IAAA;MAAAI,KAAA;MAAAiB,QAAA,GAGXC,IAAA,CAAA1D,qBAAA;QAAA2D,eAAA,EACmBzC,KAAA;QAAA0C,QAAA,EAEfF,IAAA,CAAAtD,UAAA;UAAAe,KAAA;UAAAC,SAAA;UAAAS,IAAA;UAAAK;QAAA,C;UAGJqB,KAAA,CAAC;QAAA1C,SAAA,EAAe,GAAAR,cAAA,QAAyB;QAAAoD,QAAA,GACvCC,IAAA,CAAA1D,qBAAA;UAAA2D,eAAA,EACmB3C,KAAA;UAAA4C,QAAA,EACPF,IAAA,CAAAvD,UAAA;YAAA0B,IAAA;YAAAM;UAAA,C;YAEXvB,WAAA,EACAK,OAAA,GACCyC,IAAA,CAAA3D,WAAA;UAAAc,SAAA,EACa,SAASgB,IAAA,CAAAgC,OAAA,QAAoB,OAAO;UAAAC,UAAA;YAAAC,iBAAA;UAAA;UAAAC,QAAA,EAErC/B,QAAA;UAAAgC,YAAA,EAAAA,CAAAC,CAAA,EAAAC,QAAA;YAER,MAAAC,aAAA,GAAsBC,KAAA,CAAAC,OAAA,CAAc5B,KAAA,KAAUA,KAAC,CAAA6B,MAAA,IAA6BhD,OAAA;YAAA,OACrE3B,QAAA,CAASuE,QAAA,MAAcC,aAAA;UAAA;UAAAI,WAAA;UAAAC,WAAA;UAAAC,OAAA;UAAAC,UAAA;UAAAC,gBAAA,EAAAA,CAAA;YAO9B,MAAAC,eAAA,GAAsBR,KAAA,CAAAC,OAAA,CAAc5B,KAAA,KAAUA,KAAC,CAAA6B,MAAA,IAA6BhD,OAAA;YAAA,IACxE6C,eAAA;cAAA,OACKrB,CAAA,CAAE;gBAAA1B,GAAA,EACFE,OAAA;gBAAAmB,KAAA,EACEA,KAAC,CAAA6B,MAAA;cAA4B,CACtC;YAAA;YAAA;UAAA;UAAA5C,QAAA;UAAAmD,OAAA;UAAAhD,WAAA;UAAAK,SAAA;UAAAO,KAAA,EAQGC;QAAA,C,IAGTY,KAAA,CAAC;UAAA1C,SAAA,EAAc;UAAA4C,QAAA,GACZzB,MAAA,GAAS0B,IAAA,CAAC;YAAA7C,SAAA,EAAgB,GAAAP,SAAA,UAAsB;YAAAmD,QAAA,EAAGzB;UAAA,C,QAAiB,EACrE0B,IAAA,CAAC;YAAA,cACa/C,SAAA,IAAahB,cAAA,CAAewB,KAAA,EAAO2B,IAAA,KAASjB,IAAA;YAAAhB,SAAA,EAC9C;YAAAmD,QAAA,EACA/B,QAAA;YAAA8C,EAAA,EACN,SAASlD,IAAA,CAAAgC,OAAA,QAAoB,OAAO;YAAAxC,GAAA;YAAAI,GAAA;YAAAuD,IAAA,EAGlCnD,IAAA;YAAAF,QAAA;YAAAsD,OAAA,EAAAC,KAAA;YAAApD,WAAA;YAAAQ,IAAA;YAAA6C,IAAA,EAQD;YAAAzC,KAAA,EACE,OAAOA,KAAA,KAAU,WAAWA,KAAA,GAAQ;UAAA,C,GAE5CD,MAAA,GAASiB,IAAA,CAAC;YAAA7C,SAAA,EAAgB,GAAAP,SAAA,UAAsB;YAAAmD,QAAA,EAAGhB;UAAA,C,QAAiB,EACpEb,MAAA,IACC8B,IAAA,CAAA5D,YAAA;YAAAkE,QAAA,EACY/B,QAAA;YAAAmD,WAAA,EAAAA,CAAA,KACSxD,MAAA,CAAO;YAAAyD,WAAA,EAAAA,CAAA,KACPzD,MAAA,CAAO;UAAA,C;YAKjClB,UAAA,EACDgD,IAAA,CAAA1D,qBAAA;UAAA2D,eAAA,EACmB7C,WAAA;UAAA8C,QAAA,EACPF,IAAA,CAAAxD,gBAAA;YAAAa,WAAA;YAAAc;UAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAzFhBmB,E;CA8FJ;AApIuD,SAAAkC,MAAAI,CAAA;EA2GvCA,CAAA,CAAAC,MAAA,CAAAC,IAAA,CAAa;AAAA","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["c","_c","getTranslation","isNumber","React","InputStepper","ReactSelect","RenderCustomComponent","useTranslation","FieldDescription","FieldError","FieldLabel","fieldBaseClass","baseClass","NumberInput","props","$","AfterInput","ariaLabel","BeforeInput","className","Description","description","Error","hasMany","Label","label","localized","max","t0","maxRows","t1","min","t2","onChange","onStep","path","placeholder","placeholderFromProps","prefix","readOnly","required","showError","size","t3","step","t4","style","suffix","value","valueToRender","undefined","Infinity","i18n","t","t5","t6","t7","t8","t9","filter","Boolean","_jsxs","join","children","_jsx","CustomComponent","Fallback","replace","components","DropdownIndicator","disabled","filterOption","_","rawInput","isOverHasMany","Array","isArray","length","isClearable","isCreatable","isMulti","isSortable","noOptionsMessage","isOverHasMany_0","options","id","name","onWheel","_temp","type","onDecrement","onIncrement","e","target","blur"],"sources":["../../../src/fields/Number/Input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { isNumber } from 'payload/shared'\nimport React from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { ReactSelect } from '../../elements/ReactSelect/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useTranslation } from '../../providers/Translation/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.css'\n\nconst baseClass = 'number'\n\nexport const NumberInput: React.FC<NumberInputProps> = (props) => {\n  const {\n    AfterInput,\n    ariaLabel,\n    BeforeInput,\n    className,\n    Description,\n    description,\n    Error,\n    hasMany,\n    Label,\n    label,\n    localized,\n    max = Infinity,\n    maxRows = Infinity,\n    min = -Infinity,\n    onChange,\n    onStep,\n    path,\n    placeholder: placeholderFromProps,\n    prefix,\n    readOnly,\n    required,\n    showError,\n    size = 'large',\n    step = 1,\n    style,\n    suffix,\n    value,\n    valueToRender,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const placeholder =\n    getTranslation(placeholderFromProps, i18n) || (hasMany ? t('general:enterANumber') : undefined)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n        hasMany && 'has-many',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      data-size={size}\n      style={style}\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 path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {hasMany ? (\n          <ReactSelect\n            className={`field-${path.replace(/\\./g, '__')}`}\n            components={{ DropdownIndicator: null }}\n            disabled={readOnly}\n            filterOption={(_, rawInput) => {\n              const isOverHasMany = Array.isArray(value) && (value as number[]).length >= maxRows\n              return isNumber(rawInput) && !isOverHasMany\n            }}\n            isClearable\n            isCreatable\n            isMulti\n            isSortable\n            noOptionsMessage={() => {\n              const isOverHasMany = Array.isArray(value) && (value as number[]).length >= maxRows\n              if (isOverHasMany) {\n                return t('validation:limitReached', {\n                  max: maxRows,\n                  value: (value as number[]).length + 1,\n                })\n              }\n              return null\n            }}\n            onChange={onChange}\n            options={[]}\n            placeholder={placeholder}\n            showError={showError}\n            value={valueToRender}\n          />\n        ) : (\n          <div className=\"form-input-group\">\n            {prefix ? <span className={`${baseClass}__prefix`}>{prefix}</span> : null}\n            <input\n              aria-label={ariaLabel || getTranslation(label, i18n) || path}\n              className=\"form-input\"\n              disabled={readOnly}\n              id={`field-${path.replace(/\\./g, '__')}`}\n              max={max}\n              min={min}\n              name={path}\n              onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n              onWheel={(e) => {\n                // @ts-expect-error - blur() exists on input elements but not typed on EventTarget\n                e.target.blur()\n              }}\n              placeholder={placeholder}\n              step={step}\n              type=\"number\"\n              value={typeof value === 'number' ? value : ''}\n            />\n            {suffix ? <span className={`${baseClass}__suffix`}>{suffix}</span> : null}\n            {onStep && (\n              <InputStepper\n                disabled={readOnly}\n                onDecrement={() => onStep('down')}\n                onIncrement={() => onStep('up')}\n              />\n            )}\n          </div>\n        )}\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Password/input.js

@@ -17,7 +17,7 @@ import { fieldBaseClass } from '../shared/index.js';
 import './index.css';
 const baseClass = 'password';
 export const PasswordInput = props => {
-  const $ = _c(5);
+  const $ = _c(8);
   const {
     AfterInput,
     autoComplete: t0,
@@ -67,49 +67,68 @@ export const PasswordInput = props => {
   } else {
     t4 = $[3];
   }
-  let t5;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => setShowPassword(_temp);
-    $[4] = t5;
+  const t5 = t4.join(" ");
+  const t6 = _jsx(RenderCustomComponent, {
+    CustomComponent: Label,
+    Fallback: _jsx(FieldLabel, {
+      hasRequiredAccessibleState: true,
+      label,
+      localized,
+      path,
+      required
+    })
+  });
+  const t7 = _jsx(RenderCustomComponent, {
+    CustomComponent: Error,
+    Fallback: _jsx(FieldError, {
+      path,
+      showError
+    })
+  });
+  const t8 = getTranslation(label, i18n);
+  let t9;
+  if ($[4] !== path) {
+    let t10;
+    if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+      t10 = /\./g;
+      $[6] = t10;
+    } else {
+      t10 = $[6];
+    }
+    t9 = path.replace(t10, "__");
+    $[4] = path;
+    $[5] = t9;
   } else {
-    t5 = $[4];
+    t9 = $[5];
+  }
+  let t10;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = () => setShowPassword(_temp);
+    $[7] = t10;
+  } else {
+    t10 = $[7];
   }
   return _jsxs("div", {
-    className: t4.join(" "),
+    className: t5,
     "data-size": size,
     style: {
       ...style,
       width
     },
-    children: [_jsx(RenderCustomComponent, {
-      CustomComponent: Label,
-      Fallback: _jsx(FieldLabel, {
-        hasRequiredAccessibleState: true,
-        label,
-        localized,
-        path,
-        required
-      })
-    }), _jsxs("div", {
+    children: [t6, _jsxs("div", {
       className: `${fieldBaseClass}__wrap`,
-      children: [_jsx(RenderCustomComponent, {
-        CustomComponent: Error,
-        Fallback: _jsx(FieldError, {
-          path,
-          showError
-        })
-      }), _jsxs("div", {
+      children: [t7, _jsxs("div", {
         className: "password__input-wrap",
         children: [BeforeInput, _jsx("input", {
           "aria-describedby": errorID,
           "aria-invalid": showError || undefined,
-          "aria-label": getTranslation(label, i18n),
+          "aria-label": t8,
           "aria-required": required || undefined,
           autoComplete,
           className: "form-input",
           "data-rtl": rtl,
           disabled: readOnly,
-          id: `field-${path.replace(/\./g, "__")}`,
+          id: `field-${t9}`,
           name: path,
           onChange,
           onKeyDown,
@@ -121,7 +140,7 @@ export const PasswordInput = props => {
           "aria-label": t(showPassword ? "fields:hidePassword" : "fields:showPassword"),
           className: "password__toggle-button",
           disabled: readOnly,
-          onClick: t5,
+          onClick: t10,
           type: "button",
           children: _jsx(EyeIcon, {
             active: showPassword,