@payloadcms/ui 4.0.0-internal.cc18726 → 4.0.0-internal.cd47d20

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TZDateMini","TZDate","getTranslation","transpose","useCallback","useMemo","DatePickerField","RenderCustomComponent","TimezonePicker","FieldDescription","FieldError","FieldLabel","useForm","useFormFields","useField","withCondition","useConfig","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","DateTimeFieldComponent","props","field","admin","className","date","datePickerProps","description","placeholder","label","localized","required","timezone","path","pathFromProps","readOnly","validate","pickerAppearance","userTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","config","i18n","dispatchFields","setModified","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","timezonePath","timezoneField","fields","_","supportedTimezones","timezones","isDateOnly","includes","selectedTimezone","timezoneRequired","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","styles","onChange","incomingDate","TZDateWithSelectedTz","incomingOffset","getTimezoneOffset","originalHour","getHours","setHours","dateToSelectedTz","dateToUserTz","onChangeTimezone","type","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","overrides","length","DateTimeField"],"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClientComponent, DateFieldValidation } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { getTranslation } from '@payloadcms/translations'\nimport { transpose } from 'date-fns'\nimport { useCallback, useMemo } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { TimezonePicker } from '../../elements/TimezonePicker/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, useFormFields } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport './index.css'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'date-time-field'\n\nconst DateTimeFieldComponent: DateFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, date: datePickerProps, description, placeholder } = {},\n      label,\n      localized,\n      required,\n      timezone,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const pickerAppearance = datePickerProps?.pickerAppearance || 'default'\n\n  // Get the user timezone so we can adjust the displayed value against it\n  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\n\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const { dispatchFields, setModified } = useForm()\n\n  const memoizedValidate: DateFieldValidation = 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,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const timezonePath = path + '_tz'\n  const timezoneField = useFormFields(([fields, _]) => fields?.[timezonePath])\n\n  const supportedTimezones = useMemo(() => {\n    if (timezone && typeof timezone === 'object' && timezone.supportedTimezones) {\n      return timezone.supportedTimezones\n    }\n\n    return config.admin.timezones.supportedTimezones\n  }, [config.admin.timezones.supportedTimezones, timezone])\n\n  /**\n   * Date appearance doesn't include timestamps,\n   * which means we need to pin the time to always 12:00 for the selected date\n   */\n  const isDateOnly = ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)\n  const selectedTimezone = timezoneField?.value as string\n  const timezoneRequired =\n    required || (timezone && typeof timezone === 'object' && timezone.required)\n\n  // The displayed value should be the original value, adjusted to the user's timezone\n  const displayedValue = useMemo(() => {\n    if (timezone && selectedTimezone && userTimezone && value) {\n      // Create TZDate instances for the selected timezone and the user's timezone\n      // These instances allow us to transpose the date between timezones while keeping the same time value\n      const DateWithOriginalTz = TZDate.tz(selectedTimezone)\n      const DateWithUserTz = TZDate.tz(userTimezone)\n\n      const modifiedDate = new TZDate(value).withTimeZone(selectedTimezone)\n\n      // Transpose the date to the selected timezone\n      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz)\n\n      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone\n      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz)\n\n      return dateWithUserTimezone.toISOString()\n    }\n\n    return value\n  }, [timezone, selectedTimezone, value, userTimezone])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const onChange = useCallback(\n    (incomingDate: Date) => {\n      if (!(readOnly || disabled)) {\n        if (timezone && selectedTimezone && incomingDate) {\n          // Create TZDate instances for the selected timezone\n          const TZDateWithSelectedTz = TZDate.tz(selectedTimezone)\n\n          if (isDateOnly) {\n            // We need to offset this hardcoded hour offset from the DatePicker elemenent\n            // this can be removed in 4.0 when we remove the hardcoded offset as it is a breaking change\n            // const tzOffset = incomingDate.getTimezoneOffset() / 60\n            const incomingOffset = incomingDate.getTimezoneOffset() / 60\n            const originalHour = incomingDate.getHours() + incomingOffset\n            incomingDate.setHours(originalHour)\n\n            // Convert the original date as picked into the desired timezone.\n            const dateToSelectedTz = transpose(incomingDate, TZDateWithSelectedTz)\n\n            setValue(dateToSelectedTz.toISOString() || null)\n          } else {\n            // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor\n            const dateToUserTz = new TZDate(incomingDate)\n            // Transpose the date to the selected timezone\n            const dateWithTimezone = transpose(dateToUserTz, TZDateWithSelectedTz)\n\n            setValue(dateWithTimezone.toISOString() || null)\n          }\n        } else {\n          setValue(incomingDate?.toISOString() || null)\n        }\n      }\n    },\n    [readOnly, disabled, timezone, selectedTimezone, isDateOnly, setValue],\n  )\n\n  const onChangeTimezone = useCallback(\n    (timezone: string) => {\n      if (timezonePath) {\n        dispatchFields({\n          type: 'UPDATE',\n          path: timezonePath,\n          value: timezone,\n        })\n\n        setModified(true)\n      }\n    },\n    [dispatchFields, setModified, timezonePath],\n  )\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-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`} id={`field-${path.replace(/\\./g, '__')}`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={onChange}\n          overrides={{\n            ...datePickerProps?.overrides,\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly || disabled}\n          value={displayedValue}\n        />\n        {timezone && supportedTimezones.length > 0 && (\n          <TimezonePicker\n            id={`${path}-timezone-picker`}\n            onChange={onChangeTimezone}\n            options={supportedTimezones}\n            readOnly={readOnly || disabled}\n            required={timezoneRequired}\n            selectedTimezone={selectedTimezone}\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 DateTimeField = withCondition(DateTimeFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["TZDateMini","TZDate","getTranslation","transpose","React","useCallback","useMemo","DatePickerField","RenderCustomComponent","TimezonePicker","FieldDescription","FieldError","FieldLabel","useForm","useFormFields","useField","withCondition","useConfig","useTranslation","mergeFieldStyles","fieldBaseClass","baseClass","DateTimeFieldComponent","props","field","admin","className","date","datePickerProps","description","placeholder","label","localized","required","timezone","path","pathFromProps","readOnly","validate","pickerAppearance","userTimezone","Intl","DateTimeFormat","resolvedOptions","timeZone","config","i18n","dispatchFields","setModified","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","timezonePath","timezoneField","fields","_","supportedTimezones","timezones","isDateOnly","includes","selectedTimezone","timezoneRequired","displayedValue","DateWithOriginalTz","tz","DateWithUserTz","modifiedDate","withTimeZone","dateWithTimezone","dateWithUserTimezone","toISOString","styles","onChange","incomingDate","TZDateWithSelectedTz","incomingOffset","getTimezoneOffset","originalHour","getHours","setHours","dateToSelectedTz","dateToUserTz","onChangeTimezone","type","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","overrides","length","DateTimeField"],"sources":["../../../src/fields/DateTime/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClientProps, DateFieldValidation } from 'payload'\n\nimport { TZDateMini as TZDate } from '@date-fns/tz/date/mini'\nimport { getTranslation } from '@payloadcms/translations'\nimport { transpose } from 'date-fns'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { DatePickerField } from '../../elements/DatePicker/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { TimezonePicker } from '../../elements/TimezonePicker/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, useFormFields } from '../../forms/Form/context.js'\nimport { useField } from '../../forms/useField/index.js'\nimport './index.css'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\n\nconst baseClass = 'date-time-field'\n\nconst DateTimeFieldComponent: React.FC<DateFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, date: datePickerProps, description, placeholder } = {},\n      label,\n      localized,\n      required,\n      timezone,\n    },\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const pickerAppearance = datePickerProps?.pickerAppearance || 'default'\n\n  // Get the user timezone so we can adjust the displayed value against it\n  const userTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\n\n  const { config } = useConfig()\n  const { i18n } = useTranslation()\n  const { dispatchFields, setModified } = useForm()\n\n  const memoizedValidate: DateFieldValidation = 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,\n  } = useField<string>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const timezonePath = path + '_tz'\n  const timezoneField = useFormFields(([fields, _]) => fields?.[timezonePath])\n\n  const supportedTimezones = useMemo(() => {\n    if (timezone && typeof timezone === 'object' && timezone.supportedTimezones) {\n      return timezone.supportedTimezones\n    }\n\n    return config.admin.timezones.supportedTimezones\n  }, [config.admin.timezones.supportedTimezones, timezone])\n\n  /**\n   * Date appearance doesn't include timestamps,\n   * which means we need to pin the time to always 12:00 for the selected date\n   */\n  const isDateOnly = ['dayOnly', 'default', 'monthOnly'].includes(pickerAppearance)\n  const selectedTimezone = timezoneField?.value as string\n  const timezoneRequired =\n    required || (timezone && typeof timezone === 'object' && timezone.required)\n\n  // The displayed value should be the original value, adjusted to the user's timezone\n  const displayedValue = useMemo(() => {\n    if (timezone && selectedTimezone && userTimezone && value) {\n      // Create TZDate instances for the selected timezone and the user's timezone\n      // These instances allow us to transpose the date between timezones while keeping the same time value\n      const DateWithOriginalTz = TZDate.tz(selectedTimezone)\n      const DateWithUserTz = TZDate.tz(userTimezone)\n\n      const modifiedDate = new TZDate(value).withTimeZone(selectedTimezone)\n\n      // Transpose the date to the selected timezone\n      const dateWithTimezone = transpose(modifiedDate, DateWithOriginalTz)\n\n      // Transpose the date to the user's timezone - this is necessary because the react-datepicker component insists on displaying the date in the user's timezone\n      const dateWithUserTimezone = transpose(dateWithTimezone, DateWithUserTz)\n\n      return dateWithUserTimezone.toISOString()\n    }\n\n    return value\n  }, [timezone, selectedTimezone, value, userTimezone])\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const onChange = useCallback(\n    (incomingDate: Date) => {\n      if (!(readOnly || disabled)) {\n        if (timezone && selectedTimezone && incomingDate) {\n          // Create TZDate instances for the selected timezone\n          const TZDateWithSelectedTz = TZDate.tz(selectedTimezone)\n\n          if (isDateOnly) {\n            // We need to offset this hardcoded hour offset from the DatePicker elemenent\n            // this can be removed in 4.0 when we remove the hardcoded offset as it is a breaking change\n            // const tzOffset = incomingDate.getTimezoneOffset() / 60\n            const incomingOffset = incomingDate.getTimezoneOffset() / 60\n            const originalHour = incomingDate.getHours() + incomingOffset\n            incomingDate.setHours(originalHour)\n\n            // Convert the original date as picked into the desired timezone.\n            const dateToSelectedTz = transpose(incomingDate, TZDateWithSelectedTz)\n\n            setValue(dateToSelectedTz.toISOString() || null)\n          } else {\n            // Creates a TZDate instance for the user's timezone  — this is default behaviour of TZDate as it wraps the Date constructor\n            const dateToUserTz = new TZDate(incomingDate)\n            // Transpose the date to the selected timezone\n            const dateWithTimezone = transpose(dateToUserTz, TZDateWithSelectedTz)\n\n            setValue(dateWithTimezone.toISOString() || null)\n          }\n        } else {\n          setValue(incomingDate?.toISOString() || null)\n        }\n      }\n    },\n    [readOnly, disabled, timezone, selectedTimezone, isDateOnly, setValue],\n  )\n\n  const onChangeTimezone = useCallback(\n    (timezone: string) => {\n      if (timezonePath) {\n        dispatchFields({\n          type: 'UPDATE',\n          path: timezonePath,\n          value: timezone,\n        })\n\n        setModified(true)\n      }\n    },\n    [dispatchFields, setModified, timezonePath],\n  )\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && `${baseClass}--has-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`} id={`field-${path.replace(/\\./g, '__')}`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <DatePickerField\n          {...datePickerProps}\n          onChange={onChange}\n          overrides={{\n            ...datePickerProps?.overrides,\n          }}\n          placeholder={getTranslation(placeholder, i18n)}\n          readOnly={readOnly || disabled}\n          value={displayedValue}\n        />\n        {timezone && supportedTimezones.length > 0 && (\n          <TimezonePicker\n            id={`${path}-timezone-picker`}\n            onChange={onChangeTimezone}\n            options={supportedTimezones}\n            readOnly={readOnly || disabled}\n            required={timezoneRequired}\n            selectedTimezone={selectedTimezone}\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 DateTimeField = withCondition(DateTimeFieldComponent)\n"],"mappings":"AAAA;;;AAGA,SAASA,UAAA,IAAcC,MAAM,QAAQ;AACrC,SAASC,cAAc,QAAQ;AAC/B,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,eAAe,QAAQ;AAChC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,UAAU,QAAQ;AAC3B,SAASC,OAAO,EAAEC,aAAa,QAAQ;AACvC,SAASC,QAAQ,QAAQ;AACzB,OAAO;AACP,SAASC,aAAa,QAAQ;AAC9B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,MAAMC,sBAAA,GAA0DC,KAAA;EAC9D,MAAM;IACJC,KAAK;IACLA,KAAA,EAAO;MACLC,KAAA,EAAO;QAAEC,SAAS;QAAEC,IAAA,EAAMC,eAAe;QAAEC,WAAW;QAAEC;MAAW,CAAE,GAAG,CAAC,CAAC;MAC1EC,KAAK;MACLC,SAAS;MACTC,QAAQ;MACRC;IAAQ,CACT;IACDC,IAAA,EAAMC,aAAa;IACnBC,QAAQ;IACRC;EAAQ,CACT,GAAGf,KAAA;EAEJ,MAAMgB,gBAAA,GAAmBX,eAAA,EAAiBW,gBAAA,IAAoB;EAE9D;EACA,MAAMC,YAAA,GAAeC,IAAA,CAAKC,cAAc,GAAGC,eAAe,GAAGC,QAAQ;EAErE,MAAM;IAAEC;EAAM,CAAE,GAAG5B,SAAA;EACnB,MAAM;IAAE6B;EAAI,CAAE,GAAG5B,cAAA;EACjB,MAAM;IAAE6B,cAAc;IAAEC;EAAW,CAAE,GAAGnC,OAAA;EAExC,MAAMoC,gBAAA,GAAwC5C,WAAA,CAC5C,CAAC6C,KAAA,EAAOC,OAAA;IACN,IAAI,OAAOb,QAAA,KAAa,YAAY;MAClC,OAAOA,QAAA,CAASY,KAAA,EAAO;QAAE,GAAGC,OAAO;QAAElB;MAAS;IAChD;EACF,GACA,CAACK,QAAA,EAAUL,QAAA,CAAS;EAGtB,MAAM;IACJmB,gBAAA,EAAkB;MAAEC,UAAU;MAAEC,WAAW;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAK,CAAE,GAAG,CAAC,CAAC;IAC7EC,QAAQ;IACRvB,IAAI;IACJwB,QAAQ;IACRC,SAAS;IACTV,KAAK,EAALA;EAAK,CACN,GAAGnC,QAAA,CAAiB;IACnB8C,oBAAA,EAAsBzB,aAAA;IACtBE,QAAA,EAAUW;EACZ;EAEA,MAAMa,YAAA,GAAe3B,IAAA,GAAO;EAC5B,MAAM4B,aAAA,GAAgBjD,aAAA,CAAc,CAAC,CAACkD,MAAA,EAAQC,CAAA,CAAE,KAAKD,MAAA,GAASF,YAAA,CAAa;EAE3E,MAAMI,kBAAA,GAAqB5D,OAAA,CAAQ;IACjC,IAAI4B,QAAA,IAAY,OAAOA,QAAA,KAAa,YAAYA,QAAA,CAASgC,kBAAkB,EAAE;MAC3E,OAAOhC,QAAA,CAASgC,kBAAkB;IACpC;IAEA,OAAOrB,MAAA,CAAOpB,KAAK,CAAC0C,SAAS,CAACD,kBAAkB;EAClD,GAAG,CAACrB,MAAA,CAAOpB,KAAK,CAAC0C,SAAS,CAACD,kBAAkB,EAAEhC,QAAA,CAAS;EAExD;;;;EAIA,MAAMkC,UAAA,GAAa,CAAC,WAAW,WAAW,YAAY,CAACC,QAAQ,CAAC9B,gBAAA;EAChE,MAAM+B,gBAAA,GAAmBP,aAAA,EAAeb,KAAA;EACxC,MAAMqB,gBAAA,GACJtC,QAAA,IAAaC,QAAA,IAAY,OAAOA,QAAA,KAAa,YAAYA,QAAA,CAASD,QAAQ;EAE5E;EACA,MAAMuC,cAAA,GAAiBlE,OAAA,CAAQ;IAC7B,IAAI4B,QAAA,IAAYoC,gBAAA,IAAoB9B,YAAA,IAAgBU,OAAA,EAAO;MACzD;MACA;MACA,MAAMuB,kBAAA,GAAqBxE,MAAA,CAAOyE,EAAE,CAACJ,gBAAA;MACrC,MAAMK,cAAA,GAAiB1E,MAAA,CAAOyE,EAAE,CAAClC,YAAA;MAEjC,MAAMoC,YAAA,GAAe,IAAI3E,MAAA,CAAOiD,OAAA,EAAO2B,YAAY,CAACP,gBAAA;MAEpD;MACA,MAAMQ,gBAAA,GAAmB3E,SAAA,CAAUyE,YAAA,EAAcH,kBAAA;MAEjD;MACA,MAAMM,oBAAA,GAAuB5E,SAAA,CAAU2E,gBAAA,EAAkBH,cAAA;MAEzD,OAAOI,oBAAA,CAAqBC,WAAW;IACzC;IAEA,OAAO9B,OAAA;EACT,GAAG,CAAChB,QAAA,EAAUoC,gBAAA,EAAkBpB,OAAA,EAAOV,YAAA,CAAa;EAEpD,MAAMyC,MAAA,GAAS3E,OAAA,CAAQ,MAAMa,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,MAAM0D,QAAA,GAAW7E,WAAA,CACd8E,YAAA;IACC,IAAI,EAAE9C,QAAA,IAAYqB,QAAO,GAAI;MAC3B,IAAIxB,QAAA,IAAYoC,gBAAA,IAAoBa,YAAA,EAAc;QAChD;QACA,MAAMC,oBAAA,GAAuBnF,MAAA,CAAOyE,EAAE,CAACJ,gBAAA;QAEvC,IAAIF,UAAA,EAAY;UACd;UACA;UACA;UACA,MAAMiB,cAAA,GAAiBF,YAAA,CAAaG,iBAAiB,KAAK;UAC1D,MAAMC,YAAA,GAAeJ,YAAA,CAAaK,QAAQ,KAAKH,cAAA;UAC/CF,YAAA,CAAaM,QAAQ,CAACF,YAAA;UAEtB;UACA,MAAMG,gBAAA,GAAmBvF,SAAA,CAAUgF,YAAA,EAAcC,oBAAA;UAEjDzB,QAAA,CAAS+B,gBAAA,CAAiBV,WAAW,MAAM;QAC7C,OAAO;UACL;UACA,MAAMW,YAAA,GAAe,IAAI1F,MAAA,CAAOkF,YAAA;UAChC;UACA,MAAML,kBAAA,GAAmB3E,SAAA,CAAUwF,YAAA,EAAcP,oBAAA;UAEjDzB,QAAA,CAASmB,kBAAA,CAAiBE,WAAW,MAAM;QAC7C;MACF,OAAO;QACLrB,QAAA,CAASwB,YAAA,EAAcH,WAAA,MAAiB;MAC1C;IACF;EACF,GACA,CAAC3C,QAAA,EAAUqB,QAAA,EAAUxB,QAAA,EAAUoC,gBAAA,EAAkBF,UAAA,EAAYT,QAAA,CAAS;EAGxE,MAAMiC,gBAAA,GAAmBvF,WAAA,CACtB6B,UAAA;IACC,IAAI4B,YAAA,EAAc;MAChBf,cAAA,CAAe;QACb8C,IAAA,EAAM;QACN1D,IAAA,EAAM2B,YAAA;QACNZ,KAAA,EAAOhB;MACT;MAEAc,WAAA,CAAY;IACd;EACF,GACA,CAACD,cAAA,EAAgBC,WAAA,EAAac,YAAA,CAAa;EAG7C,oBACEgC,KAAA,CAAC;IACCpE,SAAA,EAAW,CACTN,cAAA,EACAC,SAAA,EACAK,SAAA,EACAkC,SAAA,IAAa,GAAGvC,SAAA,aAAsB,EACrC,CAAAgB,QAAA,IAAYqB,QAAO,KAAM,YAC3B,CACEqC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRC,KAAA,EAAOjB,MAAA;4BAEPkB,IAAA,CAAC3F,qBAAA;MACC4F,eAAA,EAAiB3C,KAAA;MACjB4C,QAAA,eACEF,IAAA,CAACvF,UAAA;QAAWmB,KAAA,EAAOA,KAAA;QAAOC,SAAA,EAAWA,SAAA;QAAWG,IAAA,EAAMA,IAAA;QAAMF,QAAA,EAAUA;;qBAG1E6D,KAAA,CAAC;MAAIpE,SAAA,EAAW,GAAGN,cAAA,QAAsB;MAAEkF,EAAA,EAAI,SAASnE,IAAA,CAAKoE,OAAO,CAAC,OAAO,OAAO;8BACjFJ,IAAA,CAAC3F,qBAAA;QACC4F,eAAA,EAAiB5C,KAAA;QACjB6C,QAAA,eAAUF,IAAA,CAACxF,UAAA;UAAWwB,IAAA,EAAMA,IAAA;UAAMyB,SAAA,EAAWA;;UAE9CN,WAAA,E,aACD6C,IAAA,CAAC5F,eAAA;QACE,GAAGqB,eAAe;QACnBsD,QAAA,EAAUA,QAAA;QACVsB,SAAA,EAAW;UACT,GAAG5E,eAAA,EAAiB4E;QACtB;QACA1E,WAAA,EAAa5B,cAAA,CAAe4B,WAAA,EAAagB,IAAA;QACzCT,QAAA,EAAUA,QAAA,IAAYqB,QAAA;QACtBR,KAAA,EAAOsB;UAERtC,QAAA,IAAYgC,kBAAA,CAAmBuC,MAAM,GAAG,kBACvCN,IAAA,CAAC1F,cAAA;QACC6F,EAAA,EAAI,GAAGnE,IAAA,kBAAsB;QAC7B+C,QAAA,EAAUU,gBAAA;QACVzC,OAAA,EAASe,kBAAA;QACT7B,QAAA,EAAUA,QAAA,IAAYqB,QAAA;QACtBzB,QAAA,EAAUsC,gBAAA;QACVD,gBAAA,EAAkBA;UAGrBjB,UAAA;qBAEH8C,IAAA,CAAC3F,qBAAA;MACC4F,eAAA,EAAiB7C,WAAA;MACjB8C,QAAA,eAAUF,IAAA,CAACzF,gBAAA;QAAiBmB,WAAA,EAAaA,WAAA;QAAaM,IAAA,EAAMA;;;;AAIpE;AAEA,OAAO,MAAMuE,aAAA,GAAgB1F,aAAA,CAAcM,sBAAA","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAA+B,MAAM,OAAO,CAAA;AAWnD,OAAO,aAAa,CAAA;AA+FpB,eAAO,MAAM,UAAU;;;;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Email/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAwB,MAAM,SAAS,CAAA;AAG1E,OAAO,KAA+B,MAAM,OAAO,CAAA;AAWnD,OAAO,aAAa,CAAA;AA+FpB,eAAO,MAAM,UAAU,iCAAqC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","mergeFieldStyles","fieldBaseClass","EmailFieldComponent","props","field","admin","autoComplete","className","description","placeholder","label","localized","required","path","pathFromProps","readOnly","validate","i18n","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  EmailFieldClientComponent,\n  EmailFieldClientProps,\n  EmailFieldValidation,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst EmailFieldComponent: EmailFieldClientComponent = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: EmailFieldValidation = 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,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'email',\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 path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          className=\"form-input\"\n          disabled={readOnly || disabled}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          required={required}\n          type=\"email\"\n          value={(value as string) || ''}\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 EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","RenderCustomComponent","FieldDescription","FieldError","useField","withCondition","useTranslation","FieldLabel","mergeFieldStyles","fieldBaseClass","EmailFieldComponent","props","field","admin","autoComplete","className","description","placeholder","label","localized","required","path","pathFromProps","readOnly","validate","i18n","memoizedValidate","value","options","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","_jsxs","filter","Boolean","join","style","_jsx","CustomComponent","Fallback","id","replace","name","onChange","type","EmailField"],"sources":["../../../src/fields/Email/index.tsx"],"sourcesContent":["'use client'\nimport type { EmailFieldClientProps, EmailFieldValidation } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../fields/FieldError/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport './index.css'\n\nconst EmailFieldComponent: React.FC<EmailFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: {\n        autoComplete,\n        className,\n        description,\n        placeholder,\n      } = {} as EmailFieldClientProps['field']['admin'],\n      label,\n      localized,\n      required,\n    } = {} as EmailFieldClientProps['field'],\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const memoizedValidate: EmailFieldValidation = 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,\n  } = useField({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        'email',\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 path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        {/* disable eslint here because the label is dynamic */}\n        {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}\n        <input\n          autoComplete={autoComplete}\n          className=\"form-input\"\n          disabled={readOnly || disabled}\n          id={`field-${path.replace(/\\./g, '__')}`}\n          name={path}\n          onChange={setValue}\n          placeholder={getTranslation(placeholder, i18n)}\n          required={required}\n          type=\"email\"\n          value={(value as string) || ''}\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 EmailField = withCondition(EmailFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Group/index.css

