@payloadcms/ui 4.0.0-internal.8ba6b5b → 4.0.0-internal.934870d

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","_jsxs","className","filter","Boolean","join","replace","_jsx","disableTable","fieldPath","docs","count","withMessage","parent","joinPath","undefined","CustomComponent","Fallback","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        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      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\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/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, "field" | "customComponents">>;
+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;AAkK7C,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: {\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":[]}

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"}

package/dist/fields/Password/input.js

@@ -8,13 +8,16 @@ import { RenderCustomComponent } from '../../elements/RenderCustomComponent/inde
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
 import { FieldError } from '../../fields/FieldError/index.js';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
+import { useForm } from '../../forms/Form/context.js';
 import { EyeIcon } from '../../icons/Eye/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { generateFieldID } from '../../utilities/generateFieldID.js';
 import { fieldBaseClass } from '../shared/index.js';
 import './index.css';
 const baseClass = 'password';
 export const PasswordInput = props => {
-  const $ = _c(32);
+  const $ = _c(5);
   const {
     AfterInput,
     autoComplete: t0,
@@ -42,10 +45,15 @@ export const PasswordInput = props => {
   } = props;
   const autoComplete = t0 === undefined ? "off" : t0;
   const size = t1 === undefined ? "large" : t1;
+  const {
+    uuid
+  } = useForm();
+  const editDepth = useEditDepth();
   const {
     i18n,
     t
   } = useTranslation();
+  const errorID = showError ? generateFieldID(path, editDepth, uuid, "field-error") : undefined;
   const [showPassword, setShowPassword] = useState(false);
   const t2 = showError && "error";
   const t3 = readOnly && "read-only";
@@ -59,106 +67,76 @@ export const PasswordInput = props => {
   } else {
     t4 = $[3];
   }
-  const t5 = t4.join(" ");
-  let t6;
-  if ($[4] !== AfterInput || $[5] !== BeforeInput || $[6] !== Description || $[7] !== Error || $[8] !== Label || $[9] !== autoComplete || $[10] !== description || $[11] !== i18n || $[12] !== inputRef || $[13] !== label || $[14] !== localized || $[15] !== onChange || $[16] !== onKeyDown || $[17] !== path || $[18] !== placeholder || $[19] !== readOnly || $[20] !== required || $[21] !== rtl || $[22] !== showError || $[23] !== showPassword || $[24] !== size || $[25] !== style || $[26] !== t || $[27] !== t5 || $[28] !== value || $[29] !== width) {
-    let t7;
-    if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = () => setShowPassword(_temp);
-      $[31] = t7;
-    } else {
-      t7 = $[31];
-    }
-    t6 = _jsxs("div", {
-      className: t5,
-      "data-size": size,
-      style: {
-        ...style,
-        width
-      },
+  let t5;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setShowPassword(_temp);
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  return _jsxs("div", {
+    className: t4.join(" "),
+    "data-size": size,
+    style: {
+      ...style,
+      width
+    },
+    children: [_jsx(RenderCustomComponent, {
+      CustomComponent: Label,
+      Fallback: _jsx(FieldLabel, {
+        hasRequiredAccessibleState: true,
+        label,
+        localized,
+        path,
+        required
+      })
+    }), _jsxs("div", {
+      className: `${fieldBaseClass}__wrap`,
       children: [_jsx(RenderCustomComponent, {
-        CustomComponent: Label,
-        Fallback: _jsx(FieldLabel, {
-          label,
-          localized,
+        CustomComponent: Error,
+        Fallback: _jsx(FieldError, {
           path,
-          required
+          showError
         })
       }), _jsxs("div", {
-        className: `${fieldBaseClass}__wrap`,
-        children: [_jsx(RenderCustomComponent, {
-          CustomComponent: Error,
-          Fallback: _jsx(FieldError, {
-            path,
-            showError
-          })
-        }), _jsxs("div", {
-          className: "password__input-wrap",
-          children: [BeforeInput, _jsx("input", {
-            "aria-label": getTranslation(label, i18n),
-            autoComplete,
-            className: "form-input",
-            "data-rtl": rtl,
-            disabled: readOnly,
-            id: `field-${path.replace(/\./g, "__")}`,
-            name: path,
-            onChange,
-            onKeyDown,
-            placeholder: getTranslation(placeholder, i18n),
-            ref: inputRef,
-            type: showPassword ? "text" : "password",
-            value: value || ""
-          }), _jsx("button", {
-            "aria-label": t(showPassword ? "fields:hidePassword" : "fields:showPassword"),
-            className: "password__toggle-button",
-            disabled: readOnly,
-            onClick: t7,
-            type: "button",
-            children: _jsx(EyeIcon, {
-              active: showPassword,
-              size: 24
-            })
-          }), AfterInput]
-        }), _jsx(RenderCustomComponent, {
-          CustomComponent: Description,
-          Fallback: _jsx(FieldDescription, {
-            description,
-            path
+        className: "password__input-wrap",
+        children: [BeforeInput, _jsx("input", {
+          "aria-describedby": errorID,
+          "aria-invalid": showError || undefined,
+          "aria-label": getTranslation(label, i18n),
+          "aria-required": required || undefined,
+          autoComplete,
+          className: "form-input",
+          "data-rtl": rtl,
+          disabled: readOnly,
+          id: `field-${path.replace(/\./g, "__")}`,
+          name: path,
+          onChange,
+          onKeyDown,
+          placeholder: getTranslation(placeholder, i18n),
+          ref: inputRef,
+          type: showPassword ? "text" : "password",
+          value: value || ""
+        }), _jsx("button", {
+          "aria-label": t(showPassword ? "fields:hidePassword" : "fields:showPassword"),
+          className: "password__toggle-button",
+          disabled: readOnly,
+          onClick: t5,
+          type: "button",
+          children: _jsx(EyeIcon, {
+            active: showPassword,
+            size: 24
           })
-        })]
+        }), AfterInput]
+      }), _jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: _jsx(FieldDescription, {
+          description,
+          path
+        })
       })]
-    });
-    $[4] = AfterInput;
-    $[5] = BeforeInput;
-    $[6] = Description;
-    $[7] = Error;
-    $[8] = Label;
-    $[9] = autoComplete;
-    $[10] = description;
-    $[11] = i18n;
-    $[12] = inputRef;
-    $[13] = label;
-    $[14] = localized;
-    $[15] = onChange;
-    $[16] = onKeyDown;
-    $[17] = path;
-    $[18] = placeholder;
-    $[19] = readOnly;
-    $[20] = required;
-    $[21] = rtl;
-    $[22] = showError;
-    $[23] = showPassword;
-    $[24] = size;
-    $[25] = style;
-    $[26] = t;
-    $[27] = t5;
-    $[28] = value;
-    $[29] = width;
-    $[30] = t6;
-  } else {
-    t6 = $[30];
-  }
-  return t6;
+    })]
+  });
 };
 function _temp(prev) {
   return !prev;

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["c","_c","getTranslation","React","useState","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","EyeIcon","useTranslation","fieldBaseClass","baseClass","PasswordInput","props","$","AfterInput","autoComplete","t0","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","size","t1","style","value","width","undefined","i18n","t","showPassword","setShowPassword","t2","t3","t4","filter","Boolean","t5","join","t6","t7","Symbol","for","_temp","_jsxs","children","_jsx","CustomComponent","Fallback","disabled","id","replace","name","ref","type","onClick","active","prev"],"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useState } from 'react'\n\nimport type { PasswordInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'password'\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n  const {\n    AfterInput,\n    autoComplete = 'off',\n    BeforeInput,\n    className,\n    description,\n    Description,\n    Error,\n    inputRef,\n    Label,\n    label,\n    localized,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    size = 'large',\n    style,\n    value,\n    width,\n  } = props\n\n  const { i18n, t } = useTranslation()\n  const [showPassword, setShowPassword] = useState(false)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      data-size={size}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        <div className=\"password__input-wrap\">\n          {BeforeInput}\n          <input\n            aria-label={getTranslation(label, i18n)}\n            autoComplete={autoComplete}\n            className=\"form-input\"\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={getTranslation(placeholder, i18n)}\n            ref={inputRef}\n            type={showPassword ? 'text' : 'password'}\n            value={value || ''}\n          />\n          <button\n            aria-label={t(showPassword ? 'fields:hidePassword' : 'fields:showPassword')}\n            className=\"password__toggle-button\"\n            disabled={readOnly}\n            onClick={() => setShowPassword((prev) => !prev)}\n            type=\"button\"\n          >\n            <EyeIcon active={showPassword} size={24} />\n          </button>\n          {AfterInput}\n        </div>\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","React","useState","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","EyeIcon","useEditDepth","useTranslation","generateFieldID","fieldBaseClass","baseClass","PasswordInput","props","$","AfterInput","autoComplete","t0","BeforeInput","className","description","Description","Error","inputRef","Label","label","localized","onChange","onKeyDown","path","placeholder","readOnly","required","rtl","showError","size","t1","style","value","width","undefined","uuid","editDepth","i18n","t","errorID","showPassword","setShowPassword","t2","t3","t4","filter","Boolean","t5","Symbol","for","_temp","_jsxs","join","children","_jsx","CustomComponent","Fallback","hasRequiredAccessibleState","disabled","id","replace","name","ref","type","onClick","active","prev"],"sources":["../../../src/fields/Password/input.tsx"],"sourcesContent":["'use client'\nimport type { ChangeEvent } from 'react'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useState } from 'react'\n\nimport type { PasswordInputProps } from './types.js'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { EyeIcon } from '../../icons/Eye/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst baseClass = 'password'\n\nexport const PasswordInput: React.FC<PasswordInputProps> = (props) => {\n  const {\n    AfterInput,\n    autoComplete = 'off',\n    BeforeInput,\n    className,\n    description,\n    Description,\n    Error,\n    inputRef,\n    Label,\n    label,\n    localized,\n    onChange,\n    onKeyDown,\n    path,\n    placeholder,\n    readOnly,\n    required,\n    rtl,\n    showError,\n    size = 'large',\n    style,\n    value,\n    width,\n  } = props\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n  const { i18n, t } = useTranslation()\n  const errorID = showError ? generateFieldID(path, editDepth, uuid, 'field-error') : undefined\n\n  const [showPassword, setShowPassword] = useState(false)\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && 'read-only',\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      data-size={size}\n      style={{\n        ...style,\n        width,\n      }}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel\n            hasRequiredAccessibleState\n            label={label}\n            localized={localized}\n            path={path}\n            required={required}\n          />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        <div className=\"password__input-wrap\">\n          {BeforeInput}\n          <input\n            aria-describedby={errorID}\n            aria-invalid={showError || undefined}\n            aria-label={getTranslation(label, i18n)}\n            aria-required={required || undefined}\n            autoComplete={autoComplete}\n            className=\"form-input\"\n            data-rtl={rtl}\n            disabled={readOnly}\n            id={`field-${path.replace(/\\./g, '__')}`}\n            name={path}\n            onChange={onChange as (e: ChangeEvent<HTMLInputElement>) => void}\n            onKeyDown={onKeyDown}\n            placeholder={getTranslation(placeholder, i18n)}\n            ref={inputRef}\n            type={showPassword ? 'text' : 'password'}\n            value={value || ''}\n          />\n          <button\n            aria-label={t(showPassword ? 'fields:hidePassword' : 'fields:showPassword')}\n            className=\"password__toggle-button\"\n            disabled={readOnly}\n            onClick={() => setShowPassword((prev) => !prev)}\n            type=\"button\"\n          >\n            <EyeIcon active={showPassword} size={24} />\n          </button>\n          {AfterInput}\n        </div>\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/types.d.ts

@@ -1,9 +1,9 @@
-import type { FieldBaseClient, PasswordFieldValidation, StaticDescription, TextFieldClient } from 'payload';
+import type { BrowserAutoComplete, FieldBaseClient, PasswordFieldValidation, StaticDescription, TextFieldClient } from 'payload';
 import type { ChangeEvent, CSSProperties } from 'react';
 import type React from 'react';
 import type { MarkOptional } from 'ts-essentials';
 export type PasswordFieldProps = {
-    readonly autoComplete?: string;
+    readonly autoComplete?: BrowserAutoComplete;
     readonly field: MarkOptional<TextFieldClient, 'type'>;
     /**
      * @default ''
@@ -30,7 +30,7 @@ export type PasswordFieldProps = {
 };
 export type PasswordInputProps = {
     readonly AfterInput?: React.ReactNode;
-    readonly autoComplete?: string;
+    readonly autoComplete?: BrowserAutoComplete;
     readonly BeforeInput?: React.ReactNode;
     readonly className?: string;
     readonly description?: StaticDescription;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/fields/Password/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Password/types.ts"],"sourcesContent":["import type {\n  FieldBaseClient,\n  PasswordFieldValidation,\n  StaticDescription,\n  TextFieldClient,\n} from 'payload'\nimport type { ChangeEvent, CSSProperties } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nexport type PasswordFieldProps = {\n  readonly autoComplete?: string\n  readonly field: MarkOptional<TextFieldClient, 'type'>\n  /**\n   * @default ''\n   */\n  readonly indexPath?: string\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  /**\n   * @default ''\n   */\n  readonly parentPath?: string\n  /**\n   * @default ''\n   */\n  readonly parentSchemaPath?: string\n  /**\n   * @default field.name\n   */\n  readonly path: string\n  /**\n   * @default field.name\n   */\n  readonly schemaPath?: string\n  readonly validate?: PasswordFieldValidation\n}\n\nexport type PasswordInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly autoComplete?: string\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly Description?: React.ReactNode\n  readonly Error?: React.ReactNode\n  readonly field?: MarkOptional<TextFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly Label?: React.ReactNode\n  readonly label: FieldBaseClient['label']\n  readonly localized?: boolean\n  readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: Record<string, string> | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  /**\n   * Controls the height of the input. Defaults to `'large'`.\n   */\n  readonly size?: 'large' | 'medium'\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly width?: CSSProperties['width']\n}\n"],"mappings":"AAqCA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/fields/Password/types.ts"],"sourcesContent":["import type {\n  BrowserAutoComplete,\n  FieldBaseClient,\n  PasswordFieldValidation,\n  StaticDescription,\n  TextFieldClient,\n} from 'payload'\nimport type { ChangeEvent, CSSProperties } from 'react'\nimport type React from 'react'\nimport type { MarkOptional } from 'ts-essentials'\n\nexport type PasswordFieldProps = {\n  readonly autoComplete?: BrowserAutoComplete\n  readonly field: MarkOptional<TextFieldClient, 'type'>\n  /**\n   * @default ''\n   */\n  readonly indexPath?: string\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  /**\n   * @default ''\n   */\n  readonly parentPath?: string\n  /**\n   * @default ''\n   */\n  readonly parentSchemaPath?: string\n  /**\n   * @default field.name\n   */\n  readonly path: string\n  /**\n   * @default field.name\n   */\n  readonly schemaPath?: string\n  readonly validate?: PasswordFieldValidation\n}\n\nexport type PasswordInputProps = {\n  readonly AfterInput?: React.ReactNode\n  readonly autoComplete?: BrowserAutoComplete\n  readonly BeforeInput?: React.ReactNode\n  readonly className?: string\n  readonly description?: StaticDescription\n  readonly Description?: React.ReactNode\n  readonly Error?: React.ReactNode\n  readonly field?: MarkOptional<TextFieldClient, 'type'>\n  readonly inputRef?: React.RefObject<HTMLInputElement>\n  readonly Label?: React.ReactNode\n  readonly label: FieldBaseClient['label']\n  readonly localized?: boolean\n  readonly onChange?: (e: ChangeEvent<HTMLInputElement>) => void\n  readonly onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  readonly path: string\n  readonly placeholder?: Record<string, string> | string\n  readonly readOnly?: boolean\n  readonly required?: boolean\n  readonly rtl?: boolean\n  readonly showError?: boolean\n  /**\n   * Controls the height of the input. Defaults to `'large'`.\n   */\n  readonly size?: 'large' | 'medium'\n  readonly style?: React.CSSProperties\n  readonly value?: string\n  readonly width?: CSSProperties['width']\n}\n"],"mappings":"AAsCA","ignoreList":[]}

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

@@ -1,11 +1,6 @@
-import type { PointFieldClientComponent, PointFieldValidation } from 'payload';
+import type { PointFieldClientProps } from 'payload';
 import React from 'react';
 import './index.css';
-export declare const PointFieldComponent: PointFieldClientComponent;
-export declare const PointField: React.FC<{
-    readonly path: string;
-    readonly validate?: PointFieldValidation;
-} & {
-    readonly field: Omit<import("payload").PointFieldClient, "type"> & Partial<Pick<import("payload").PointFieldClient, "type">>;
-} & Omit<import("payload").ClientComponentProps, "field" | "customComponents">>;
+export declare const PointFieldComponent: React.FC<PointFieldClientProps>;
+export declare const PointField: React.FC<PointFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Point/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAG9E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAWnD,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,mBAAmB,EAAE,yBAyKjC,CAAA;AAED,eAAO,MAAM,UAAU;;;;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Point/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAG1E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAcnD,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiL/D,CAAA;AAED,eAAO,MAAM,UAAU,iCAAqC,CAAA"}

package/dist/fields/Point/index.js

@@ -8,9 +8,12 @@ import { RenderCustomComponent } from '../../elements/RenderCustomComponent/inde
 import { FieldDescription } from '../../fields/FieldDescription/index.js';
 import { FieldError } from '../../fields/FieldError/index.js';
 import { FieldLabel } from '../../fields/FieldLabel/index.js';
+import { useForm } from '../../forms/Form/context.js';
 import { useField } from '../../forms/useField/index.js';
 import { withCondition } from '../../forms/withCondition/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
+import { generateFieldID } from '../../utilities/generateFieldID.js';
 import { mergeFieldStyles } from '../mergeFieldStyles.js';
 import './index.css';
 import { fieldBaseClass } from '../shared/index.js';
@@ -33,6 +36,10 @@ export const PointFieldComponent = props => {
     readOnly,
     validate
   } = props;
+  const {
+    uuid
+  } = useForm();
+  const editDepth = useEditDepth();
   const {
     i18n,
     t
@@ -97,6 +104,8 @@ export const PointFieldComponent = props => {
         children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
           CustomComponent: Label,
           Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            hasRequiredAccessibleState: true,
+            htmlFor: generateFieldID(path, editDepth, uuid, 'field-longitude'),
             label: getCoordinateFieldLabel('longitude'),
             localized: localized,
             path: path,
@@ -105,9 +114,10 @@ export const PointFieldComponent = props => {
         }), BeforeInput, /*#__PURE__*/_jsxs("div", {
           className: "form-input-group",
           children: [/*#__PURE__*/_jsx("input", {
+            "aria-required": required || undefined,
             className: "form-input",
             disabled: readOnly || disabled,
-            id: `field-longitude-${path?.replace(/\./g, '__')}`,
+            id: generateFieldID(path, editDepth, uuid, 'field-longitude'),
             name: `${path}.longitude`,
             onChange: e_0 => handleChange(e_0, 0),
             placeholder: getTranslation(placeholder, i18n),
@@ -124,6 +134,8 @@ export const PointFieldComponent = props => {
         children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
           CustomComponent: Label,
           Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+            hasRequiredAccessibleState: true,
+            htmlFor: generateFieldID(path, editDepth, uuid, 'field-latitude'),
             label: getCoordinateFieldLabel('latitude'),
             localized: localized,
             path: path,
@@ -138,9 +150,10 @@ export const PointFieldComponent = props => {
               showError: showError
             })
           }), BeforeInput, /*#__PURE__*/_jsx("input", {
+            "aria-required": required || undefined,
             className: "form-input",
             disabled: readOnly || disabled,
-            id: `field-latitude-${path?.replace(/\./g, '__')}`,
+            id: generateFieldID(path, editDepth, uuid, 'field-latitude'),
             name: `${path}.latitude`,
             onChange: e_1 => handleChange(e_1, 1),
             placeholder: getTranslation(placeholder, i18n),

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","InputStepper","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useField","withCondition","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","PointFieldComponent","props","field","admin","className","description","placeholder","step","label","localized","required","path","pathFromProps","readOnly","validate","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","handleStep","direction","stepValue","currentValue","newValue","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","onDecrement","onIncrement","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientComponent, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/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 { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: PointFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, step } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate: PointFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e, index: 0 | 1) => {\n      let val = parseFloat(e.target.value)\n      if (Number.isNaN(val)) {\n        val = e.target.value\n      }\n      const coordinates = [...value]\n      coordinates[index] = val\n      setValue(coordinates)\n    },\n    [setValue, value],\n  )\n\n  const handleStep = useCallback(\n    (index: 0 | 1, direction: 'down' | 'up') => {\n      if (readOnly || disabled) {\n        return\n      }\n      const stepValue = step ?? 1\n      const currentValue = typeof value[index] === 'number' ? value[index] : 0\n      const newValue = direction === 'up' ? currentValue + stepValue : currentValue - stepValue\n      const coordinates = [...value]\n      coordinates[index] = newValue\n      setValue(coordinates)\n    },\n    [disabled, readOnly, setValue, step, value],\n  )\n\n  const getCoordinateFieldLabel = (type: 'latitude' | 'longitude') => {\n    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude')\n    const fieldLabel = label ? getTranslation(label, i18n) : ''\n\n    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`\n  }\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      <ul className={`${baseClass}__wrap`}>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('longitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          {BeforeInput}\n          <div className=\"form-input-group\">\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              className=\"form-input\"\n              disabled={readOnly || disabled}\n              id={`field-longitude-${path?.replace(/\\./g, '__')}`}\n              name={`${path}.longitude`}\n              onChange={(e) => handleChange(e, 0)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[0] === 'number' ? value[0] : ''}\n            />\n            <InputStepper\n              disabled={readOnly || disabled}\n              onDecrement={() => handleStep(0, 'down')}\n              onIncrement={() => handleStep(0, 'up')}\n            />\n          </div>\n          {AfterInput}\n        </li>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                label={getCoordinateFieldLabel('latitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"form-input-group\">\n            <RenderCustomComponent\n              CustomComponent={Error}\n              Fallback={<FieldError path={path} showError={showError} />}\n            />\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              className=\"form-input\"\n              disabled={readOnly || disabled}\n              id={`field-latitude-${path?.replace(/\\./g, '__')}`}\n              name={`${path}.latitude`}\n              onChange={(e) => handleChange(e, 1)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[1] === 'number' ? value[1] : ''}\n            />\n            <InputStepper\n              disabled={readOnly || disabled}\n              onDecrement={() => handleStep(1, 'down')}\n              onIncrement={() => handleStep(1, 'up')}\n            />\n          </div>\n          {AfterInput}\n        </li>\n      </ul>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","InputStepper","RenderCustomComponent","FieldDescription","FieldError","FieldLabel","useForm","useField","withCondition","useEditDepth","useTranslation","generateFieldID","mergeFieldStyles","fieldBaseClass","baseClass","PointFieldComponent","props","field","admin","className","description","placeholder","step","label","localized","required","path","pathFromProps","readOnly","validate","uuid","editDepth","i18n","t","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","handleChange","e","index","val","parseFloat","target","Number","isNaN","coordinates","handleStep","direction","stepValue","currentValue","newValue","getCoordinateFieldLabel","type","suffix","fieldLabel","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","hasRequiredAccessibleState","htmlFor","undefined","id","name","onChange","onDecrement","onIncrement","PointField"],"sources":["../../../src/fields/Point/index.tsx"],"sourcesContent":["'use client'\nimport type { PointFieldClientProps, PointFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { InputStepper } from '../../elements/InputStepper/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useForm } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.css'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'point'\n\nexport const PointFieldComponent: React.FC<PointFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description, placeholder, step } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n  const { i18n, t } = useTranslation()\n\n  const memoizedValidate: PointFieldValidation = useCallback(\n    (value, options) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...options, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value = [null, null],\n  } = useField<[number, number]>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const handleChange = useCallback(\n    (e, index: 0 | 1) => {\n      let val = parseFloat(e.target.value)\n      if (Number.isNaN(val)) {\n        val = e.target.value\n      }\n      const coordinates = [...value]\n      coordinates[index] = val\n      setValue(coordinates)\n    },\n    [setValue, value],\n  )\n\n  const handleStep = useCallback(\n    (index: 0 | 1, direction: 'down' | 'up') => {\n      if (readOnly || disabled) {\n        return\n      }\n      const stepValue = step ?? 1\n      const currentValue = typeof value[index] === 'number' ? value[index] : 0\n      const newValue = direction === 'up' ? currentValue + stepValue : currentValue - stepValue\n      const coordinates = [...value]\n      coordinates[index] = newValue\n      setValue(coordinates)\n    },\n    [disabled, readOnly, setValue, step, value],\n  )\n\n  const getCoordinateFieldLabel = (type: 'latitude' | 'longitude') => {\n    const suffix = type === 'longitude' ? t('fields:longitude') : t('fields:latitude')\n    const fieldLabel = label ? getTranslation(label, i18n) : ''\n\n    return `${fieldLabel}${fieldLabel ? ' - ' : ''}${suffix}`\n  }\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      <ul className={`${baseClass}__wrap`}>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                hasRequiredAccessibleState\n                htmlFor={generateFieldID(path, editDepth, uuid, 'field-longitude')}\n                label={getCoordinateFieldLabel('longitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          {BeforeInput}\n          <div className=\"form-input-group\">\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              aria-required={required || undefined}\n              className=\"form-input\"\n              disabled={readOnly || disabled}\n              id={generateFieldID(path, editDepth, uuid, 'field-longitude')}\n              name={`${path}.longitude`}\n              onChange={(e) => handleChange(e, 0)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[0] === 'number' ? value[0] : ''}\n            />\n            <InputStepper\n              disabled={readOnly || disabled}\n              onDecrement={() => handleStep(0, 'down')}\n              onIncrement={() => handleStep(0, 'up')}\n            />\n          </div>\n          {AfterInput}\n        </li>\n        <li>\n          <RenderCustomComponent\n            CustomComponent={Label}\n            Fallback={\n              <FieldLabel\n                hasRequiredAccessibleState\n                htmlFor={generateFieldID(path, editDepth, uuid, 'field-latitude')}\n                label={getCoordinateFieldLabel('latitude')}\n                localized={localized}\n                path={path}\n                required={required}\n              />\n            }\n          />\n          <div className=\"form-input-group\">\n            <RenderCustomComponent\n              CustomComponent={Error}\n              Fallback={<FieldError path={path} showError={showError} />}\n            />\n            {BeforeInput}\n            {/* disable eslint rule because the label is dynamic */}\n            {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n            <input\n              aria-required={required || undefined}\n              className=\"form-input\"\n              disabled={readOnly || disabled}\n              id={generateFieldID(path, editDepth, uuid, 'field-latitude')}\n              name={`${path}.latitude`}\n              onChange={(e) => handleChange(e, 1)}\n              placeholder={getTranslation(placeholder, i18n)}\n              step={step}\n              type=\"number\"\n              value={value && typeof value[1] === 'number' ? value[1] : ''}\n            />\n            <InputStepper\n              disabled={readOnly || disabled}\n              onDecrement={() => handleStep(1, 'down')}\n              onIncrement={() => handleStep(1, 'up')}\n            />\n          </div>\n          {AfterInput}\n        </li>\n      </ul>\n      <RenderCustomComponent\n        CustomComponent={Description}\n        Fallback={<FieldDescription description={description} path={path} />}\n      />\n    </div>\n  )\n}\n\nexport const PointField = withCondition(PointFieldComponent)\n"],"mappings":"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","ignoreList":[]}