@dynatrace/strato-components 3.3.3 → 3.4.0

package/esm/forms/forms-core/time/timeParser.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/forms-core/time/timeParser.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isAfter, isSameDay, isValid } from 'date-fns';\nimport { defineMessages, type IntlShape } from 'react-intl';\nimport type { RequireAtLeastOne } from 'type-fest';\n\nimport {\n  parseTimeAsTimeValue,\n  _getTimeframeExpression,\n  _parseTimeExpression,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport {\n  getFormattedTimeValue,\n  getFormattedMinMax,\n} from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { TimeValue, Timeframe } from '../../../core/types/time.js';\nimport { isDev } from '../../../core/utils/is-node-environment.js';\n\n/** @internal */\nexport const messages = defineMessages({\n  ms: {\n    description: 'Timeframe formatter: timeframe-millisecond',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# millisecond} other {# milliseconds}}' +\n      '{suffix}',\n    id: '1ierRkr3xtpxyOXK',\n  },\n  s: {\n    description: 'Timeframe formatter: timeframe-second',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# second} other {# seconds}}' +\n      '{suffix}',\n    id: 'DMJP39IduNdB3wO3',\n  },\n  m: {\n    description: 'Timeframe formatter: timeframe-minute',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# minute} other {# minutes}}' +\n      '{suffix}',\n    id: 'SPSPRmp+gABk1LGQ',\n  },\n  h: {\n    description: 'Timeframe formatter: timeframe-hour',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# hour} other {# hours}}' +\n      '{suffix}',\n    id: 'aNWYfuuoyg/TEftI',\n  },\n  d: {\n    description: 'Timeframe formatter: timeframe-day',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# day} other {# days}}' +\n      '{suffix}',\n    id: 'ECZzXUfKYwLWko5n',\n  },\n  w: {\n    description: 'Timeframe formatter: timeframe-week',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# week} other {# weeks}}' +\n      '{suffix}',\n    id: 'p5Aa2CtWutuGwudB',\n  },\n  M: {\n    description: 'Timeframe formatter: timeframe-month',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# month} other {# months}}' +\n      '{suffix}',\n    id: 'jZte4Ia6a1UkBwpv',\n  },\n  q: {\n    description: 'Timeframe formatter: timeframe-quarter',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# quarter} other {# quarters}}' +\n      '{suffix}',\n    id: 'm5z+3UJ4Q3absAi5',\n  },\n  y: {\n    description: 'Timeframe formatter: timeframe-year',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# year} other {# years}}' +\n      '{suffix}',\n    id: 'ly03uOR7VGcWb+pG',\n  },\n  requiredTimeframe: {\n    defaultMessage: 'Empty timeframe.',\n    id: 'QsKlSIxE+Yp58CUG',\n    description: 'Timeframe selector required timeframe error hint.',\n  },\n  requiredFrom: {\n    defaultMessage: \"The 'from' field is required.\",\n    id: 'VlyElrRtYeguIlZS',\n    description: 'Timeframe selector required from field error hint.',\n  },\n  requiredTo: {\n    defaultMessage: \"The 'to' field is required.\",\n    id: 'd7CsKWrzLvzuObN6',\n    description: 'Timeframe selector required to field error hint.',\n  },\n  invalid: {\n    description: 'Timeframe formatter: invalid',\n    defaultMessage: 'invalid timeframe',\n    id: 'eZkDqSXP6kwDUc5d',\n  },\n  invalidFrom: {\n    defaultMessage: \"The 'from' field is invalid.\",\n    description:\n      'Error message shown if the from value of a timeframe is invalid',\n    id: 'VTvQ7p6QQyABl+XP',\n  },\n  invalidTo: {\n    defaultMessage: \"The 'to' field is invalid.\",\n    id: 'rm7eAPvUS8J1G8TZ',\n    description:\n      'Error message shown if the to value of a timeframe is invalid',\n  },\n  invalidTimeframe: {\n    defaultMessage: 'Invalid timeframe',\n    id: 'U59PIse3upSvDblc',\n    description:\n      'Error message shown if the from and to values of a timeframe are both invalid',\n  },\n  invalidOrder: {\n    defaultMessage: \"'from' date should be before 'to' date\",\n    id: 'DKFIWE64kHV1ohuk',\n    description:\n      'Message to display if the from and to dates are in the wrong order.',\n  },\n  outsideRange: {\n    defaultMessage: 'Only dates between {min} \u2192 {max} are available.',\n    id: 'cBlxys3qfILuKMaG',\n    description:\n      'Hint to display in the timeframe selector if a min and a max date is set.',\n  },\n  now: {\n    description: 'Timeframe formatter: timeframe-now',\n    defaultMessage: 'Now',\n    id: 'sAS3aHsvApXTajqr',\n  },\n  to: {\n    description: 'Timeframe formatter: timeframe-to',\n    defaultMessage: 'to',\n    id: 'ewgHQuXKDMK7CzyQ',\n  },\n  tomorrow: {\n    description: 'Timeframe formatter: timeframe-tomorrow',\n    defaultMessage: 'Tomorrow',\n    id: 'FbK3miEv64PNHk2r',\n  },\n  today: {\n    description: 'Timeframe formatter: timeframe-today',\n    defaultMessage: 'Today',\n    id: 'BlGZxVNh87aTe30G',\n  },\n  yesterday: {\n    description: 'Timeframe formatter: timeframe-yesterday',\n    defaultMessage: 'Yesterday',\n    id: 'r3yl8iiNQEDjjS+I',\n  },\n  'roundDown-s': {\n    description: 'Timeframe formatter: timeframe-roundDown-second',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {second} other {# seconds}}',\n    id: 'znJQdrgHo0UbGJLV',\n  },\n  'roundDown-m': {\n    description: 'Timeframe formatter: timeframe-roundDown-minute',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {minute} other {# minutes}}',\n    id: 'HpRsCrp1SmD+zRFu',\n  },\n  'roundDown-h': {\n    description: 'Timeframe formatter: timeframe-roundDown-hour',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {hour} other {# hours}}',\n    id: 'vEoSirMyZ5RMVdsR',\n  },\n  'roundDown-d': {\n    description: 'Timeframe formatter: timeframe-roundDown-day',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {day} other {# days}}',\n    id: 'V09xUXtpHEVFRBsh',\n  },\n  'roundDown-w': {\n    description: 'Timeframe formatter: timeframe-roundDown-week',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {week} other {# weeks}}',\n    id: 'BfrmGp7APB2nlQRw',\n  },\n  'roundDown-M': {\n    description: 'Timeframe formatter: timeframe-roundDown-month',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {month} other {# months}}',\n    id: 'Ro/9HWdwiItr3Ter',\n  },\n  'roundDown-q': {\n    description: 'Timeframe formatter: timeframe-roundDown-quarter',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {quarter} other {# quarters}}',\n    id: 'V4fGRjKxu0XkK3nm',\n  },\n  'roundDown-y': {\n    description: 'Timeframe formatter: timeframe-roundDown-year',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {year} other {# years}}',\n    id: 'CjpZq81r1HsdNxp0',\n  },\n  'full-day': {\n    description: 'Timeframe formatter: timeframe-full-day',\n    defaultMessage: 'Full day',\n    id: 'B/DeQ4xCT/IrvyuQ',\n  },\n  'remaining-day': {\n    description: 'Timeframe formatter: timeframe-remaining-day',\n    defaultMessage: 'Remaining day',\n    id: 'GixTwN/AsVWJprz2',\n  },\n});\n\n/**@internal */\nexport function isExpressionString(candidate: string) {\n  const [expression] = candidate.match(_getTimeframeExpression()) ?? [];\n  return !!expression;\n}\n\n/**\n * Converts a candidate value into a TimeValue. In case it doesn't yield\n * a valid date it sets absoluteDate to emptyString and returns the\n * partial value in value.\n * @internal\n */\nexport function getTimeValue(\n  candidate?: TimeValue | string | null,\n  precision?: Precision,\n  relativeNow?: number,\n  type: 'iso8601' | 'expression' = 'expression',\n): TimeValue | undefined | null {\n  if (candidate === undefined) {\n    return undefined;\n  }\n\n  if (candidate === null) {\n    return null;\n  }\n\n  if (typeof candidate === 'string' || candidate.type === 'expression') {\n    const stringCandidate =\n      typeof candidate === 'string' ? candidate : candidate.value;\n    const parsed = parseTimeAsTimeValue(\n      stringCandidate,\n      relativeNow,\n      precision,\n    );\n\n    // Invalid expression returns broken TimeValue to show errors.\n    if (!parsed) {\n      return { absoluteDate: '', value: stringCandidate, type };\n    }\n\n    // Parsing did return a valid TimeValue\n    return parsed;\n  }\n\n  // In this case the candidate is already a TimeValue\n  return removePrecisionFromTimeValue(candidate, precision);\n}\n\n/** @internal */\nexport function mapToPartialTimeframe(\n  value?: Partial<{ from: string; to: string }> | Partial<Timeframe> | null,\n  precision?: Precision,\n): Partial<Timeframe> | null {\n  if (!value || (value.from === undefined && value.to === undefined)) {\n    return null;\n  }\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const from = getTimeValue(value.from, precision, relativeNow) ?? undefined;\n  const to = getTimeValue(value.to, precision, relativeNow) ?? undefined;\n\n  return {\n    from,\n    to,\n  };\n}\n\n/** @internal */\nexport function mapToTimeframe(\n  value?: Partial<{ from: string; to: string }> | Partial<Timeframe> | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): RequireAtLeastOne<Timeframe> | null {\n  if (!value || (value.from === undefined && value.to === undefined)) {\n    return null;\n  }\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const from = getTimeValue(value.from, precision, relativeNow);\n  const to = getTimeValue(value.to, precision, relativeNow);\n\n  // Satisfies the RequiredAtLeastOne\n  if (from === undefined && to === undefined) {\n    return null;\n  }\n\n  return {\n    from,\n    to,\n  } as RequireAtLeastOne<Timeframe>;\n}\n\n/**\n * You can use the `_parseValue` utility function to convert a Timeframe or Timeframe value into an object containing `from` and `to`\n * `TimeValue`s or null values. If `fallbackToNow` is set to true, the `to` value falls back to `now` in case the to value is empty.\n * @internal\n */\nexport function parseValue(\n  value: Partial<{ from: string; to: string }> | Partial<Timeframe> | null,\n  fallbackToNow: boolean = false,\n  precision?: Precision,\n): {\n  from: TimeValue | null;\n  to: TimeValue | null;\n} {\n  const timezone = getTimezone();\n  const nowDate = {\n    value: 'now()',\n    absoluteDate: removePrecision(\n      TZDateMini.tz(timezone).toISOString(),\n      precision,\n    ),\n    type: 'expression',\n  } as TimeValue;\n\n  if (!value) {\n    return { from: null, to: fallbackToNow ? nowDate : null };\n  }\n\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(timezone).getTime();\n\n  const parsedFrom = parseTimeAsTimeValue(valueFrom, relativeNow, precision);\n  const parsedTo =\n    fallbackToNow && !valueTo\n      ? nowDate\n      : parseTimeAsTimeValue(valueTo, relativeNow, precision);\n\n  const invalidFrom: TimeValue = {\n    type: 'expression',\n    value: valueFrom ?? '',\n    absoluteDate: '',\n  };\n\n  const invalidTo: TimeValue = {\n    type: 'expression',\n    value: valueTo ?? '',\n    absoluteDate: '',\n  };\n\n  const from = parsedFrom ?? (valueFrom === undefined ? null : invalidFrom);\n  const to = parsedTo ?? (valueTo === undefined ? null : invalidTo);\n  return {\n    from,\n    to,\n  };\n}\n\n/**\n * Formatter that displays sanitized time value strings.\n * @internal\n */\nexport function formatTimeValue(\n  input: TimeValue | Omit<TimeValue, 'absoluteDate'> | string | null,\n  precision: Precision = 'minutes',\n) {\n  if (input === null) {\n    return '';\n  }\n\n  if (input === 'now()' || input === 'now') {\n    return 'Now'; // early exit to prevent parsing if we already know we should return 'Now'\n  }\n\n  const timeValue = parseTimeAsTimeValue(\n    typeof input == 'string' ? input : input.value,\n    Date.now(),\n    precision,\n  );\n\n  if (timeValue === null) {\n    return '';\n  }\n\n  const { type, value } = timeValue;\n\n  if (type === 'iso8601') {\n    return getFormattedTimeValue(timeValue, precision);\n  }\n\n  if (value === 'now()') {\n    return 'Now';\n  }\n\n  return value.replaceAll('now()', '').replaceAll('now', '').trim();\n}\n\n/**\n * Handle special cases of TimeframeExpressions to be formatted as natural language\n * @internal\n */\nfunction formatTimeframeExpressionInSpecialCases(\n  from: string,\n  to: string,\n  intl: IntlShape,\n) {\n  const timeDetailsFrom = _parseTimeExpression(from);\n  const timeDetailsTo = _parseTimeExpression(to);\n  if (!timeDetailsFrom || !timeDetailsTo) {\n    return;\n  }\n\n  // convert all weekStartExpressions to 'w' to have a unified translation\n  let roundDownTranslationIndex = timeDetailsFrom.roundDownUnit;\n  switch (timeDetailsFrom.roundDownUnit) {\n    case 'w0':\n    case 'w1':\n    case 'w2':\n    case 'w3':\n    case 'w4':\n    case 'w5':\n    case 'w6':\n      roundDownTranslationIndex = 'w';\n      break;\n    default:\n      roundDownTranslationIndex = timeDetailsFrom.roundDownUnit;\n  }\n\n  // handle 'this' roundDownUnit, eg `@M -> now` = This month\n  if (\n    !timeDetailsFrom.offsetAmount &&\n    timeDetailsFrom.roundDownUnit &&\n    !timeDetailsTo.offsetAmount &&\n    !timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex\n  ) {\n    // handle exception `@d -> now` = Today\n    if (timeDetailsFrom.roundDownUnit === 'd') {\n      return {\n        displayValue: intl.formatMessage(messages.today),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `@M -> now` = This month\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'this',\n          amount: 1, // to display the singular of a unit we need a 1 here\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle 'next' roundDownUnit, eg `+1M@M -> +5M@M` = Next 4 months\n  if (\n    timeDetailsFrom.offsetAmount === 1 &&\n    timeDetailsFrom.roundDownUnit &&\n    timeDetailsFrom.offsetUnit &&\n    timeDetailsTo.offsetAmount > 0 &&\n    timeDetailsTo.roundDownUnit &&\n    timeDetailsTo.offsetUnit &&\n    timeDetailsFrom.roundDownUnit === timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex === timeDetailsTo.offsetUnit\n  ) {\n    // handle exception `+1d@d -> +2d@d` = Tomorrow\n    if (\n      timeDetailsFrom.roundDownUnit === 'd' &&\n      timeDetailsTo.offsetAmount === 2\n    ) {\n      return {\n        displayValue: intl.formatMessage(messages.tomorrow),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `+1M@M -> +5M@M` = Next 4 months\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'next',\n          amount: Math.abs(timeDetailsTo.offsetAmount) - 1,\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle 'previous' roundDownUnit, eg `-5M@M -> @M` = Previous 5 months\n  if (\n    timeDetailsFrom.offsetAmount < 0 &&\n    timeDetailsFrom.roundDownUnit &&\n    timeDetailsFrom.offsetUnit &&\n    !timeDetailsTo.offsetAmount &&\n    timeDetailsTo.roundDownUnit &&\n    timeDetailsFrom.roundDownUnit === timeDetailsTo.roundDownUnit &&\n    timeDetailsFrom.offsetUnit === timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex\n  ) {\n    // handle exception `-1d@d -> @d` = Yesterday\n    if (\n      timeDetailsFrom.roundDownUnit === 'd' &&\n      timeDetailsFrom.offsetAmount === -1\n    ) {\n      return {\n        displayValue: intl.formatMessage(messages.yesterday),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `-5M@M -> @M` = Previous 5 months\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'previous',\n          amount: Math.abs(timeDetailsFrom.offsetAmount),\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle additional special cases:\n\n  // `@d -> +1d@d` = Full day\n  if (\n    !timeDetailsFrom.offsetAmount &&\n    timeDetailsFrom.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetAmount === 1 &&\n    timeDetailsTo.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetUnit === 'd'\n  ) {\n    return {\n      displayValue: intl.formatMessage(messages['full-day']),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // `now -> +1d@d` = Remaining day\n  if (\n    // It is not great that we parse the whole statement here. We could expose the expression in the\n    // _parseTimeExpression function, but since it is in units sdk and would be a breaking change\n    // we just wait for moving everything there.\n    parseTimeAsTimeValue(from)?.value === 'now()' &&\n    timeDetailsTo.offsetAmount === 1 &&\n    timeDetailsTo.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetUnit === 'd'\n  ) {\n    return {\n      displayValue: intl.formatMessage(messages['remaining-day']),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n}\n\n/**\n * Returns the display value props for given time values that include relative expressions.\n * @internal\n */\nfunction formatTimeValues(\n  from: TimeValue,\n  to: TimeValue,\n  intl: IntlShape,\n  precision: Precision,\n  fromDate: Date,\n  toDate: Date,\n  hint: string,\n) {\n  if (from.type === 'expression' && to.type === 'expression') {\n    if (to.value === from.value) {\n      return {\n        displayValue: intl.formatMessage(messages.invalid),\n        isInvalid: true,\n        hint: intl.formatMessage(messages.invalidOrder),\n      };\n    }\n\n    const specialCase = formatTimeframeExpressionInSpecialCases(\n      from.value,\n      to.value,\n      intl,\n    );\n    if (specialCase) {\n      return specialCase;\n    }\n\n    const isFromNow = from.value === 'now()';\n    const isToNow = to.value === 'now()';\n\n    if (isToNow || isFromNow) {\n      const displayValue = formatRelativeTimeframe(\n        isToNow ? from.value : to.value,\n        intl,\n        isToNow ? 'past' : 'future',\n        true,\n      );\n      return {\n        displayValue,\n        isInvalid: displayValue === intl.formatMessage(messages.invalid),\n        hint: '',\n      };\n    }\n  }\n\n  const isRelativeToNow =\n    (to.type === 'expression' && to.value === 'now()') ||\n    (from.type === 'expression' && from.value === 'now()');\n\n  // Hide the \"to\" date if both dates are on the same day. To avoid states like \"In 7 days \u2192 12:13:50\",\n  // only hide the \"to\" date if both dates are also absolute or still today.\n  const hideToDate =\n    isSameDay(fromDate, toDate) &&\n    ((from.type === 'iso8601' && to.type === 'iso8601') ||\n      (from.type === 'expression' && from.value === 'now()'));\n\n  return {\n    displayValue: `${formatDetails(\n      from,\n      intl,\n      precision,\n      false,\n      isRelativeToNow,\n    )} \u2192 ${formatDetails(to, intl, precision, hideToDate, isRelativeToNow)}`,\n    isInvalid: false,\n    hint,\n  };\n}\n\n/**\n * Returns the from and to string values from a Timeframe or its shorthand version.\n * @internal\n */\nexport function getFromToValues(\n  value?: Partial<{ from: string; to: string }> | Partial<Timeframe> | null,\n) {\n  if (!value) {\n    return {};\n  }\n\n  const valueFrom =\n    typeof value.from === 'string' ? value.from : value.from?.value;\n  const valueTo = typeof value.to === 'string' ? value.to : value.to?.value;\n\n  return { valueFrom, valueTo };\n}\n\n/**\n * Returns the display value string for a given timeframe.\n * @internal\n */\nexport function formatTimeframe(\n  value: Timeframe | { from: string; to: string } | null,\n  intl: IntlShape,\n  precision?: Precision,\n) {\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = parseTimeAsTimeValue(valueFrom, relativeNow, precision);\n  const toDetails = parseTimeAsTimeValue(valueTo, relativeNow, precision);\n\n  return extractDisplayValueFromTimeValues(\n    fromDetails,\n    toDetails,\n    intl,\n    precision,\n    valueFrom,\n    valueTo,\n  );\n}\n\n/**\n * Extracts the display value string from the from and to time values.\n * @internal\n */\nexport function extractDisplayValueFromTimeValues(\n  from: TimeValue | null,\n  to: TimeValue | null,\n  intl: IntlShape,\n  precision: Precision = 'minutes',\n  valueFrom?: string,\n  valueTo?: string,\n) {\n  let hint = '';\n\n  if (!from || !to) {\n    if (isDev()) {\n      if (!from) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The from date could not be parsed. Please check if the provided value is valid and supported: ${valueFrom}.`,\n        );\n      }\n      if (!to) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The to date could not be parsed. Please check if the provided value is valid and supported: ${valueTo}.`,\n        );\n      }\n    }\n\n    if (!from && !to) {\n      hint = intl.formatMessage(messages.invalidTimeframe);\n    } else if (!from) {\n      hint = intl.formatMessage(messages.invalidFrom);\n    } else {\n      hint = intl.formatMessage(messages.invalidTo);\n    }\n\n    return {\n      displayValue: intl.formatMessage(messages.invalid),\n      isInvalid: true,\n      hint,\n    };\n  }\n\n  const configuredTimezone = getTimezone();\n  const fromDate = new TZDateMini(from.absoluteDate, configuredTimezone);\n  const toDate = new TZDateMini(to.absoluteDate, configuredTimezone);\n\n  const { isInvalid, hint: invalidItemHint } = checkInvalidItem(\n    fromDate,\n    toDate,\n    from.value,\n    to.value,\n    intl,\n  );\n\n  if (isInvalid) {\n    return {\n      displayValue: intl.formatMessage(messages.invalid),\n      isInvalid: true,\n      hint: invalidItemHint,\n    };\n  }\n\n  return formatTimeValues(from, to, intl, precision, fromDate, toDate, hint);\n}\n\n/**\n * Checks if the preset item is invalid and logs a warning in dev mode.\n * @internal\n */\nfunction checkInvalidItem(\n  fromDate: Date,\n  toDate: Date,\n  from: string,\n  to: string,\n  intl: IntlShape,\n) {\n  if (!isValid(fromDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(`The from date (${from}) is invalid.`);\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidFrom) };\n  }\n\n  if (!isValid(toDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(`The to date (${to}) is invalid.`);\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidTo) };\n  }\n\n  if (!isAfter(toDate, fromDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `The from date - ${from} - should be before the to date - ${to}.`,\n      );\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidOrder) };\n  }\n\n  return { isInvalid: false, hint: '' };\n}\n\n/**\n * Returns expression in e.g. 'Last 5 minutes' format.\n * @internal\n */\nfunction formatRelativeTimeframe(\n  expression: string,\n  intl: IntlShape,\n  prefix?: 'future' | 'past' | 'relativeFuture' | 'other',\n  isRelativeToNow?: boolean,\n): string {\n  const timeDetails = _parseTimeExpression(expression);\n\n  if (timeDetails) {\n    const { offsetAmount, offsetUnit, roundDownUnit } = timeDetails;\n\n    if (offsetAmount === 0 && !roundDownUnit) {\n      return intl.formatMessage(messages.now);\n    }\n\n    // if we have a RoundDownExpression which does not have a natural language equivalent,\n    // we opt for the raw expression\n    if (roundDownUnit) {\n      return expression.replaceAll('now()', '').replaceAll('now', '');\n    }\n\n    const timeExpression = messages[offsetUnit as keyof typeof messages];\n\n    if (timeExpression) {\n      let suffix = '';\n      prefix ??= offsetAmount > 0 ? 'future' : 'past';\n      if (prefix === 'future' && !isRelativeToNow) {\n        prefix = 'relativeFuture';\n      }\n\n      if (!isRelativeToNow && prefix === 'past') {\n        suffix = ' ago';\n        prefix = 'other'; // used for no prefix in the translations\n      }\n\n      return intl\n        .formatMessage(timeExpression, {\n          prefix,\n          offset: Math.abs(offsetAmount),\n          suffix,\n        })\n        .trim();\n    }\n  }\n\n  return intl.formatMessage(messages.invalid);\n}\n\n/**\n * @internal\n */\nexport function formatDetails(\n  details: TimeValue,\n  intl: IntlShape,\n  precision: Precision = 'minutes',\n  showTimeOnly?: boolean,\n  isRelativeToNow?: boolean,\n): string {\n  return details.type === 'expression'\n    ? formatRelativeTimeframe(details.value, intl, undefined, isRelativeToNow)\n    : getFormattedTimeValue(details, precision, showTimeOnly);\n}\n\n/**\n * Gets the translated message to show when a value is outside the min and/or max\n * @internal\n * @deprecated - use proper validation fn with error messages object\n */\nexport function getOutsideRangeMessage(\n  intl: IntlShape,\n  min?: string,\n  max?: string,\n  precision?: Precision,\n) {\n  const { min: from, max: to } = getFormattedMinMax(min, max, precision);\n\n  if (min && max) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates between {from} \u2192 {to} are available.',\n        id: 'Nlzd/zJ2XP7vZMvE',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        from,\n        to,\n      },\n    );\n  }\n\n  if (min) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates after {from} are available.',\n        id: 'QXOCOrq5Seu+1A93',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        from,\n      },\n    );\n  }\n\n  if (max) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates before {to} are available.',\n        id: 'Jzdt1FVhHSO1Lmg9',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        to,\n      },\n    );\n  }\n\n  return intl.formatMessage({\n    defaultMessage: 'Selected time is outside of the valid range.',\n    id: 'r2DiyNP5gUAg0s5f',\n    description: 'Given dates are not within the valid range.',\n  });\n}\n\n/**\n * Removes the specified precision from a ISOString.\n * @internal\n */\nexport function removePrecision(\n  isoString: string,\n  precision: Precision = 'minutes',\n): string {\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  const timeValue = parseTimeAsTimeValue(isoString, relativeDate, precision);\n\n  if (!isNaN(new TZDateMini(isoString).getTime())) {\n    return timeValue ? timeValue.absoluteDate : isoString;\n  }\n  return isoString;\n}\n\n/**\n * Removes the specified precision from a Timeframe or returns the input unchanged.\n * @internal\n */\nexport const removePrecisionFromTimeFrame = (\n  date:\n    | Partial<{ from: string; to: string }>\n    | Partial<Timeframe>\n    | null\n    | undefined,\n  precision: Precision = 'minutes',\n): Partial<Timeframe> | null | undefined => {\n  if (!date) {\n    return date;\n  }\n\n  const { from, to } = parseValue(date);\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n\n  const parsedFrom = parseTimeAsTimeValue(from?.value, relativeDate, precision);\n  const parsedTo = parseTimeAsTimeValue(to?.value, relativeDate, precision);\n\n  return {\n    from: parsedFrom || from,\n    to: parsedTo || to,\n  } as Partial<Timeframe> | null | undefined;\n};\n\n/**\n * Removes the specified precision from a TimeValue or returns the input unchanged.\n * @internal\n */\nexport const removePrecisionFromTimeValue = (\n  date: TimeValue | null,\n  precision: Precision = 'minutes',\n): TimeValue | null => {\n  if (!date) {\n    return date;\n  }\n\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  if (date.value) {\n    return parseTimeAsTimeValue(date.value, relativeDate, precision);\n  }\n\n  return date;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { isAfter, isSameDay, isValid } from 'date-fns';\nimport { defineMessages, type IntlShape } from 'react-intl';\nimport type { RequireAtLeastOne } from 'type-fest';\n\nimport {\n  parseTimeAsTimeValue,\n  _getTimeframeExpression,\n  _parseTimeExpression,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport {\n  getFormattedTimeValue,\n  getFormattedMinMax,\n} from '../../../core/time/helpers.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { TimeValue, Timeframe } from '../../../core/types/time.js';\nimport { isDev } from '../../../core/utils/is-node-environment.js';\n\n/** @internal */\nexport const messages = defineMessages({\n  ms: {\n    description: 'Timeframe formatter: timeframe-millisecond',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# millisecond} other {# milliseconds}}' +\n      '{suffix}',\n    id: '1ierRkr3xtpxyOXK',\n  },\n  s: {\n    description: 'Timeframe formatter: timeframe-second',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# second} other {# seconds}}' +\n      '{suffix}',\n    id: 'DMJP39IduNdB3wO3',\n  },\n  m: {\n    description: 'Timeframe formatter: timeframe-minute',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# minute} other {# minutes}}' +\n      '{suffix}',\n    id: 'SPSPRmp+gABk1LGQ',\n  },\n  h: {\n    description: 'Timeframe formatter: timeframe-hour',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# hour} other {# hours}}' +\n      '{suffix}',\n    id: 'aNWYfuuoyg/TEftI',\n  },\n  d: {\n    description: 'Timeframe formatter: timeframe-day',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# day} other {# days}}' +\n      '{suffix}',\n    id: 'ECZzXUfKYwLWko5n',\n  },\n  w: {\n    description: 'Timeframe formatter: timeframe-week',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# week} other {# weeks}}' +\n      '{suffix}',\n    id: 'p5Aa2CtWutuGwudB',\n  },\n  M: {\n    description: 'Timeframe formatter: timeframe-month',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# month} other {# months}}' +\n      '{suffix}',\n    id: 'jZte4Ia6a1UkBwpv',\n  },\n  q: {\n    description: 'Timeframe formatter: timeframe-quarter',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# quarter} other {# quarters}}' +\n      '{suffix}',\n    id: 'm5z+3UJ4Q3absAi5',\n  },\n  y: {\n    description: 'Timeframe formatter: timeframe-year',\n    defaultMessage:\n      '{prefix, select, past {Last} future {Next} relativeFuture {In} other {}} ' +\n      '{offset, plural, one {# year} other {# years}}' +\n      '{suffix}',\n    id: 'ly03uOR7VGcWb+pG',\n  },\n  requiredTimeframe: {\n    defaultMessage: 'Empty timeframe.',\n    id: 'QsKlSIxE+Yp58CUG',\n    description: 'Timeframe selector required timeframe error hint.',\n  },\n  requiredFrom: {\n    defaultMessage: \"The 'from' field is required.\",\n    id: 'VlyElrRtYeguIlZS',\n    description: 'Timeframe selector required from field error hint.',\n  },\n  requiredTo: {\n    defaultMessage: \"The 'to' field is required.\",\n    id: 'd7CsKWrzLvzuObN6',\n    description: 'Timeframe selector required to field error hint.',\n  },\n  invalid: {\n    description: 'Timeframe formatter: invalid',\n    defaultMessage: 'invalid timeframe',\n    id: 'eZkDqSXP6kwDUc5d',\n  },\n  invalidFrom: {\n    defaultMessage: \"The 'from' field is invalid.\",\n    description:\n      'Error message shown if the from value of a timeframe is invalid',\n    id: 'VTvQ7p6QQyABl+XP',\n  },\n  invalidTo: {\n    defaultMessage: \"The 'to' field is invalid.\",\n    id: 'rm7eAPvUS8J1G8TZ',\n    description:\n      'Error message shown if the to value of a timeframe is invalid',\n  },\n  invalidTimeframe: {\n    defaultMessage: 'Invalid timeframe',\n    id: 'U59PIse3upSvDblc',\n    description:\n      'Error message shown if the from and to values of a timeframe are both invalid',\n  },\n  invalidOrder: {\n    defaultMessage: \"'from' date should be before 'to' date\",\n    id: 'DKFIWE64kHV1ohuk',\n    description:\n      'Message to display if the from and to dates are in the wrong order.',\n  },\n  outsideRange: {\n    defaultMessage: 'Only dates between {min} \u2192 {max} are available.',\n    id: 'cBlxys3qfILuKMaG',\n    description:\n      'Hint to display in the timeframe selector if a min and a max date is set.',\n  },\n  now: {\n    description: 'Timeframe formatter: timeframe-now',\n    defaultMessage: 'Now',\n    id: 'sAS3aHsvApXTajqr',\n  },\n  to: {\n    description: 'Timeframe formatter: timeframe-to',\n    defaultMessage: 'to',\n    id: 'ewgHQuXKDMK7CzyQ',\n  },\n  tomorrow: {\n    description: 'Timeframe formatter: timeframe-tomorrow',\n    defaultMessage: 'Tomorrow',\n    id: 'FbK3miEv64PNHk2r',\n  },\n  today: {\n    description: 'Timeframe formatter: timeframe-today',\n    defaultMessage: 'Today',\n    id: 'BlGZxVNh87aTe30G',\n  },\n  yesterday: {\n    description: 'Timeframe formatter: timeframe-yesterday',\n    defaultMessage: 'Yesterday',\n    id: 'r3yl8iiNQEDjjS+I',\n  },\n  'roundDown-s': {\n    description: 'Timeframe formatter: timeframe-roundDown-second',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {second} other {# seconds}}',\n    id: 'znJQdrgHo0UbGJLV',\n  },\n  'roundDown-m': {\n    description: 'Timeframe formatter: timeframe-roundDown-minute',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {minute} other {# minutes}}',\n    id: 'HpRsCrp1SmD+zRFu',\n  },\n  'roundDown-h': {\n    description: 'Timeframe formatter: timeframe-roundDown-hour',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {hour} other {# hours}}',\n    id: 'vEoSirMyZ5RMVdsR',\n  },\n  'roundDown-d': {\n    description: 'Timeframe formatter: timeframe-roundDown-day',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {day} other {# days}}',\n    id: 'V09xUXtpHEVFRBsh',\n  },\n  'roundDown-w': {\n    description: 'Timeframe formatter: timeframe-roundDown-week',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {week} other {# weeks}}',\n    id: 'BfrmGp7APB2nlQRw',\n  },\n  'roundDown-M': {\n    description: 'Timeframe formatter: timeframe-roundDown-month',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {month} other {# months}}',\n    id: 'Ro/9HWdwiItr3Ter',\n  },\n  'roundDown-q': {\n    description: 'Timeframe formatter: timeframe-roundDown-quarter',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {quarter} other {# quarters}}',\n    id: 'V4fGRjKxu0XkK3nm',\n  },\n  'roundDown-y': {\n    description: 'Timeframe formatter: timeframe-roundDown-year',\n    defaultMessage:\n      '{prefix, select, previous {Previous} next {Next} other {This}}' +\n      ' {amount, plural, one {year} other {# years}}',\n    id: 'CjpZq81r1HsdNxp0',\n  },\n  'full-day': {\n    description: 'Timeframe formatter: timeframe-full-day',\n    defaultMessage: 'Full day',\n    id: 'B/DeQ4xCT/IrvyuQ',\n  },\n  'remaining-day': {\n    description: 'Timeframe formatter: timeframe-remaining-day',\n    defaultMessage: 'Remaining day',\n    id: 'GixTwN/AsVWJprz2',\n  },\n});\n\n/**@internal */\nexport function isExpressionString(candidate: string) {\n  const [expression] = candidate.match(_getTimeframeExpression()) ?? [];\n  return !!expression;\n}\n\n/**\n * Converts a candidate value into a TimeValue. In case it doesn't yield\n * a valid date it sets absoluteDate to emptyString and returns the\n * partial value in value.\n * @internal\n */\nexport function getTimeValue(\n  candidate?: TimeValue | string | null,\n  precision?: Precision,\n  relativeNow?: number,\n  type: 'iso8601' | 'expression' = 'expression',\n): TimeValue | undefined | null {\n  if (candidate === undefined) {\n    return undefined;\n  }\n\n  if (candidate === null) {\n    return null;\n  }\n\n  if (typeof candidate === 'string' || candidate.type === 'expression') {\n    const stringCandidate =\n      typeof candidate === 'string' ? candidate : candidate.value;\n    const parsed = parseTimeAsTimeValue(\n      stringCandidate,\n      relativeNow,\n      precision,\n    );\n\n    // Invalid expression returns broken TimeValue to show errors.\n    if (!parsed) {\n      return { absoluteDate: '', value: stringCandidate, type };\n    }\n\n    // Parsing did return a valid TimeValue\n    return parsed;\n  }\n\n  // In this case the candidate is already a TimeValue\n  return removePrecisionFromTimeValue(candidate, precision);\n}\n\n/** @internal */\nexport function mapToPartialTimeframe(\n  value?: Partial<{\n    from: string | null | TimeValue;\n    to: string | null | TimeValue;\n  }> | null,\n  precision?: Precision,\n): { from: TimeValue | null; to: TimeValue | null } | null {\n  if (!value || (value.from === undefined && value.to === undefined)) {\n    return null;\n  }\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const from = getTimeValue(value.from, precision, relativeNow) ?? null;\n  const to = getTimeValue(value.to, precision, relativeNow) ?? null;\n\n  return {\n    from,\n    to,\n  };\n}\n\n/** @internal */\nexport function mapToTimeframe(\n  value?: Partial<{ from: string; to: string }> | Partial<Timeframe> | null,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): RequireAtLeastOne<Timeframe> | null {\n  if (!value || (value.from === undefined && value.to === undefined)) {\n    return null;\n  }\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const from = getTimeValue(value.from, precision, relativeNow);\n  const to = getTimeValue(value.to, precision, relativeNow);\n\n  // Satisfies the RequiredAtLeastOne\n  if (from === undefined && to === undefined) {\n    return null;\n  }\n\n  return {\n    from,\n    to,\n  } as RequireAtLeastOne<Timeframe>;\n}\n\n/**\n * You can use the `_parseValue` utility function to convert a Timeframe or Timeframe value into an object containing `from` and `to`\n * `TimeValue`s or null values. If `fallbackToNow` is set to true, the `to` value falls back to `now` in case the to value is empty.\n * @internal\n */\nexport function parseValue(\n  value: {\n    from: TimeValue | string | null;\n    to: TimeValue | string | null;\n  } | null,\n  fallbackToNow: boolean = false,\n  precision?: Precision,\n): {\n  from: TimeValue | null;\n  to: TimeValue | null;\n} {\n  const timezone = getTimezone();\n  const nowDate = {\n    value: 'now()',\n    absoluteDate: removePrecision(\n      TZDateMini.tz(timezone).toISOString(),\n      precision,\n    ),\n    type: 'expression',\n  } as TimeValue;\n\n  if (!value) {\n    return { from: null, to: fallbackToNow ? nowDate : null };\n  }\n\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(timezone).getTime();\n\n  const parsedFrom = parseTimeAsTimeValue(valueFrom, relativeNow, precision);\n  const parsedTo =\n    fallbackToNow && !valueTo\n      ? nowDate\n      : parseTimeAsTimeValue(valueTo, relativeNow, precision);\n\n  const invalidFrom: TimeValue = {\n    type: 'expression',\n    value: valueFrom ?? '',\n    absoluteDate: '',\n  };\n\n  const invalidTo: TimeValue = {\n    type: 'expression',\n    value: valueTo ?? '',\n    absoluteDate: '',\n  };\n\n  const from = parsedFrom ?? (valueFrom === undefined ? null : invalidFrom);\n  const to = parsedTo ?? (valueTo === undefined ? null : invalidTo);\n  return {\n    from,\n    to,\n  };\n}\n\n/**\n * Formatter that displays sanitized time value strings.\n * @internal\n */\nexport function formatTimeValue(\n  input: TimeValue | Omit<TimeValue, 'absoluteDate'> | string | null,\n  precision: Precision = 'minutes',\n) {\n  if (input === null) {\n    return '';\n  }\n\n  if (input === 'now()' || input === 'now') {\n    return 'Now'; // early exit to prevent parsing if we already know we should return 'Now'\n  }\n\n  const timeValue = parseTimeAsTimeValue(\n    typeof input == 'string' ? input : input.value,\n    Date.now(),\n    precision,\n  );\n\n  if (timeValue === null) {\n    return '';\n  }\n\n  const { type, value } = timeValue;\n\n  if (type === 'iso8601') {\n    return getFormattedTimeValue(timeValue, precision);\n  }\n\n  if (value === 'now()') {\n    return 'Now';\n  }\n\n  return value.replaceAll('now()', '').replaceAll('now', '').trim();\n}\n\n/**\n * Handle special cases of TimeframeExpressions to be formatted as natural language\n * @internal\n */\nfunction formatTimeframeExpressionInSpecialCases(\n  from: string,\n  to: string,\n  intl: IntlShape,\n) {\n  const timeDetailsFrom = _parseTimeExpression(from);\n  const timeDetailsTo = _parseTimeExpression(to);\n  if (!timeDetailsFrom || !timeDetailsTo) {\n    return;\n  }\n\n  // convert all weekStartExpressions to 'w' to have a unified translation\n  let roundDownTranslationIndex = timeDetailsFrom.roundDownUnit;\n  switch (timeDetailsFrom.roundDownUnit) {\n    case 'w0':\n    case 'w1':\n    case 'w2':\n    case 'w3':\n    case 'w4':\n    case 'w5':\n    case 'w6':\n      roundDownTranslationIndex = 'w';\n      break;\n    default:\n      roundDownTranslationIndex = timeDetailsFrom.roundDownUnit;\n  }\n\n  // handle 'this' roundDownUnit, eg `@M -> now` = This month\n  if (\n    !timeDetailsFrom.offsetAmount &&\n    timeDetailsFrom.roundDownUnit &&\n    !timeDetailsTo.offsetAmount &&\n    !timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex\n  ) {\n    // handle exception `@d -> now` = Today\n    if (timeDetailsFrom.roundDownUnit === 'd') {\n      return {\n        displayValue: intl.formatMessage(messages.today),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `@M -> now` = This month\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'this',\n          amount: 1, // to display the singular of a unit we need a 1 here\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle 'next' roundDownUnit, eg `+1M@M -> +5M@M` = Next 4 months\n  if (\n    timeDetailsFrom.offsetAmount === 1 &&\n    timeDetailsFrom.roundDownUnit &&\n    timeDetailsFrom.offsetUnit &&\n    timeDetailsTo.offsetAmount > 0 &&\n    timeDetailsTo.roundDownUnit &&\n    timeDetailsTo.offsetUnit &&\n    timeDetailsFrom.roundDownUnit === timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex === timeDetailsTo.offsetUnit\n  ) {\n    // handle exception `+1d@d -> +2d@d` = Tomorrow\n    if (\n      timeDetailsFrom.roundDownUnit === 'd' &&\n      timeDetailsTo.offsetAmount === 2\n    ) {\n      return {\n        displayValue: intl.formatMessage(messages.tomorrow),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `+1M@M -> +5M@M` = Next 4 months\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'next',\n          amount: Math.abs(timeDetailsTo.offsetAmount) - 1,\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle 'previous' roundDownUnit, eg `-5M@M -> @M` = Previous 5 months\n  if (\n    timeDetailsFrom.offsetAmount < 0 &&\n    timeDetailsFrom.roundDownUnit &&\n    timeDetailsFrom.offsetUnit &&\n    !timeDetailsTo.offsetAmount &&\n    timeDetailsTo.roundDownUnit &&\n    timeDetailsFrom.roundDownUnit === timeDetailsTo.roundDownUnit &&\n    timeDetailsFrom.offsetUnit === timeDetailsTo.roundDownUnit &&\n    roundDownTranslationIndex\n  ) {\n    // handle exception `-1d@d -> @d` = Yesterday\n    if (\n      timeDetailsFrom.roundDownUnit === 'd' &&\n      timeDetailsFrom.offsetAmount === -1\n    ) {\n      return {\n        displayValue: intl.formatMessage(messages.yesterday),\n        isInvalid: false,\n        hint: '',\n      };\n    }\n\n    // handle all other cases, eg `-5M@M -> @M` = Previous 5 months\n    return {\n      displayValue: intl.formatMessage(\n        messages[`roundDown-${roundDownTranslationIndex}`],\n        {\n          prefix: 'previous',\n          amount: Math.abs(timeDetailsFrom.offsetAmount),\n        },\n      ),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // handle additional special cases:\n\n  // `@d -> +1d@d` = Full day\n  if (\n    !timeDetailsFrom.offsetAmount &&\n    timeDetailsFrom.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetAmount === 1 &&\n    timeDetailsTo.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetUnit === 'd'\n  ) {\n    return {\n      displayValue: intl.formatMessage(messages['full-day']),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  // `now -> +1d@d` = Remaining day\n  if (\n    // It is not great that we parse the whole statement here. We could expose the expression in the\n    // _parseTimeExpression function, but since it is in units sdk and would be a breaking change\n    // we just wait for moving everything there.\n    parseTimeAsTimeValue(from)?.value === 'now()' &&\n    timeDetailsTo.offsetAmount === 1 &&\n    timeDetailsTo.roundDownUnit === 'd' &&\n    timeDetailsTo.offsetUnit === 'd'\n  ) {\n    return {\n      displayValue: intl.formatMessage(messages['remaining-day']),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n}\n\n/**\n * Returns the display value props for given time values that include relative expressions.\n * @internal\n */\nfunction formatTimeValues(\n  from: TimeValue,\n  to: TimeValue,\n  intl: IntlShape,\n  precision: Precision,\n  fromDate: Date,\n  toDate: Date,\n  hint: string,\n) {\n  if (from.type === 'expression' && to.type === 'expression') {\n    if (to.value === from.value) {\n      return {\n        displayValue: intl.formatMessage(messages.invalid),\n        isInvalid: true,\n        hint: intl.formatMessage(messages.invalidOrder),\n      };\n    }\n\n    const specialCase = formatTimeframeExpressionInSpecialCases(\n      from.value,\n      to.value,\n      intl,\n    );\n    if (specialCase) {\n      return specialCase;\n    }\n\n    const isFromNow = from.value === 'now()';\n    const isToNow = to.value === 'now()';\n\n    if (isToNow || isFromNow) {\n      const displayValue = formatRelativeTimeframe(\n        isToNow ? from.value : to.value,\n        intl,\n        isToNow ? 'past' : 'future',\n        true,\n      );\n      return {\n        displayValue,\n        isInvalid: displayValue === intl.formatMessage(messages.invalid),\n        hint: '',\n      };\n    }\n  }\n\n  const isRelativeToNow =\n    (to.type === 'expression' && to.value === 'now()') ||\n    (from.type === 'expression' && from.value === 'now()');\n\n  // Hide the \"to\" date if both dates are on the same day. To avoid states like \"In 7 days \u2192 12:13:50\",\n  // only hide the \"to\" date if both dates are also absolute or still today.\n  const hideToDate =\n    isSameDay(fromDate, toDate) &&\n    ((from.type === 'iso8601' && to.type === 'iso8601') ||\n      (from.type === 'expression' && from.value === 'now()'));\n\n  return {\n    displayValue: `${formatDetails(\n      from,\n      intl,\n      precision,\n      false,\n      isRelativeToNow,\n    )} \u2192 ${formatDetails(to, intl, precision, hideToDate, isRelativeToNow)}`,\n    isInvalid: false,\n    hint,\n  };\n}\n\n/**\n * Returns the from and to string values from a Timeframe or its shorthand version.\n * @internal\n */\nexport function getFromToValues(\n  value?: {\n    from: TimeValue | string | null;\n    to: TimeValue | string | null;\n  } | null,\n) {\n  if (!value) {\n    return {};\n  }\n\n  const valueFrom =\n    typeof value.from === 'string' ? value.from : value.from?.value;\n  const valueTo = typeof value.to === 'string' ? value.to : value.to?.value;\n\n  return { valueFrom, valueTo };\n}\n\n/**\n * Returns the display value string for a given timeframe.\n * @internal\n */\nexport function formatTimeframe(\n  value: Timeframe | { from: string; to: string } | null,\n  intl: IntlShape,\n  precision?: Precision,\n) {\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // All parse times here need to use the same _now_ date, to not be subject\n  // to millisecond differences during parsing.\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = parseTimeAsTimeValue(valueFrom, relativeNow, precision);\n  const toDetails = parseTimeAsTimeValue(valueTo, relativeNow, precision);\n\n  return extractDisplayValueFromTimeValues(\n    fromDetails,\n    toDetails,\n    intl,\n    precision,\n    valueFrom,\n    valueTo,\n  );\n}\n\n/**\n * Extracts the display value string from the from and to time values.\n * @internal\n */\nexport function extractDisplayValueFromTimeValues(\n  from: TimeValue | null,\n  to: TimeValue | null,\n  intl: IntlShape,\n  precision: Precision = 'minutes',\n  valueFrom?: string,\n  valueTo?: string,\n) {\n  let hint = '';\n\n  if (!from || !to) {\n    if (isDev()) {\n      if (!from) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The from date could not be parsed. Please check if the provided value is valid and supported: ${valueFrom}.`,\n        );\n      }\n      if (!to) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The to date could not be parsed. Please check if the provided value is valid and supported: ${valueTo}.`,\n        );\n      }\n    }\n\n    if (!from && !to) {\n      hint = intl.formatMessage(messages.invalidTimeframe);\n    } else if (!from) {\n      hint = intl.formatMessage(messages.invalidFrom);\n    } else {\n      hint = intl.formatMessage(messages.invalidTo);\n    }\n\n    return {\n      displayValue: intl.formatMessage(messages.invalid),\n      isInvalid: true,\n      hint,\n    };\n  }\n\n  const configuredTimezone = getTimezone();\n  const fromDate = new TZDateMini(from.absoluteDate, configuredTimezone);\n  const toDate = new TZDateMini(to.absoluteDate, configuredTimezone);\n\n  const { isInvalid, hint: invalidItemHint } = checkInvalidItem(\n    fromDate,\n    toDate,\n    from.value,\n    to.value,\n    intl,\n  );\n\n  if (isInvalid) {\n    return {\n      displayValue: intl.formatMessage(messages.invalid),\n      isInvalid: true,\n      hint: invalidItemHint,\n    };\n  }\n\n  return formatTimeValues(from, to, intl, precision, fromDate, toDate, hint);\n}\n\n/**\n * Checks if the preset item is invalid and logs a warning in dev mode.\n * @internal\n */\nfunction checkInvalidItem(\n  fromDate: Date,\n  toDate: Date,\n  from: string,\n  to: string,\n  intl: IntlShape,\n) {\n  if (!isValid(fromDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(`The from date (${from}) is invalid.`);\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidFrom) };\n  }\n\n  if (!isValid(toDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(`The to date (${to}) is invalid.`);\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidTo) };\n  }\n\n  if (!isAfter(toDate, fromDate)) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        `The from date - ${from} - should be before the to date - ${to}.`,\n      );\n    }\n    return { isInvalid: true, hint: intl.formatMessage(messages.invalidOrder) };\n  }\n\n  return { isInvalid: false, hint: '' };\n}\n\n/**\n * Returns expression in e.g. 'Last 5 minutes' format.\n * @internal\n */\nfunction formatRelativeTimeframe(\n  expression: string,\n  intl: IntlShape,\n  prefix?: 'future' | 'past' | 'relativeFuture' | 'other',\n  isRelativeToNow?: boolean,\n): string {\n  const timeDetails = _parseTimeExpression(expression);\n\n  if (timeDetails) {\n    const { offsetAmount, offsetUnit, roundDownUnit } = timeDetails;\n\n    if (offsetAmount === 0 && !roundDownUnit) {\n      return intl.formatMessage(messages.now);\n    }\n\n    // if we have a RoundDownExpression which does not have a natural language equivalent,\n    // we opt for the raw expression\n    if (roundDownUnit) {\n      return expression.replaceAll('now()', '').replaceAll('now', '');\n    }\n\n    const timeExpression = messages[offsetUnit as keyof typeof messages];\n\n    if (timeExpression) {\n      let suffix = '';\n      prefix ??= offsetAmount > 0 ? 'future' : 'past';\n      if (prefix === 'future' && !isRelativeToNow) {\n        prefix = 'relativeFuture';\n      }\n\n      if (!isRelativeToNow && prefix === 'past') {\n        suffix = ' ago';\n        prefix = 'other'; // used for no prefix in the translations\n      }\n\n      return intl\n        .formatMessage(timeExpression, {\n          prefix,\n          offset: Math.abs(offsetAmount),\n          suffix,\n        })\n        .trim();\n    }\n  }\n\n  return intl.formatMessage(messages.invalid);\n}\n\n/**\n * @internal\n */\nexport function formatDetails(\n  details: TimeValue,\n  intl: IntlShape,\n  precision: Precision = 'minutes',\n  showTimeOnly?: boolean,\n  isRelativeToNow?: boolean,\n): string {\n  return details.type === 'expression'\n    ? formatRelativeTimeframe(details.value, intl, undefined, isRelativeToNow)\n    : getFormattedTimeValue(details, precision, showTimeOnly);\n}\n\n/**\n * Gets the translated message to show when a value is outside the min and/or max\n * @internal\n * @deprecated - use proper validation fn with error messages object\n */\nexport function getOutsideRangeMessage(\n  intl: IntlShape,\n  min?: string,\n  max?: string,\n  precision?: Precision,\n) {\n  const { min: from, max: to } = getFormattedMinMax(min, max, precision);\n\n  if (min && max) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates between {from} \u2192 {to} are available.',\n        id: 'Nlzd/zJ2XP7vZMvE',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        from,\n        to,\n      },\n    );\n  }\n\n  if (min) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates after {from} are available.',\n        id: 'QXOCOrq5Seu+1A93',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        from,\n      },\n    );\n  }\n\n  if (max) {\n    return intl.formatMessage(\n      {\n        defaultMessage: 'Only dates before {to} are available.',\n        id: 'Jzdt1FVhHSO1Lmg9',\n        description: 'Given dates are not within the valid range.',\n      },\n      {\n        to,\n      },\n    );\n  }\n\n  return intl.formatMessage({\n    defaultMessage: 'Selected time is outside of the valid range.',\n    id: 'r2DiyNP5gUAg0s5f',\n    description: 'Given dates are not within the valid range.',\n  });\n}\n\n/**\n * Removes the specified precision from a ISOString.\n * @internal\n */\nexport function removePrecision(\n  isoString: string,\n  precision: Precision = 'minutes',\n): string {\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  const timeValue = parseTimeAsTimeValue(isoString, relativeDate, precision);\n\n  if (!isNaN(new TZDateMini(isoString).getTime())) {\n    return timeValue ? timeValue.absoluteDate : isoString;\n  }\n  return isoString;\n}\n\n/**\n * Removes the specified precision from a Timeframe or returns the input unchanged.\n * @internal\n */\nexport const removePrecisionFromTimeFrame = (\n  date:\n    | { from: TimeValue | string | null; to: TimeValue | string | null }\n    | null\n    | undefined,\n  precision: Precision = 'minutes',\n): { from: TimeValue | null; to: TimeValue | null } | null => {\n  if (!date) {\n    return null;\n  }\n\n  const { from, to } = parseValue(date);\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n\n  const parsedFrom = parseTimeAsTimeValue(from?.value, relativeDate, precision);\n  const parsedTo = parseTimeAsTimeValue(to?.value, relativeDate, precision);\n\n  return {\n    from: parsedFrom || from,\n    to: parsedTo || to,\n  } as { from: TimeValue | null; to: TimeValue | null } | null;\n};\n\n/**\n * Removes the specified precision from a TimeValue or returns the input unchanged.\n * @internal\n */\nexport const removePrecisionFromTimeValue = (\n  date: TimeValue | null,\n  precision: Precision = 'minutes',\n): TimeValue | null => {\n  if (!date) {\n    return date;\n  }\n\n  const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n  if (date.value) {\n    return parseTimeAsTimeValue(date.value, relativeDate, precision);\n  }\n\n  return date;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/forms/hooks/useAutofillEvent.css

@@ -1,20 +1,20 @@
-@keyframes _yfwka31-3-3-3 {
+@keyframes _yfwka31-3-4-0 {
 
 }
-@keyframes _yfwka32-3-3-3 {
+@keyframes _yfwka32-3-4-0 {
 
 }
-._yfwka33-3-3-3:-webkit-autofill:is(._yfwka33-3-3-3,:hover,:focus) {
+._yfwka33-3-4-0:-webkit-autofill:is(._yfwka33-3-4-0,:hover,:focus) {
   -webkit-text-fill-color: var(--dt-colors-text-primary-default, #464cce);
-  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-3-3) inset;
+  box-shadow: 0 0 0px 1000px var(--_yfwka30-3-4-0) inset;
   caret-color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._yfwka33-3-3-3:-webkit-autofill {
-  animation-name: _yfwka31-3-3-3;
+._yfwka33-3-4-0:-webkit-autofill {
+  animation-name: _yfwka31-3-4-0;
   animation-duration: 0.001s;
 }
-._yfwka33-3-3-3:not(:-webkit-autofill) {
-  animation-name: _yfwka32-3-3-3;
+._yfwka33-3-4-0:not(:-webkit-autofill) {
+  animation-name: _yfwka32-3-4-0;
   animation-duration: 0.001s;
 }
 input:-webkit-autofill::spelling-error {

package/esm/forms/hooks/useAutofillEvent.sty.js

@@ -1,8 +1,8 @@
 import "./useAutofillEvent.css";
-var autofillBackground = "var(--_yfwka30-3-3-3)";
-var autofillCSS = "_yfwka33-3-3-3";
-var end = "_yfwka32-3-3-3";
-var start = "_yfwka31-3-3-3";
+var autofillBackground = "var(--_yfwka30-3-4-0)";
+var autofillCSS = "_yfwka33-3-4-0";
+var end = "_yfwka32-3-4-0";
+var start = "_yfwka31-3-4-0";
 export {
   autofillBackground,
   autofillCSS,

package/esm/forms/hooks/useAutofillEvent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/hooks/useAutofillEvent.css.ts"],
-  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-3-3)';\nexport var autofillCSS = '_yfwka33-3-3-3';\nexport var end = '_yfwka32-3-3-3';\nexport var start = '_yfwka31-3-3-3';"],
+  "sourcesContent": ["import './useAutofillEvent.css';\nexport var autofillBackground = 'var(--_yfwka30-3-4-0)';\nexport var autofillCSS = '_yfwka33-3-4-0';\nexport var end = '_yfwka32-3-4-0';\nexport var start = '_yfwka31-3-4-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,qBAAqB;AACzB,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,QAAQ;",
   "names": []
 }

package/esm/forms/number-input/NumberInputBase.js

@@ -8,8 +8,10 @@ import {
   useMemo,
   useRef
 } from "react";
+import { useIntl } from "react-intl";
 import { getRegionalFormat } from "@dynatrace-sdk/user-preferences";
 import { useAriaLabelingProps } from "../../core/hooks/useAriaLabelingProps.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useControllableState } from "../../core/hooks/useControllableState.js";
 import { useFormControlState } from "../../core/hooks/useFormControlState.js";
 import { useFocusRing } from "../../core/styles/useFocusRing.js";
@@ -23,6 +25,12 @@ import { autofillCSS } from "../hooks/useAutofillEvent.sty.js";
 import { useAutofillEvent } from "../hooks/useAutofillEvent.js";
 import { useInputHint } from "../hooks/useInputHint.js";
 const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const intl = useIntl();
+  const defaultPlaceholder = intl.formatMessage({
+    defaultMessage: "Add number",
+    id: "rrkUQoVNb46Jbd/8",
+    description: "Default placeholder for the number input."
+  });
   const {
     id: propId,
     defaultValue,
@@ -30,12 +38,12 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     name,
     onChange,
     disabled: propDisabled,
-    readOnly: isReadOnly,
+    readOnly: propReadOnly,
     required: propRequired,
     min: minValueNumberLike,
     max: maxValueNumberLike,
     step,
-    placeholder,
+    placeholder = defaultPlaceholder,
     controlState,
     onKeyUp,
     onKeyDown,
@@ -50,8 +58,9 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     "aria-disabled": ariaDisabledProp,
     ...remainingProps
   } = props;
-  const componentName = remainingProps["data-dt-component"];
-  const { "aria-labelledby": ariaLabelledBy, ...remainingAriaProps } = useAriaLabelingProps(remainingProps);
+  const [behavioralTrackingProps, restProps] = useBehavioralTrackingProps(remainingProps);
+  const componentName = restProps["data-dt-component"];
+  const { "aria-labelledby": ariaLabelledBy, ...remainingAriaProps } = useAriaLabelingProps(restProps);
   const locale = useMemo(() => getRegionalFormat(), []);
   const minValue = !isNaN(Number(minValueNumberLike)) ? Number(minValueNumberLike) : void 0;
   const maxValue = !isNaN(Number(maxValueNumberLike)) ? Number(maxValueNumberLike) : void 0;
@@ -60,12 +69,14 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     disabled,
     required,
     id: contextId,
-    ariaDisabled
+    ariaDisabled,
+    readOnly: isReadOnly
   } = useSyncedFormControlProps({
     propDisabled,
     propRequired,
     propId,
-    propAriaDisabled: ariaDisabledProp
+    propAriaDisabled: ariaDisabledProp,
+    propReadOnly
   });
   const disabledOrAriaDisabled = disabled || ariaDisabled || false;
   const state = useNumberFieldState({
@@ -166,6 +177,7 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       ref: wrapperRef,
       className: consumerClassName,
       style: consumerStyle,
+      ...behavioralTrackingProps,
       "data-dt-component": componentName,
       children: [
         /* @__PURE__ */ jsx(
@@ -175,7 +187,8 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
             alignItems: "center",
             className: clsx(styles.wrapper, styles.variant["default"], {
               [styles.hasError]: hasError,
-              [styles.disabled]: disabledOrAriaDisabled
+              [styles.disabled]: disabledOrAriaDisabled,
+              [styles.readOnly]: readOnly
             }),
             children: /* @__PURE__ */ jsx(
               "div",
@@ -202,7 +215,7 @@ const NumberInputBase = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
                     readOnly,
                     ..._mergeProps(
                       remainingInputProps,
-                      remainingProps,
+                      restProps,
                       focusProps,
                       inputHintAriaProps
                     ),

package/esm/forms/number-input/NumberInputBase.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/number-input/NumberInputBase.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated */\nimport { useNumberField } from '@react-aria/numberfield';\nimport { useNumberFieldState } from '@react-stately/numberfield';\nimport clsx from 'clsx';\nimport {\n  type ChangeEvent,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { getRegionalFormat } from '@dynatrace-sdk/user-preferences';\n\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useFormControlState } from '../../core/hooks/useFormControlState.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.js';\nimport type { FocusEvents } from '../../core/types/events.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport type { BaseInputProps } from '../_base-input/base-input.types.js';\nimport * as styles from '../_base-input/BaseInput.sty.js';\nimport { InternalBaseItem as BaseItem } from '../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useSyncedFormControlProps } from '../forms-core/hooks/useSyncedFormControlProps.js';\nimport { autofillCSS } from '../hooks/useAutofillEvent.sty.js';\nimport { useAutofillEvent } from '../hooks/useAutofillEvent.js';\nimport { useInputHint } from '../hooks/useInputHint.js';\nimport type { FormControlRef } from '../shared-types.js';\n\n// #region Typings\n/**\n * The properties of the NumberInput component.\n * @public\n * @deprecated This type is deprecated and will be removed in a future release. Please use the NumberInputV2Props instead.\n */\nexport type NumberInputProps = Pick<\n  BaseInputProps,\n  | 'autoComplete'\n  | 'placeholder'\n  | 'minLength'\n  | 'maxLength'\n  | 'pattern'\n  | 'onKeyUp'\n  | 'className'\n  | 'style'\n  | 'data-testid'\n  | 'data-dtrum-mask'\n  | 'data-dtrum-allow'\n> &\n  FormControlProps<number | null, (value: number | null) => void> &\n  FocusEvents & {\n    /** Handler that is called when a key is pressed. */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /** Minimum amount of the input. */\n    min?: number | string;\n    /** Maximum amount of the input. */\n    max?: number | string;\n    /** Defines the step size in which increments/decrements can be performed on the input. */\n    step?: number;\n  };\n// #endregion\n\n/**\n * NumberInputBase component. This is necessary in order to correctly call onChange with undefined on blur, which is otherwise set to NaN by react-stately.\n * @public\n */\nexport const NumberInputBase = /* @__PURE__ */ forwardRef<\n  Omit<FormControlRef<HTMLDivElement>, 'validate'>,\n  NumberInputProps\n>((props, forwardedRef) => {\n  const {\n    id: propId,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    disabled: propDisabled,\n    readOnly: isReadOnly,\n    required: propRequired,\n    min: minValueNumberLike,\n    max: maxValueNumberLike,\n    step,\n    placeholder,\n    controlState,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    ...remainingProps\n  }: NumberInputProps = props;\n\n  const componentName = (remainingProps as Record<string, unknown>)[\n    'data-dt-component'\n  ];\n\n  const { 'aria-labelledby': ariaLabelledBy, ...remainingAriaProps } =\n    useAriaLabelingProps(remainingProps);\n  const locale = useMemo(() => getRegionalFormat(), []);\n\n  // Cast min and max to number since we accept string as well to better match native number inputs\n  const minValue = !isNaN(Number(minValueNumberLike))\n    ? Number(minValueNumberLike)\n    : undefined;\n  const maxValue = !isNaN(Number(maxValueNumberLike))\n    ? Number(maxValueNumberLike)\n    : undefined;\n\n  const numberInputValue = value === null || value === undefined ? NaN : value; // necessary so we can clear the inputValue; otherwise, it snaps back to the previously valid inputValue\n\n  const {\n    disabled,\n    required,\n    id: contextId,\n    ariaDisabled,\n  } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: ariaDisabledProp,\n  });\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const state = useNumberFieldState({\n    value: numberInputValue,\n    onChange,\n    placeholder,\n    minValue,\n    maxValue,\n    step,\n    isDisabled: disabled,\n    isReadOnly,\n    isRequired: required,\n    locale,\n  });\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    (): Omit<FormControlRef<HTMLDivElement>, 'validate'> => ({\n      element: wrapperRef.current,\n      inputRef: inputRef.current,\n      focus() {\n        inputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const { inputProps } = useNumberField(\n    {\n      value: numberInputValue,\n      onChange,\n      id: contextId,\n      placeholder,\n      minValue,\n      maxValue,\n      step,\n      isDisabled: disabled,\n      isReadOnly,\n      isRequired: required,\n      onKeyUp,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onFocusChange,\n      // we pass the aria-labelledBy only if there's no aria-label, because the useNumberField would add aria-labelledby\n      // with 2 ids and append the input text to its aria-label otherwise, breaking the getByLabelText selectors in tests otherwise\n      'aria-labelledby': remainingAriaProps['aria-label']\n        ? undefined\n        : ariaLabelledBy,\n\n      ...remainingAriaProps, // passing the aria props here prevents unnecessary react-aria warnings when aria-labelling props are already set\n    },\n    state,\n    // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment\n    // @ts-ignore React 19 - proper overlap for the ref is no longer there. It should be fine, but the Numberfield will be reworked anyways\n    inputRef,\n  );\n  let inputDefaultValue: string | undefined;\n\n  if (defaultValue !== null && defaultValue !== undefined) {\n    inputDefaultValue = defaultValue.toString();\n  } else {\n    inputDefaultValue =\n      value === undefined && !onChange\n        ? '' // this prevents warnings about switching from uncontrolled to controlled inputs when no value or defaultValue is set, but onChange used without a value/defaultValue will still throw it\n        : undefined;\n  }\n\n  const {\n    value: inputPropsValue,\n    type,\n    id,\n    readOnly = false,\n    role,\n    onKeyDown: onKeyDownReactAria,\n    ...remainingInputProps\n  } = inputProps;\n\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue: inputDefaultValue,\n    value: inputPropsValue?.toString(),\n  });\n\n  const [hasError, hint] = useFormControlState(controlState);\n  // _useInputHint will be replaced with new validation concept. APPDEV-8298\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { inputProps: inputHintAriaProps, hintProps } = useInputHint({\n    hint,\n    hasError,\n  });\n\n  const { isAutoFilled, onAnimationStart } = useAutofillEvent();\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    remainingInputProps?.onChange?.(event);\n    setInputValue(event.target.value);\n  };\n\n  const { focusProps, focusClassName } = useFocusRing({\n    color: hasError && !(disabled || ariaDisabled) ? 'critical' : 'neutral',\n    ignoreModality: true,\n    disabled,\n  });\n\n  //TODO: replace this with the BaseInput once the rework is done and we no longer depend on react-aria. This introduced the limitation of passing the inputRef from the BaseInput to the NumberInputBase, as it's initially null and useNumberField instantly breaks instead of waiting for failing gracefully and then resetting the ref on the next render\n  return (\n    <Flex\n      gap={4}\n      flexDirection=\"column\"\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      ref={wrapperRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      data-dt-component={componentName}\n    >\n      <Flex\n        gap={2}\n        alignItems=\"center\"\n        className={clsx(styles.wrapper, styles.variant['default'], {\n          [styles.hasError]: hasError,\n          [styles.disabled]: disabledOrAriaDisabled,\n        })}\n      >\n        <div\n          className={clsx(\n            styles.container,\n            inputGroupClassName,\n            focusClassName,\n            {\n              [styles.isAutoFilled]: isAutoFilled,\n            },\n          )}\n        >\n          <input\n            id={id}\n            ref={inputRef}\n            type=\"text\"\n            role={role}\n            onChange={handleInputChange}\n            onAnimationStart={onAnimationStart}\n            disabled={disabled}\n            className={clsx(styles.input, autofillCSS)}\n            readOnly={readOnly}\n            {...(_mergeProps(\n              remainingInputProps,\n              remainingProps,\n              focusProps,\n              inputHintAriaProps,\n            ) as unknown as Record<string, unknown>)}\n            name={name}\n            required={required} // react-aria only sets aria-required in the remainingInputProps, so we need to override it with the context prop here\n            value={inputValue}\n            aria-disabled={ariaDisabled}\n            // react-aria prevents default events, so it behaves differently from our TextInput, which has some undesired issues - see ADES-3971 and https://github.com/adobe/react-spectrum/issues/2803\n            onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n              if (\n                (e.key === 'Home' && minValue === undefined) ||\n                (e.key === 'End' && maxValue === undefined)\n              ) {\n                onKeyDown?.(e);\n                return; // opt out of using react-aria's keydown logic in this case, because it would prevent default behavior (moving the cursor to the front/end with Home/End)\n              }\n\n              onKeyDownReactAria?.(e); // we still need to use react aria's events when we do have a min/max (then the value will be snapped to these when pressing Home/End) or for incrementing/decrementing the value on pressing Up/Down keys, but these will no longer be necessary as soon as we implement the spin button\n            }}\n          />\n        </div>\n      </Flex>\n      {hint && (\n        <BaseItem\n          variant={hasError ? 'error' : 'hint'}\n          disabled={disabled || ariaDisabled}\n          {...hintProps}\n        >\n          {hint}\n        </BaseItem>\n      )}\n    </Flex>\n  );\n});\n\n(\n  NumberInputBase as typeof NumberInputBase & { displayName: string }\n).displayName = 'NumberInputBase';\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated */\nimport { useNumberField } from '@react-aria/numberfield';\nimport { useNumberFieldState } from '@react-stately/numberfield';\nimport clsx from 'clsx';\nimport {\n  type ChangeEvent,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { getRegionalFormat } from '@dynatrace-sdk/user-preferences';\n\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useFormControlState } from '../../core/hooks/useFormControlState.js';\nimport { useFocusRing } from '../../core/styles/useFocusRing.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { FocusEvents } from '../../core/types/events.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport { inputGroupClassName } from '../../layouts/input-group/InputGroup.sty.js';\nimport type { BaseInputProps } from '../_base-input/base-input.types.js';\nimport * as styles from '../_base-input/BaseInput.sty.js';\nimport { InternalBaseItem as BaseItem } from '../forms-core/components/form-field-messages/FormFieldMessageBaseItem.js';\nimport { useSyncedFormControlProps } from '../forms-core/hooks/useSyncedFormControlProps.js';\nimport { autofillCSS } from '../hooks/useAutofillEvent.sty.js';\nimport { useAutofillEvent } from '../hooks/useAutofillEvent.js';\nimport { useInputHint } from '../hooks/useInputHint.js';\nimport type { FormControlRef } from '../shared-types.js';\n\n// #region Typings\n/**\n * The properties of the NumberInput component.\n * @public\n * @deprecated This type is deprecated and will be removed in a future release. Please use the NumberInputV2Props instead.\n */\nexport type NumberInputProps = Pick<\n  BaseInputProps,\n  | 'autoComplete'\n  | 'placeholder'\n  | 'minLength'\n  | 'maxLength'\n  | 'pattern'\n  | 'onKeyUp'\n  | 'className'\n  | 'style'\n  | 'data-testid'\n  | 'data-dtrum-mask'\n  | 'data-dtrum-allow'\n> &\n  FormControlProps<number | null, (value: number | null) => void> &\n  FocusEvents &\n  BehaviorTrackingProps & {\n    /** Handler that is called when a key is pressed. */\n    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n    /** Minimum amount of the input. */\n    min?: number | string;\n    /** Maximum amount of the input. */\n    max?: number | string;\n    /** Defines the step size in which increments/decrements can be performed on the input. */\n    step?: number;\n  };\n// #endregion\n\n/**\n * NumberInputBase component. This is necessary in order to correctly call onChange with undefined on blur, which is otherwise set to NaN by react-stately.\n * @public\n */\nexport const NumberInputBase = /* @__PURE__ */ forwardRef<\n  Omit<FormControlRef<HTMLDivElement>, 'validate'>,\n  NumberInputProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const defaultPlaceholder = intl.formatMessage({\n    defaultMessage: 'Add number',\n    id: 'rrkUQoVNb46Jbd/8',\n    description: 'Default placeholder for the number input.',\n  });\n\n  const {\n    id: propId,\n    defaultValue,\n    value,\n    name,\n    onChange,\n    disabled: propDisabled,\n    readOnly: propReadOnly,\n    required: propRequired,\n    min: minValueNumberLike,\n    max: maxValueNumberLike,\n    step,\n    placeholder = defaultPlaceholder,\n    controlState,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onFocusChange,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    ...remainingProps\n  }: NumberInputProps = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const componentName = (restProps as Record<string, unknown>)[\n    'data-dt-component'\n  ];\n\n  const { 'aria-labelledby': ariaLabelledBy, ...remainingAriaProps } =\n    useAriaLabelingProps(restProps);\n  const locale = useMemo(() => getRegionalFormat(), []);\n\n  // Cast min and max to number since we accept string as well to better match native number inputs\n  const minValue = !isNaN(Number(minValueNumberLike))\n    ? Number(minValueNumberLike)\n    : undefined;\n  const maxValue = !isNaN(Number(maxValueNumberLike))\n    ? Number(maxValueNumberLike)\n    : undefined;\n\n  const numberInputValue = value === null || value === undefined ? NaN : value; // necessary so we can clear the inputValue; otherwise, it snaps back to the previously valid inputValue\n\n  const {\n    disabled,\n    required,\n    id: contextId,\n    ariaDisabled,\n    readOnly: isReadOnly,\n  } = useSyncedFormControlProps({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: ariaDisabledProp,\n    propReadOnly,\n  });\n  const disabledOrAriaDisabled = disabled || ariaDisabled || false;\n\n  const state = useNumberFieldState({\n    value: numberInputValue,\n    onChange,\n    placeholder,\n    minValue,\n    maxValue,\n    step,\n    isDisabled: disabled,\n    isReadOnly,\n    isRequired: required,\n    locale,\n  });\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  useImperativeHandle(\n    forwardedRef,\n    (): Omit<FormControlRef<HTMLDivElement>, 'validate'> => ({\n      element: wrapperRef.current,\n      inputRef: inputRef.current,\n      focus() {\n        inputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const { inputProps } = useNumberField(\n    {\n      value: numberInputValue,\n      onChange,\n      id: contextId,\n      placeholder,\n      minValue,\n      maxValue,\n      step,\n      isDisabled: disabled,\n      isReadOnly,\n      isRequired: required,\n      onKeyUp,\n      onKeyDown,\n      onBlur,\n      onFocus,\n      onFocusChange,\n      // we pass the aria-labelledBy only if there's no aria-label, because the useNumberField would add aria-labelledby\n      // with 2 ids and append the input text to its aria-label otherwise, breaking the getByLabelText selectors in tests otherwise\n      'aria-labelledby': remainingAriaProps['aria-label']\n        ? undefined\n        : ariaLabelledBy,\n\n      ...remainingAriaProps, // passing the aria props here prevents unnecessary react-aria warnings when aria-labelling props are already set\n    },\n    state,\n    // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment\n    // @ts-ignore React 19 - proper overlap for the ref is no longer there. It should be fine, but the Numberfield will be reworked anyways\n    inputRef,\n  );\n  let inputDefaultValue: string | undefined;\n\n  if (defaultValue !== null && defaultValue !== undefined) {\n    inputDefaultValue = defaultValue.toString();\n  } else {\n    inputDefaultValue =\n      value === undefined && !onChange\n        ? '' // this prevents warnings about switching from uncontrolled to controlled inputs when no value or defaultValue is set, but onChange used without a value/defaultValue will still throw it\n        : undefined;\n  }\n\n  const {\n    value: inputPropsValue,\n    type,\n    id,\n    readOnly = false,\n    role,\n    onKeyDown: onKeyDownReactAria,\n    ...remainingInputProps\n  } = inputProps;\n\n  const [inputValue, setInputValue] = useControllableState({\n    defaultValue: inputDefaultValue,\n    value: inputPropsValue?.toString(),\n  });\n\n  const [hasError, hint] = useFormControlState(controlState);\n  // _useInputHint will be replaced with new validation concept. APPDEV-8298\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { inputProps: inputHintAriaProps, hintProps } = useInputHint({\n    hint,\n    hasError,\n  });\n\n  const { isAutoFilled, onAnimationStart } = useAutofillEvent();\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    remainingInputProps?.onChange?.(event);\n    setInputValue(event.target.value);\n  };\n\n  const { focusProps, focusClassName } = useFocusRing({\n    color: hasError && !(disabled || ariaDisabled) ? 'critical' : 'neutral',\n    ignoreModality: true,\n    disabled,\n  });\n\n  //TODO: replace this with the BaseInput once the rework is done and we no longer depend on react-aria. This introduced the limitation of passing the inputRef from the BaseInput to the NumberInputBase, as it's initially null and useNumberField instantly breaks instead of waiting for failing gracefully and then resetting the ref on the next render\n  return (\n    <Flex\n      gap={4}\n      flexDirection=\"column\"\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      ref={wrapperRef}\n      className={consumerClassName}\n      style={consumerStyle}\n      {...behavioralTrackingProps}\n      data-dt-component={componentName}\n    >\n      <Flex\n        gap={2}\n        alignItems=\"center\"\n        className={clsx(styles.wrapper, styles.variant['default'], {\n          [styles.hasError]: hasError,\n          [styles.disabled]: disabledOrAriaDisabled,\n          [styles.readOnly]: readOnly,\n        })}\n      >\n        <div\n          className={clsx(\n            styles.container,\n            inputGroupClassName,\n            focusClassName,\n            {\n              [styles.isAutoFilled]: isAutoFilled,\n            },\n          )}\n        >\n          <input\n            id={id}\n            ref={inputRef}\n            type=\"text\"\n            role={role}\n            onChange={handleInputChange}\n            onAnimationStart={onAnimationStart}\n            disabled={disabled}\n            className={clsx(styles.input, autofillCSS)}\n            readOnly={readOnly}\n            {...(_mergeProps(\n              remainingInputProps,\n              restProps,\n              focusProps,\n              inputHintAriaProps,\n            ) as unknown as Record<string, unknown>)}\n            name={name}\n            required={required} // react-aria only sets aria-required in the remainingInputProps, so we need to override it with the context prop here\n            value={inputValue}\n            aria-disabled={ariaDisabled}\n            // react-aria prevents default events, so it behaves differently from our TextInput, which has some undesired issues - see ADES-3971 and https://github.com/adobe/react-spectrum/issues/2803\n            onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => {\n              if (\n                (e.key === 'Home' && minValue === undefined) ||\n                (e.key === 'End' && maxValue === undefined)\n              ) {\n                onKeyDown?.(e);\n                return; // opt out of using react-aria's keydown logic in this case, because it would prevent default behavior (moving the cursor to the front/end with Home/End)\n              }\n\n              onKeyDownReactAria?.(e); // we still need to use react aria's events when we do have a min/max (then the value will be snapped to these when pressing Home/End) or for incrementing/decrementing the value on pressing Up/Down keys, but these will no longer be necessary as soon as we implement the spin button\n            }}\n          />\n        </div>\n      </Flex>\n      {hint && (\n        <BaseItem\n          variant={hasError ? 'error' : 'hint'}\n          disabled={disabled || ariaDisabled}\n          {...hintProps}\n        >\n          {hint}\n        </BaseItem>\n      )}\n    </Flex>\n  );\n});\n\n(\n  NumberInputBase as typeof NumberInputBase & { displayName: string }\n).displayName = 'NumberInputBase';\n"],
+  "mappings": "AAkQI,SA+BM,KA/BN;AAjQJ,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,OAAO,UAAU;AACjB;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAElC,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAI7B,SAAS,cAAc,mBAAmB;AAC1C,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAEpC,YAAY,YAAY;AACxB,SAAS,oBAAoB,gBAAgB;AAC7C,SAAS,iCAAiC;AAC1C,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAyCtB,MAAM,kBAAkC,2BAG7C,CAAC,OAAO,iBAAiB;AACzB,QAAM,OAAO,QAAQ;AAErB,QAAM,qBAAqB,KAAK,cAAc;AAAA,IAC5C,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf,CAAC;AAED,QAAM;AAAA,IACJ,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,IACV,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,IAAsB;AAEtB,QAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAE3C,QAAM,gBAAiB,UACrB,mBACF;AAEA,QAAM,EAAE,mBAAmB,gBAAgB,GAAG,mBAAmB,IAC/D,qBAAqB,SAAS;AAChC,QAAM,SAAS,QAAQ,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAGpD,QAAM,WAAW,CAAC,MAAM,OAAO,kBAAkB,CAAC,IAC9C,OAAO,kBAAkB,IACzB;AACJ,QAAM,WAAW,CAAC,MAAM,OAAO,kBAAkB,CAAC,IAC9C,OAAO,kBAAkB,IACzB;AAEJ,QAAM,mBAAmB,UAAU,QAAQ,UAAU,SAAY,MAAM;AAEvE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,IAAI;AAAA,IACJ;AAAA,IACA,UAAU;AAAA,EACZ,IAAI,0BAA0B;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EACF,CAAC;AACD,QAAM,yBAAyB,YAAY,gBAAgB;AAE3D,QAAM,QAAQ,oBAAoB;AAAA,IAChC,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,EACF,CAAC;AAED,QAAM,WAAW,OAAgC,IAAI;AACrD,QAAM,aAAa,OAA8B,IAAI;AAErD;AAAA,IACE;AAAA,IACA,OAAyD;AAAA,MACvD,SAAS,WAAW;AAAA,MACpB,UAAU,SAAS;AAAA,MACnB,QAAQ;AACN,iBAAS,SAAS,MAAM;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,EAAE,WAAW,IAAI;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP;AAAA,MACA,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA,MAGA,mBAAmB,mBAAmB,YAAY,IAC9C,SACA;AAAA,MAEJ,GAAG;AAAA;AAAA,IACL;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,EACF;AACA,MAAI;AAEJ,MAAI,iBAAiB,QAAQ,iBAAiB,QAAW;AACvD,wBAAoB,aAAa,SAAS;AAAA,EAC5C,OAAO;AACL,wBACE,UAAU,UAAa,CAAC,WACpB,KACA;AAAA,EACR;AAEA,QAAM;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,WAAW;AAAA,IACX,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,CAAC,YAAY,aAAa,IAAI,qBAAqB;AAAA,IACvD,cAAc;AAAA,IACd,OAAO,iBAAiB,SAAS;AAAA,EACnC,CAAC;AAED,QAAM,CAAC,UAAU,IAAI,IAAI,oBAAoB,YAAY;AAGzD,QAAM,EAAE,YAAY,oBAAoB,UAAU,IAAI,aAAa;AAAA,IACjE;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,cAAc,iBAAiB,IAAI,iBAAiB;AAE5D,QAAM,oBAAoB,CAAC,UAAyC;AAClE,yBAAqB,WAAW,KAAK;AACrC,kBAAc,MAAM,OAAO,KAAK;AAAA,EAClC;AAEA,QAAM,EAAE,YAAY,eAAe,IAAI,aAAa;AAAA,IAClD,OAAO,YAAY,EAAE,YAAY,gBAAgB,aAAa;AAAA,IAC9D,gBAAgB;AAAA,IAChB;AAAA,EACF,CAAC;AAGD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAc;AAAA,MACd,eAAa;AAAA,MACb,mBAAiB;AAAA,MACjB,oBAAkB;AAAA,MAClB,KAAK;AAAA,MACL,WAAW;AAAA,MACX,OAAO;AAAA,MACN,GAAG;AAAA,MACJ,qBAAmB;AAAA,MAEnB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,YAAW;AAAA,YACX,WAAW,KAAK,OAAO,SAAS,OAAO,QAAQ,SAAS,GAAG;AAAA,cACzD,CAAC,OAAO,QAAQ,GAAG;AAAA,cACnB,CAAC,OAAO,QAAQ,GAAG;AAAA,cACnB,CAAC,OAAO,QAAQ,GAAG;AAAA,YACrB,CAAC;AAAA,YAED;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT,OAAO;AAAA,kBACP;AAAA,kBACA;AAAA,kBACA;AAAA,oBACE,CAAC,OAAO,YAAY,GAAG;AAAA,kBACzB;AAAA,gBACF;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,KAAK;AAAA,oBACL,MAAK;AAAA,oBACL;AAAA,oBACA,UAAU;AAAA,oBACV;AAAA,oBACA;AAAA,oBACA,WAAW,KAAK,OAAO,OAAO,WAAW;AAAA,oBACzC;AAAA,oBACC,GAAI;AAAA,sBACH;AAAA,sBACA;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,OAAO;AAAA,oBACP,iBAAe;AAAA,oBAEf,WAAW,CAAC,MAAuC;AACjD,0BACG,EAAE,QAAQ,UAAU,aAAa,UACjC,EAAE,QAAQ,SAAS,aAAa,QACjC;AACA,oCAAY,CAAC;AACb;AAAA,sBACF;AAEA,2CAAqB,CAAC;AAAA,oBACxB;AAAA;AAAA,gBACF;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QACC,QACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,WAAW,UAAU;AAAA,YAC9B,UAAU,YAAY;AAAA,YACrB,GAAG;AAAA,YAEH;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAGC,gBACA,cAAc;",
   "names": []
 }

package/esm/forms/number-input-v2/NumberInput.js

@@ -7,26 +7,35 @@ import {
   useRef,
   useState
 } from "react";
+import { useIntl } from "react-intl";
 import { getRegionalFormat } from "@dynatrace-sdk/user-preferences";
 import { applyStep } from "./utils/calculations.js";
+import { checkFormat, parseNumber } from "./utils/format.js";
+import { addError, getErrorKey } from "./utils/validation.js";
+import { useBehavioralTrackingProps } from "../../core/hooks/useBehavioralTrackingProps.js";
 import { useId } from "../../core/hooks/useId.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
+import { mergeProps } from "../../core/utils/merge-props.js";
 import { BaseInput } from "../_base-input/BaseInput.js";
 import { BaseInputButton } from "../_base-input/BaseInputButton.js";
-import { checkFormat, parseNumber } from "./utils/format.js";
-import { useFormFieldMessagesContext } from "../forms-core/hooks/useFormFieldMessagesContext.js";
-import { FormFieldMessagesAction } from "../forms-core/state/formfield-messages-state-reducer.js";
-import { addError, getErrorKey } from "./utils/validation.js";
 import {
   BaseInputPrefix,
   BaseInputSuffix
 } from "../_base-input/BaseInputContent.js";
+import { useFormFieldMessagesContext } from "../forms-core/hooks/useFormFieldMessagesContext.js";
+import { FormFieldMessagesAction } from "../forms-core/state/formfield-messages-state-reducer.js";
 const COMPONENT_NAME = "NumberInput";
 const VALID_PATTERN = "^[+\\-]?\\d+(?:[\\.,]\\d+)?(?:[eE][+\\-]?\\d+)?$";
 const VALID_REGEXP = new RegExp(VALID_PATTERN);
 const FORMATTABLE_PATTERN = /^[-+]?[\d.,'\u2019 ٫٬\u00A0\u1680\u2000-\u200A\u202F\u205F\u3000]+(?:[eE][-+]?\d+)?$/u;
 const INTERMEDIATE_VALID_PATTERN = /^[+-]?\d*(?:[.,]\d*)?(?:[eE][+-]?\d*)?$/;
 const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
+  const intl = useIntl();
+  const defaultPlaceholder = intl.formatMessage({
+    defaultMessage: "Add number",
+    id: "rrkUQoVNb46Jbd/8",
+    description: "Default placeholder for the number input."
+  });
   const {
     onChange,
     onKeyDown,
@@ -42,8 +51,10 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     max,
     step,
     stepMultiplier = 1,
+    placeholder = defaultPlaceholder,
     ...remainingProps
   } = props;
+  const [behavioralTrackingProps, restProps] = useBehavioralTrackingProps(remainingProps);
   const { state, dispatch } = useFormFieldMessagesContext();
   const errorId = useId();
   const isPasted = useRef(false);
@@ -206,7 +217,7 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
     BaseInput,
     {
       ref: inputRef,
-      ...remainingProps,
+      ...mergeProps(restProps, behavioralTrackingProps),
       type: "text",
       inputMode: "decimal",
       autoComplete: "off",
@@ -224,7 +235,8 @@ const NumberInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
       min,
       max,
       step,
-      pattern: VALID_PATTERN
+      pattern: VALID_PATTERN,
+      placeholder
     }
   );
 });

package/esm/forms/number-input-v2/NumberInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/forms/number-input-v2/NumberInput.tsx"],
-  "sourcesContent": ["import {\n  type ChangeEvent as ReactChangeEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { getRegionalFormat } from '@dynatrace-sdk/user-preferences';\n\nimport { applyStep } from './utils/calculations.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport type { FocusEvents } from '../../core/types/events.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport type { BaseInputProps } from '../_base-input/base-input.types.js';\nimport { BaseInput } from '../_base-input/BaseInput.js';\nimport { BaseInputButton } from '../_base-input/BaseInputButton.js';\nimport { checkFormat, parseNumber } from './utils/format.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef } from '../shared-types.js';\nimport { addError, getErrorKey } from './utils/validation.js';\nimport {\n  BaseInputPrefix,\n  BaseInputSuffix,\n} from '../_base-input/BaseInputContent.js';\n\nconst COMPONENT_NAME = 'NumberInput';\n// Matches a fully valid number: optional sign, integer digits, optional decimal part, optional scientific notation (e.g. \"-1.5e+3\")\nconst VALID_PATTERN = '^[+\\\\-]?\\\\d+(?:[\\\\.,]\\\\d+)?(?:[eE][+\\\\-]?\\\\d+)?$';\nconst VALID_REGEXP = new RegExp(VALID_PATTERN);\n// Matches a number that may use any locale's grouping/decimal separators (spaces, dots, commas, Arabic/Unicode variants)\n// \u2014 used to detect paste-formatted input that can be normalized\nconst FORMATTABLE_PATTERN =\n  /^[-+]?[\\d.,'\\u2019 \u066B\u066C\\u00A0\\u1680\\u2000-\\u200A\\u202F\\u205F\\u3000]+(?:[eE][-+]?\\d+)?$/u;\n// Matches a number that is syntactically incomplete but still being typed:\n// digits and separators are optional so intermediate states like \"-\", \"1.\", \"1.5e\" are allowed without rejecting the input\nconst INTERMEDIATE_VALID_PATTERN = /^[+-]?\\d*(?:[.,]\\d*)?(?:[eE][+-]?\\d*)?$/;\n\n// #region Typings\n/**\n * Number inputs let users enter and edit integers and floating-point numbers.\n * @public\n */\nexport type NumberInputProps = Pick<\n  BaseInputProps,\n  | 'placeholder'\n  | 'variant'\n  | 'onKeyUp'\n  | 'onKeyDown'\n  | 'className'\n  | 'style'\n  | 'data-testid'\n  | 'data-dtrum-mask'\n  | 'data-dtrum-allow'\n> &\n  FormControlProps<number | null, (value: number | null) => void> &\n  PropsWithChildren &\n  FocusEvents & {\n    /** Minimum amount of the input.\n     * @defaultValue undefined */\n    min?: number;\n    /** Maximum amount of the input.\n     * @defaultValue undefined */\n    max?: number;\n    /** Defines the step in which increments/decrements can be performed on the input and validates the value.\n     * Must be a positive number greater than 0. Values that are negative, zero, NaN, or undefined default to 1.\n     * @defaultValue undefined */\n    step?: number;\n    /** Multiplier applied to `step` (or 1 if no `step` is set) to determine how much the value changes\n     * when using arrow keys or the scroll wheel. Must be a positive integer greater than 0.\n     * Values that are negative, zero, NaN, or undefined default to 1. Decimal values are truncated to the nearest integer.\n     * @defaultValue 1 */\n    stepMultiplier?: number;\n  };\n\n// #endregion\n\n/**\n * Number inputs let users enter and edit integers and floating-point numbers.\n * @public\n */\nconst NumberInputRoot = /* @__PURE__ */ forwardRef<\n  FormControlRef<HTMLDivElement>,\n  NumberInputProps\n>((props, forwardedRef) => {\n  const {\n    onChange,\n    onKeyDown,\n    value: propValue,\n    defaultValue,\n    required,\n    readOnly = false,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    min,\n    max,\n    step,\n    stepMultiplier = 1,\n    ...remainingProps\n  }: NumberInputProps = props;\n\n  const { state, dispatch } = useFormFieldMessagesContext();\n  const errorId = useId();\n  const isPasted = useRef<boolean>(false);\n  const isInternalChanged = useRef<boolean>(defaultValue !== undefined);\n\n  const internalRef = useRef<FormControlRef<HTMLDivElement>>(null);\n  const inputRef = useMergeRefs([forwardedRef, internalRef]);\n\n  const [internalValue, setInternalValue] = useState<string | number | null>(\n    defaultValue ?? propValue ?? null,\n  );\n\n  // Programmatically sets the DOM input value and optionally notifies consumers.\n  // Uses the native prototype setter so React's internal value tracker stays in sync.\n  const setValueNative = useCallback(\n    (newValue: number | string | null, triggerChange: boolean = true) => {\n      const input = internalRef.current?.inputRef;\n      if (input) {\n        let stringValue: string;\n        if (newValue === null) {\n          stringValue = '';\n        } else if (typeof newValue === 'number') {\n          stringValue = new Intl.NumberFormat(getRegionalFormat(), {\n            useGrouping: false,\n            maximumFractionDigits: 17,\n          }).format(newValue);\n        } else {\n          stringValue = String(newValue);\n        }\n        const desc = Object.getOwnPropertyDescriptor(\n          HTMLInputElement.prototype,\n          'value',\n        );\n        desc?.set?.call(input, stringValue);\n        input.value = stringValue;\n        if (triggerChange) {\n          const parsedValue = checkFormat(stringValue);\n          isInternalChanged.current = true;\n          setInternalValue(parsedValue || stringValue);\n          if (VALID_REGEXP.exec(parsedValue)) {\n            onChange?.(parseNumber(parsedValue));\n          } else if (parsedValue === '') {\n            onChange?.(null);\n          }\n        }\n      }\n    },\n    [onChange],\n  );\n\n  // Caching the value to keep not valid states in the input\n  const value = useMemo<string | number | null>(() => {\n    const isChanged = isInternalChanged.current;\n    isInternalChanged.current = false;\n\n    if (isChanged) {\n      return internalValue;\n    }\n\n    if (!propValue && propValue !== 0) {\n      return '';\n    }\n\n    const formattedPropValue = new Intl.NumberFormat(getRegionalFormat(), {\n      useGrouping: false,\n      maximumFractionDigits: 17, // Max precision for a JS number\n    }).format(propValue);\n\n    return formattedPropValue;\n  }, [propValue, internalValue]);\n\n  const handleChange = useCallback(\n    (e: ReactChangeEvent<HTMLInputElement>) => {\n      const parsedValue = checkFormat(e.target.value);\n\n      if (VALID_REGEXP.exec(parsedValue)) {\n        onChange?.(parseNumber(parsedValue));\n      }\n\n      if (parsedValue === '') {\n        onChange?.(null);\n      }\n\n      if (isPasted.current && FORMATTABLE_PATTERN.exec(parsedValue)) {\n        isInternalChanged.current = true;\n        setInternalValue(parsedValue);\n        setValueNative(parsedValue, false);\n      } else if (INTERMEDIATE_VALID_PATTERN.exec(e.target.value)) {\n        isInternalChanged.current = true;\n        setInternalValue(parsedValue);\n      } else {\n        setValueNative(value ?? '', false);\n      }\n      isPasted.current = false;\n    },\n    [onChange, setInternalValue, value, setValueNative],\n  );\n\n  // Handling step changes with buttons, keyboard and wheel\n  const handleStep = useCallback(\n    (direction: 1 | -1) => {\n      setValueNative(\n        applyStep(value, step, stepMultiplier, min, max, direction),\n      );\n    },\n    [value, stepMultiplier, step, min, max, setValueNative],\n  );\n\n  // Handling keyboard input for step changes and home/end keys\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        onKeyDown?.(e);\n        return;\n      }\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        handleStep(+1);\n      }\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        handleStep(-1);\n      }\n\n      if (e.key === 'Home' && min !== undefined) {\n        e.preventDefault();\n        setValueNative(min);\n      }\n\n      if (e.key === 'End' && max !== undefined) {\n        e.preventDefault();\n        setValueNative(max);\n      }\n      onKeyDown?.(e);\n    },\n    [handleStep, onKeyDown, setValueNative, min, max, readOnly],\n  );\n\n  // Handling wheel input\n  useEffect(() => {\n    const el = internalRef?.current;\n\n    if (!el) {\n      return;\n    }\n\n    const onWheel = (e: WheelEvent) => {\n      if (document.activeElement !== e.target) {\n        return;\n      }\n      e.preventDefault();\n      handleStep(e.deltaY < 0 ? +1 : -1);\n    };\n\n    // Passive event listeners do not work, because the default action needs to be prevented\n    // so we need to explicitly set passive to false\n    el.element?.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.element?.removeEventListener('wheel', onWheel);\n  }, [handleStep]);\n\n  // Validating the native number input props manually, as we need to use a type=\"text\" input and can't rely on the native checks.\n  // We can't use type=\"number\" because it doesn't support all the formatting and localization features we need.\n  useEffect(() => {\n    if (!value && value !== 0) {\n      return;\n    }\n\n    const errorMessage = getErrorKey(value, min, max, step);\n    if (errorMessage) {\n      addError(errorMessage, errorId, internalRef.current?.inputRef, dispatch);\n      return;\n    }\n\n    dispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: {\n        id: errorId,\n        messageType: 'formcontrol',\n      },\n    });\n  }, [\n    value,\n    min,\n    max,\n    step,\n    state.isTouched,\n    state.isValid,\n    dispatch,\n    errorId,\n  ]);\n\n  return (\n    <BaseInput\n      ref={inputRef}\n      {...remainingProps}\n      type=\"text\"\n      inputMode=\"decimal\"\n      autoComplete=\"off\"\n      value={value ?? ''}\n      required={required}\n      readOnly={readOnly}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onPaste={() => (isPasted.current = true)}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      aria-disabled={ariaDisabledProp}\n      data-dt-component={COMPONENT_NAME}\n      min={min}\n      max={max}\n      step={step}\n      pattern={VALID_PATTERN}\n    />\n  );\n});\n\n/**\n * Use `NumberInputV2` to let users enter integers and floating-point numbers.\n * @public\n */\nexport const NumberInput = Object.assign(NumberInputRoot, {\n  Prefix: BaseInputPrefix,\n  Suffix: BaseInputSuffix,\n  Button: BaseInputButton,\n});\n\n(NumberInput as typeof NumberInput & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  type ChangeEvent as ReactChangeEvent,\n  forwardRef,\n  type KeyboardEvent,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { getRegionalFormat } from '@dynatrace-sdk/user-preferences';\n\nimport { applyStep } from './utils/calculations.js';\nimport { checkFormat, parseNumber } from './utils/format.js';\nimport { addError, getErrorKey } from './utils/validation.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { FocusEvents } from '../../core/types/events.js';\nimport type { FormControlProps } from '../../core/types/form-control-props.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport type { BaseInputProps } from '../_base-input/base-input.types.js';\nimport { BaseInput } from '../_base-input/BaseInput.js';\nimport { BaseInputButton } from '../_base-input/BaseInputButton.js';\nimport {\n  BaseInputPrefix,\n  BaseInputSuffix,\n} from '../_base-input/BaseInputContent.js';\nimport { useFormFieldMessagesContext } from '../forms-core/hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlRef } from '../shared-types.js';\n\nconst COMPONENT_NAME = 'NumberInput';\n// Matches a fully valid number: optional sign, integer digits, optional decimal part, optional scientific notation (e.g. \"-1.5e+3\")\nconst VALID_PATTERN = '^[+\\\\-]?\\\\d+(?:[\\\\.,]\\\\d+)?(?:[eE][+\\\\-]?\\\\d+)?$';\nconst VALID_REGEXP = new RegExp(VALID_PATTERN);\n// Matches a number that may use any locale's grouping/decimal separators (spaces, dots, commas, Arabic/Unicode variants)\n// \u2014 used to detect paste-formatted input that can be normalized\nconst FORMATTABLE_PATTERN =\n  /^[-+]?[\\d.,'\\u2019 \u066B\u066C\\u00A0\\u1680\\u2000-\\u200A\\u202F\\u205F\\u3000]+(?:[eE][-+]?\\d+)?$/u;\n// Matches a number that is syntactically incomplete but still being typed:\n// digits and separators are optional so intermediate states like \"-\", \"1.\", \"1.5e\" are allowed without rejecting the input\nconst INTERMEDIATE_VALID_PATTERN = /^[+-]?\\d*(?:[.,]\\d*)?(?:[eE][+-]?\\d*)?$/;\n\n// #region Typings\n/**\n * Number inputs let users enter and edit integers and floating-point numbers.\n * @public\n */\nexport type NumberInputProps = Pick<\n  BaseInputProps,\n  | 'placeholder'\n  | 'variant'\n  | 'onKeyUp'\n  | 'onKeyDown'\n  | 'className'\n  | 'style'\n  | 'data-testid'\n  | 'data-dtrum-mask'\n  | 'data-dtrum-allow'\n> &\n  FormControlProps<number | null, (value: number | null) => void> &\n  PropsWithChildren &\n  FocusEvents &\n  BehaviorTrackingProps & {\n    /** Minimum amount of the input.\n     * @defaultValue undefined */\n    min?: number;\n    /** Maximum amount of the input.\n     * @defaultValue undefined */\n    max?: number;\n    /** Defines the step in which increments/decrements can be performed on the input and validates the value.\n     * Must be a positive number greater than 0. Values that are negative, zero, NaN, or undefined default to 1.\n     * @defaultValue undefined */\n    step?: number;\n    /** Multiplier applied to `step` (or 1 if no `step` is set) to determine how much the value changes\n     * when using arrow keys or the scroll wheel. Must be a positive integer greater than 0.\n     * Values that are negative, zero, NaN, or undefined default to 1. Decimal values are truncated to the nearest integer.\n     * @defaultValue 1 */\n    stepMultiplier?: number;\n  };\n\n// #endregion\n\n/**\n * Number inputs let users enter and edit integers and floating-point numbers.\n * @public\n */\nconst NumberInputRoot = /* @__PURE__ */ forwardRef<\n  FormControlRef<HTMLDivElement>,\n  NumberInputProps\n>((props, forwardedRef) => {\n  const intl = useIntl();\n\n  const defaultPlaceholder = intl.formatMessage({\n    defaultMessage: 'Add number',\n    id: 'rrkUQoVNb46Jbd/8',\n    description: 'Default placeholder for the number input.',\n  });\n\n  const {\n    onChange,\n    onKeyDown,\n    value: propValue,\n    defaultValue,\n    required,\n    readOnly = false,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    'aria-disabled': ariaDisabledProp,\n    min,\n    max,\n    step,\n    stepMultiplier = 1,\n    placeholder = defaultPlaceholder,\n    ...remainingProps\n  }: NumberInputProps = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n\n  const { state, dispatch } = useFormFieldMessagesContext();\n  const errorId = useId();\n  const isPasted = useRef<boolean>(false);\n  const isInternalChanged = useRef<boolean>(defaultValue !== undefined);\n\n  const internalRef = useRef<FormControlRef<HTMLDivElement>>(null);\n  const inputRef = useMergeRefs([forwardedRef, internalRef]);\n\n  const [internalValue, setInternalValue] = useState<string | number | null>(\n    defaultValue ?? propValue ?? null,\n  );\n\n  // Programmatically sets the DOM input value and optionally notifies consumers.\n  // Uses the native prototype setter so React's internal value tracker stays in sync.\n  const setValueNative = useCallback(\n    (newValue: number | string | null, triggerChange: boolean = true) => {\n      const input = internalRef.current?.inputRef;\n      if (input) {\n        let stringValue: string;\n        if (newValue === null) {\n          stringValue = '';\n        } else if (typeof newValue === 'number') {\n          stringValue = new Intl.NumberFormat(getRegionalFormat(), {\n            useGrouping: false,\n            maximumFractionDigits: 17,\n          }).format(newValue);\n        } else {\n          stringValue = String(newValue);\n        }\n        const desc = Object.getOwnPropertyDescriptor(\n          HTMLInputElement.prototype,\n          'value',\n        );\n        desc?.set?.call(input, stringValue);\n        input.value = stringValue;\n        if (triggerChange) {\n          const parsedValue = checkFormat(stringValue);\n          isInternalChanged.current = true;\n          setInternalValue(parsedValue || stringValue);\n          if (VALID_REGEXP.exec(parsedValue)) {\n            onChange?.(parseNumber(parsedValue));\n          } else if (parsedValue === '') {\n            onChange?.(null);\n          }\n        }\n      }\n    },\n    [onChange],\n  );\n\n  // Caching the value to keep not valid states in the input\n  const value = useMemo<string | number | null>(() => {\n    const isChanged = isInternalChanged.current;\n    isInternalChanged.current = false;\n\n    if (isChanged) {\n      return internalValue;\n    }\n\n    if (!propValue && propValue !== 0) {\n      return '';\n    }\n\n    const formattedPropValue = new Intl.NumberFormat(getRegionalFormat(), {\n      useGrouping: false,\n      maximumFractionDigits: 17, // Max precision for a JS number\n    }).format(propValue);\n\n    return formattedPropValue;\n  }, [propValue, internalValue]);\n\n  const handleChange = useCallback(\n    (e: ReactChangeEvent<HTMLInputElement>) => {\n      const parsedValue = checkFormat(e.target.value);\n\n      if (VALID_REGEXP.exec(parsedValue)) {\n        onChange?.(parseNumber(parsedValue));\n      }\n\n      if (parsedValue === '') {\n        onChange?.(null);\n      }\n\n      if (isPasted.current && FORMATTABLE_PATTERN.exec(parsedValue)) {\n        isInternalChanged.current = true;\n        setInternalValue(parsedValue);\n        setValueNative(parsedValue, false);\n      } else if (INTERMEDIATE_VALID_PATTERN.exec(e.target.value)) {\n        isInternalChanged.current = true;\n        setInternalValue(parsedValue);\n      } else {\n        setValueNative(value ?? '', false);\n      }\n      isPasted.current = false;\n    },\n    [onChange, setInternalValue, value, setValueNative],\n  );\n\n  // Handling step changes with buttons, keyboard and wheel\n  const handleStep = useCallback(\n    (direction: 1 | -1) => {\n      setValueNative(\n        applyStep(value, step, stepMultiplier, min, max, direction),\n      );\n    },\n    [value, stepMultiplier, step, min, max, setValueNative],\n  );\n\n  // Handling keyboard input for step changes and home/end keys\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        onKeyDown?.(e);\n        return;\n      }\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        handleStep(+1);\n      }\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        handleStep(-1);\n      }\n\n      if (e.key === 'Home' && min !== undefined) {\n        e.preventDefault();\n        setValueNative(min);\n      }\n\n      if (e.key === 'End' && max !== undefined) {\n        e.preventDefault();\n        setValueNative(max);\n      }\n      onKeyDown?.(e);\n    },\n    [handleStep, onKeyDown, setValueNative, min, max, readOnly],\n  );\n\n  // Handling wheel input\n  useEffect(() => {\n    const el = internalRef?.current;\n\n    if (!el) {\n      return;\n    }\n\n    const onWheel = (e: WheelEvent) => {\n      if (document.activeElement !== e.target) {\n        return;\n      }\n      e.preventDefault();\n      handleStep(e.deltaY < 0 ? +1 : -1);\n    };\n\n    // Passive event listeners do not work, because the default action needs to be prevented\n    // so we need to explicitly set passive to false\n    el.element?.addEventListener('wheel', onWheel, { passive: false });\n    return () => el.element?.removeEventListener('wheel', onWheel);\n  }, [handleStep]);\n\n  // Validating the native number input props manually, as we need to use a type=\"text\" input and can't rely on the native checks.\n  // We can't use type=\"number\" because it doesn't support all the formatting and localization features we need.\n  useEffect(() => {\n    if (!value && value !== 0) {\n      return;\n    }\n\n    const errorMessage = getErrorKey(value, min, max, step);\n    if (errorMessage) {\n      addError(errorMessage, errorId, internalRef.current?.inputRef, dispatch);\n      return;\n    }\n\n    dispatch?.({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: {\n        id: errorId,\n        messageType: 'formcontrol',\n      },\n    });\n  }, [\n    value,\n    min,\n    max,\n    step,\n    state.isTouched,\n    state.isValid,\n    dispatch,\n    errorId,\n  ]);\n\n  return (\n    <BaseInput\n      ref={inputRef}\n      {...mergeProps(restProps, behavioralTrackingProps)}\n      type=\"text\"\n      inputMode=\"decimal\"\n      autoComplete=\"off\"\n      value={value ?? ''}\n      required={required}\n      readOnly={readOnly}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onPaste={() => (isPasted.current = true)}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      aria-disabled={ariaDisabledProp}\n      data-dt-component={COMPONENT_NAME}\n      min={min}\n      max={max}\n      step={step}\n      pattern={VALID_PATTERN}\n      placeholder={placeholder}\n    />\n  );\n});\n\n/**\n * Use `NumberInputV2` to let users enter integers and floating-point numbers.\n * @public\n */\nexport const NumberInput = Object.assign(NumberInputRoot, {\n  Prefix: BaseInputPrefix,\n  Suffix: BaseInputSuffix,\n  Button: BaseInputButton,\n});\n\n(NumberInput as typeof NumberInput & { displayName: string }).displayName =\n  COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": []
 }