@payloadcms/ui 4.0.0-internal.9496957 → 4.0.0-internal.970009e

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

@@ -1,9 +1,5 @@
+import type { JSONFieldClientProps } from 'payload';
 import React from 'react';
 import './index.css';
-export declare const JSONField: React.FC<{
-    readonly path: string;
-    readonly validate?: import("payload").JSONFieldValidation;
-} & {
-    readonly field: Omit<import("payload").JSONFieldClient, "type"> & Partial<Pick<import("payload").JSONFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+export declare const JSONField: React.FC<JSONFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAaxE,OAAO,aAAa,CAAA;AA4KpB,eAAO,MAAM,SAAS;;;;;+EAAoC,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

@@ -1,6 +1,7 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import { defaultOptions } from '../../elements/CodeEditor/constants.js';
@@ -8,6 +9,7 @@ import { CodeEditor } from '../../elements/CodeEditor/index.js';
 import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
 import { FieldDescription } from '../FieldDescription/index.js';
 import { FieldError } from '../FieldError/index.js';
 import { FieldLabel } from '../FieldLabel/index.js';
@@ -48,8 +50,13 @@ const JSONFieldComponent = props => {
     return insertSpaces ? JSON.stringify(value, null, tabSize) : JSON.stringify(value, null, '\t');
   }, [tabSize, insertSpaces]);
   const [jsonError, setJsonError] = useState();