@@ -123,6 +123,7 @@
     padding-top: 0;
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .group-field--top-level {
       &::before {

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

@@ -1,10 +1,8 @@
-import type { GroupFieldClientComponent } from 'payload';
+import type { GroupFieldClientProps } from 'payload';
 import React from 'react';
 import './index.css';
 import { GroupProvider, useGroup } from './provider.js';
-export declare const GroupFieldComponent: GroupFieldClientComponent;
+export declare const GroupFieldComponent: React.FC<GroupFieldClientProps>;
 export { GroupProvider, useGroup };
-export declare const GroupField: React.FC<import("payload").FieldPaths & {
-    readonly field: (Omit<import("payload").NamedGroupFieldClient, "type"> & Partial<Pick<import("payload").NamedGroupFieldClient, "type">>) | (Omit<import("payload").UnnamedGroupFieldClient, "type"> & Partial<Pick<import("payload").UnnamedGroupFieldClient, "type">>);
-} & Omit<import("payload").ClientComponentProps, "customComponents" | "field">>;
+export declare const GroupField: React.FC<GroupFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAIxD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAatC,OAAO,aAAa,CAAA;AAIpB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBA2GjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;+EAAqC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIpD,OAAO,KAAkB,MAAM,OAAO,CAAA;AAatC,OAAO,aAAa,CAAA;AAIpB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2G/D,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU,iCAAqC,CAAA"}

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

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

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;AAG/D,OAAO,KAAoD,MAAM,OAAO,CAAA;AAaxE,OAAO,aAAa,CAAA;AA4KpB,eAAO,MAAM,SAAS,gCAAoC,CAAA"}

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":["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 { JSONFieldClientProps, 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: 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 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":"AAAA;;;AAIA,OAAOA,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,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,GAAe3B,cAAA,CAAe2B,YAAY;IAAEC,OAAA,GAAU5B,cAAA,CAAe4B;EAAO,CAAE,GACpFX,aAAA,IAAiB,CAAC;EAEpB,MAAMY,UAAA,GAAanC,WAAA,CAChBoC,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,GAAGtC,QAAA;EAClC,MAAMuC,kBAAA,GAAqB3C,KAAA,CAAM4C,MAAM,CAAiC;EACxE,MAAM,CAACC,oBAAA,EAAsBC,uBAAA,CAAwB,GAAG1C,QAAA,CAA6B2C,IAAA,CAAKC,GAAG;EAE7F,MAAMC,gBAAA,GAAmBhD,WAAA,CACvB,CAACoC,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,GAAG3B,QAAA,CAAqB;IACvBmD,oBAAA,EAAsB9B,aAAA;IACtBE,QAAA,EAAUgB;EACZ;EAEA,MAAMa,cAAA,GAAiB9D,KAAA,CAAM4C,MAAM,CAASR,UAAA,CAAWC,OAAA,IAASqB,YAAA;EAEhE,MAAMK,WAAA,GAAc9D,WAAA,CAClB,CAAC+D,MAAA,EAAQC,MAAA;IACP,IAAI,CAACvC,UAAA,EAAY;MACf;IACF;IAEAuC,MAAA,CAAOC,SAAS,CAACC,IAAI,CAACC,YAAY,CAACC,qBAAqB,CAAC;MACvDC,mBAAA,EAAqB;MACrBC,OAAA,EAAS,C,IACHN,MAAA,CAAOC,SAAS,CAACC,IAAI,CAACC,YAAY,CAACI,kBAAkB,CAACD,OAAO,IAAI,EAAE,GACvE7C,UAAA,CACD;MACDO,QAAA,EAAU;IACZ;IAEA,MAAMwC,GAAA,GAAM/C,UAAA,CAAW+C,GAAG;IAC1B,MAAMC,MAAA,GAASD,GAAA,CAAIE,QAAQ,CAAC,OACxB,GAAGF,GAAA,IAAOG,MAAA,CAAOC,UAAU,GAAGD,MAAA,CAAOC,UAAU,KAAKvE,MAAA,IAAU,GAC9D,GAAGmE,GAAA,IAAOG,MAAA,CAAOC,UAAU,GAAGD,MAAA,CAAOC,UAAU,KAAKvE,MAAA,IAAU;IAElE0D,MAAA,CAAOc,QAAQ,CACbb,MAAA,CAAOD,MAAM,CAACe,WAAW,CAAC3C,UAAA,CAAWC,OAAA,KAAU,IAAI,QAAQ4B,MAAA,CAAOe,GAAG,CAACC,KAAK,CAACP,MAAA;EAEhF,GACA,CAAChD,UAAA,EAAYU,UAAA,EAAYC,OAAA,CAAM;EAGjC,MAAM6C,YAAA,GAAejF,WAAA,CAClBkF,GAAA;IACC,IAAInD,QAAA,IAAYyB,QAAA,EAAU;MACxB;IACF;IACAd,kBAAA,CAAmByC,OAAO,GAAG;IAE7B,IAAI;MACFzB,QAAA,CAASwB,GAAA,GAAM5C,IAAA,CAAK0C,KAAK,CAACE,GAAA,IAAO;MACjCrB,cAAA,CAAesB,OAAO,GAAGD,GAAA;MACzBzC,YAAA,CAAaJ,SAAA;IACf,EAAE,OAAO+C,CAAA,EAAG;MACV1B,QAAA,CAASwB,GAAA,GAAMA,GAAA,GAAM;MACrBrB,cAAA,CAAesB,OAAO,GAAGD,GAAA;MACzBzC,YAAA,CAAa2C,CAAA;IACf;EACF,GACA,CAACrD,QAAA,EAAUyB,QAAA,EAAUE,QAAA,CAAS;EAGhCzD,SAAA,CAAU;IACR,IAAIyC,kBAAA,CAAmByC,OAAO,KAAK,aAAa;MAC9C,MAAME,cAAA,GAAiBlD,UAAA,CAAWC,OAAA,IAASqB,YAAA;MAC3C,IAAI4B,cAAA,KAAmBxB,cAAA,CAAesB,OAAO,EAAE;QAC7CtB,cAAA,CAAesB,OAAO,GAAGE,cAAA;QACzBxC,uBAAA,CAAwBC,IAAA,CAAKC,GAAG;MAClC;IACF;IAEAL,kBAAA,CAAmByC,OAAO,GAAG;EAC/B,GAAG,CAAC1B,YAAA,EAAc5B,IAAA,EAAMM,UAAA,EAAYC,OAAA,CAAM;EAE1C,MAAMkD,MAAA,GAASpF,OAAA,CAAQ,MAAMY,gBAAA,CAAiBK,KAAA,GAAQ,CAACA,KAAA,CAAM;EAE7D,oBACEoE,KAAA,CAAC;IACClE,SAAA,EAAW,CACTN,cAAA,EACAC,SAAA,EACAK,SAAA,EACAsC,SAAA,IAAa,SACZ,CAAA5B,QAAA,IAAYyB,QAAO,KAAM,YAC3B,CACEgC,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRC,KAAA,EAAOL,MAAA;4BAEPM,IAAA,CAACpF,qBAAA;MACCqF,eAAA,EAAiBtC,KAAA;MACjBuC,QAAA,eACEF,IAAA,CAAC/E,UAAA;QAAWa,KAAA,EAAOA,KAAA;QAAOC,SAAA,EAAWA,SAAA;QAAWE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;;qBAG1E2D,KAAA,CAAC;MAAIlE,SAAA,EAAW,GAAGN,cAAA,QAAsB;8BACvC6E,IAAA,CAACpF,qBAAA;QACCqF,eAAA,EAAiBvC,KAAA;QACjBwC,QAAA,eAAUF,IAAA,CAAChF,UAAA;UAAWmF,OAAA,EAASvD,SAAA;UAAWX,IAAA,EAAMA,IAAA;UAAM8B,SAAA,EAAWA;;UAElEP,WAAA,E,aACDwC,IAAA,CAACrF,UAAA;QACCyF,eAAA,EAAgB;QAChBxE,SAAA,EAAWA,SAAA;QACXyE,QAAA,EAAUhB,YAAA;QACViB,OAAA,EAASpC,WAAA;QACTb,OAAA,EAAS1B,aAAA;QACTQ,QAAA,EAAUA,QAAA,IAAYyB,QAAA;QACtBZ,oBAAA,EAAsBA,oBAAA;QACtBR,KAAA,EAAOyB,cAAA,CAAesB,OAAO;QAC7BgB,YAAA,EAAc;UACZC,EAAA,EAAI,SAASvE,IAAA,EAAMwE,OAAA,CAAQ,OAAO;QACpC;UAEDlD,UAAA;qBAEHyC,IAAA,CAACpF,qBAAA;MACCqF,eAAA,EAAiBxC,WAAA;MACjByC,QAAA,eAAUF,IAAA,CAACjF,gBAAA;QAAiBW,WAAA,EAAaA,WAAA;QAAaO,IAAA,EAAMA;;;;AAIpE;AAEA,OAAO,MAAMyE,SAAA,GAAY5F,aAAA,CAAcO,kBAAA","ignoreList":[]}

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/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;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/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, "customComponents" | "field">>;
+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;AAWnD,OAAO,aAAa,CAAA;AAKpB,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyK/D,CAAA;AAED,eAAO,MAAM,UAAU,iCAAqC,CAAA"}

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","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 { 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 { 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: 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 { 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":[]}