@transferwise/components 0.0.0-experimental-4bf060a → 0.0.0-experimental-1c0e8dc

package/build/dateLookup/DateLookup.js

@@ -326,7 +326,7 @@ class DateLookup extends React.PureComponent {
       "aria-labelledby": id,
       "aria-invalid": inputAttributes?.['aria-invalid'],
       "aria-describedby": inputAttributes?.['aria-describedby'],
-      className: clsx.clsx('input-group', disabled && 'disabled'),
+      className: "input-group",
       onKeyDown: this.handleKeyDown,
       children: /*#__PURE__*/jsxRuntime.jsxs(OverlayIdProvider.OverlayIdProvider, {
         open: open,

package/build/dateLookup/DateLookup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateLookup.js","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport { OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';\nimport DateTrigger from './dateTrigger';\nimport DayCalendar from './dayCalendar';\nimport { getStartOfDay } from './getStartOfDay';\nimport MonthCalendar from './monthCalendar';\nimport YearCalendar from './yearCalendar';\n\nexport interface DateLookupProps {\n  id?: string;\n  value: Date | null;\n  min?: Date | null;\n  max?: Date | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  placeholder?: string;\n  label?: string;\n  'aria-labelledby'?: string;\n  monthFormat?: `${MonthFormat}`;\n  disabled?: boolean;\n  clearable?: boolean;\n  onChange: (date: Date | null) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\ntype DateLookupPropsWithInputAttributes = DateLookupProps & Partial<WithInputAttributesProps>;\n\ninterface DateLookupState {\n  selectedDate: Date | null;\n  originalDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  open: boolean;\n  mode: 'day' | 'month' | 'year';\n  isMobile: boolean;\n}\n\nclass DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateLookupState> {\n  declare props: DateLookupPropsWithInputAttributes &\n    Required<Pick<DateLookupPropsWithInputAttributes, keyof typeof DateLookup.defaultProps>>;\n\n  static defaultProps = {\n    value: null,\n    min: null,\n    max: null,\n    size: Size.MEDIUM,\n    placeholder: '',\n    label: '',\n    monthFormat: MonthFormat.LONG,\n    disabled: false,\n    clearable: false,\n  } satisfies Partial<DateLookupPropsWithInputAttributes>;\n\n  element = createRef<HTMLDivElement>();\n  dropdown = createRef<HTMLDivElement>();\n\n  constructor(props: DateLookup['props']) {\n    super(props);\n    const dateView = returnDateView(props.value, props.min, props.max);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: dateView.getMonth(),\n      viewYear: dateView.getFullYear(),\n      open: false,\n      mode: 'day',\n      isMobile: false,\n    };\n  }\n\n  static getDerivedStateFromProps(props: DateLookup['props'], state: DateLookupState) {\n    const propsSelected = getStartOfDay(props.value);\n    const propsMin = getStartOfDay(props.min);\n    const propsMax = getStartOfDay(props.max);\n    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();\n    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();\n    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();\n    if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {\n      const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;\n      const min = hasMinChanged ? propsMin : state.min;\n      const max = hasMaxChanged ? propsMax : state.max;\n      if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n        props.onChange(moveToWithinRange(selectedDate, min, max));\n        return null;\n      }\n      const viewDateThatIsWithinRange: Date = returnDateView(selectedDate, min, max);\n      const viewMonth = viewDateThatIsWithinRange.getMonth();\n      const viewYear = viewDateThatIsWithinRange.getFullYear();\n      return { selectedDate, min, max, viewMonth, viewYear };\n    }\n    return null;\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n    const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);\n    this.setState({ isMobile: mediaQuery.matches });\n  }\n\n  componentWillUnmount() {\n    // Prevents memory leak by cleaning state.\n    this.setState = () => {};\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true, mode: 'day' });\n    if (onFocus) {\n      onFocus();\n    }\n  };\n\n  discard = () => {\n    const { originalDate } = this.state;\n    if (originalDate !== null) {\n      this.props.onChange(originalDate);\n    }\n    this.close();\n  };\n\n  close = () => {\n    const { onBlur } = this.props;\n    this.setState({ open: false, originalDate: null });\n    if (onBlur) {\n      onBlur();\n    }\n  };\n\n  handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const { open, originalDate } = this.state;\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (open) {\n          this.adjustDate(-1, -1, -1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        if (open) {\n          this.adjustDate(-7, -4, -4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowRight':\n        if (open) {\n          this.adjustDate(1, 1, 1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        if (open) {\n          this.adjustDate(7, 4, 4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'Escape':\n        if (originalDate !== null) {\n          this.props.onChange(originalDate);\n        }\n        this.close();\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  };\n\n  adjustDate = (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n    const { selectedDate, min, max, mode, originalDate } = this.state;\n    if (originalDate === null) {\n      this.setState({ originalDate: selectedDate });\n    }\n    let date: Date | null;\n    if (selectedDate) {\n      date = new Date(\n        mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),\n        mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),\n        mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),\n      );\n    } else {\n      date = getStartOfDay(new Date());\n    }\n    date &&= moveToWithinRange(date, min, max);\n    if (date?.getTime() !== selectedDate?.getTime()) {\n      this.props.onChange(date);\n    }\n  };\n\n  focusOn = (preferredElement: string, fallbackElement?: string) => {\n    const element = this.element.current?.querySelector(preferredElement) as HTMLElement | null;\n    if (element) {\n      element.focus();\n    } else if (fallbackElement) {\n      this.focusOn(fallbackElement);\n    }\n  };\n\n  switchMode = (mode: 'day' | 'month' | 'year') => {\n    this.setState({ mode }, () => {\n      this.focusOn('.active', '.today');\n    });\n  };\n\n  switchToDays = () => this.switchMode('day');\n\n  switchToMonths = () => this.switchMode('month');\n\n  switchToYears = () => this.switchMode('year');\n\n  handleSelectedDateUpdate = (selectedDate: Date) => {\n    this.setState({ selectedDate }, () => {\n      this.props.onChange(selectedDate);\n      this.close();\n      this.focusOn('.btn');\n    });\n  };\n\n  handleViewDateUpdate = ({ month = this.state.viewMonth, year = this.state.viewYear }) => {\n    this.setState({ viewMonth: month, viewYear: year });\n  };\n\n  getCalendar = () => {\n    const { selectedDate, min, max, viewMonth, viewYear, mode, isMobile } = this.state;\n    const { placeholder, monthFormat } = this.props;\n    return (\n      <div className={clsx({ 'p-a-1': !isMobile })}>\n        {mode === 'day' && (\n          <DayCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewMonth={viewMonth}\n            viewYear={viewYear}\n            monthFormat={monthFormat}\n            onSelect={this.handleSelectedDateUpdate}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'month' && (\n          <MonthCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToDays}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'year' && (\n          <YearCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToMonths}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n      </div>\n    );\n  };\n\n  handleClear = () => {\n    this.props.onChange(null);\n    this.focusOn('.np-date-trigger');\n  };\n\n  render() {\n    const { selectedDate, open } = this.state;\n\n    const {\n      inputAttributes,\n      id: idProp,\n      'aria-labelledby': ariaLabelledByProp,\n      size,\n      placeholder,\n      label,\n      monthFormat,\n      disabled,\n      clearable,\n      value,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n\n    return (\n      <div\n        ref={this.element}\n        aria-labelledby={id}\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        className={clsx('input-group', disabled && 'disabled')}\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\n            selectedDate={selectedDate}\n            size={size}\n            placeholder={placeholder}\n            label={label}\n            monthFormat={monthFormat}\n            disabled={disabled || false}\n            onClick={this.open}\n            onClear={!disabled && clearable && value ? this.handleClear : undefined}\n          />\n          <ResponsivePanel\n            anchorRef={this.element}\n            open={open}\n            className=\"tw-date-lookup-menu\"\n            position={Position.BOTTOM}\n            considerHeight\n            onClose={this.discard}\n          >\n            {this.getCalendar()}\n          </ResponsivePanel>\n        </OverlayIdProvider>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nconst WrappedDateLookup = withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\nWrappedDateLookup.displayName = 'DateLookup';\n\nexport default WrappedDateLookup;\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","dateView","returnDateView","state","selectedDate","getStartOfDay","originalDate","viewMonth","getMonth","viewYear","getFullYear","open","mode","isMobile","getDerivedStateFromProps","propsSelected","propsMin","propsMax","hasSelectedChanged","getTime","hasMinChanged","hasMaxChanged","isWithinRange","onChange","moveToWithinRange","viewDateThatIsWithinRange","componentDidUpdate","previousProps","focusOn","mediaQuery","window","matchMedia","Breakpoint","SMALL","setState","matches","componentWillUnmount","onFocus","discard","close","onBlur","handleKeyDown","event","key","adjustDate","preventDefault","daysToAdd","monthsToAdd","yearsToAdd","date","Date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","clsx","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","OverlayIdProvider","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}
+{"version":3,"file":"DateLookup.js","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport { OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';\nimport DateTrigger from './dateTrigger';\nimport DayCalendar from './dayCalendar';\nimport { getStartOfDay } from './getStartOfDay';\nimport MonthCalendar from './monthCalendar';\nimport YearCalendar from './yearCalendar';\n\nexport interface DateLookupProps {\n  id?: string;\n  value: Date | null;\n  min?: Date | null;\n  max?: Date | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  placeholder?: string;\n  label?: string;\n  'aria-labelledby'?: string;\n  monthFormat?: `${MonthFormat}`;\n  disabled?: boolean;\n  clearable?: boolean;\n  onChange: (date: Date | null) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\ntype DateLookupPropsWithInputAttributes = DateLookupProps & Partial<WithInputAttributesProps>;\n\ninterface DateLookupState {\n  selectedDate: Date | null;\n  originalDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  open: boolean;\n  mode: 'day' | 'month' | 'year';\n  isMobile: boolean;\n}\n\nclass DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateLookupState> {\n  declare props: DateLookupPropsWithInputAttributes &\n    Required<Pick<DateLookupPropsWithInputAttributes, keyof typeof DateLookup.defaultProps>>;\n\n  static defaultProps = {\n    value: null,\n    min: null,\n    max: null,\n    size: Size.MEDIUM,\n    placeholder: '',\n    label: '',\n    monthFormat: MonthFormat.LONG,\n    disabled: false,\n    clearable: false,\n  } satisfies Partial<DateLookupPropsWithInputAttributes>;\n\n  element = createRef<HTMLDivElement>();\n  dropdown = createRef<HTMLDivElement>();\n\n  constructor(props: DateLookup['props']) {\n    super(props);\n    const dateView = returnDateView(props.value, props.min, props.max);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: dateView.getMonth(),\n      viewYear: dateView.getFullYear(),\n      open: false,\n      mode: 'day',\n      isMobile: false,\n    };\n  }\n\n  static getDerivedStateFromProps(props: DateLookup['props'], state: DateLookupState) {\n    const propsSelected = getStartOfDay(props.value);\n    const propsMin = getStartOfDay(props.min);\n    const propsMax = getStartOfDay(props.max);\n    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();\n    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();\n    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();\n    if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {\n      const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;\n      const min = hasMinChanged ? propsMin : state.min;\n      const max = hasMaxChanged ? propsMax : state.max;\n      if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n        props.onChange(moveToWithinRange(selectedDate, min, max));\n        return null;\n      }\n      const viewDateThatIsWithinRange: Date = returnDateView(selectedDate, min, max);\n      const viewMonth = viewDateThatIsWithinRange.getMonth();\n      const viewYear = viewDateThatIsWithinRange.getFullYear();\n      return { selectedDate, min, max, viewMonth, viewYear };\n    }\n    return null;\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n    const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);\n    this.setState({ isMobile: mediaQuery.matches });\n  }\n\n  componentWillUnmount() {\n    // Prevents memory leak by cleaning state.\n    this.setState = () => {};\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true, mode: 'day' });\n    if (onFocus) {\n      onFocus();\n    }\n  };\n\n  discard = () => {\n    const { originalDate } = this.state;\n    if (originalDate !== null) {\n      this.props.onChange(originalDate);\n    }\n    this.close();\n  };\n\n  close = () => {\n    const { onBlur } = this.props;\n    this.setState({ open: false, originalDate: null });\n    if (onBlur) {\n      onBlur();\n    }\n  };\n\n  handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const { open, originalDate } = this.state;\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (open) {\n          this.adjustDate(-1, -1, -1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        if (open) {\n          this.adjustDate(-7, -4, -4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowRight':\n        if (open) {\n          this.adjustDate(1, 1, 1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        if (open) {\n          this.adjustDate(7, 4, 4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'Escape':\n        if (originalDate !== null) {\n          this.props.onChange(originalDate);\n        }\n        this.close();\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  };\n\n  adjustDate = (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n    const { selectedDate, min, max, mode, originalDate } = this.state;\n    if (originalDate === null) {\n      this.setState({ originalDate: selectedDate });\n    }\n    let date: Date | null;\n    if (selectedDate) {\n      date = new Date(\n        mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),\n        mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),\n        mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),\n      );\n    } else {\n      date = getStartOfDay(new Date());\n    }\n    date &&= moveToWithinRange(date, min, max);\n    if (date?.getTime() !== selectedDate?.getTime()) {\n      this.props.onChange(date);\n    }\n  };\n\n  focusOn = (preferredElement: string, fallbackElement?: string) => {\n    const element = this.element.current?.querySelector(preferredElement) as HTMLElement | null;\n    if (element) {\n      element.focus();\n    } else if (fallbackElement) {\n      this.focusOn(fallbackElement);\n    }\n  };\n\n  switchMode = (mode: 'day' | 'month' | 'year') => {\n    this.setState({ mode }, () => {\n      this.focusOn('.active', '.today');\n    });\n  };\n\n  switchToDays = () => this.switchMode('day');\n\n  switchToMonths = () => this.switchMode('month');\n\n  switchToYears = () => this.switchMode('year');\n\n  handleSelectedDateUpdate = (selectedDate: Date) => {\n    this.setState({ selectedDate }, () => {\n      this.props.onChange(selectedDate);\n      this.close();\n      this.focusOn('.btn');\n    });\n  };\n\n  handleViewDateUpdate = ({ month = this.state.viewMonth, year = this.state.viewYear }) => {\n    this.setState({ viewMonth: month, viewYear: year });\n  };\n\n  getCalendar = () => {\n    const { selectedDate, min, max, viewMonth, viewYear, mode, isMobile } = this.state;\n    const { placeholder, monthFormat } = this.props;\n    return (\n      <div className={clsx({ 'p-a-1': !isMobile })}>\n        {mode === 'day' && (\n          <DayCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewMonth={viewMonth}\n            viewYear={viewYear}\n            monthFormat={monthFormat}\n            onSelect={this.handleSelectedDateUpdate}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'month' && (\n          <MonthCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToDays}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'year' && (\n          <YearCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToMonths}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n      </div>\n    );\n  };\n\n  handleClear = () => {\n    this.props.onChange(null);\n    this.focusOn('.np-date-trigger');\n  };\n\n  render() {\n    const { selectedDate, open } = this.state;\n\n    const {\n      inputAttributes,\n      id: idProp,\n      'aria-labelledby': ariaLabelledByProp,\n      size,\n      placeholder,\n      label,\n      monthFormat,\n      disabled,\n      clearable,\n      value,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n\n    return (\n      <div\n        ref={this.element}\n        aria-labelledby={id}\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        className=\"input-group\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\n            selectedDate={selectedDate}\n            size={size}\n            placeholder={placeholder}\n            label={label}\n            monthFormat={monthFormat}\n            disabled={disabled || false}\n            onClick={this.open}\n            onClear={!disabled && clearable && value ? this.handleClear : undefined}\n          />\n          <ResponsivePanel\n            anchorRef={this.element}\n            open={open}\n            className=\"tw-date-lookup-menu\"\n            position={Position.BOTTOM}\n            considerHeight\n            onClose={this.discard}\n          >\n            {this.getCalendar()}\n          </ResponsivePanel>\n        </OverlayIdProvider>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nconst WrappedDateLookup = withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\nWrappedDateLookup.displayName = 'DateLookup';\n\nexport default WrappedDateLookup;\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","dateView","returnDateView","state","selectedDate","getStartOfDay","originalDate","viewMonth","getMonth","viewYear","getFullYear","open","mode","isMobile","getDerivedStateFromProps","propsSelected","propsMin","propsMax","hasSelectedChanged","getTime","hasMinChanged","hasMaxChanged","isWithinRange","onChange","moveToWithinRange","viewDateThatIsWithinRange","componentDidUpdate","previousProps","focusOn","mediaQuery","window","matchMedia","Breakpoint","SMALL","setState","matches","componentWillUnmount","onFocus","discard","close","onBlur","handleKeyDown","event","key","adjustDate","preventDefault","daysToAdd","monthsToAdd","yearsToAdd","date","Date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","clsx","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","OverlayIdProvider","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}

package/build/dateLookup/DateLookup.mjs

@@ -322,7 +322,7 @@ class DateLookup extends PureComponent {
       "aria-labelledby": id,
       "aria-invalid": inputAttributes?.['aria-invalid'],
       "aria-describedby": inputAttributes?.['aria-describedby'],
-      className: clsx('input-group', disabled && 'disabled'),
+      className: "input-group",
       onKeyDown: this.handleKeyDown,
       children: /*#__PURE__*/jsxs(OverlayIdProvider, {
         open: open,

package/build/dateLookup/DateLookup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateLookup.mjs","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport { OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';\nimport DateTrigger from './dateTrigger';\nimport DayCalendar from './dayCalendar';\nimport { getStartOfDay } from './getStartOfDay';\nimport MonthCalendar from './monthCalendar';\nimport YearCalendar from './yearCalendar';\n\nexport interface DateLookupProps {\n  id?: string;\n  value: Date | null;\n  min?: Date | null;\n  max?: Date | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  placeholder?: string;\n  label?: string;\n  'aria-labelledby'?: string;\n  monthFormat?: `${MonthFormat}`;\n  disabled?: boolean;\n  clearable?: boolean;\n  onChange: (date: Date | null) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\ntype DateLookupPropsWithInputAttributes = DateLookupProps & Partial<WithInputAttributesProps>;\n\ninterface DateLookupState {\n  selectedDate: Date | null;\n  originalDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  open: boolean;\n  mode: 'day' | 'month' | 'year';\n  isMobile: boolean;\n}\n\nclass DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateLookupState> {\n  declare props: DateLookupPropsWithInputAttributes &\n    Required<Pick<DateLookupPropsWithInputAttributes, keyof typeof DateLookup.defaultProps>>;\n\n  static defaultProps = {\n    value: null,\n    min: null,\n    max: null,\n    size: Size.MEDIUM,\n    placeholder: '',\n    label: '',\n    monthFormat: MonthFormat.LONG,\n    disabled: false,\n    clearable: false,\n  } satisfies Partial<DateLookupPropsWithInputAttributes>;\n\n  element = createRef<HTMLDivElement>();\n  dropdown = createRef<HTMLDivElement>();\n\n  constructor(props: DateLookup['props']) {\n    super(props);\n    const dateView = returnDateView(props.value, props.min, props.max);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: dateView.getMonth(),\n      viewYear: dateView.getFullYear(),\n      open: false,\n      mode: 'day',\n      isMobile: false,\n    };\n  }\n\n  static getDerivedStateFromProps(props: DateLookup['props'], state: DateLookupState) {\n    const propsSelected = getStartOfDay(props.value);\n    const propsMin = getStartOfDay(props.min);\n    const propsMax = getStartOfDay(props.max);\n    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();\n    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();\n    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();\n    if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {\n      const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;\n      const min = hasMinChanged ? propsMin : state.min;\n      const max = hasMaxChanged ? propsMax : state.max;\n      if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n        props.onChange(moveToWithinRange(selectedDate, min, max));\n        return null;\n      }\n      const viewDateThatIsWithinRange: Date = returnDateView(selectedDate, min, max);\n      const viewMonth = viewDateThatIsWithinRange.getMonth();\n      const viewYear = viewDateThatIsWithinRange.getFullYear();\n      return { selectedDate, min, max, viewMonth, viewYear };\n    }\n    return null;\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n    const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);\n    this.setState({ isMobile: mediaQuery.matches });\n  }\n\n  componentWillUnmount() {\n    // Prevents memory leak by cleaning state.\n    this.setState = () => {};\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true, mode: 'day' });\n    if (onFocus) {\n      onFocus();\n    }\n  };\n\n  discard = () => {\n    const { originalDate } = this.state;\n    if (originalDate !== null) {\n      this.props.onChange(originalDate);\n    }\n    this.close();\n  };\n\n  close = () => {\n    const { onBlur } = this.props;\n    this.setState({ open: false, originalDate: null });\n    if (onBlur) {\n      onBlur();\n    }\n  };\n\n  handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const { open, originalDate } = this.state;\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (open) {\n          this.adjustDate(-1, -1, -1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        if (open) {\n          this.adjustDate(-7, -4, -4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowRight':\n        if (open) {\n          this.adjustDate(1, 1, 1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        if (open) {\n          this.adjustDate(7, 4, 4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'Escape':\n        if (originalDate !== null) {\n          this.props.onChange(originalDate);\n        }\n        this.close();\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  };\n\n  adjustDate = (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n    const { selectedDate, min, max, mode, originalDate } = this.state;\n    if (originalDate === null) {\n      this.setState({ originalDate: selectedDate });\n    }\n    let date: Date | null;\n    if (selectedDate) {\n      date = new Date(\n        mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),\n        mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),\n        mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),\n      );\n    } else {\n      date = getStartOfDay(new Date());\n    }\n    date &&= moveToWithinRange(date, min, max);\n    if (date?.getTime() !== selectedDate?.getTime()) {\n      this.props.onChange(date);\n    }\n  };\n\n  focusOn = (preferredElement: string, fallbackElement?: string) => {\n    const element = this.element.current?.querySelector(preferredElement) as HTMLElement | null;\n    if (element) {\n      element.focus();\n    } else if (fallbackElement) {\n      this.focusOn(fallbackElement);\n    }\n  };\n\n  switchMode = (mode: 'day' | 'month' | 'year') => {\n    this.setState({ mode }, () => {\n      this.focusOn('.active', '.today');\n    });\n  };\n\n  switchToDays = () => this.switchMode('day');\n\n  switchToMonths = () => this.switchMode('month');\n\n  switchToYears = () => this.switchMode('year');\n\n  handleSelectedDateUpdate = (selectedDate: Date) => {\n    this.setState({ selectedDate }, () => {\n      this.props.onChange(selectedDate);\n      this.close();\n      this.focusOn('.btn');\n    });\n  };\n\n  handleViewDateUpdate = ({ month = this.state.viewMonth, year = this.state.viewYear }) => {\n    this.setState({ viewMonth: month, viewYear: year });\n  };\n\n  getCalendar = () => {\n    const { selectedDate, min, max, viewMonth, viewYear, mode, isMobile } = this.state;\n    const { placeholder, monthFormat } = this.props;\n    return (\n      <div className={clsx({ 'p-a-1': !isMobile })}>\n        {mode === 'day' && (\n          <DayCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewMonth={viewMonth}\n            viewYear={viewYear}\n            monthFormat={monthFormat}\n            onSelect={this.handleSelectedDateUpdate}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'month' && (\n          <MonthCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToDays}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'year' && (\n          <YearCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToMonths}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n      </div>\n    );\n  };\n\n  handleClear = () => {\n    this.props.onChange(null);\n    this.focusOn('.np-date-trigger');\n  };\n\n  render() {\n    const { selectedDate, open } = this.state;\n\n    const {\n      inputAttributes,\n      id: idProp,\n      'aria-labelledby': ariaLabelledByProp,\n      size,\n      placeholder,\n      label,\n      monthFormat,\n      disabled,\n      clearable,\n      value,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n\n    return (\n      <div\n        ref={this.element}\n        aria-labelledby={id}\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        className={clsx('input-group', disabled && 'disabled')}\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\n            selectedDate={selectedDate}\n            size={size}\n            placeholder={placeholder}\n            label={label}\n            monthFormat={monthFormat}\n            disabled={disabled || false}\n            onClick={this.open}\n            onClear={!disabled && clearable && value ? this.handleClear : undefined}\n          />\n          <ResponsivePanel\n            anchorRef={this.element}\n            open={open}\n            className=\"tw-date-lookup-menu\"\n            position={Position.BOTTOM}\n            considerHeight\n            onClose={this.discard}\n          >\n            {this.getCalendar()}\n          </ResponsivePanel>\n        </OverlayIdProvider>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nconst WrappedDateLookup = withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\nWrappedDateLookup.displayName = 'DateLookup';\n\nexport default WrappedDateLookup;\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","dateView","returnDateView","state","selectedDate","getStartOfDay","originalDate","viewMonth","getMonth","viewYear","getFullYear","open","mode","isMobile","getDerivedStateFromProps","propsSelected","propsMin","propsMax","hasSelectedChanged","getTime","hasMinChanged","hasMaxChanged","isWithinRange","onChange","moveToWithinRange","viewDateThatIsWithinRange","componentDidUpdate","previousProps","focusOn","mediaQuery","window","matchMedia","Breakpoint","SMALL","setState","matches","componentWillUnmount","onFocus","discard","close","onBlur","handleKeyDown","event","key","adjustDate","preventDefault","daysToAdd","monthsToAdd","yearsToAdd","date","Date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","clsx","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","OverlayIdProvider","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}
+{"version":3,"file":"DateLookup.mjs","sources":["../../src/dateLookup/DateLookup.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { createRef, PureComponent, KeyboardEvent } from 'react';\n\nimport {\n  Size,\n  MonthFormat,\n  Position,\n  Breakpoint,\n  type SizeSmall,\n  type SizeMedium,\n  type SizeLarge,\n} from '../common';\nimport { isWithinRange, moveToWithinRange, returnDateView } from '../common/dateUtils';\nimport ResponsivePanel from '../common/responsivePanel';\nimport { WithInputAttributesProps, withInputAttributes } from '../inputs/contexts';\nimport { OverlayIdProvider } from '../provider/overlay/OverlayIdProvider';\nimport DateTrigger from './dateTrigger';\nimport DayCalendar from './dayCalendar';\nimport { getStartOfDay } from './getStartOfDay';\nimport MonthCalendar from './monthCalendar';\nimport YearCalendar from './yearCalendar';\n\nexport interface DateLookupProps {\n  id?: string;\n  value: Date | null;\n  min?: Date | null;\n  max?: Date | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  placeholder?: string;\n  label?: string;\n  'aria-labelledby'?: string;\n  monthFormat?: `${MonthFormat}`;\n  disabled?: boolean;\n  clearable?: boolean;\n  onChange: (date: Date | null) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\ntype DateLookupPropsWithInputAttributes = DateLookupProps & Partial<WithInputAttributesProps>;\n\ninterface DateLookupState {\n  selectedDate: Date | null;\n  originalDate: Date | null;\n  min: Date | null;\n  max: Date | null;\n  viewMonth: number;\n  viewYear: number;\n  open: boolean;\n  mode: 'day' | 'month' | 'year';\n  isMobile: boolean;\n}\n\nclass DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateLookupState> {\n  declare props: DateLookupPropsWithInputAttributes &\n    Required<Pick<DateLookupPropsWithInputAttributes, keyof typeof DateLookup.defaultProps>>;\n\n  static defaultProps = {\n    value: null,\n    min: null,\n    max: null,\n    size: Size.MEDIUM,\n    placeholder: '',\n    label: '',\n    monthFormat: MonthFormat.LONG,\n    disabled: false,\n    clearable: false,\n  } satisfies Partial<DateLookupPropsWithInputAttributes>;\n\n  element = createRef<HTMLDivElement>();\n  dropdown = createRef<HTMLDivElement>();\n\n  constructor(props: DateLookup['props']) {\n    super(props);\n    const dateView = returnDateView(props.value, props.min, props.max);\n    this.state = {\n      selectedDate: getStartOfDay(props.value),\n      originalDate: null,\n      min: getStartOfDay(props.min),\n      max: getStartOfDay(props.max),\n      viewMonth: dateView.getMonth(),\n      viewYear: dateView.getFullYear(),\n      open: false,\n      mode: 'day',\n      isMobile: false,\n    };\n  }\n\n  static getDerivedStateFromProps(props: DateLookup['props'], state: DateLookupState) {\n    const propsSelected = getStartOfDay(props.value);\n    const propsMin = getStartOfDay(props.min);\n    const propsMax = getStartOfDay(props.max);\n    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();\n    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();\n    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();\n    if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {\n      const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;\n      const min = hasMinChanged ? propsMin : state.min;\n      const max = hasMaxChanged ? propsMax : state.max;\n      if (selectedDate && !isWithinRange(selectedDate, min, max)) {\n        props.onChange(moveToWithinRange(selectedDate, min, max));\n        return null;\n      }\n      const viewDateThatIsWithinRange: Date = returnDateView(selectedDate, min, max);\n      const viewMonth = viewDateThatIsWithinRange.getMonth();\n      const viewYear = viewDateThatIsWithinRange.getFullYear();\n      return { selectedDate, min, max, viewMonth, viewYear };\n    }\n    return null;\n  }\n\n  componentDidUpdate(previousProps: DateLookupPropsWithInputAttributes) {\n    if (this.props.value?.getTime() !== previousProps.value?.getTime() && this.state.open) {\n      this.focusOn('.active');\n    }\n    const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);\n    this.setState({ isMobile: mediaQuery.matches });\n  }\n\n  componentWillUnmount() {\n    // Prevents memory leak by cleaning state.\n    this.setState = () => {};\n  }\n\n  open = () => {\n    const { onFocus } = this.props;\n\n    this.setState({ open: true, mode: 'day' });\n    if (onFocus) {\n      onFocus();\n    }\n  };\n\n  discard = () => {\n    const { originalDate } = this.state;\n    if (originalDate !== null) {\n      this.props.onChange(originalDate);\n    }\n    this.close();\n  };\n\n  close = () => {\n    const { onBlur } = this.props;\n    this.setState({ open: false, originalDate: null });\n    if (onBlur) {\n      onBlur();\n    }\n  };\n\n  handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    const { open, originalDate } = this.state;\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (open) {\n          this.adjustDate(-1, -1, -1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowUp':\n        if (open) {\n          this.adjustDate(-7, -4, -4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowRight':\n        if (open) {\n          this.adjustDate(1, 1, 1);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'ArrowDown':\n        if (open) {\n          this.adjustDate(7, 4, 4);\n        } else {\n          this.open();\n        }\n        event.preventDefault();\n        break;\n      case 'Escape':\n        if (originalDate !== null) {\n          this.props.onChange(originalDate);\n        }\n        this.close();\n        event.preventDefault();\n        break;\n      default:\n        break;\n    }\n  };\n\n  adjustDate = (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {\n    const { selectedDate, min, max, mode, originalDate } = this.state;\n    if (originalDate === null) {\n      this.setState({ originalDate: selectedDate });\n    }\n    let date: Date | null;\n    if (selectedDate) {\n      date = new Date(\n        mode === 'year' ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),\n        mode === 'month' ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(),\n        mode === 'day' ? selectedDate.getDate() + daysToAdd : selectedDate.getDate(),\n      );\n    } else {\n      date = getStartOfDay(new Date());\n    }\n    date &&= moveToWithinRange(date, min, max);\n    if (date?.getTime() !== selectedDate?.getTime()) {\n      this.props.onChange(date);\n    }\n  };\n\n  focusOn = (preferredElement: string, fallbackElement?: string) => {\n    const element = this.element.current?.querySelector(preferredElement) as HTMLElement | null;\n    if (element) {\n      element.focus();\n    } else if (fallbackElement) {\n      this.focusOn(fallbackElement);\n    }\n  };\n\n  switchMode = (mode: 'day' | 'month' | 'year') => {\n    this.setState({ mode }, () => {\n      this.focusOn('.active', '.today');\n    });\n  };\n\n  switchToDays = () => this.switchMode('day');\n\n  switchToMonths = () => this.switchMode('month');\n\n  switchToYears = () => this.switchMode('year');\n\n  handleSelectedDateUpdate = (selectedDate: Date) => {\n    this.setState({ selectedDate }, () => {\n      this.props.onChange(selectedDate);\n      this.close();\n      this.focusOn('.btn');\n    });\n  };\n\n  handleViewDateUpdate = ({ month = this.state.viewMonth, year = this.state.viewYear }) => {\n    this.setState({ viewMonth: month, viewYear: year });\n  };\n\n  getCalendar = () => {\n    const { selectedDate, min, max, viewMonth, viewYear, mode, isMobile } = this.state;\n    const { placeholder, monthFormat } = this.props;\n    return (\n      <div className={clsx({ 'p-a-1': !isMobile })}>\n        {mode === 'day' && (\n          <DayCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewMonth={viewMonth}\n            viewYear={viewYear}\n            monthFormat={monthFormat}\n            onSelect={this.handleSelectedDateUpdate}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'month' && (\n          <MonthCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToDays}\n            onLabelClick={this.switchToYears}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n        {mode === 'year' && (\n          <YearCalendar\n            selectedDate={selectedDate}\n            min={min}\n            max={max}\n            viewYear={viewYear}\n            placeholder={placeholder}\n            onSelect={this.switchToMonths}\n            onViewDateUpdate={this.handleViewDateUpdate}\n          />\n        )}\n      </div>\n    );\n  };\n\n  handleClear = () => {\n    this.props.onChange(null);\n    this.focusOn('.np-date-trigger');\n  };\n\n  render() {\n    const { selectedDate, open } = this.state;\n\n    const {\n      inputAttributes,\n      id: idProp,\n      'aria-labelledby': ariaLabelledByProp,\n      size,\n      placeholder,\n      label,\n      monthFormat,\n      disabled,\n      clearable,\n      value,\n    } = this.props;\n    const id = idProp ?? inputAttributes?.id;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n\n    return (\n      <div\n        ref={this.element}\n        aria-labelledby={id}\n        aria-invalid={inputAttributes?.['aria-invalid']}\n        aria-describedby={inputAttributes?.['aria-describedby']}\n        className=\"input-group\"\n        onKeyDown={this.handleKeyDown}\n      >\n        <OverlayIdProvider open={open}>\n          <DateTrigger\n            id={id}\n            ariaLabelledBy={ariaLabelledBy}\n            selectedDate={selectedDate}\n            size={size}\n            placeholder={placeholder}\n            label={label}\n            monthFormat={monthFormat}\n            disabled={disabled || false}\n            onClick={this.open}\n            onClear={!disabled && clearable && value ? this.handleClear : undefined}\n          />\n          <ResponsivePanel\n            anchorRef={this.element}\n            open={open}\n            className=\"tw-date-lookup-menu\"\n            position={Position.BOTTOM}\n            considerHeight\n            onClose={this.discard}\n          >\n            {this.getCalendar()}\n          </ResponsivePanel>\n        </OverlayIdProvider>\n      </div>\n    );\n  }\n}\n\nexport const DateLookupWithoutInputAttributes = DateLookup;\n\nconst WrappedDateLookup = withInputAttributes(\n  DateLookup as React.ComponentType<DateLookupPropsWithInputAttributes>,\n  { nonLabelable: true },\n);\nWrappedDateLookup.displayName = 'DateLookup';\n\nexport default WrappedDateLookup;\n"],"names":["DateLookup","PureComponent","defaultProps","value","min","max","size","Size","MEDIUM","placeholder","label","monthFormat","MonthFormat","LONG","disabled","clearable","element","createRef","dropdown","constructor","props","dateView","returnDateView","state","selectedDate","getStartOfDay","originalDate","viewMonth","getMonth","viewYear","getFullYear","open","mode","isMobile","getDerivedStateFromProps","propsSelected","propsMin","propsMax","hasSelectedChanged","getTime","hasMinChanged","hasMaxChanged","isWithinRange","onChange","moveToWithinRange","viewDateThatIsWithinRange","componentDidUpdate","previousProps","focusOn","mediaQuery","window","matchMedia","Breakpoint","SMALL","setState","matches","componentWillUnmount","onFocus","discard","close","onBlur","handleKeyDown","event","key","adjustDate","preventDefault","daysToAdd","monthsToAdd","yearsToAdd","date","Date","getDate","preferredElement","fallbackElement","current","querySelector","focus","switchMode","switchToDays","switchToMonths","switchToYears","handleSelectedDateUpdate","handleViewDateUpdate","month","year","getCalendar","_jsxs","className","clsx","children","_jsx","DayCalendar","onSelect","onLabelClick","onViewDateUpdate","MonthCalendar","YearCalendar","handleClear","render","inputAttributes","id","idProp","ariaLabelledByProp","ariaLabelledBy","ref","onKeyDown","OverlayIdProvider","DateTrigger","onClick","onClear","undefined","ResponsivePanel","anchorRef","position","Position","BOTTOM","considerHeight","onClose","WrappedDateLookup","withInputAttributes","nonLabelable","displayName"],"mappings":"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"}

package/build/expressiveMoneyInput/amountInput/AmountInput.js

@@ -225,7 +225,7 @@ const AmountInput = ({
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "wds-amount-input-container",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: clsx.clsx('wds-amount-input-input-container', 'np-text-display-large'),
+      className: clsx.clsx('wds-amount-input-input-container', 'np-text-display-large--forced'),
       style: style,
       children: [/*#__PURE__*/jsxRuntime.jsx("input", {
         ref: ref,

package/build/expressiveMoneyInput/amountInput/AmountInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.js","sources":["../../../src/expressiveMoneyInput/amountInput/AmountInput.tsx"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\nimport { clsx } from 'clsx';\nimport { AnimatePresence } from 'framer-motion';\nimport { type ChangeEvent, type KeyboardEvent, useEffect, useMemo, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { AnimatedNumber } from '../animatedNumber/AnimatedNumber';\nimport { useFocus } from '../hooks/useFocus';\nimport { useInputStyle } from '../hooks/useInputStyle';\nimport {\n  getDecimalCount,\n  getDecimalSeparator,\n  getEnteredDecimalsCount,\n  getFormattedString,\n  getGroupSeparator,\n  getUnformattedNumber,\n  isAllowedInputKey,\n  isInputPossiblyOverflowing,\n} from './utils';\n\ntype Props = {\n  id: string;\n  describedById?: string;\n  amount?: number | null;\n  currency: string;\n  autoFocus?: boolean;\n  onChange: (amount: number | null) => void;\n  onFocusChange?: (focused: boolean) => void;\n} & Pick<ExpressiveMoneyInputProps, 'loading'>;\n\nexport const AmountInput = ({\n  id,\n  describedById,\n  amount,\n  currency,\n  autoFocus,\n  onChange,\n  onFocusChange,\n  loading,\n}: Props) => {\n  const intl = useIntl();\n  const { focus, setFocus, visualFocus, setVisualFocus } = useFocus();\n\n  const [value, setValue] = useState<string>(\n    amount\n      ? getFormattedString({\n          value: amount,\n          currency,\n          locale: intl.locale,\n        })\n      : '',\n  );\n  const numericValue = useMemo(() => {\n    return getUnformattedNumber({\n      value,\n      currency,\n      locale: intl.locale,\n    });\n  }, [value, currency, intl.locale]);\n\n  const valueWithFullDecimals = useMemo(() => {\n    return getFormattedString({\n      value: numericValue ?? 0,\n      currency,\n      locale: intl.locale,\n      alwaysShowDecimals: true,\n    });\n  }, [numericValue, currency, intl.locale]);\n\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (autoFocus) {\n      ref.current?.focus();\n    }\n  }, []);\n\n  const placeholder = getPlaceholder(currency, intl.locale);\n  const groupSeparator = getGroupSeparator(currency, intl.locale);\n  const decimalSeparator = getDecimalSeparator(currency, intl.locale);\n  const maxDecimalCount = getDecimalCount(currency, intl.locale);\n\n  const decimalPart = getDecimalPart(value, decimalSeparator);\n  const decimalMode = decimalSeparator && value.includes(decimalSeparator);\n\n  useEffect(() => {\n    if (!focus) {\n      setValue(\n        amount\n          ? getFormattedString({\n              value: amount,\n              currency,\n              locale: intl.locale,\n            })\n          : '',\n      );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [amount]);\n\n  useEffect(() => {\n    onFocusChange?.(visualFocus);\n  }, [visualFocus]);\n\n  const shouldReformatAfterUserInput = (newValue: string) => {\n    // don't reformat if formatting would wipe out user's input\n    if (reformatValue(newValue) === '') {\n      return false;\n    }\n\n    const endsWithDecimalSeparator = decimalSeparator && newValue.endsWith(decimalSeparator);\n    const endsWithGroupSeparator = groupSeparator && newValue.endsWith(groupSeparator);\n\n    // if the user has entered a seperator to the end, formatting would delete it\n    if (endsWithDecimalSeparator || endsWithGroupSeparator) {\n      return false;\n    }\n\n    const containsDecimalSeparator = decimalSeparator && newValue.includes(decimalSeparator);\n\n    if (containsDecimalSeparator) {\n      const enteredDecimalsCount = getEnteredDecimalsCount(newValue, decimalSeparator);\n      // don't reformat until user has entered all the allowed decimals\n      // for example, we don't want 1.1 to be reformatted to 1.10 immediately\n      if (enteredDecimalsCount < maxDecimalCount) {\n        return false;\n      }\n    }\n\n    return true;\n  };\n\n  const reformatValue = (newValue: string) => {\n    const unformattedValue = getUnformattedNumber({\n      value: newValue,\n      currency,\n      locale: intl.locale,\n    });\n    const formattedValue = unformattedValue\n      ? getFormattedString({\n          value: unformattedValue,\n          currency,\n          locale: intl.locale,\n        })\n      : '';\n    return formattedValue;\n  };\n\n  const handleChange = (newValue: string) => {\n    const oldCursorPosition = ref.current?.selectionStart ?? 0;\n\n    const newFormattedString = shouldReformatAfterUserInput(newValue)\n      ? reformatValue(newValue)\n      : newValue;\n    setValue(newFormattedString);\n\n    const newNumber = getUnformattedNumber({\n      value: newFormattedString,\n      currency,\n      locale: intl.locale,\n    });\n\n    if (newNumber !== numericValue) {\n      if (numericValue || newNumber) {\n        onChange(newNumber);\n      }\n    }\n\n    const newCursorPosition = oldCursorPosition + (newFormattedString.length - newValue.length);\n    requestAnimationFrame(() => {\n      ref?.current?.setSelectionRange(newCursorPosition, newCursorPosition);\n    });\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    e.preventDefault();\n\n    const clipboardData = e.clipboardData?.getData('text/plain');\n    if (!clipboardData) {\n      return;\n    }\n\n    // need to sanitise the pasted value otherwise other validation logic will ignore the input entirely\n    const sanitisedValue = reformatValue(clipboardData);\n\n    handleChange(sanitisedValue);\n  };\n\n  const handleBlur = () => {\n    setFocus(false);\n    setValue(reformatValue(value));\n  };\n\n  const handleBackspace = (e: KeyboardEvent<HTMLInputElement>) => {\n    const input = e.target as HTMLInputElement;\n    // using the updated selection range after the backspace key has been processed, instead of the current selection range in state\n    const { value: currentValue, selectionStart, selectionEnd } = input;\n\n    if (selectionStart === selectionEnd && selectionStart && selectionStart > 0) {\n      const charBeforeCursor = currentValue[selectionStart - 1];\n\n      // if the user deletes a thousands separator, remove the digit before it as well\n      if (charBeforeCursor === groupSeparator) {\n        e.preventDefault();\n        const beforeCursor = currentValue.slice(0, selectionStart - 2);\n        const afterCursor = currentValue.slice(selectionStart);\n        const newValue = `${beforeCursor}${afterCursor}`;\n        input.setSelectionRange(beforeCursor.length, beforeCursor.length);\n        handleChange(newValue);\n      }\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    setFocus(true);\n    if (!isAllowedInputKey(e)) {\n      e.preventDefault();\n    }\n\n    if (e.key === 'Backspace') {\n      handleBackspace(e);\n    }\n  };\n\n  const isAllowedInput = (e: ChangeEvent<HTMLInputElement>) => {\n    const hasMultipleDecimalSeparators =\n      decimalSeparator && e.target.value.split(decimalSeparator).length > 2;\n    if (hasMultipleDecimalSeparators) {\n      return false;\n    }\n\n    const newNumericValue = getUnformattedNumber({\n      value: e.target.value,\n      currency,\n      locale: intl.locale,\n    });\n    const maxLength = Number.MAX_SAFE_INTEGER.toString().length;\n    if (String(newNumericValue).length > maxLength) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const addonContent = useMemo((): string | null | undefined => {\n    // because we're using a separate \"addon\" element for the placeholder decimals, there is a possibility that the input itself will become scrollable\n    // and the decimals will appear on top of the input. Safest thing to do is to just hide the addon if there is not enough room\n    if (isInputPossiblyOverflowing({ ref, value })) {\n      return null;\n    }\n    if (!decimalSeparator || !value) {\n      return null;\n    }\n\n    // if the user has typed a decimal separator, show the full decimal part as a placeholder\n    // this returns a string even if there is no content, typing should replace the placeholder immediately without animation\n    // otherwise there is an ugly animation when going from 1.23 to 1.2 due to AnimatePresence\n    if (focus && decimalMode) {\n      // reuse getDecimalPart\n      const fullDecimalPart = getDecimalPart(valueWithFullDecimals, decimalSeparator);\n      // show only the characters that are not already displayed by the input\n      return fullDecimalPart?.slice(decimalPart?.length);\n    }\n\n    // in unfocused state, always show the full decimal part unless the user has already entered decimals\n    if (!focus && !decimalMode) {\n      const [_, decimalPlaceholder] = placeholder.split(decimalSeparator);\n      return decimalSeparator + decimalPlaceholder;\n    }\n\n    return null;\n  }, [\n    decimalMode,\n    decimalPart?.length,\n    decimalSeparator,\n    focus,\n    placeholder,\n    value,\n    valueWithFullDecimals,\n  ]);\n\n  const style = useInputStyle({\n    // whenever decimals are shown, we need to account for the full decimal part for the font size calculation\n    value: addonContent ? valueWithFullDecimals : value,\n    focus: visualFocus,\n    inputElement: ref.current,\n    loading,\n  });\n\n  return (\n    <div className=\"wds-amount-input-container\">\n      <div\n        className={clsx('wds-amount-input-input-container', 'np-text-display-large')}\n        style={style}\n      >\n        <input\n          ref={ref}\n          className=\"wds-amount-input-input\"\n          id={id}\n          autoComplete=\"off\"\n          inputMode=\"decimal\"\n          value={value}\n          type=\"text\"\n          placeholder={placeholder}\n          aria-describedby={describedById}\n          /* without this, the input tries to keep an aspect ratio and doesn't respect CSS width rules */\n          size={1}\n          onChange={(e) => {\n            if (isAllowedInput(e)) {\n              handleChange(e.target.value);\n            }\n          }}\n          onBlurCapture={() => handleBlur()}\n          onPaste={(e) => handlePaste(e)}\n          onFocus={() => {\n            setFocus(true);\n          }}\n          onBlur={() => {\n            setTimeout(() => setVisualFocus(false), 30);\n          }}\n          onKeyDown={(e) => handleKeyDown(e)}\n        />\n        <AnimatePresence initial={false}>\n          {addonContent !== null && (\n            <AnimatedNumber\n              className={clsx(\n                'wds-amount-input-placeholder',\n                visualFocus && 'wds-amount-input-placeholder-focus',\n              )}\n              onClick={() => ref.current?.focus()}\n            >\n              {addonContent}\n            </AnimatedNumber>\n          )}\n        </AnimatePresence>\n      </div>\n    </div>\n  );\n};\n\nconst getPlaceholder = (currency: string, locale: string) => {\n  return formatAmount(0, currency, locale, { alwaysShowDecimals: true });\n};\n\nconst getDecimalPart = (value: string, decimalSeparator: string | null) => {\n  if (!value || !decimalSeparator) {\n    return undefined;\n  }\n\n  const [_, decimalPart] = value.split(decimalSeparator);\n  return decimalPart ?? undefined;\n};\n"],"names":["AmountInput","id","describedById","amount","currency","autoFocus","onChange","onFocusChange","loading","intl","useIntl","focus","setFocus","visualFocus","setVisualFocus","useFocus","value","setValue","useState","getFormattedString","locale","numericValue","useMemo","getUnformattedNumber","valueWithFullDecimals","alwaysShowDecimals","ref","useRef","useEffect","current","placeholder","getPlaceholder","groupSeparator","getGroupSeparator","decimalSeparator","getDecimalSeparator","maxDecimalCount","getDecimalCount","decimalPart","getDecimalPart","decimalMode","includes","shouldReformatAfterUserInput","newValue","reformatValue","endsWithDecimalSeparator","endsWith","endsWithGroupSeparator","containsDecimalSeparator","enteredDecimalsCount","getEnteredDecimalsCount","unformattedValue","formattedValue","handleChange","oldCursorPosition","selectionStart","newFormattedString","newNumber","newCursorPosition","length","requestAnimationFrame","setSelectionRange","handlePaste","e","preventDefault","clipboardData","getData","sanitisedValue","handleBlur","handleBackspace","input","target","currentValue","selectionEnd","charBeforeCursor","beforeCursor","slice","afterCursor","handleKeyDown","isAllowedInputKey","key","isAllowedInput","hasMultipleDecimalSeparators","split","newNumericValue","maxLength","Number","MAX_SAFE_INTEGER","toString","String","addonContent","isInputPossiblyOverflowing","fullDecimalPart","_","decimalPlaceholder","style","useInputStyle","inputElement","_jsx","className","children","_jsxs","clsx","autoComplete","inputMode","type","size","onBlurCapture","onPaste","onFocus","onBlur","setTimeout","onKeyDown","AnimatePresence","initial","AnimatedNumber","onClick","formatAmount","undefined"],"mappings":"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"}
+{"version":3,"file":"AmountInput.js","sources":["../../../src/expressiveMoneyInput/amountInput/AmountInput.tsx"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\nimport { clsx } from 'clsx';\nimport { AnimatePresence } from 'framer-motion';\nimport { type ChangeEvent, type KeyboardEvent, useEffect, useMemo, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { AnimatedNumber } from '../animatedNumber/AnimatedNumber';\nimport { useFocus } from '../hooks/useFocus';\nimport { useInputStyle } from '../hooks/useInputStyle';\nimport {\n  getDecimalCount,\n  getDecimalSeparator,\n  getEnteredDecimalsCount,\n  getFormattedString,\n  getGroupSeparator,\n  getUnformattedNumber,\n  isAllowedInputKey,\n  isInputPossiblyOverflowing,\n} from './utils';\n\ntype Props = {\n  id: string;\n  describedById?: string;\n  amount?: number | null;\n  currency: string;\n  autoFocus?: boolean;\n  onChange: (amount: number | null) => void;\n  onFocusChange?: (focused: boolean) => void;\n} & Pick<ExpressiveMoneyInputProps, 'loading'>;\n\nexport const AmountInput = ({\n  id,\n  describedById,\n  amount,\n  currency,\n  autoFocus,\n  onChange,\n  onFocusChange,\n  loading,\n}: Props) => {\n  const intl = useIntl();\n  const { focus, setFocus, visualFocus, setVisualFocus } = useFocus();\n\n  const [value, setValue] = useState<string>(\n    amount\n      ? getFormattedString({\n          value: amount,\n          currency,\n          locale: intl.locale,\n        })\n      : '',\n  );\n  const numericValue = useMemo(() => {\n    return getUnformattedNumber({\n      value,\n      currency,\n      locale: intl.locale,\n    });\n  }, [value, currency, intl.locale]);\n\n  const valueWithFullDecimals = useMemo(() => {\n    return getFormattedString({\n      value: numericValue ?? 0,\n      currency,\n      locale: intl.locale,\n      alwaysShowDecimals: true,\n    });\n  }, [numericValue, currency, intl.locale]);\n\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (autoFocus) {\n      ref.current?.focus();\n    }\n  }, []);\n\n  const placeholder = getPlaceholder(currency, intl.locale);\n  const groupSeparator = getGroupSeparator(currency, intl.locale);\n  const decimalSeparator = getDecimalSeparator(currency, intl.locale);\n  const maxDecimalCount = getDecimalCount(currency, intl.locale);\n\n  const decimalPart = getDecimalPart(value, decimalSeparator);\n  const decimalMode = decimalSeparator && value.includes(decimalSeparator);\n\n  useEffect(() => {\n    if (!focus) {\n      setValue(\n        amount\n          ? getFormattedString({\n              value: amount,\n              currency,\n              locale: intl.locale,\n            })\n          : '',\n      );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [amount]);\n\n  useEffect(() => {\n    onFocusChange?.(visualFocus);\n  }, [visualFocus]);\n\n  const shouldReformatAfterUserInput = (newValue: string) => {\n    // don't reformat if formatting would wipe out user's input\n    if (reformatValue(newValue) === '') {\n      return false;\n    }\n\n    const endsWithDecimalSeparator = decimalSeparator && newValue.endsWith(decimalSeparator);\n    const endsWithGroupSeparator = groupSeparator && newValue.endsWith(groupSeparator);\n\n    // if the user has entered a seperator to the end, formatting would delete it\n    if (endsWithDecimalSeparator || endsWithGroupSeparator) {\n      return false;\n    }\n\n    const containsDecimalSeparator = decimalSeparator && newValue.includes(decimalSeparator);\n\n    if (containsDecimalSeparator) {\n      const enteredDecimalsCount = getEnteredDecimalsCount(newValue, decimalSeparator);\n      // don't reformat until user has entered all the allowed decimals\n      // for example, we don't want 1.1 to be reformatted to 1.10 immediately\n      if (enteredDecimalsCount < maxDecimalCount) {\n        return false;\n      }\n    }\n\n    return true;\n  };\n\n  const reformatValue = (newValue: string) => {\n    const unformattedValue = getUnformattedNumber({\n      value: newValue,\n      currency,\n      locale: intl.locale,\n    });\n    const formattedValue = unformattedValue\n      ? getFormattedString({\n          value: unformattedValue,\n          currency,\n          locale: intl.locale,\n        })\n      : '';\n    return formattedValue;\n  };\n\n  const handleChange = (newValue: string) => {\n    const oldCursorPosition = ref.current?.selectionStart ?? 0;\n\n    const newFormattedString = shouldReformatAfterUserInput(newValue)\n      ? reformatValue(newValue)\n      : newValue;\n    setValue(newFormattedString);\n\n    const newNumber = getUnformattedNumber({\n      value: newFormattedString,\n      currency,\n      locale: intl.locale,\n    });\n\n    if (newNumber !== numericValue) {\n      if (numericValue || newNumber) {\n        onChange(newNumber);\n      }\n    }\n\n    const newCursorPosition = oldCursorPosition + (newFormattedString.length - newValue.length);\n    requestAnimationFrame(() => {\n      ref?.current?.setSelectionRange(newCursorPosition, newCursorPosition);\n    });\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    e.preventDefault();\n\n    const clipboardData = e.clipboardData?.getData('text/plain');\n    if (!clipboardData) {\n      return;\n    }\n\n    // need to sanitise the pasted value otherwise other validation logic will ignore the input entirely\n    const sanitisedValue = reformatValue(clipboardData);\n\n    handleChange(sanitisedValue);\n  };\n\n  const handleBlur = () => {\n    setFocus(false);\n    setValue(reformatValue(value));\n  };\n\n  const handleBackspace = (e: KeyboardEvent<HTMLInputElement>) => {\n    const input = e.target as HTMLInputElement;\n    // using the updated selection range after the backspace key has been processed, instead of the current selection range in state\n    const { value: currentValue, selectionStart, selectionEnd } = input;\n\n    if (selectionStart === selectionEnd && selectionStart && selectionStart > 0) {\n      const charBeforeCursor = currentValue[selectionStart - 1];\n\n      // if the user deletes a thousands separator, remove the digit before it as well\n      if (charBeforeCursor === groupSeparator) {\n        e.preventDefault();\n        const beforeCursor = currentValue.slice(0, selectionStart - 2);\n        const afterCursor = currentValue.slice(selectionStart);\n        const newValue = `${beforeCursor}${afterCursor}`;\n        input.setSelectionRange(beforeCursor.length, beforeCursor.length);\n        handleChange(newValue);\n      }\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    setFocus(true);\n    if (!isAllowedInputKey(e)) {\n      e.preventDefault();\n    }\n\n    if (e.key === 'Backspace') {\n      handleBackspace(e);\n    }\n  };\n\n  const isAllowedInput = (e: ChangeEvent<HTMLInputElement>) => {\n    const hasMultipleDecimalSeparators =\n      decimalSeparator && e.target.value.split(decimalSeparator).length > 2;\n    if (hasMultipleDecimalSeparators) {\n      return false;\n    }\n\n    const newNumericValue = getUnformattedNumber({\n      value: e.target.value,\n      currency,\n      locale: intl.locale,\n    });\n    const maxLength = Number.MAX_SAFE_INTEGER.toString().length;\n    if (String(newNumericValue).length > maxLength) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const addonContent = useMemo((): string | null | undefined => {\n    // because we're using a separate \"addon\" element for the placeholder decimals, there is a possibility that the input itself will become scrollable\n    // and the decimals will appear on top of the input. Safest thing to do is to just hide the addon if there is not enough room\n    if (isInputPossiblyOverflowing({ ref, value })) {\n      return null;\n    }\n    if (!decimalSeparator || !value) {\n      return null;\n    }\n\n    // if the user has typed a decimal separator, show the full decimal part as a placeholder\n    // this returns a string even if there is no content, typing should replace the placeholder immediately without animation\n    // otherwise there is an ugly animation when going from 1.23 to 1.2 due to AnimatePresence\n    if (focus && decimalMode) {\n      // reuse getDecimalPart\n      const fullDecimalPart = getDecimalPart(valueWithFullDecimals, decimalSeparator);\n      // show only the characters that are not already displayed by the input\n      return fullDecimalPart?.slice(decimalPart?.length);\n    }\n\n    // in unfocused state, always show the full decimal part unless the user has already entered decimals\n    if (!focus && !decimalMode) {\n      const [_, decimalPlaceholder] = placeholder.split(decimalSeparator);\n      return decimalSeparator + decimalPlaceholder;\n    }\n\n    return null;\n  }, [\n    decimalMode,\n    decimalPart?.length,\n    decimalSeparator,\n    focus,\n    placeholder,\n    value,\n    valueWithFullDecimals,\n  ]);\n\n  const style = useInputStyle({\n    // whenever decimals are shown, we need to account for the full decimal part for the font size calculation\n    value: addonContent ? valueWithFullDecimals : value,\n    focus: visualFocus,\n    inputElement: ref.current,\n    loading,\n  });\n\n  return (\n    <div className=\"wds-amount-input-container\">\n      <div\n        className={clsx('wds-amount-input-input-container', 'np-text-display-large--forced')}\n        style={style}\n      >\n        <input\n          ref={ref}\n          className=\"wds-amount-input-input\"\n          id={id}\n          autoComplete=\"off\"\n          inputMode=\"decimal\"\n          value={value}\n          type=\"text\"\n          placeholder={placeholder}\n          aria-describedby={describedById}\n          /* without this, the input tries to keep an aspect ratio and doesn't respect CSS width rules */\n          size={1}\n          onChange={(e) => {\n            if (isAllowedInput(e)) {\n              handleChange(e.target.value);\n            }\n          }}\n          onBlurCapture={() => handleBlur()}\n          onPaste={(e) => handlePaste(e)}\n          onFocus={() => {\n            setFocus(true);\n          }}\n          onBlur={() => {\n            setTimeout(() => setVisualFocus(false), 30);\n          }}\n          onKeyDown={(e) => handleKeyDown(e)}\n        />\n        <AnimatePresence initial={false}>\n          {addonContent !== null && (\n            <AnimatedNumber\n              className={clsx(\n                'wds-amount-input-placeholder',\n                visualFocus && 'wds-amount-input-placeholder-focus',\n              )}\n              onClick={() => ref.current?.focus()}\n            >\n              {addonContent}\n            </AnimatedNumber>\n          )}\n        </AnimatePresence>\n      </div>\n    </div>\n  );\n};\n\nconst getPlaceholder = (currency: string, locale: string) => {\n  return formatAmount(0, currency, locale, { alwaysShowDecimals: true });\n};\n\nconst getDecimalPart = (value: string, decimalSeparator: string | null) => {\n  if (!value || !decimalSeparator) {\n    return undefined;\n  }\n\n  const [_, decimalPart] = value.split(decimalSeparator);\n  return decimalPart ?? undefined;\n};\n"],"names":["AmountInput","id","describedById","amount","currency","autoFocus","onChange","onFocusChange","loading","intl","useIntl","focus","setFocus","visualFocus","setVisualFocus","useFocus","value","setValue","useState","getFormattedString","locale","numericValue","useMemo","getUnformattedNumber","valueWithFullDecimals","alwaysShowDecimals","ref","useRef","useEffect","current","placeholder","getPlaceholder","groupSeparator","getGroupSeparator","decimalSeparator","getDecimalSeparator","maxDecimalCount","getDecimalCount","decimalPart","getDecimalPart","decimalMode","includes","shouldReformatAfterUserInput","newValue","reformatValue","endsWithDecimalSeparator","endsWith","endsWithGroupSeparator","containsDecimalSeparator","enteredDecimalsCount","getEnteredDecimalsCount","unformattedValue","formattedValue","handleChange","oldCursorPosition","selectionStart","newFormattedString","newNumber","newCursorPosition","length","requestAnimationFrame","setSelectionRange","handlePaste","e","preventDefault","clipboardData","getData","sanitisedValue","handleBlur","handleBackspace","input","target","currentValue","selectionEnd","charBeforeCursor","beforeCursor","slice","afterCursor","handleKeyDown","isAllowedInputKey","key","isAllowedInput","hasMultipleDecimalSeparators","split","newNumericValue","maxLength","Number","MAX_SAFE_INTEGER","toString","String","addonContent","isInputPossiblyOverflowing","fullDecimalPart","_","decimalPlaceholder","style","useInputStyle","inputElement","_jsx","className","children","_jsxs","clsx","autoComplete","inputMode","type","size","onBlurCapture","onPaste","onFocus","onBlur","setTimeout","onKeyDown","AnimatePresence","initial","AnimatedNumber","onClick","formatAmount","undefined"],"mappings":";;;;;;;;;;;;;AA+BO,MAAMA,WAAW,GAAGA,CAAC;EAC1BC,EAAE;EACFC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,QAAQ;EACRC,aAAa;AACbC,EAAAA;AAAO,CACD,KAAI;AACV,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;EACtB,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;AAAEC,IAAAA;GAAgB,GAAGC,iBAAQ,EAAE;EAEnE,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAQ,CAChCf,MAAM,GACFgB,wBAAkB,CAAC;AACjBH,IAAAA,KAAK,EAAEb,MAAM;IACbC,QAAQ;IACRgB,MAAM,EAAEX,IAAI,CAACW;GACd,CAAC,GACF,EAAE,CACP;AACD,EAAA,MAAMC,YAAY,GAAGC,aAAO,CAAC,MAAK;AAChC,IAAA,OAAOC,0BAAoB,CAAC;MAC1BP,KAAK;MACLZ,QAAQ;MACRgB,MAAM,EAAEX,IAAI,CAACW;AACd,KAAA,CAAC;EACJ,CAAC,EAAE,CAACJ,KAAK,EAAEZ,QAAQ,EAAEK,IAAI,CAACW,MAAM,CAAC,CAAC;AAElC,EAAA,MAAMI,qBAAqB,GAAGF,aAAO,CAAC,MAAK;AACzC,IAAA,OAAOH,wBAAkB,CAAC;MACxBH,KAAK,EAAEK,YAAY,IAAI,CAAC;MACxBjB,QAAQ;MACRgB,MAAM,EAAEX,IAAI,CAACW,MAAM;AACnBK,MAAAA,kBAAkB,EAAE;AACrB,KAAA,CAAC;EACJ,CAAC,EAAE,CAACJ,YAAY,EAAEjB,QAAQ,EAAEK,IAAI,CAACW,MAAM,CAAC,CAAC;AAEzC,EAAA,MAAMM,GAAG,GAAGC,YAAM,CAAmB,IAAI,CAAC;AAE1CC,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIvB,SAAS,EAAE;AACbqB,MAAAA,GAAG,CAACG,OAAO,EAAElB,KAAK,EAAE;AACtB,IAAA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMmB,WAAW,GAAGC,cAAc,CAAC3B,QAAQ,EAAEK,IAAI,CAACW,MAAM,CAAC;EACzD,MAAMY,cAAc,GAAGC,uBAAiB,CAAC7B,QAAQ,EAAEK,IAAI,CAACW,MAAM,CAAC;EAC/D,MAAMc,gBAAgB,GAAGC,yBAAmB,CAAC/B,QAAQ,EAAEK,IAAI,CAACW,MAAM,CAAC;EACnE,MAAMgB,eAAe,GAAGC,qBAAe,CAACjC,QAAQ,EAAEK,IAAI,CAACW,MAAM,CAAC;AAE9D,EAAA,MAAMkB,WAAW,GAAGC,cAAc,CAACvB,KAAK,EAAEkB,gBAAgB,CAAC;EAC3D,MAAMM,WAAW,GAAGN,gBAAgB,IAAIlB,KAAK,CAACyB,QAAQ,CAACP,gBAAgB,CAAC;AAExEN,EAAAA,eAAS,CAAC,MAAK;IACb,IAAI,CAACjB,KAAK,EAAE;AACVM,MAAAA,QAAQ,CACNd,MAAM,GACFgB,wBAAkB,CAAC;AACjBH,QAAAA,KAAK,EAAEb,MAAM;QACbC,QAAQ;QACRgB,MAAM,EAAEX,IAAI,CAACW;OACd,CAAC,GACF,EAAE,CACP;AACH,IAAA;AACA;AACF,EAAA,CAAC,EAAE,CAACjB,MAAM,CAAC,CAAC;AAEZyB,EAAAA,eAAS,CAAC,MAAK;IACbrB,aAAa,GAAGM,WAAW,CAAC;AAC9B,EAAA,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAM6B,4BAA4B,GAAIC,QAAgB,IAAI;AACxD;AACA,IAAA,IAAIC,aAAa,CAACD,QAAQ,CAAC,KAAK,EAAE,EAAE;AAClC,MAAA,OAAO,KAAK;AACd,IAAA;IAEA,MAAME,wBAAwB,GAAGX,gBAAgB,IAAIS,QAAQ,CAACG,QAAQ,CAACZ,gBAAgB,CAAC;IACxF,MAAMa,sBAAsB,GAAGf,cAAc,IAAIW,QAAQ,CAACG,QAAQ,CAACd,cAAc,CAAC;AAElF;IACA,IAAIa,wBAAwB,IAAIE,sBAAsB,EAAE;AACtD,MAAA,OAAO,KAAK;AACd,IAAA;IAEA,MAAMC,wBAAwB,GAAGd,gBAAgB,IAAIS,QAAQ,CAACF,QAAQ,CAACP,gBAAgB,CAAC;AAExF,IAAA,IAAIc,wBAAwB,EAAE;AAC5B,MAAA,MAAMC,oBAAoB,GAAGC,6BAAuB,CAACP,QAAQ,EAAET,gBAAgB,CAAC;AAChF;AACA;MACA,IAAIe,oBAAoB,GAAGb,eAAe,EAAE;AAC1C,QAAA,OAAO,KAAK;AACd,MAAA;AACF,IAAA;AAEA,IAAA,OAAO,IAAI;EACb,CAAC;EAED,MAAMQ,aAAa,GAAID,QAAgB,IAAI;IACzC,MAAMQ,gBAAgB,GAAG5B,0BAAoB,CAAC;AAC5CP,MAAAA,KAAK,EAAE2B,QAAQ;MACfvC,QAAQ;MACRgB,MAAM,EAAEX,IAAI,CAACW;AACd,KAAA,CAAC;AACF,IAAA,MAAMgC,cAAc,GAAGD,gBAAgB,GACnChC,wBAAkB,CAAC;AACjBH,MAAAA,KAAK,EAAEmC,gBAAgB;MACvB/C,QAAQ;MACRgB,MAAM,EAAEX,IAAI,CAACW;KACd,CAAC,GACF,EAAE;AACN,IAAA,OAAOgC,cAAc;EACvB,CAAC;EAED,MAAMC,YAAY,GAAIV,QAAgB,IAAI;IACxC,MAAMW,iBAAiB,GAAG5B,GAAG,CAACG,OAAO,EAAE0B,cAAc,IAAI,CAAC;AAE1D,IAAA,MAAMC,kBAAkB,GAAGd,4BAA4B,CAACC,QAAQ,CAAC,GAC7DC,aAAa,CAACD,QAAQ,CAAC,GACvBA,QAAQ;IACZ1B,QAAQ,CAACuC,kBAAkB,CAAC;IAE5B,MAAMC,SAAS,GAAGlC,0BAAoB,CAAC;AACrCP,MAAAA,KAAK,EAAEwC,kBAAkB;MACzBpD,QAAQ;MACRgB,MAAM,EAAEX,IAAI,CAACW;AACd,KAAA,CAAC;IAEF,IAAIqC,SAAS,KAAKpC,YAAY,EAAE;MAC9B,IAAIA,YAAY,IAAIoC,SAAS,EAAE;QAC7BnD,QAAQ,CAACmD,SAAS,CAAC;AACrB,MAAA;AACF,IAAA;IAEA,MAAMC,iBAAiB,GAAGJ,iBAAiB,IAAIE,kBAAkB,CAACG,MAAM,GAAGhB,QAAQ,CAACgB,MAAM,CAAC;AAC3FC,IAAAA,qBAAqB,CAAC,MAAK;MACzBlC,GAAG,EAAEG,OAAO,EAAEgC,iBAAiB,CAACH,iBAAiB,EAAEA,iBAAiB,CAAC;AACvE,IAAA,CAAC,CAAC;EACJ,CAAC;EAED,MAAMI,WAAW,GAAIC,CAAyC,IAAI;IAChEA,CAAC,CAACC,cAAc,EAAE;IAElB,MAAMC,aAAa,GAAGF,CAAC,CAACE,aAAa,EAAEC,OAAO,CAAC,YAAY,CAAC;IAC5D,IAAI,CAACD,aAAa,EAAE;AAClB,MAAA;AACF,IAAA;AAEA;AACA,IAAA,MAAME,cAAc,GAAGvB,aAAa,CAACqB,aAAa,CAAC;IAEnDZ,YAAY,CAACc,cAAc,CAAC;EAC9B,CAAC;EAED,MAAMC,UAAU,GAAGA,MAAK;IACtBxD,QAAQ,CAAC,KAAK,CAAC;AACfK,IAAAA,QAAQ,CAAC2B,aAAa,CAAC5B,KAAK,CAAC,CAAC;EAChC,CAAC;EAED,MAAMqD,eAAe,GAAIN,CAAkC,IAAI;AAC7D,IAAA,MAAMO,KAAK,GAAGP,CAAC,CAACQ,MAA0B;AAC1C;IACA,MAAM;AAAEvD,MAAAA,KAAK,EAAEwD,YAAY;MAAEjB,cAAc;AAAEkB,MAAAA;AAAY,KAAE,GAAGH,KAAK;IAEnE,IAAIf,cAAc,KAAKkB,YAAY,IAAIlB,cAAc,IAAIA,cAAc,GAAG,CAAC,EAAE;AAC3E,MAAA,MAAMmB,gBAAgB,GAAGF,YAAY,CAACjB,cAAc,GAAG,CAAC,CAAC;AAEzD;MACA,IAAImB,gBAAgB,KAAK1C,cAAc,EAAE;QACvC+B,CAAC,CAACC,cAAc,EAAE;QAClB,MAAMW,YAAY,GAAGH,YAAY,CAACI,KAAK,CAAC,CAAC,EAAErB,cAAc,GAAG,CAAC,CAAC;AAC9D,QAAA,MAAMsB,WAAW,GAAGL,YAAY,CAACI,KAAK,CAACrB,cAAc,CAAC;AACtD,QAAA,MAAMZ,QAAQ,GAAG,CAAA,EAAGgC,YAAY,CAAA,EAAGE,WAAW,CAAA,CAAE;QAChDP,KAAK,CAACT,iBAAiB,CAACc,YAAY,CAAChB,MAAM,EAAEgB,YAAY,CAAChB,MAAM,CAAC;QACjEN,YAAY,CAACV,QAAQ,CAAC;AACxB,MAAA;AACF,IAAA;EACF,CAAC;EAED,MAAMmC,aAAa,GAAIf,CAAkC,IAAI;IAC3DnD,QAAQ,CAAC,IAAI,CAAC;AACd,IAAA,IAAI,CAACmE,uBAAiB,CAAChB,CAAC,CAAC,EAAE;MACzBA,CAAC,CAACC,cAAc,EAAE;AACpB,IAAA;AAEA,IAAA,IAAID,CAAC,CAACiB,GAAG,KAAK,WAAW,EAAE;MACzBX,eAAe,CAACN,CAAC,CAAC;AACpB,IAAA;EACF,CAAC;EAED,MAAMkB,cAAc,GAAIlB,CAAgC,IAAI;AAC1D,IAAA,MAAMmB,4BAA4B,GAChChD,gBAAgB,IAAI6B,CAAC,CAACQ,MAAM,CAACvD,KAAK,CAACmE,KAAK,CAACjD,gBAAgB,CAAC,CAACyB,MAAM,GAAG,CAAC;AACvE,IAAA,IAAIuB,4BAA4B,EAAE;AAChC,MAAA,OAAO,KAAK;AACd,IAAA;IAEA,MAAME,eAAe,GAAG7D,0BAAoB,CAAC;AAC3CP,MAAAA,KAAK,EAAE+C,CAAC,CAACQ,MAAM,CAACvD,KAAK;MACrBZ,QAAQ;MACRgB,MAAM,EAAEX,IAAI,CAACW;AACd,KAAA,CAAC;IACF,MAAMiE,SAAS,GAAGC,MAAM,CAACC,gBAAgB,CAACC,QAAQ,EAAE,CAAC7B,MAAM;IAC3D,IAAI8B,MAAM,CAACL,eAAe,CAAC,CAACzB,MAAM,GAAG0B,SAAS,EAAE;AAC9C,MAAA,OAAO,KAAK;AACd,IAAA;AAEA,IAAA,OAAO,IAAI;EACb,CAAC;AAED,EAAA,MAAMK,YAAY,GAAGpE,aAAO,CAAC,MAAgC;AAC3D;AACA;AACA,IAAA,IAAIqE,gCAA0B,CAAC;MAAEjE,GAAG;AAAEV,MAAAA;AAAK,KAAE,CAAC,EAAE;AAC9C,MAAA,OAAO,IAAI;AACb,IAAA;AACA,IAAA,IAAI,CAACkB,gBAAgB,IAAI,CAAClB,KAAK,EAAE;AAC/B,MAAA,OAAO,IAAI;AACb,IAAA;AAEA;AACA;AACA;IACA,IAAIL,KAAK,IAAI6B,WAAW,EAAE;AACxB;AACA,MAAA,MAAMoD,eAAe,GAAGrD,cAAc,CAACf,qBAAqB,EAAEU,gBAAgB,CAAC;AAC/E;AACA,MAAA,OAAO0D,eAAe,EAAEhB,KAAK,CAACtC,WAAW,EAAEqB,MAAM,CAAC;AACpD,IAAA;AAEA;AACA,IAAA,IAAI,CAAChD,KAAK,IAAI,CAAC6B,WAAW,EAAE;MAC1B,MAAM,CAACqD,CAAC,EAAEC,kBAAkB,CAAC,GAAGhE,WAAW,CAACqD,KAAK,CAACjD,gBAAgB,CAAC;MACnE,OAAOA,gBAAgB,GAAG4D,kBAAkB;AAC9C,IAAA;AAEA,IAAA,OAAO,IAAI;AACb,EAAA,CAAC,EAAE,CACDtD,WAAW,EACXF,WAAW,EAAEqB,MAAM,EACnBzB,gBAAgB,EAChBvB,KAAK,EACLmB,WAAW,EACXd,KAAK,EACLQ,qBAAqB,CACtB,CAAC;EAEF,MAAMuE,KAAK,GAAGC,2BAAa,CAAC;AAC1B;AACAhF,IAAAA,KAAK,EAAE0E,YAAY,GAAGlE,qBAAqB,GAAGR,KAAK;AACnDL,IAAAA,KAAK,EAAEE,WAAW;IAClBoF,YAAY,EAAEvE,GAAG,CAACG,OAAO;AACzBrB,IAAAA;AACD,GAAA,CAAC;AAEF,EAAA,oBACE0F,cAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAA4B;AAAAC,IAAAA,QAAA,eACzCC,eAAA,CAAA,KAAA,EAAA;AACEF,MAAAA,SAAS,EAAEG,SAAI,CAAC,kCAAkC,EAAE,+BAA+B,CAAE;AACrFP,MAAAA,KAAK,EAAEA,KAAM;AAAAK,MAAAA,QAAA,gBAEbF,cAAA,CAAA,OAAA,EAAA;AACExE,QAAAA,GAAG,EAAEA,GAAI;AACTyE,QAAAA,SAAS,EAAC,wBAAwB;AAClClG,QAAAA,EAAE,EAAEA,EAAG;AACPsG,QAAAA,YAAY,EAAC,KAAK;AAClBC,QAAAA,SAAS,EAAC,SAAS;AACnBxF,QAAAA,KAAK,EAAEA,KAAM;AACbyF,QAAAA,IAAI,EAAC,MAAM;AACX3E,QAAAA,WAAW,EAAEA,WAAY;QACzB,kBAAA,EAAkB5B;AAClB;AACAwG,QAAAA,IAAI,EAAE,CAAE;QACRpG,QAAQ,EAAGyD,CAAC,IAAI;AACd,UAAA,IAAIkB,cAAc,CAAClB,CAAC,CAAC,EAAE;AACrBV,YAAAA,YAAY,CAACU,CAAC,CAACQ,MAAM,CAACvD,KAAK,CAAC;AAC9B,UAAA;QACF,CAAE;AACF2F,QAAAA,aAAa,EAAEA,MAAMvC,UAAU,EAAG;AAClCwC,QAAAA,OAAO,EAAG7C,CAAC,IAAKD,WAAW,CAACC,CAAC,CAAE;QAC/B8C,OAAO,EAAEA,MAAK;UACZjG,QAAQ,CAAC,IAAI,CAAC;QAChB,CAAE;QACFkG,MAAM,EAAEA,MAAK;UACXC,UAAU,CAAC,MAAMjG,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;QAC7C,CAAE;AACFkG,QAAAA,SAAS,EAAGjD,CAAC,IAAKe,aAAa,CAACf,CAAC;AAAE,OAAA,CAErC,eAAAmC,cAAA,CAACe,4BAAe,EAAA;AAACC,QAAAA,OAAO,EAAE,KAAM;AAAAd,QAAAA,QAAA,EAC7BV,YAAY,KAAK,IAAI,iBACpBQ,cAAA,CAACiB,6BAAc,EAAA;UACbhB,SAAS,EAAEG,SAAI,CACb,8BAA8B,EAC9BzF,WAAW,IAAI,oCAAoC,CACnD;UACFuG,OAAO,EAAEA,MAAM1F,GAAG,CAACG,OAAO,EAAElB,KAAK,EAAG;AAAAyF,UAAAA,QAAA,EAEnCV;SACa;AACjB,OACc,CACnB;KAAK;AACP,GAAK,CAAC;AAEV;AAEA,MAAM3D,cAAc,GAAGA,CAAC3B,QAAgB,EAAEgB,MAAc,KAAI;AAC1D,EAAA,OAAOiG,uBAAY,CAAC,CAAC,EAAEjH,QAAQ,EAAEgB,MAAM,EAAE;AAAEK,IAAAA,kBAAkB,EAAE;AAAI,GAAE,CAAC;AACxE,CAAC;AAED,MAAMc,cAAc,GAAGA,CAACvB,KAAa,EAAEkB,gBAA+B,KAAI;AACxE,EAAA,IAAI,CAAClB,KAAK,IAAI,CAACkB,gBAAgB,EAAE;AAC/B,IAAA,OAAOoF,SAAS;AAClB,EAAA;EAEA,MAAM,CAACzB,CAAC,EAAEvD,WAAW,CAAC,GAAGtB,KAAK,CAACmE,KAAK,CAACjD,gBAAgB,CAAC;EACtD,OAAOI,WAAW,IAAIgF,SAAS;AACjC,CAAC;;;;"}

package/build/expressiveMoneyInput/amountInput/AmountInput.mjs

@@ -223,7 +223,7 @@ const AmountInput = ({
   return /*#__PURE__*/jsx("div", {
     className: "wds-amount-input-container",
     children: /*#__PURE__*/jsxs("div", {
-      className: clsx('wds-amount-input-input-container', 'np-text-display-large'),
+      className: clsx('wds-amount-input-input-container', 'np-text-display-large--forced'),
       style: style,
       children: [/*#__PURE__*/jsx("input", {
         ref: ref,

package/build/expressiveMoneyInput/amountInput/AmountInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AmountInput.mjs","sources":["../../../src/expressiveMoneyInput/amountInput/AmountInput.tsx"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\nimport { clsx } from 'clsx';\nimport { AnimatePresence } from 'framer-motion';\nimport { type ChangeEvent, type KeyboardEvent, useEffect, useMemo, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { AnimatedNumber } from '../animatedNumber/AnimatedNumber';\nimport { useFocus } from '../hooks/useFocus';\nimport { useInputStyle } from '../hooks/useInputStyle';\nimport {\n  getDecimalCount,\n  getDecimalSeparator,\n  getEnteredDecimalsCount,\n  getFormattedString,\n  getGroupSeparator,\n  getUnformattedNumber,\n  isAllowedInputKey,\n  isInputPossiblyOverflowing,\n} from './utils';\n\ntype Props = {\n  id: string;\n  describedById?: string;\n  amount?: number | null;\n  currency: string;\n  autoFocus?: boolean;\n  onChange: (amount: number | null) => void;\n  onFocusChange?: (focused: boolean) => void;\n} & Pick<ExpressiveMoneyInputProps, 'loading'>;\n\nexport const AmountInput = ({\n  id,\n  describedById,\n  amount,\n  currency,\n  autoFocus,\n  onChange,\n  onFocusChange,\n  loading,\n}: Props) => {\n  const intl = useIntl();\n  const { focus, setFocus, visualFocus, setVisualFocus } = useFocus();\n\n  const [value, setValue] = useState<string>(\n    amount\n      ? getFormattedString({\n          value: amount,\n          currency,\n          locale: intl.locale,\n        })\n      : '',\n  );\n  const numericValue = useMemo(() => {\n    return getUnformattedNumber({\n      value,\n      currency,\n      locale: intl.locale,\n    });\n  }, [value, currency, intl.locale]);\n\n  const valueWithFullDecimals = useMemo(() => {\n    return getFormattedString({\n      value: numericValue ?? 0,\n      currency,\n      locale: intl.locale,\n      alwaysShowDecimals: true,\n    });\n  }, [numericValue, currency, intl.locale]);\n\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (autoFocus) {\n      ref.current?.focus();\n    }\n  }, []);\n\n  const placeholder = getPlaceholder(currency, intl.locale);\n  const groupSeparator = getGroupSeparator(currency, intl.locale);\n  const decimalSeparator = getDecimalSeparator(currency, intl.locale);\n  const maxDecimalCount = getDecimalCount(currency, intl.locale);\n\n  const decimalPart = getDecimalPart(value, decimalSeparator);\n  const decimalMode = decimalSeparator && value.includes(decimalSeparator);\n\n  useEffect(() => {\n    if (!focus) {\n      setValue(\n        amount\n          ? getFormattedString({\n              value: amount,\n              currency,\n              locale: intl.locale,\n            })\n          : '',\n      );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [amount]);\n\n  useEffect(() => {\n    onFocusChange?.(visualFocus);\n  }, [visualFocus]);\n\n  const shouldReformatAfterUserInput = (newValue: string) => {\n    // don't reformat if formatting would wipe out user's input\n    if (reformatValue(newValue) === '') {\n      return false;\n    }\n\n    const endsWithDecimalSeparator = decimalSeparator && newValue.endsWith(decimalSeparator);\n    const endsWithGroupSeparator = groupSeparator && newValue.endsWith(groupSeparator);\n\n    // if the user has entered a seperator to the end, formatting would delete it\n    if (endsWithDecimalSeparator || endsWithGroupSeparator) {\n      return false;\n    }\n\n    const containsDecimalSeparator = decimalSeparator && newValue.includes(decimalSeparator);\n\n    if (containsDecimalSeparator) {\n      const enteredDecimalsCount = getEnteredDecimalsCount(newValue, decimalSeparator);\n      // don't reformat until user has entered all the allowed decimals\n      // for example, we don't want 1.1 to be reformatted to 1.10 immediately\n      if (enteredDecimalsCount < maxDecimalCount) {\n        return false;\n      }\n    }\n\n    return true;\n  };\n\n  const reformatValue = (newValue: string) => {\n    const unformattedValue = getUnformattedNumber({\n      value: newValue,\n      currency,\n      locale: intl.locale,\n    });\n    const formattedValue = unformattedValue\n      ? getFormattedString({\n          value: unformattedValue,\n          currency,\n          locale: intl.locale,\n        })\n      : '';\n    return formattedValue;\n  };\n\n  const handleChange = (newValue: string) => {\n    const oldCursorPosition = ref.current?.selectionStart ?? 0;\n\n    const newFormattedString = shouldReformatAfterUserInput(newValue)\n      ? reformatValue(newValue)\n      : newValue;\n    setValue(newFormattedString);\n\n    const newNumber = getUnformattedNumber({\n      value: newFormattedString,\n      currency,\n      locale: intl.locale,\n    });\n\n    if (newNumber !== numericValue) {\n      if (numericValue || newNumber) {\n        onChange(newNumber);\n      }\n    }\n\n    const newCursorPosition = oldCursorPosition + (newFormattedString.length - newValue.length);\n    requestAnimationFrame(() => {\n      ref?.current?.setSelectionRange(newCursorPosition, newCursorPosition);\n    });\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    e.preventDefault();\n\n    const clipboardData = e.clipboardData?.getData('text/plain');\n    if (!clipboardData) {\n      return;\n    }\n\n    // need to sanitise the pasted value otherwise other validation logic will ignore the input entirely\n    const sanitisedValue = reformatValue(clipboardData);\n\n    handleChange(sanitisedValue);\n  };\n\n  const handleBlur = () => {\n    setFocus(false);\n    setValue(reformatValue(value));\n  };\n\n  const handleBackspace = (e: KeyboardEvent<HTMLInputElement>) => {\n    const input = e.target as HTMLInputElement;\n    // using the updated selection range after the backspace key has been processed, instead of the current selection range in state\n    const { value: currentValue, selectionStart, selectionEnd } = input;\n\n    if (selectionStart === selectionEnd && selectionStart && selectionStart > 0) {\n      const charBeforeCursor = currentValue[selectionStart - 1];\n\n      // if the user deletes a thousands separator, remove the digit before it as well\n      if (charBeforeCursor === groupSeparator) {\n        e.preventDefault();\n        const beforeCursor = currentValue.slice(0, selectionStart - 2);\n        const afterCursor = currentValue.slice(selectionStart);\n        const newValue = `${beforeCursor}${afterCursor}`;\n        input.setSelectionRange(beforeCursor.length, beforeCursor.length);\n        handleChange(newValue);\n      }\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    setFocus(true);\n    if (!isAllowedInputKey(e)) {\n      e.preventDefault();\n    }\n\n    if (e.key === 'Backspace') {\n      handleBackspace(e);\n    }\n  };\n\n  const isAllowedInput = (e: ChangeEvent<HTMLInputElement>) => {\n    const hasMultipleDecimalSeparators =\n      decimalSeparator && e.target.value.split(decimalSeparator).length > 2;\n    if (hasMultipleDecimalSeparators) {\n      return false;\n    }\n\n    const newNumericValue = getUnformattedNumber({\n      value: e.target.value,\n      currency,\n      locale: intl.locale,\n    });\n    const maxLength = Number.MAX_SAFE_INTEGER.toString().length;\n    if (String(newNumericValue).length > maxLength) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const addonContent = useMemo((): string | null | undefined => {\n    // because we're using a separate \"addon\" element for the placeholder decimals, there is a possibility that the input itself will become scrollable\n    // and the decimals will appear on top of the input. Safest thing to do is to just hide the addon if there is not enough room\n    if (isInputPossiblyOverflowing({ ref, value })) {\n      return null;\n    }\n    if (!decimalSeparator || !value) {\n      return null;\n    }\n\n    // if the user has typed a decimal separator, show the full decimal part as a placeholder\n    // this returns a string even if there is no content, typing should replace the placeholder immediately without animation\n    // otherwise there is an ugly animation when going from 1.23 to 1.2 due to AnimatePresence\n    if (focus && decimalMode) {\n      // reuse getDecimalPart\n      const fullDecimalPart = getDecimalPart(valueWithFullDecimals, decimalSeparator);\n      // show only the characters that are not already displayed by the input\n      return fullDecimalPart?.slice(decimalPart?.length);\n    }\n\n    // in unfocused state, always show the full decimal part unless the user has already entered decimals\n    if (!focus && !decimalMode) {\n      const [_, decimalPlaceholder] = placeholder.split(decimalSeparator);\n      return decimalSeparator + decimalPlaceholder;\n    }\n\n    return null;\n  }, [\n    decimalMode,\n    decimalPart?.length,\n    decimalSeparator,\n    focus,\n    placeholder,\n    value,\n    valueWithFullDecimals,\n  ]);\n\n  const style = useInputStyle({\n    // whenever decimals are shown, we need to account for the full decimal part for the font size calculation\n    value: addonContent ? valueWithFullDecimals : value,\n    focus: visualFocus,\n    inputElement: ref.current,\n    loading,\n  });\n\n  return (\n    <div className=\"wds-amount-input-container\">\n      <div\n        className={clsx('wds-amount-input-input-container', 'np-text-display-large')}\n        style={style}\n      >\n        <input\n          ref={ref}\n          className=\"wds-amount-input-input\"\n          id={id}\n          autoComplete=\"off\"\n          inputMode=\"decimal\"\n          value={value}\n          type=\"text\"\n          placeholder={placeholder}\n          aria-describedby={describedById}\n          /* without this, the input tries to keep an aspect ratio and doesn't respect CSS width rules */\n          size={1}\n          onChange={(e) => {\n            if (isAllowedInput(e)) {\n              handleChange(e.target.value);\n            }\n          }}\n          onBlurCapture={() => handleBlur()}\n          onPaste={(e) => handlePaste(e)}\n          onFocus={() => {\n            setFocus(true);\n          }}\n          onBlur={() => {\n            setTimeout(() => setVisualFocus(false), 30);\n          }}\n          onKeyDown={(e) => handleKeyDown(e)}\n        />\n        <AnimatePresence initial={false}>\n          {addonContent !== null && (\n            <AnimatedNumber\n              className={clsx(\n                'wds-amount-input-placeholder',\n                visualFocus && 'wds-amount-input-placeholder-focus',\n              )}\n              onClick={() => ref.current?.focus()}\n            >\n              {addonContent}\n            </AnimatedNumber>\n          )}\n        </AnimatePresence>\n      </div>\n    </div>\n  );\n};\n\nconst getPlaceholder = (currency: string, locale: string) => {\n  return formatAmount(0, currency, locale, { alwaysShowDecimals: true });\n};\n\nconst getDecimalPart = (value: string, decimalSeparator: string | null) => {\n  if (!value || !decimalSeparator) {\n    return undefined;\n  }\n\n  const [_, decimalPart] = value.split(decimalSeparator);\n  return decimalPart ?? undefined;\n};\n"],"names":["AmountInput","id","describedById","amount","currency","autoFocus","onChange","onFocusChange","loading","intl","useIntl","focus","setFocus","visualFocus","setVisualFocus","useFocus","value","setValue","useState","getFormattedString","locale","numericValue","useMemo","getUnformattedNumber","valueWithFullDecimals","alwaysShowDecimals","ref","useRef","useEffect","current","placeholder","getPlaceholder","groupSeparator","getGroupSeparator","decimalSeparator","getDecimalSeparator","maxDecimalCount","getDecimalCount","decimalPart","getDecimalPart","decimalMode","includes","shouldReformatAfterUserInput","newValue","reformatValue","endsWithDecimalSeparator","endsWith","endsWithGroupSeparator","containsDecimalSeparator","enteredDecimalsCount","getEnteredDecimalsCount","unformattedValue","formattedValue","handleChange","oldCursorPosition","selectionStart","newFormattedString","newNumber","newCursorPosition","length","requestAnimationFrame","setSelectionRange","handlePaste","e","preventDefault","clipboardData","getData","sanitisedValue","handleBlur","handleBackspace","input","target","currentValue","selectionEnd","charBeforeCursor","beforeCursor","slice","afterCursor","handleKeyDown","isAllowedInputKey","key","isAllowedInput","hasMultipleDecimalSeparators","split","newNumericValue","maxLength","Number","MAX_SAFE_INTEGER","toString","String","addonContent","isInputPossiblyOverflowing","fullDecimalPart","_","decimalPlaceholder","style","useInputStyle","inputElement","_jsx","className","children","_jsxs","clsx","autoComplete","inputMode","type","size","onBlurCapture","onPaste","onFocus","onBlur","setTimeout","onKeyDown","AnimatePresence","initial","AnimatedNumber","onClick","formatAmount","undefined"],"mappings":"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"}
+{"version":3,"file":"AmountInput.mjs","sources":["../../../src/expressiveMoneyInput/amountInput/AmountInput.tsx"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\nimport { clsx } from 'clsx';\nimport { AnimatePresence } from 'framer-motion';\nimport { type ChangeEvent, type KeyboardEvent, useEffect, useMemo, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { Props as ExpressiveMoneyInputProps } from '../ExpressiveMoneyInput';\nimport { AnimatedNumber } from '../animatedNumber/AnimatedNumber';\nimport { useFocus } from '../hooks/useFocus';\nimport { useInputStyle } from '../hooks/useInputStyle';\nimport {\n  getDecimalCount,\n  getDecimalSeparator,\n  getEnteredDecimalsCount,\n  getFormattedString,\n  getGroupSeparator,\n  getUnformattedNumber,\n  isAllowedInputKey,\n  isInputPossiblyOverflowing,\n} from './utils';\n\ntype Props = {\n  id: string;\n  describedById?: string;\n  amount?: number | null;\n  currency: string;\n  autoFocus?: boolean;\n  onChange: (amount: number | null) => void;\n  onFocusChange?: (focused: boolean) => void;\n} & Pick<ExpressiveMoneyInputProps, 'loading'>;\n\nexport const AmountInput = ({\n  id,\n  describedById,\n  amount,\n  currency,\n  autoFocus,\n  onChange,\n  onFocusChange,\n  loading,\n}: Props) => {\n  const intl = useIntl();\n  const { focus, setFocus, visualFocus, setVisualFocus } = useFocus();\n\n  const [value, setValue] = useState<string>(\n    amount\n      ? getFormattedString({\n          value: amount,\n          currency,\n          locale: intl.locale,\n        })\n      : '',\n  );\n  const numericValue = useMemo(() => {\n    return getUnformattedNumber({\n      value,\n      currency,\n      locale: intl.locale,\n    });\n  }, [value, currency, intl.locale]);\n\n  const valueWithFullDecimals = useMemo(() => {\n    return getFormattedString({\n      value: numericValue ?? 0,\n      currency,\n      locale: intl.locale,\n      alwaysShowDecimals: true,\n    });\n  }, [numericValue, currency, intl.locale]);\n\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (autoFocus) {\n      ref.current?.focus();\n    }\n  }, []);\n\n  const placeholder = getPlaceholder(currency, intl.locale);\n  const groupSeparator = getGroupSeparator(currency, intl.locale);\n  const decimalSeparator = getDecimalSeparator(currency, intl.locale);\n  const maxDecimalCount = getDecimalCount(currency, intl.locale);\n\n  const decimalPart = getDecimalPart(value, decimalSeparator);\n  const decimalMode = decimalSeparator && value.includes(decimalSeparator);\n\n  useEffect(() => {\n    if (!focus) {\n      setValue(\n        amount\n          ? getFormattedString({\n              value: amount,\n              currency,\n              locale: intl.locale,\n            })\n          : '',\n      );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [amount]);\n\n  useEffect(() => {\n    onFocusChange?.(visualFocus);\n  }, [visualFocus]);\n\n  const shouldReformatAfterUserInput = (newValue: string) => {\n    // don't reformat if formatting would wipe out user's input\n    if (reformatValue(newValue) === '') {\n      return false;\n    }\n\n    const endsWithDecimalSeparator = decimalSeparator && newValue.endsWith(decimalSeparator);\n    const endsWithGroupSeparator = groupSeparator && newValue.endsWith(groupSeparator);\n\n    // if the user has entered a seperator to the end, formatting would delete it\n    if (endsWithDecimalSeparator || endsWithGroupSeparator) {\n      return false;\n    }\n\n    const containsDecimalSeparator = decimalSeparator && newValue.includes(decimalSeparator);\n\n    if (containsDecimalSeparator) {\n      const enteredDecimalsCount = getEnteredDecimalsCount(newValue, decimalSeparator);\n      // don't reformat until user has entered all the allowed decimals\n      // for example, we don't want 1.1 to be reformatted to 1.10 immediately\n      if (enteredDecimalsCount < maxDecimalCount) {\n        return false;\n      }\n    }\n\n    return true;\n  };\n\n  const reformatValue = (newValue: string) => {\n    const unformattedValue = getUnformattedNumber({\n      value: newValue,\n      currency,\n      locale: intl.locale,\n    });\n    const formattedValue = unformattedValue\n      ? getFormattedString({\n          value: unformattedValue,\n          currency,\n          locale: intl.locale,\n        })\n      : '';\n    return formattedValue;\n  };\n\n  const handleChange = (newValue: string) => {\n    const oldCursorPosition = ref.current?.selectionStart ?? 0;\n\n    const newFormattedString = shouldReformatAfterUserInput(newValue)\n      ? reformatValue(newValue)\n      : newValue;\n    setValue(newFormattedString);\n\n    const newNumber = getUnformattedNumber({\n      value: newFormattedString,\n      currency,\n      locale: intl.locale,\n    });\n\n    if (newNumber !== numericValue) {\n      if (numericValue || newNumber) {\n        onChange(newNumber);\n      }\n    }\n\n    const newCursorPosition = oldCursorPosition + (newFormattedString.length - newValue.length);\n    requestAnimationFrame(() => {\n      ref?.current?.setSelectionRange(newCursorPosition, newCursorPosition);\n    });\n  };\n\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>) => {\n    e.preventDefault();\n\n    const clipboardData = e.clipboardData?.getData('text/plain');\n    if (!clipboardData) {\n      return;\n    }\n\n    // need to sanitise the pasted value otherwise other validation logic will ignore the input entirely\n    const sanitisedValue = reformatValue(clipboardData);\n\n    handleChange(sanitisedValue);\n  };\n\n  const handleBlur = () => {\n    setFocus(false);\n    setValue(reformatValue(value));\n  };\n\n  const handleBackspace = (e: KeyboardEvent<HTMLInputElement>) => {\n    const input = e.target as HTMLInputElement;\n    // using the updated selection range after the backspace key has been processed, instead of the current selection range in state\n    const { value: currentValue, selectionStart, selectionEnd } = input;\n\n    if (selectionStart === selectionEnd && selectionStart && selectionStart > 0) {\n      const charBeforeCursor = currentValue[selectionStart - 1];\n\n      // if the user deletes a thousands separator, remove the digit before it as well\n      if (charBeforeCursor === groupSeparator) {\n        e.preventDefault();\n        const beforeCursor = currentValue.slice(0, selectionStart - 2);\n        const afterCursor = currentValue.slice(selectionStart);\n        const newValue = `${beforeCursor}${afterCursor}`;\n        input.setSelectionRange(beforeCursor.length, beforeCursor.length);\n        handleChange(newValue);\n      }\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    setFocus(true);\n    if (!isAllowedInputKey(e)) {\n      e.preventDefault();\n    }\n\n    if (e.key === 'Backspace') {\n      handleBackspace(e);\n    }\n  };\n\n  const isAllowedInput = (e: ChangeEvent<HTMLInputElement>) => {\n    const hasMultipleDecimalSeparators =\n      decimalSeparator && e.target.value.split(decimalSeparator).length > 2;\n    if (hasMultipleDecimalSeparators) {\n      return false;\n    }\n\n    const newNumericValue = getUnformattedNumber({\n      value: e.target.value,\n      currency,\n      locale: intl.locale,\n    });\n    const maxLength = Number.MAX_SAFE_INTEGER.toString().length;\n    if (String(newNumericValue).length > maxLength) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const addonContent = useMemo((): string | null | undefined => {\n    // because we're using a separate \"addon\" element for the placeholder decimals, there is a possibility that the input itself will become scrollable\n    // and the decimals will appear on top of the input. Safest thing to do is to just hide the addon if there is not enough room\n    if (isInputPossiblyOverflowing({ ref, value })) {\n      return null;\n    }\n    if (!decimalSeparator || !value) {\n      return null;\n    }\n\n    // if the user has typed a decimal separator, show the full decimal part as a placeholder\n    // this returns a string even if there is no content, typing should replace the placeholder immediately without animation\n    // otherwise there is an ugly animation when going from 1.23 to 1.2 due to AnimatePresence\n    if (focus && decimalMode) {\n      // reuse getDecimalPart\n      const fullDecimalPart = getDecimalPart(valueWithFullDecimals, decimalSeparator);\n      // show only the characters that are not already displayed by the input\n      return fullDecimalPart?.slice(decimalPart?.length);\n    }\n\n    // in unfocused state, always show the full decimal part unless the user has already entered decimals\n    if (!focus && !decimalMode) {\n      const [_, decimalPlaceholder] = placeholder.split(decimalSeparator);\n      return decimalSeparator + decimalPlaceholder;\n    }\n\n    return null;\n  }, [\n    decimalMode,\n    decimalPart?.length,\n    decimalSeparator,\n    focus,\n    placeholder,\n    value,\n    valueWithFullDecimals,\n  ]);\n\n  const style = useInputStyle({\n    // whenever decimals are shown, we need to account for the full decimal part for the font size calculation\n    value: addonContent ? valueWithFullDecimals : value,\n    focus: visualFocus,\n    inputElement: ref.current,\n    loading,\n  });\n\n  return (\n    <div className=\"wds-amount-input-container\">\n      <div\n        className={clsx('wds-amount-input-input-container', 'np-text-display-large--forced')}\n        style={style}\n      >\n        <input\n          ref={ref}\n          className=\"wds-amount-input-input\"\n          id={id}\n          autoComplete=\"off\"\n          inputMode=\"decimal\"\n          value={value}\n          type=\"text\"\n          placeholder={placeholder}\n          aria-describedby={describedById}\n          /* without this, the input tries to keep an aspect ratio and doesn't respect CSS width rules */\n          size={1}\n          onChange={(e) => {\n            if (isAllowedInput(e)) {\n              handleChange(e.target.value);\n            }\n          }}\n          onBlurCapture={() => handleBlur()}\n          onPaste={(e) => handlePaste(e)}\n          onFocus={() => {\n            setFocus(true);\n          }}\n          onBlur={() => {\n            setTimeout(() => setVisualFocus(false), 30);\n          }}\n          onKeyDown={(e) => handleKeyDown(e)}\n        />\n        <AnimatePresence initial={false}>\n          {addonContent !== null && (\n            <AnimatedNumber\n              className={clsx(\n                'wds-amount-input-placeholder',\n                visualFocus && 'wds-amount-input-placeholder-focus',\n              )}\n              onClick={() => ref.current?.focus()}\n            >\n              {addonContent}\n            </AnimatedNumber>\n          )}\n        </AnimatePresence>\n      </div>\n    </div>\n  );\n};\n\nconst getPlaceholder = (currency: string, locale: string) => {\n  return formatAmount(0, currency, locale, { alwaysShowDecimals: true });\n};\n\nconst getDecimalPart = (value: string, decimalSeparator: string | null) => {\n  if (!value || !decimalSeparator) {\n    return undefined;\n  }\n\n  const [_, decimalPart] = value.split(decimalSeparator);\n  return decimalPart ?? undefined;\n};\n"],"names":["AmountInput","id","describedById","amount","currency","autoFocus","onChange","onFocusChange","loading","intl","useIntl","focus","setFocus","visualFocus","setVisualFocus","useFocus","value","setValue","useState","getFormattedString","locale","numericValue","useMemo","getUnformattedNumber","valueWithFullDecimals","alwaysShowDecimals","ref","useRef","useEffect","current","placeholder","getPlaceholder","groupSeparator","getGroupSeparator","decimalSeparator","getDecimalSeparator","maxDecimalCount","getDecimalCount","decimalPart","getDecimalPart","decimalMode","includes","shouldReformatAfterUserInput","newValue","reformatValue","endsWithDecimalSeparator","endsWith","endsWithGroupSeparator","containsDecimalSeparator","enteredDecimalsCount","getEnteredDecimalsCount","unformattedValue","formattedValue","handleChange","oldCursorPosition","selectionStart","newFormattedString","newNumber","newCursorPosition","length","requestAnimationFrame","setSelectionRange","handlePaste","e","preventDefault","clipboardData","getData","sanitisedValue","handleBlur","handleBackspace","input","target","currentValue","selectionEnd","charBeforeCursor","beforeCursor","slice","afterCursor","handleKeyDown","isAllowedInputKey","key","isAllowedInput","hasMultipleDecimalSeparators","split","newNumericValue","maxLength","Number","MAX_SAFE_INTEGER","toString","String","addonContent","isInputPossiblyOverflowing","fullDecimalPart","_","decimalPlaceholder","style","useInputStyle","inputElement","_jsx","className","children","_jsxs","clsx","autoComplete","inputMode","type","size","onBlurCapture","onPaste","onFocus","onBlur","setTimeout","onKeyDown","AnimatePresence","initial","AnimatedNumber","onClick","formatAmount","undefined"],"mappings":"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"}

package/build/main.css

@@ -3238,7 +3238,16 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small {
+.np-text-display-small,
+.display-1--forced,
+.display-2--forced,
+.display-3--forced,
+.display-4--forced,
+.display-5--forced,
+.np-text-display-extra-large--forced,
+.np-text-display-large--forced,
+.np-text-display-medium--forced,
+.np-text-display-small--forced {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3285,9 +3294,14 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
+     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
+     * numeric input of ExpressiveMoneyInput.
+     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/build/styles/css/neptune.css

@@ -3238,7 +3238,16 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small {
+.np-text-display-small,
+.display-1--forced,
+.display-2--forced,
+.display-3--forced,
+.display-4--forced,
+.display-5--forced,
+.np-text-display-extra-large--forced,
+.np-text-display-large--forced,
+.np-text-display-medium--forced,
+.np-text-display-small--forced {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3285,9 +3294,14 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
+     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
+     * numeric input of ExpressiveMoneyInput.
+     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/build/styles/main.css

@@ -3238,7 +3238,16 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small {
+.np-text-display-small,
+.display-1--forced,
+.display-2--forced,
+.display-3--forced,
+.display-4--forced,
+.display-5--forced,
+.np-text-display-extra-large--forced,
+.np-text-display-large--forced,
+.np-text-display-medium--forced,
+.np-text-display-small--forced {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3285,9 +3294,14 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
+     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
+     * numeric input of ExpressiveMoneyInput.
+     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/build/styles/styles/less/neptune.css

@@ -3238,7 +3238,16 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small {
+.np-text-display-small,
+.display-1--forced,
+.display-2--forced,
+.display-3--forced,
+.display-4--forced,
+.display-5--forced,
+.np-text-display-extra-large--forced,
+.np-text-display-large--forced,
+.np-text-display-medium--forced,
+.np-text-display-small--forced {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3285,9 +3294,14 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
+     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
+     * numeric input of ExpressiveMoneyInput.
+     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-4bf060a",
+  "version": "0.0.0-experimental-1c0e8dc",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -91,7 +91,7 @@
     "storybook-addon-tag-badges": "^3.1.0",
     "storybook-addon-test-codegen": "^3.0.1",
     "@transferwise/less-config": "3.1.2",
-    "@transferwise/neptune-css": "14.27.1",
+    "@transferwise/neptune-css": "0.0.0-experimental-1c0e8dc",
     "@wise/components-theming": "1.10.2",
     "@wise/wds-configs": "0.0.0"
   },

package/src/dateLookup/DateLookup.test.story.tsx

@@ -6,7 +6,6 @@ import { useState } from 'react';
 import DateLookup, { type DateLookupProps } from './DateLookup';
 import { Size } from '../common';
 import { withVariantConfig } from '../../.storybook/helpers';
-import { Field } from '../field/Field';
 
 export default {
   component: DateLookup,
@@ -143,18 +142,3 @@ export const Basic400Zoom: StoryObj<typeof DateLookup> = {
     },
   }),
 };
-
-export const Disabled: StoryObj<typeof DateLookup> = {
-  render: () => (
-    <Field label="Start date">
-      <DateLookup
-        disabled
-        clearable={false}
-        value={new Date(2024, 0, 14, 12, 0, 0)}
-        placeholder="Select date"
-        monthFormat="long"
-        onChange={props.onChange}
-      />
-    </Field>
-  ),
-};

package/src/dateLookup/DateLookup.tsx

@@ -322,7 +322,7 @@ class DateLookup extends PureComponent<DateLookupPropsWithInputAttributes, DateL
         aria-labelledby={id}
         aria-invalid={inputAttributes?.['aria-invalid']}
         aria-describedby={inputAttributes?.['aria-describedby']}
-        className={clsx('input-group', disabled && 'disabled')}
+        className="input-group"
         onKeyDown={this.handleKeyDown}
       >
         <OverlayIdProvider open={open}>

package/src/expressiveMoneyInput/ExpressiveMoneyInput.test.story.tsx

@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react-webpack5';
+import { fn } from 'storybook/test';
 import ExpressiveMoneyInput, { Props as ExpressiveMoneyInputProps } from './ExpressiveMoneyInput';
 
 const meta: Meta<typeof ExpressiveMoneyInput> = {
@@ -21,3 +22,45 @@ export const WithAutofocus: Story = {
     autoFocus: true,
   },
 };
+
+const locales = [
+  { lang: 'en', label: 'English', currency: 'GBP' },
+  { lang: 'cs', label: 'Czech', currency: 'CZK' },
+  { lang: 'de', label: 'German', currency: 'EUR' },
+  { lang: 'es', label: 'Spanish', currency: 'EUR' },
+  { lang: 'fr', label: 'French', currency: 'EUR' },
+  { lang: 'hu', label: 'Hungarian', currency: 'HUF', supportsDecimals: false },
+  { lang: 'id', label: 'Indonesian', currency: 'IDR', supportsDecimals: false },
+  { lang: 'it', label: 'Italian', currency: 'EUR' },
+  { lang: 'ja', label: 'Japanese', currency: 'JPY', supportsDecimals: false },
+  { lang: 'nl', label: 'Dutch', currency: 'EUR' },
+  { lang: 'pl', label: 'Polish', currency: 'PLN' },
+  { lang: 'pt', label: 'Portuguese', currency: 'EUR' },
+  { lang: 'ro', label: 'Romanian', currency: 'RON' },
+  { lang: 'ru', label: 'Russian', currency: 'RUB' },
+  { lang: 'th', label: 'Thai', currency: 'THB' },
+  { lang: 'tr', label: 'Turkish', currency: 'TRY' },
+  { lang: 'uk', label: 'Ukrainian', currency: 'UAH' },
+  { lang: 'zh-CN', label: 'Simplified Chinese', currency: 'CNY' },
+  { lang: 'zh-HK', label: 'Traditional Chinese', currency: 'HKD' },
+];
+
+/**
+ * Verifies that the .wds-text-display--forced class correctly overrides locale-specific
+ * font restrictions (ja, zh-HK, zh-CN, th) so amounts render in Wise Sans across all
+ * supported locales. Each row represents a different language context.
+ */
+export const LocaleFontOverride = () => (
+  <>
+    {locales.map(({ lang, label, currency, supportsDecimals = true }) => (
+      <div key={lang} lang={lang} className="m-b-4">
+        <ExpressiveMoneyInput
+          label={`${label} locale (${lang})`}
+          currency={currency}
+          amount={supportsDecimals ? 1234.56 : 123456}
+          onAmountChange={fn()}
+        />
+      </div>
+    ))}
+  </>
+);

package/src/expressiveMoneyInput/amountInput/AmountInput.tsx

@@ -291,7 +291,7 @@ export const AmountInput = ({
   return (
     <div className="wds-amount-input-container">
       <div
-        className={clsx('wds-amount-input-input-container', 'np-text-display-large')}
+        className={clsx('wds-amount-input-input-container', 'np-text-display-large--forced')}
         style={style}
       >
         <input

package/src/main.css

@@ -3238,7 +3238,16 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small {
+.np-text-display-small,
+.display-1--forced,
+.display-2--forced,
+.display-3--forced,
+.display-4--forced,
+.display-5--forced,
+.np-text-display-extra-large--forced,
+.np-text-display-large--forced,
+.np-text-display-medium--forced,
+.np-text-display-small--forced {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3285,9 +3294,14 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
+     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
+     * numeric input of ExpressiveMoneyInput.
+     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */

package/src/styles/less/core/_typography.less

@@ -8,7 +8,17 @@
 
 /* DEPRECATED: use .np-text-*-title instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
-.h1, .h2, .h3, .h4, .h5, .h6, .title-1, .title-2, .title-3, .title-4, .title-5,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+.title-1,
+.title-2,
+.title-3,
+.title-4,
+.title-5,
 h1,
 h2,
 h3,
@@ -114,8 +124,12 @@ h6,
 
 /* DEPRECATED: use .np-text-body-default instead */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
-.body-2, .body-3, .small, .tiny,
-body, small,
+.body-2,
+.body-3,
+.small,
+.tiny,
+body,
+small,
 .np-text-body-default {
   font-size: var(--font-size-14);
   line-height: 155%;
@@ -139,7 +153,8 @@ body, small,
 
 /* DEPRECATED: use .np-text-body-large instead  */
 /* stylelint-disable-next-line selector-list-comma-newline-after */
-.body-1, .value,
+.body-1,
+.value,
 .np-text-body-large {
   font-weight: var(--font-weight-regular);
   font-size: var(--font-size-16);
@@ -204,8 +219,11 @@ a,
 .np-text-display-large,
 .np-text-display-medium,
 .np-text-display-small {
-  font-family: var(--font-family-display);
-  font-synthesis: none;
+  &,
+  &--forced {
+    font-family: var(--font-family-display);
+    font-synthesis: none;
+  }
 
   :lang(ja) &,
   :lang(th) &,
@@ -216,8 +234,12 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
+     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
+     * numeric input of ExpressiveMoneyInput.
+     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
     font-family: var(--font-family-regular);
+    line-height: var(--line-height-title);
   }
 }
 

package/src/styles/less/neptune.css

@@ -3238,7 +3238,16 @@ a,
 .np-text-display-extra-large,
 .np-text-display-large,
 .np-text-display-medium,
-.np-text-display-small {
+.np-text-display-small,
+.display-1--forced,
+.display-2--forced,
+.display-3--forced,
+.display-4--forced,
+.display-5--forced,
+.np-text-display-extra-large--forced,
+.np-text-display-large--forced,
+.np-text-display-medium--forced,
+.np-text-display-small--forced {
   font-family: 'Wise Sans', 'Inter', sans-serif;
   font-family: var(--font-family-display);
   font-synthesis: none;
@@ -3285,9 +3294,14 @@ a,
      * of Japanese ones for the logged out ones (exposed by the Editorial DS). Unfortunately,
      * font files are browser-cached and we carried over to launchpad, where it causes issues
      * for unsupported locales, especially those that share glyphs, like Japanese and Chinese.
+     * There are exceptions for small UI parts where Wise Sans is fine or expected — e.g. the
+     * numeric input of ExpressiveMoneyInput.
+     * Add `--forced` BEM modifier to the original class name to guarantee it.
      */
   font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
 }
 
 /* DEPRECATED(.np-text-display-extra-large): use .np-text-display-large instead */