+  const {
+    i18n
+  } = 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, {
@@ -79,6 +86,7 @@ const JSONFieldComponent = props => {
   });
   const stringValueRef = React.useRef(formatJSON(value_1 ?? initialValue));
   const handleMount = useCallback((editor, monaco) => {
+    editorRef.current = editor;
     if (!jsonSchema) {
       return;
     }
@@ -111,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';
@@ -123,8 +131,11 @@ const JSONFieldComponent = props => {
     children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
       CustomComponent: Label,
       Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+        as: "span",
+        hasRequiredAccessibleState: true,
         label: label,
         localized: localized,
+        onClick: () => editorRef.current?.focus(),
         path: path,
         required: required
       })
@@ -142,7 +153,11 @@ const JSONFieldComponent = props => {
         maxHeight: maxHeight,
         onChange: handleChange,
         onMount: handleMount,
-        options: editorOptions,
+        options: {
+          ariaLabel: getTranslation(label || '', i18n) || undefined,
+          ariaRequired: required,
+          ...(editorOptions || {})
+        },
         readOnly: readOnly || disabled,
         recalculatedHeightAt: recalculatedHeightAt,
         value: stringValueRef.current,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","v4","uuidv4","defaultOptions","CodeEditor","RenderCustomComponent","useField","withCondition","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","inputChangeFromRef","useRef","recalculatedHeightAt","setRecalculatedHeightAt","Date","now","memoizedValidate","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","initialValue","setValue","showError","potentiallyStalePath","stringValueRef","handleMount","editor","monaco","languages","json","jsonDefaults","setDiagnosticsOptions","enableSchemaRequest","schemas","diagnosticsOptions","uri","newUri","includes","crypto","randomUUID","setModel","createModel","Uri","parse","handleChange","val","current","e","newStringValue","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","message","defaultLanguage","onChange","onMount","wrapperProps","id","replace","JSONField"],"sources":["../../../src/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, JsonObject } from 'payload'\n\nimport { type OnMount } from '@monaco-editor/react'\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 { 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: 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: 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 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      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 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 || 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":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AACjE,SAASC,EAAA,IAAMC,MAAM,QAAQ;AAE7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,qBAAqB,QAAQ;AACtC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,MAAMC,kBAAA,GAAsDC,KAAA;EAC1D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC,WAAW;QAAEC,aAAa;QAAEC;MAAS,CAAE,GAAG,CAAC,CAAC;MAChEC,UAAU;MACVC,KAAK;MACLC,SAAS;MACTC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGd,KAAA;EAEJ,MAAM;IAAEe,YAAA,GAAe5B,cAAA,CAAe4B,YAAY;IAAEC,OAAA,GAAU7B,cAAA,CAAe6B;EAAO,CAAE,GACpFX,aAAA,IAAiB,CAAC;EAEpB,MAAMY,UAAA,GAAapC,WAAA,CAChBqC,KAAA;IACC,IAAIA,KAAA,KAAUC,SAAA,EAAW;MACvB,OAAOA,SAAA;IACT;IACA,IAAID,KAAA,KAAU,MAAM;MAClB,OAAO;IACT;IACA,OAAOH,YAAA,GAAeK,IAAA,CAAKC,SAAS,CAACH,KAAA,EAAO,MAAMF,OAAA,IAAWI,IAAA,CAAKC,SAAS,CAACH,KAAA,EAAO,MAAM;EAC3F,GACA,CAACF,OAAA,EAASD,YAAA,CAAa;EAGzB,MAAM,CAACO,SAAA,EAAWC,YAAA,CAAa,GAAGvC,QAAA;EAClC,MAAM;IAAEwC;EAAI,CAAE,GAAGhC,cAAA;EACjB,MAAMiC,SAAA,GACJ7C,KAAA,CAAM8C,MAAM,CACV;EAGJ,MAAMC,kBAAA,GAAqB/C,KAAA,CAAM8C,MAAM,CAAiC;EACxE;EACA,MAAM,CAACE,oBAAA,EAAsBC,uBAAA,CAAwB,GAAG7C,QAAA,CAAS;EAEjE,MAAM8C,gBAAA,GAAmBjD,WAAA,CACvB,CAACqC,OAAA,EAAOa,OAAA;IACN,IAAI,OAAOjB,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASI,OAAA,EAAO;QAAE,GAAGa,OAAO;QAAET,SAAA;QAAWZ;MAAS;IAC3D;EACF,GACA,CAACI,QAAA,EAAUJ,QAAA,EAAUY,SAAA,CAAU;EAGjC,MAAM;IACJU,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRC,YAAY;IACZ5B,IAAI;IACJ6B,QAAQ;IACRC,SAAS;IACTvB,KAAK,EAALA;EAAK,CACN,GAAG5B,QAAA,CAAqB;IACvBoD,oBAAA,EAAsB9B,aAAA;IACtBE,QAAA,EAAUgB;EACZ;EAEA,MAAMa,cAAA,GAAiB/D,KAAA,CAAM8C,MAAM,CAAST,UAAA,CAAWC,OAAA,IAASqB,YAAA;EAEhE,MAAMK,WAAA,GAAc/D,WAAA,CAClB,CAACgE,MAAA,EAAQC,MAAA;IACPrB,SAAA,CAAUsB,OAAO,GAAGF,MAAA;IACpB,IAAI,CAACtC,UAAA,EAAY;MACf;IACF;IAEAuC,MAAA,CAAOE,SAAS,CAACC,IAAI,CAACC,YAAY,CAACC,qBAAqB,CAAC;MACvDC,mBAAA,EAAqB;MACrBC,OAAA,EAAS,C,IACHP,MAAA,CAAOE,SAAS,CAACC,IAAI,CAACC,YAAY,CAACI,kBAAkB,CAACD,OAAO,IAAI,EAAE,GACvE9C,UAAA,CACD;MACDO,QAAA,EAAU;IACZ;IAEA,MAAMyC,GAAA,GAAMhD,UAAA,CAAWgD,GAAG;IAC1B,MAAMC,MAAA,GAASD,GAAA,CAAIE,QAAQ,CAAC,OACxB,GAAGF,GAAA,IAAOG,MAAA,CAAOC,UAAU,GAAGD,MAAA,CAAOC,UAAU,KAAKzE,MAAA,IAAU,GAC9D,GAAGqE,GAAA,IAAOG,MAAA,CAAOC,UAAU,GAAGD,MAAA,CAAOC,UAAU,KAAKzE,MAAA,IAAU;IAElE2D,MAAA,CAAOe,QAAQ,CACbd,MAAA,CAAOD,MAAM,CAACgB,WAAW,CAAC5C,UAAA,CAAWC,OAAA,KAAU,IAAI,QAAQ4B,MAAA,CAAOgB,GAAG,CAACC,KAAK,CAACP,MAAA;EAEhF,GACA,CAACjD,UAAA,EAAYU,UAAA,EAAYC,OAAA,CAAM;EAGjC,MAAM8C,YAAA,GAAenF,WAAA,CAClBoF,GAAA;IACC,IAAIpD,QAAA,IAAYyB,QAAA,EAAU;MACxB;IACF;IACAX,kBAAA,CAAmBoB,OAAO,GAAG;IAE7B,IAAI;MACFP,QAAA,CAASyB,GAAA,GAAM7C,IAAA,CAAK2C,KAAK,CAACE,GAAA,IAAO;MACjCtB,cAAA,CAAeI,OAAO,GAAGkB,GAAA;MACzB1C,YAAA,CAAaJ,SAAA;IACf,EAAE,OAAO+C,CAAA,EAAG;MACV1B,QAAA,CAASyB,GAAA,GAAMA,GAAA,GAAM;MACrBtB,cAAA,CAAeI,OAAO,GAAGkB,GAAA;MACzB1C,YAAA,CAAa2C,CAAA;IACf;EACF,GACA,CAACrD,QAAA,EAAUyB,QAAA,EAAUE,QAAA,CAAS;EAGhC1D,SAAA,CAAU;IACR,IAAI6C,kBAAA,CAAmBoB,OAAO,KAAK,aAAa;MAC9C,MAAMoB,cAAA,GAAiBlD,UAAA,CAAWC,OAAA,IAASqB,YAAA;MAC3C,IAAI4B,cAAA,KAAmBxB,cAAA,CAAeI,OAAO,EAAE;QAC7CJ,cAAA,CAAeI,OAAO,GAAGoB,cAAA;QACzBtC,uBAAA,CAAyBuC,KAAA,IAAUA,KAAA,GAAQ;MAC7C;IACF;IAEAzC,kBAAA,CAAmBoB,OAAO,GAAG;EAC/B,GAAG,CAACR,YAAA,EAAc5B,IAAA,EAAMM,UAAA,EAAYC,OAAA,CAAM;EAE1C,MAAMmD,MAAA,GAAStF,OAAA,CAAQ,MAAMa,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEqE,KAAA,CAAC;IACCnE,SAAA,EAAW,CACTN,cAAA,EACAC,SAAA,EACAK,SAAA,EACAsC,SAAA,IAAa,SACZ,CAAA5B,QAAA,IAAYyB,QAAO,KAAM,YAC3B,CACEiC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRC,KAAA,EAAOL,MAAA;4BAEPM,IAAA,CAACtF,qBAAA;MACCuF,eAAA,EAAiBvC,KAAA;MACjBwC,QAAA,eACEF,IAAA,CAAChF,UAAA;QACCmF,EAAA,EAAG;QACHC,0BAA0B;QAC1BvE,KAAA,EAAOA,KAAA;QACPC,SAAA,EAAWA,SAAA;QACXuE,OAAA,EAASA,CAAA,KAAMvD,SAAA,CAAUsB,OAAO,EAAEkC,KAAA;QAClCtE,IAAA,EAAMA,IAAA;QACND,QAAA,EAAUA;;qBAIhB4D,KAAA,CAAC;MAAInE,SAAA,EAAW,GAAGN,cAAA,QAAsB;8BACvC8E,IAAA,CAACtF,qBAAA;QACCuF,eAAA,EAAiBxC,KAAA;QACjByC,QAAA,eAAUF,IAAA,CAACjF,UAAA;UAAWwF,OAAA,EAAS5D,SAAA;UAAWX,IAAA,EAAMA,IAAA;UAAM8B,SAAA,EAAWA;;UAElEP,WAAA,E,aACDyC,IAAA,CAACvF,UAAA;QACC+F,eAAA,EAAgB;QAChB7E,SAAA,EAAWA,SAAA;QACX8E,QAAA,EAAUpB,YAAA;QACVqB,OAAA,EAASzC,WAAA;QACTb,OAAA,EAAS;UACPuD,SAAA,EAAW3G,cAAA,CAAe6B,KAAA,IAAS,IAAIgB,IAAA,KAASL,SAAA;UAChDoE,YAAA,EAAc7E,QAAA;UACd,IAAIL,aAAA,IAAiB,CAAC,CAAC;QACzB;QACAQ,QAAA,EAAUA,QAAA,IAAYyB,QAAA;QACtBV,oBAAA,EAAsBA,oBAAA;QACtBV,KAAA,EAAOyB,cAAA,CAAeI,OAAO;QAC7ByC,YAAA,EAAc;UACZC,EAAA,EAAI,SAAS9E,IAAA,EAAM+E,OAAA,CAAQ,OAAO;QACpC;UAEDzD,UAAA;qBAEH0C,IAAA,CAACtF,qBAAA;MACCuF,eAAA,EAAiBzC,WAAA;MACjB0C,QAAA,eAAUF,IAAA,CAAClF,gBAAA;QAAiBW,WAAA,EAAaA,WAAA;QAAaO,IAAA,EAAMA;;;;AAIpE;AAEA,OAAO,MAAMgF,SAAA,GAAYpG,aAAA,CAAcQ,kBAAA","ignoreList":[]}

package/dist/fields/Join/index.css

@@ -24,10 +24,9 @@
 
   .field-type.join .relationship-table__header h4 {
     margin: 0;
-    font-family: var(--text-body-large-strong-font-family);
-    font-size: var(--text-body-large-strong-font-size);
-    font-weight: var(--text-body-large-strong-font-weight);
-    line-height: var(--text-body-large-strong-line-height);
+    font-size: var(--text-body-large-bold-font-size);
+    font-weight: var(--text-body-large-bold-font-weight);
+    line-height: var(--text-body-large-bold-line-height);
     letter-spacing: var(--join-header-letter-spacing);
     color: var(--color-text);
   }

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

@@ -1,9 +1,5 @@
-import type { JoinFieldClient } from 'payload';
+import type { JoinFieldClientProps } from 'payload';
 import React from 'react';
 import './index.css';
-export declare const JoinField: React.FC<{
-    readonly path: string;
-} & {
-    readonly field: Omit<JoinFieldClient, "type"> & Partial<Pick<JoinFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+export declare const JoinField: React.FC<JoinFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

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,EAGV,eAAe,EAIhB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAkB,MAAM,OAAO,CAAA;AAatC,OAAO,aAAa,CAAA;AAgOpB,eAAO,MAAM,SAAS;;;;+EAAoC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Join/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAIV,oBAAoB,EAGrB,MAAM,SAAS,CAAA;AAIhB,OAAO,KAAkB,MAAM,OAAO,CAAA;AAatC,OAAO,aAAa,CAAA;AAgOpB,eAAO,MAAM,SAAS,gCAAoC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ObjectIdImport","fieldAffectsData","flattenTopLevelFields","React","useMemo","ErrorPill","RelationshipTable","RenderCustomComponent","useField","withCondition","useConfig","useDocumentInfo","useTranslation","FieldDescription","FieldLabel","fieldBaseClass","ObjectId","default","getInitialDrawerData","collectionSlug","config","docID","fields","segments","flattenedFields","keepPresentationalFields","path","field","find","name","type","value","Array","isArray","relationTo","hasMany","nextSegments","slice","length","initialData","id","toHexString","_block","blocks","block","blocksMap","blockInitialData","blockType","slug","JoinFieldComponent","props","admin","allowCreate","description","collection","label","localized","on","required","pathFromProps","docConfig","getEntityConfig","i18n","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","showError","potentiallyStalePath","fieldErrorCount","fieldHasErrors","filterOptions","targetField","where","equals","and","initialDrawerData","relatedCollection","split","_jsx","className","filter","Boolean","join","replace","CustomComponent","Fallback","undefined","disableTable","fieldPath","docs","_jsxs","count","withMessage","parent","joinPath","JoinField"],"sources":["../../../src/fields/Join/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientConfig,\n  ClientField,\n  JoinFieldClient,\n  JoinFieldClientComponent,\n  PaginatedDocs,\n  Where,\n} from 'payload'\n\nimport ObjectIdImport from 'bson-objectid'\nimport { fieldAffectsData, flattenTopLevelFields } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RelationshipTable } from '../../elements/RelationshipTable/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\nimport './index.css'\n\nconst ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectIdImport\n\n/**\n * Recursively builds the default data for joined collection\n */\nconst getInitialDrawerData = ({\n  collectionSlug,\n  config,\n  docID,\n  fields,\n  segments,\n}: {\n  collectionSlug: string\n  config: ClientConfig\n  docID: number | string\n  fields: ClientField[]\n  segments: string[]\n}) => {\n  const flattenedFields = flattenTopLevelFields(fields, {\n    keepPresentationalFields: true,\n  })\n\n  const path = segments[0]\n\n  const field = flattenedFields.find((field) => field.name === path)\n\n  if (!field) {\n    return null\n  }\n\n  if (field.type === 'relationship' || field.type === 'upload') {\n    let value: { relationTo: string; value: number | string } | number | string = docID\n    if (Array.isArray(field.relationTo)) {\n      value = {\n        relationTo: collectionSlug,\n        value: docID,\n      }\n    }\n    return {\n      [field.name]: field.hasMany ? [value] : value,\n    }\n  }\n\n  const nextSegments = segments.slice(1, segments.length)\n\n  if (field.type === 'tab' || (field.type === 'group' && fieldAffectsData(field))) {\n    return {\n      [field.name]: getInitialDrawerData({\n        collectionSlug,\n        config,\n        docID,\n        fields: field.fields,\n        segments: nextSegments,\n      }),\n    }\n  }\n\n  if (field.type === 'array') {\n    const initialData = getInitialDrawerData({\n      collectionSlug,\n      config,\n      docID,\n      fields: field.fields,\n      segments: nextSegments,\n    })\n\n    initialData.id = ObjectId().toHexString()\n\n    return {\n      [field.name]: [initialData],\n    }\n  }\n\n  if (field.type === 'blocks') {\n    for (const _block of field.blocks) {\n      const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n\n      const blockInitialData = getInitialDrawerData({\n        collectionSlug,\n        config,\n        docID,\n        fields: block.fields,\n        segments: nextSegments,\n      })\n\n      if (blockInitialData) {\n        blockInitialData.id = ObjectId().toHexString()\n        blockInitialData.blockType = block.slug\n\n        return {\n          [field.name]: [blockInitialData],\n        }\n      }\n    }\n  }\n}\n\nconst JoinFieldComponent: JoinFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { allowCreate, description } = {}, collection, label, localized, on, required },\n    path: pathFromProps,\n  } = props\n\n  const { id: docID, docConfig } = useDocumentInfo()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Label } = {},\n    errorPaths,\n    path,\n    showError,\n    value,\n  } = useField<PaginatedDocs>({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  const fieldErrorCount = errorPaths?.length || (showError ? 1 : 0)\n  const fieldHasErrors = fieldErrorCount > 0\n\n  const filterOptions: null | Where = useMemo(() => {\n    if (!docID) {\n      return null\n    }\n\n    let value: { relationTo: string; value: number | string } | number | string = docID\n\n    if (Array.isArray(field.targetField.relationTo)) {\n      value = {\n        relationTo: docConfig.slug,\n        value,\n      }\n    }\n\n    const where = Array.isArray(collection)\n      ? {}\n      : {\n          [on]: {\n            equals: value,\n          },\n        }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, collection, field.targetField.relationTo, field.where, on, docConfig?.slug])\n\n  const initialDrawerData = useMemo(() => {\n    const relatedCollection = getEntityConfig({\n      collectionSlug: Array.isArray(field.collection) ? field.collection[0] : field.collection,\n    })\n\n    return getInitialDrawerData({\n      collectionSlug: docConfig?.slug,\n      config,\n      docID,\n      fields: relatedCollection?.fields,\n      segments: field.on.split('.'),\n    })\n  }, [getEntityConfig, field.collection, field.on, docConfig?.slug, docID, config])\n\n  if (!docConfig) {\n    return null\n  }\n\n  return (\n    <div\n      className={[fieldBaseClass, fieldHasErrors && 'error', 'join'].filter(Boolean).join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n    >\n      <RelationshipTable\n        AfterInput={AfterInput}\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        BeforeInput={BeforeInput}\n        Description={\n          Description || description ? (\n            <div className=\"join__description\">\n              <RenderCustomComponent\n                CustomComponent={Description}\n                Fallback={<FieldDescription description={description} path={path} />}\n              />\n            </div>\n          ) : undefined\n        }\n        disableTable={filterOptions === null}\n        field={field as JoinFieldClient}\n        fieldPath={path}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={initialDrawerData}\n        Label={\n          <div className=\"join__header-wrapper\">\n            <h4>\n              {Label || (\n                <FieldLabel label={label} localized={localized} path={path} required={required} />\n              )}\n            </h4>\n            {fieldHasErrors && <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />}\n          </div>\n        }\n        parent={\n          typeof docID !== 'undefined'\n            ? {\n                id: docID,\n                collectionSlug: docConfig.slug,\n                joinPath: path,\n              }\n            : undefined\n        }\n        relationTo={collection}\n      />\n    </div>\n  )\n}\n\nexport const JoinField = withCondition(JoinFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ObjectIdImport","fieldAffectsData","flattenTopLevelFields","React","useMemo","ErrorPill","RelationshipTable","RenderCustomComponent","useField","withCondition","useConfig","useDocumentInfo","useTranslation","FieldDescription","FieldLabel","fieldBaseClass","ObjectId","default","getInitialDrawerData","collectionSlug","config","docID","fields","segments","flattenedFields","keepPresentationalFields","path","field","find","name","type","value","Array","isArray","relationTo","hasMany","nextSegments","slice","length","initialData","id","toHexString","_block","blocks","block","blocksMap","blockInitialData","blockType","slug","JoinFieldComponent","props","admin","allowCreate","description","collection","label","localized","on","required","pathFromProps","docConfig","getEntityConfig","i18n","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","showError","potentiallyStalePath","fieldErrorCount","fieldHasErrors","filterOptions","targetField","where","equals","and","initialDrawerData","relatedCollection","split","_jsx","className","filter","Boolean","join","replace","CustomComponent","Fallback","undefined","disableTable","fieldPath","docs","_jsxs","count","withMessage","parent","joinPath","JoinField"],"sources":["../../../src/fields/Join/index.tsx"],"sourcesContent":["'use client'\n\nimport type {\n  ClientConfig,\n  ClientField,\n  JoinFieldClient,\n  JoinFieldClientProps,\n  PaginatedDocs,\n  Where,\n} from 'payload'\n\nimport ObjectIdImport from 'bson-objectid'\nimport { fieldAffectsData, flattenTopLevelFields } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RelationshipTable } from '../../elements/RelationshipTable/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldDescription } from '../FieldDescription/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { fieldBaseClass } from '../index.js'\nimport './index.css'\n\nconst ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectIdImport\n\n/**\n * Recursively builds the default data for joined collection\n */\nconst getInitialDrawerData = ({\n  collectionSlug,\n  config,\n  docID,\n  fields,\n  segments,\n}: {\n  collectionSlug: string\n  config: ClientConfig\n  docID: number | string\n  fields: ClientField[]\n  segments: string[]\n}) => {\n  const flattenedFields = flattenTopLevelFields(fields, {\n    keepPresentationalFields: true,\n  })\n\n  const path = segments[0]\n\n  const field = flattenedFields.find((field) => field.name === path)\n\n  if (!field) {\n    return null\n  }\n\n  if (field.type === 'relationship' || field.type === 'upload') {\n    let value: { relationTo: string; value: number | string } | number | string = docID\n    if (Array.isArray(field.relationTo)) {\n      value = {\n        relationTo: collectionSlug,\n        value: docID,\n      }\n    }\n    return {\n      [field.name]: field.hasMany ? [value] : value,\n    }\n  }\n\n  const nextSegments = segments.slice(1, segments.length)\n\n  if (field.type === 'tab' || (field.type === 'group' && fieldAffectsData(field))) {\n    return {\n      [field.name]: getInitialDrawerData({\n        collectionSlug,\n        config,\n        docID,\n        fields: field.fields,\n        segments: nextSegments,\n      }),\n    }\n  }\n\n  if (field.type === 'array') {\n    const initialData = getInitialDrawerData({\n      collectionSlug,\n      config,\n      docID,\n      fields: field.fields,\n      segments: nextSegments,\n    })\n\n    initialData.id = ObjectId().toHexString()\n\n    return {\n      [field.name]: [initialData],\n    }\n  }\n\n  if (field.type === 'blocks') {\n    for (const _block of field.blocks) {\n      const block = typeof _block === 'string' ? config.blocksMap[_block] : _block\n\n      const blockInitialData = getInitialDrawerData({\n        collectionSlug,\n        config,\n        docID,\n        fields: block.fields,\n        segments: nextSegments,\n      })\n\n      if (blockInitialData) {\n        blockInitialData.id = ObjectId().toHexString()\n        blockInitialData.blockType = block.slug\n\n        return {\n          [field.name]: [blockInitialData],\n        }\n      }\n    }\n  }\n}\n\nconst JoinFieldComponent: React.FC<JoinFieldClientProps> = (props) => {\n  const {\n    field,\n    field: { admin: { allowCreate, description } = {}, collection, label, localized, on, required },\n    path: pathFromProps,\n  } = props\n\n  const { id: docID, docConfig } = useDocumentInfo()\n\n  const { config, getEntityConfig } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Label } = {},\n    errorPaths,\n    path,\n    showError,\n    value,\n  } = useField<PaginatedDocs>({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  const fieldErrorCount = errorPaths?.length || (showError ? 1 : 0)\n  const fieldHasErrors = fieldErrorCount > 0\n\n  const filterOptions: null | Where = useMemo(() => {\n    if (!docID) {\n      return null\n    }\n\n    let value: { relationTo: string; value: number | string } | number | string = docID\n\n    if (Array.isArray(field.targetField.relationTo)) {\n      value = {\n        relationTo: docConfig.slug,\n        value,\n      }\n    }\n\n    const where = Array.isArray(collection)\n      ? {}\n      : {\n          [on]: {\n            equals: value,\n          },\n        }\n\n    if (field.where) {\n      return {\n        and: [where, field.where],\n      }\n    }\n\n    return where\n  }, [docID, collection, field.targetField.relationTo, field.where, on, docConfig?.slug])\n\n  const initialDrawerData = useMemo(() => {\n    const relatedCollection = getEntityConfig({\n      collectionSlug: Array.isArray(field.collection) ? field.collection[0] : field.collection,\n    })\n\n    return getInitialDrawerData({\n      collectionSlug: docConfig?.slug,\n      config,\n      docID,\n      fields: relatedCollection?.fields,\n      segments: field.on.split('.'),\n    })\n  }, [getEntityConfig, field.collection, field.on, docConfig?.slug, docID, config])\n\n  if (!docConfig) {\n    return null\n  }\n\n  return (\n    <div\n      className={[fieldBaseClass, fieldHasErrors && 'error', 'join'].filter(Boolean).join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n    >\n      <RelationshipTable\n        AfterInput={AfterInput}\n        allowCreate={typeof docID !== 'undefined' && allowCreate}\n        BeforeInput={BeforeInput}\n        Description={\n          Description || description ? (\n            <div className=\"join__description\">\n              <RenderCustomComponent\n                CustomComponent={Description}\n                Fallback={<FieldDescription description={description} path={path} />}\n              />\n            </div>\n          ) : undefined\n        }\n        disableTable={filterOptions === null}\n        field={field as JoinFieldClient}\n        fieldPath={path}\n        filterOptions={filterOptions}\n        initialData={docID && value ? value : ({ docs: [] } as PaginatedDocs)}\n        initialDrawerData={initialDrawerData}\n        Label={\n          <div className=\"join__header-wrapper\">\n            <h4>\n              {Label || (\n                <FieldLabel label={label} localized={localized} path={path} required={required} />\n              )}\n            </h4>\n            {fieldHasErrors && <ErrorPill count={fieldErrorCount} i18n={i18n} withMessage />}\n          </div>\n        }\n        parent={\n          typeof docID !== 'undefined'\n            ? {\n                id: docID,\n                collectionSlug: docConfig.slug,\n                joinPath: path,\n              }\n            : undefined\n        }\n        relationTo={collection}\n      />\n    </div>\n  )\n}\n\nexport const JoinField = withCondition(JoinFieldComponent)\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":"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","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/Number/index.d.ts

@@ -1,13 +1,8 @@
+import type { NumberFieldClientProps } from 'payload';
 import React from 'react';
 import type { NumberInputProps } from './types.js';
 import { NumberInput } from './Input.js';
 import './index.css';
 export { NumberInput, type NumberInputProps };
-export declare const NumberField: React.FC<{
-    readonly onChange?: (e: number) => void;
-    readonly path: string;
-    readonly validate?: import("payload").NumberFieldValidation;
-} & {
-    readonly field: Omit<import("payload").NumberFieldClient, "type"> & Partial<Pick<import("payload").NumberFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+export declare const NumberField: React.FC<NumberFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA;AAkK7C,eAAO,MAAM,WAAW;;;;;;+EAAsC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Number/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAoD,MAAM,OAAO,CAAA;AAExE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAKlD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA;AA6J7C,eAAO,MAAM,WAAW,kCAAsC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","mergeFieldStyles","NumberInput","NumberFieldComponent","props","field","admin","className","description","placeholder","step","hasMany","label","localized","max","Infinity","maxRows","min","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","handleStep","direction","currentValue","newValue","valueToRender","setValueToRender","handleHasManyChange","selectedOption","Array","isArray","map","option","index","id","toString","styles","_jsx","onStep","style","NumberField"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientComponent, NumberFieldClientProps } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { NumberInput } from './Input.js'\nimport './index.css'\n\nexport { NumberInput, type NumberInputProps }\n\nconst NumberFieldComponent: NumberFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        placeholder,\n        step = 1,\n      } = {} as NumberFieldClientProps['field']['admin'],\n      hasMany = false,\n      label,\n      localized,\n      max = Infinity,\n      maxRows = Infinity,\n      min = -Infinity,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, max, min, required })\n      }\n    },\n    [validate, min, max, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<number | number[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e) => {\n      const val = parseFloat(e.target.value)\n      let newVal = val\n\n      if (Number.isNaN(val)) {\n        newVal = null\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\n  )\n\n  const handleStep = useCallback(\n    (direction: 'down' | 'up') => {\n      if (readOnly || disabled) {\n        return\n      }\n      const currentValue = typeof value === 'number' ? value : 0\n      let newValue = direction === 'up' ? currentValue + step : currentValue - step\n\n      // Clamp to min/max bounds\n      if (newValue > max) {\n        newValue = max\n      }\n      if (newValue < min) {\n        newValue = min\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n\n      setValue(newValue)\n    },\n    [disabled, max, min, onChangeFromProps, readOnly, setValue, step, value],\n  )\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!(readOnly || disabled)) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as unknown as Record<string, number>)?.value || val,\n            }, // You're probably wondering, why the hell is this done that way? Well, React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <NumberInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      Label={Label}\n      label={label}\n      localized={localized}\n      max={max}\n      maxRows={maxRows}\n      min={min}\n      onChange={hasMany ? handleHasManyChange : handleChange}\n      onStep={handleStep}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      step={step}\n      style={styles}\n      value={value as number}\n      valueToRender={valueToRender}\n    />\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useMemo","useState","useField","withCondition","mergeFieldStyles","NumberInput","NumberFieldComponent","props","field","admin","className","description","placeholder","step","hasMany","label","localized","max","Infinity","maxRows","min","required","onChange","onChangeFromProps","path","pathFromProps","readOnly","validate","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","val","parseFloat","target","newVal","Number","isNaN","handleStep","direction","currentValue","newValue","valueToRender","setValueToRender","handleHasManyChange","selectedOption","Array","isArray","map","option","index","id","toString","styles","_jsx","onStep","style","NumberField"],"sources":["../../../src/fields/Number/index.tsx"],"sourcesContent":["'use client'\nimport type { NumberFieldClientProps } from 'payload'\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { NumberInputProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { NumberInput } from './Input.js'\nimport './index.css'\n\nexport { NumberInput, type NumberInputProps }\n\nconst NumberFieldComponent: React.FC<NumberFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, step = 1 } = {},\n      hasMany = false,\n      label,\n      localized,\n      max = Infinity,\n      maxRows = Infinity,\n      min = -Infinity,\n      required,\n    },\n    onChange: onChangeFromProps,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const memoizedValidate = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, max, min, required })\n      }\n    },\n    [validate, min, max, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<number | number[]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e) => {\n      const val = parseFloat(e.target.value)\n      let newVal = val\n\n      if (Number.isNaN(val)) {\n        newVal = null\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newVal)\n      }\n\n      setValue(newVal)\n    },\n    [onChangeFromProps, setValue],\n  )\n\n  const handleStep = useCallback(\n    (direction: 'down' | 'up') => {\n      if (readOnly || disabled) {\n        return\n      }\n      const currentValue = typeof value === 'number' ? value : 0\n      let newValue = direction === 'up' ? currentValue + step : currentValue - step\n\n      // Clamp to min/max bounds\n      if (newValue > max) {\n        newValue = max\n      }\n      if (newValue < min) {\n        newValue = min\n      }\n\n      if (typeof onChangeFromProps === 'function') {\n        onChangeFromProps(newValue)\n      }\n\n      setValue(newValue)\n    },\n    [disabled, max, min, onChangeFromProps, readOnly, setValue, step, value],\n  )\n\n  const [valueToRender, setValueToRender] = useState<\n    { id: string; label: string; value: { value: number } }[]\n  >([]) // Only for hasMany\n\n  const handleHasManyChange = useCallback(\n    (selectedOption) => {\n      if (!(readOnly || disabled)) {\n        let newValue\n        if (!selectedOption) {\n          newValue = []\n        } else if (Array.isArray(selectedOption)) {\n          newValue = selectedOption.map((option) => Number(option.value?.value || option.value))\n        } else {\n          newValue = [Number(selectedOption.value?.value || selectedOption.value)]\n        }\n\n        setValue(newValue)\n      }\n    },\n    [readOnly, disabled, setValue],\n  )\n\n  // useEffect update valueToRender:\n  useEffect(() => {\n    if (hasMany && Array.isArray(value)) {\n      setValueToRender(\n        value.map((val, index) => {\n          return {\n            id: `${val}${index}`, // append index to avoid duplicate keys but allow duplicate numbers\n            label: `${val}`,\n            value: {\n              toString: () => `${val}${index}`,\n              value: (val as unknown as Record<string, number>)?.value || val,\n            }, // You're probably wondering, why the hell is this done that way? Well, React-select automatically uses \"label-value\" as a key, so we will get that react duplicate key warning if we just pass in the value as multiple values can be the same. So we need to append the index to the toString() of the value to avoid that warning, as it uses that as the key.\n          }\n        }),\n      )\n    }\n  }, [value, hasMany])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <NumberInput\n      AfterInput={AfterInput}\n      BeforeInput={BeforeInput}\n      className={className}\n      Description={Description}\n      description={description}\n      Error={Error}\n      hasMany={hasMany}\n      Label={Label}\n      label={label}\n      localized={localized}\n      max={max}\n      maxRows={maxRows}\n      min={min}\n      onChange={hasMany ? handleHasManyChange : handleChange}\n      onStep={handleStep}\n      path={path}\n      placeholder={placeholder}\n      readOnly={readOnly || disabled}\n      required={required}\n      showError={showError}\n      step={step}\n      style={styles}\n      value={value as number}\n      valueToRender={valueToRender}\n    />\n  )\n}\n\nexport const NumberField = withCondition(NumberFieldComponent)\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAUpD,OAAO,aAAa,CAAA;AAuGpB,eAAO,MAAM,aAAa,8BAAwC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAUpD,OAAO,aAAa,CAAA;AAkGpB,eAAO,MAAM,aAAa,8BAAwC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isFieldDisabled","password","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","PasswordInput","PasswordFieldComponent","props","autoComplete","field","admin","className","description","placeholder","rtl","label","localized","required","inputRef","path","validate","t","locale","config","memoizedValidate","value","options","pathSegments","split","name","type","blockData","data","event","preferences","fields","req","payload","siblingData","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","renderRTL","fieldLocalized","fieldRTL","localizationConfig","localization","undefined","styles","_jsx","onChange","e","target","readOnly","style","PasswordField"],"sources":["../../../src/fields/Password/index.tsx"],"sourcesContent":["'use client'\nimport type { PasswordFieldValidation, PayloadRequest } from 'payload'\n\nimport { isFieldDisabled, password } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { PasswordFieldProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { PasswordInput } from './input.js'\nimport './index.css'\n\nconst PasswordFieldComponent: React.FC<PasswordFieldProps> = (props) => {\n  const {\n    autoComplete,\n    field,\n    field: {\n      admin: {\n        className,\n        description,\n        placeholder,\n        rtl,\n      } = {} as PasswordFieldProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as PasswordFieldProps['field'],\n    inputRef,\n    path,\n    validate,\n  } = props\n\n  const { t } = useTranslation()\n  const locale = useLocale()\n  const { config } = useConfig()\n\n  const memoizedValidate: PasswordFieldValidation = useCallback(\n    (value, options) => {\n      const pathSegments = path ? path.split('.') : []\n\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n\n      return password(value, {\n        name: 'password',\n        type: 'text',\n        blockData: {},\n        data: {},\n        event: 'onChange',\n        path: pathSegments,\n        preferences: { fields: {} },\n        req: {\n          payload: {\n            config,\n          },\n          t,\n        } as unknown as PayloadRequest,\n        required: true,\n        siblingData: {},\n      })\n    },\n    [validate, config, t, required, path],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: false,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: config.localization || undefined,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <PasswordInput\n      AfterInput={AfterInput}\n      autoComplete={autoComplete}\n      BeforeInput={BeforeInput}\n      className={className}\n      description={description}\n      Description={Description}\n      Error={Error}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={placeholder}\n      readOnly={disabled || isFieldDisabled(field, 'field')}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={styles}\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const PasswordField = withCondition(PasswordFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["isFieldDisabled","password","React","useCallback","useMemo","useField","withCondition","useConfig","useLocale","useTranslation","mergeFieldStyles","isFieldRTL","PasswordInput","PasswordFieldComponent","props","autoComplete","field","admin","className","description","placeholder","rtl","label","localized","required","inputRef","path","validate","t","locale","config","memoizedValidate","value","options","pathSegments","split","name","type","blockData","data","event","preferences","fields","req","payload","siblingData","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","renderRTL","fieldLocalized","fieldRTL","localizationConfig","localization","undefined","styles","_jsx","onChange","e","target","readOnly","style","PasswordField"],"sources":["../../../src/fields/Password/index.tsx"],"sourcesContent":["'use client'\nimport type { PasswordFieldValidation, PayloadRequest } from 'payload'\n\nimport { isFieldDisabled, password } from 'payload/shared'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { PasswordFieldProps } from './types.js'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { isFieldRTL } from '../shared/index.js'\nimport { PasswordInput } from './input.js'\nimport './index.css'\n\nconst PasswordFieldComponent: React.FC<PasswordFieldProps> = (props) => {\n  const {\n    autoComplete,\n    field,\n    field: {\n      admin: { className, description, placeholder, rtl } = {},\n      label,\n      localized,\n      required,\n    } = {} as PasswordFieldProps['field'],\n    inputRef,\n    path,\n    validate,\n  } = props\n\n  const { t } = useTranslation()\n  const locale = useLocale()\n  const { config } = useConfig()\n\n  const memoizedValidate: PasswordFieldValidation = useCallback(\n    (value, options) => {\n      const pathSegments = path ? path.split('.') : []\n\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n\n      return password(value, {\n        name: 'password',\n        type: 'text',\n        blockData: {},\n        data: {},\n        event: 'onChange',\n        path: pathSegments,\n        preferences: { fields: {} },\n        req: {\n          payload: {\n            config,\n          },\n          t,\n        } as unknown as PayloadRequest,\n        required: true,\n        siblingData: {},\n      })\n    },\n    [validate, config, t, required, path],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    setValue,\n    showError,\n    value,\n  } = useField({\n    path,\n    validate: memoizedValidate,\n  })\n\n  const renderRTL = isFieldRTL({\n    fieldLocalized: false,\n    fieldRTL: rtl,\n    locale,\n    localizationConfig: config.localization || undefined,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <PasswordInput\n      AfterInput={AfterInput}\n      autoComplete={autoComplete}\n      BeforeInput={BeforeInput}\n      className={className}\n      description={description}\n      Description={Description}\n      Error={Error}\n      inputRef={inputRef}\n      Label={Label}\n      label={label}\n      localized={localized}\n      onChange={(e) => {\n        setValue(e.target.value)\n      }}\n      path={path}\n      placeholder={placeholder}\n      readOnly={disabled || isFieldDisabled(field, 'field')}\n      required={required}\n      rtl={renderRTL}\n      showError={showError}\n      style={styles}\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const PasswordField = withCondition(PasswordFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Password/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AASpD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6FtD,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAYpD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0GtD,CAAA"}