@dynatrace/strato-components 3.2.1 → 3.3.1

package/esm/forms/date-time-range-picker/hooks/useDateTimeInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/date-time-range-picker/hooks/useDateTimeInput.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n  FormEventHandler as ReactFormEventHandler,\n  FocusEventHandler,\n  ClipboardEventHandler,\n  KeyboardEventHandler as ReactKeyboardEventHandler,\n} from 'react';\n\nimport {\n  parseTimeAsTimeValue,\n  _parseTimeExpression,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { useDateTimeInputValidation } from './useDateTimeIInputValidation.js';\nimport { useDateTimeParser } from './useDateTimeParser.js';\nimport { spinExpressionValue } from './useExpressionSpin.js';\nimport { useAriaLabelingProps } from '../../../core/hooks/useAriaLabelingProps.js';\nimport { useControllableState } from '../../../core/hooks/useControllableState.js';\nimport type { TimeValue } from '../../../core/types/time.js';\nimport { useDateTimePicker } from '../../date-time-picker/hooks/useDateTimePicker.js';\nimport {\n  getTimeValue,\n  formatTimeValue,\n} from '../../forms-core/time/timeParser.js';\nimport { useSelection } from '../../spin-buttons/hooks/useSelection.js';\nimport type { NumberSpinButtonRef } from '../../spin-buttons/number-spin-button/types.js';\nimport type { SpinButtonHandler } from '../../spin-buttons/spin-button-group/types.js';\nimport { isEqualTimeValue } from '../helpers.js';\nimport type { DateTimeInputProps } from '../types.js';\n\nfunction isNumberSpinButton(\n  handler: SpinButtonHandler | undefined,\n): handler is NumberSpinButtonRef {\n  return handler !== undefined && handler.type === 'number';\n}\n\n/*\n * A hook that provides the default functionality for the DateTimeInput picker\n */\nexport const useDateTimeInput = (\n  props: DateTimeInputProps,\n  expressionInputRef: RefObject<HTMLSpanElement | null>,\n) => {\n  const {\n    precision,\n    disabled,\n    readOnly,\n    required,\n    onError,\n    min,\n    max,\n    type,\n    onChange,\n  }: DateTimeInputProps = props;\n\n  const ariaProps = useAriaLabelingProps(props);\n  const { regexDateTimeStart, maxValue, types } = useDateTimeParser({\n    type,\n    precision,\n  });\n  // ? INVESTIGATE: without the generic, building the visreg story viewer and unit-test typechecking fails,\n  // ? but the components:build target still succeeds without any issues -> why?\n  const [value, setValue] = useControllableState<TimeValue | null>(props);\n  const isControlled = props.value !== undefined;\n  const [valueType, setValueType] = useState(value?.type ?? 'expression');\n  const firstRun = useRef(true);\n  const [expressionEmpty, setExpressionEmpty] = useState(\n    !expressionInputRef.current?.textContent,\n  );\n  const [inputValue, setInputValue] = useState('');\n\n  const {\n    spinButtons,\n    parts,\n    toDateTime,\n    handlers: spinButtonHandlers,\n    empty: spinButtonsEmpty,\n    applyDateTime,\n    firstSpinButtonHandler,\n  } = useDateTimePicker({\n    type,\n    precision,\n    disabled,\n    readOnly,\n    valueType,\n    value:\n      // only apply the absolute date if the input mode was already the datetimepicker\n      value?.type === 'iso8601' && valueType === 'iso8601'\n        ? value.absoluteDate\n        : null,\n    onChange: (newIsoDateTime) => {\n      const newValue = getTimeValue(newIsoDateTime ?? undefined);\n\n      if (newIsoDateTime === '') {\n        // Trigger the onChange passed to the DateTimePicker to let the user know\n        // that the currently entered value is invalid (incomplete spin buttons input).\n        onChange?.('');\n        return;\n      }\n\n      if (newValue === undefined) {\n        return;\n      }\n\n      // only update the value if the newTimeValue differs from the prev. one\n      setValue((prevValue) =>\n        isEqualTimeValue(prevValue, newValue) ? prevValue : newValue,\n      );\n\n      validateTimeValue(newValue);\n    },\n    ...ariaProps,\n  });\n\n  const empty = useMemo(\n    () => (valueType === 'expression' ? expressionEmpty : spinButtonsEmpty),\n    [valueType, expressionEmpty, spinButtonsEmpty],\n  );\n\n  // switch input mode based on controlled value change\n  useEffect(() => {\n    if (value?.type === 'iso8601' && !spinButtonsEmpty) {\n      setInputValue(value.value);\n    }\n\n    // ignore if in uncontrolled mode\n    if (!isControlled || typeof value === 'string') {\n      return;\n    }\n\n    // reset input if value is null\n    if (!value) {\n      setValueType('expression');\n      updateExpression(null);\n      const input = expressionInputRef.current?.textContent;\n      setExpressionEmpty(input === '');\n      spinButtonHandlers.forEach((sb) => sb?.clearValue(true));\n      validateTimeValue(value, input ?? '');\n      return;\n    }\n\n    // apply value to expression\n    // the spinbutton update is handled within the useSpinButton hook internally\n    const newValueType = value.type ?? 'expression';\n    setValueType(value.type);\n    setInputValue(value.value);\n    if (newValueType === 'expression') {\n      updateExpression(value);\n      setExpressionEmpty(value.value === '');\n      const input = expressionInputRef.current?.textContent;\n      validateTimeValue(value, input ?? '');\n    }\n    // only react to outside value changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  // hook to evaluate the error state based on the given expression, value, and spinbutton state\n  const { validateTimeValue } = useDateTimeInputValidation(\n    {\n      min,\n      max,\n      required,\n      onError, // fired on update\n    },\n    parts,\n    toDateTime,\n  );\n\n  useEffect(() => {\n    // Ignore expression updates, only handle spinbutton update in here\n    if (valueType === 'expression') {\n      return;\n    }\n    validateTimeValue(value);\n  }, [validateTimeValue, value, valueType]);\n\n  const { selectAll: expressionInputSelectAll } =\n    useSelection(expressionInputRef);\n\n  // called on onBlur to sanitize the current expression\n  const updateExpression = useCallback(\n    (value: TimeValue | null) => {\n      if (!expressionInputRef.current) {\n        return;\n      }\n      const formattedValue = value ? formatTimeValue(value) : '';\n      const currentValue = formatTimeValue(\n        expressionInputRef.current?.textContent ?? '',\n      );\n\n      // only update if the current value differs from the new value\n      // don't update the textnode while typing but allow e.g. pasting a new expression\n      if (currentValue !== formattedValue) {\n        expressionInputRef.current.textContent = formattedValue;\n      }\n    },\n    // no use in adding the expressionInputRef to the dep. array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // handles input events on the expression contenteditable span\n  const expressionInputHandler: ReactFormEventHandler<HTMLSpanElement> =\n    useCallback(() => {\n      if (!expressionInputRef.current) {\n        return;\n      }\n\n      const input = expressionInputRef.current.textContent ?? '';\n\n      // Remove <br> added by browser in contenteditable to ensure placeholder works\n      if (expressionInputRef.current.innerHTML === '<br>') {\n        expressionInputRef.current.innerHTML = '';\n      }\n\n      // fallback to expression if text content is removed\n      if (input === '') {\n        setValueType('expression');\n        setValue(null);\n        setExpressionEmpty(true);\n        validateTimeValue(parseTimeAsTimeValue(input), input);\n        return;\n      }\n\n      setExpressionEmpty(false);\n\n      // if the input starts like a valid datetime for the current locale, switch to the datetime picker\n      const [, carryOver] = regexDateTimeStart.exec(input) ?? [];\n      if (Number.parseInt(carryOver) <= maxValue) {\n        setValueType('iso8601');\n\n        // clear all spinbuttons\n        applyDateTime(null);\n\n        // get a cleaned and sorted list of spinbutton handlers\n        const sortedHandlers = types\n          .filter((type) => type !== 'literal')\n          .map((type) => spinButtonHandlers.get(type))\n          .filter(Boolean) as SpinButtonHandler[];\n        const [carryOverSB, focusSB] = sortedHandlers;\n\n        // carry over entered value to the next number spinbutton\n        isNumberSpinButton(carryOverSB) &&\n          carryOverSB.applyText(carryOver, true);\n\n        // clear expression input content\n        expressionInputRef.current.textContent = '';\n\n        // set focus after switch to expression mode happened\n        requestAnimationFrame(() => {\n          // set focus to second spinbutton\n          focusSB?.element.current?.focus();\n        });\n        return;\n      }\n\n      // if input is a valid expression, update the internal value state\n      const newValue = parseTimeAsTimeValue(input);\n\n      // reevaluate if the new input is valid or not\n      validateTimeValue(newValue, input);\n\n      if (newValue === null && input !== '') {\n        onChange?.('');\n      }\n      // only update the value if the newTimeValue differs from the prev. one\n      setValue((prevValue) =>\n        isEqualTimeValue(prevValue, newValue) ? prevValue : newValue,\n      );\n\n      setInputValue(input);\n    }, [\n      expressionInputRef,\n      regexDateTimeStart,\n      maxValue,\n      validateTimeValue,\n      setValue,\n      applyDateTime,\n      types,\n      spinButtonHandlers,\n      onChange,\n    ]);\n\n  // select expression text content on focus\n  const expressionOnFocusHandler: FocusEventHandler<HTMLSpanElement> =\n    useCallback(() => {\n      expressionInputSelectAll();\n    }, [expressionInputSelectAll]);\n\n  // sanitize textnode if content is an expression\n  const expressionOnBlurHandler: FocusEventHandler<HTMLSpanElement> =\n    useCallback(() => {\n      if (expressionInputRef.current && value?.type === 'expression') {\n        const currentExpressionInput =\n          expressionInputRef.current.textContent ?? '';\n        const isValidExpression = _parseTimeExpression(\n          currentExpressionInput.trim(),\n        );\n\n        if (isValidExpression) {\n          expressionInputRef.current.textContent = formatTimeValue(value);\n        }\n      }\n\n      // eslint annoyingly wants to add the ref to the dependency list\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n  // clipboard paste handler. apply clipboard content if formatted correctly\n  const onPaste: ClipboardEventHandler<HTMLSpanElement> = useCallback(\n    (event) => {\n      if (readOnly) {\n        return;\n      }\n\n      const data = event.clipboardData?.getData('text/plain');\n      if (!data) {\n        return;\n      }\n\n      // if the clipboard content is a valid expression or ISO, apply it as value\n      const nextValue = parseTimeAsTimeValue(\n        data.trim(),\n        TZDateMini.tz(getTimezone()).getTime(),\n        precision,\n      );\n      if (nextValue) {\n        setValueType(nextValue.type);\n        if (nextValue.type === 'expression') {\n          updateExpression(nextValue);\n        } else {\n          // If the new value is switching the input mode, delay updating the spinbuttons by one render cycle\n          requestAnimationFrame(() => applyDateTime(nextValue.absoluteDate));\n        }\n        setValue(nextValue);\n        event.preventDefault();\n      }\n    },\n    [applyDateTime, precision, readOnly, setValue, updateExpression],\n  );\n\n  // Handle keyboard events on the expression input: prevent Enter and spin on ArrowUp/ArrowDown\n  const expressionOnKeyDownHandler: ReactKeyboardEventHandler<HTMLSpanElement> =\n    useCallback(\n      (event) => {\n        if (event.key === 'Enter') {\n          event.preventDefault();\n          return;\n        }\n\n        if (\n          (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n          !disabled &&\n          !readOnly\n        ) {\n          const element = expressionInputRef.current;\n          if (!element) {\n            return;\n          }\n\n          const currentText = element.textContent ?? '';\n          if (!currentText.trim()) {\n            return;\n          }\n\n          const direction: 1 | -1 = event.key === 'ArrowUp' ? 1 : -1;\n          const newText = spinExpressionValue(currentText, direction);\n\n          if (newText === null) {\n            return;\n          }\n\n          event.preventDefault();\n\n          // Preserve cursor position\n          const selection = window.getSelection();\n          const cursorOffset = selection?.focusOffset ?? 0;\n\n          // Update the text content and fire the input handler\n          element.textContent = newText;\n\n          // Restore cursor position (clamped to new text length)\n          requestAnimationFrame(() => {\n            const textNode = element.firstChild;\n            if (textNode && selection) {\n              const newOffset = Math.min(cursorOffset, newText.length);\n              const range = document.createRange();\n              range.setStart(textNode, newOffset);\n              range.collapse(true);\n              selection.removeAllRanges();\n              selection.addRange(range);\n            }\n          });\n\n          // Trigger the input handler to propagate the value change\n          element.dispatchEvent(new Event('input', { bubbles: true }));\n        }\n      },\n      [expressionInputRef, disabled, readOnly],\n    );\n\n  // focus the first spinbutton or the expression input based on the current input mode\n  const focus = useCallback(() => {\n    switch (valueType) {\n      case 'expression':\n        expressionInputRef.current?.focus();\n        break;\n      case 'iso8601':\n        firstSpinButtonHandler?.element?.current?.focus();\n        break;\n    }\n    // no need to pass the refs as dependency\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueType, firstSpinButtonHandler]);\n\n  // first initialization of the uncontrolled expression value on component mount\n  useEffect(() => {\n    if (isControlled || value?.type !== 'expression') {\n      return;\n    }\n    updateExpression(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // if the spinbuttons are empty ...\n  useEffect(() => {\n    // Don't run the empty spinbutton check on component mount.\n    if (firstRun.current) {\n      firstRun.current = false;\n      validateTimeValue(value);\n      return;\n    }\n\n    // ... switch to expression input\n    if (valueType === 'iso8601' && spinButtonsEmpty) {\n      setValueType('expression');\n      setExpressionEmpty(true);\n\n      if (value !== null) {\n        setValue(null);\n      }\n\n      setInputValue('');\n\n      // reevaluate error state\n      validateTimeValue(null);\n\n      // wait until the expression input is visible to set the focus\n      setTimeout(() => {\n        expressionInputRef?.current?.focus();\n      });\n    }\n    // only react on empty state changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [spinButtonsEmpty]);\n\n  useEffect(() => {\n    if (valueType !== 'expression') {\n      return;\n    }\n\n    if (empty) {\n      setInputValue('');\n      return;\n    }\n\n    if (expressionInputRef.current?.textContent) {\n      setInputValue(expressionInputRef.current?.textContent); // fixes validating initial expression value in the DateTimeRangePicker\n    }\n    // valueType can be excluded because empty already depends on it\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [empty]);\n\n  return {\n    empty,\n    spinButtons,\n    spinButtonHandlers,\n    value: typeof value === 'string' ? null : value,\n    valueType,\n    inputValue,\n    expressionInputHandler,\n    expressionOnFocusHandler,\n    expressionOnBlurHandler,\n    expressionOnKeyDownHandler,\n    onPaste,\n    focus,\n    validateTimeValue,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAMK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAE5B,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,4BAA4B;AAErC,SAAS,yBAAyB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAG7B,SAAS,wBAAwB;AAGjC,SAAS,mBACP,SACgC;AAChC,SAAO,YAAY,UAAa,QAAQ,SAAS;AACnD;AAKO,MAAM,mBAAmB,CAC9B,OACA,uBACG;AACH,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAwB;AAExB,QAAM,YAAY,qBAAqB,KAAK;AAC5C,QAAM,EAAE,oBAAoB,UAAU,MAAM,IAAI,kBAAkB;AAAA,IAChE;AAAA,IACA;AAAA,EACF,CAAC;AAGD,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAuC,KAAK;AACtE,QAAM,eAAe,MAAM,UAAU;AACrC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,OAAO,QAAQ,YAAY;AACtE,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,CAAC,mBAAmB,SAAS;AAAA,EAC/B;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,MAEE,OAAO,SAAS,aAAa,cAAc,YACvC,MAAM,eACN;AAAA;AAAA,IACN,UAAU,CAAC,mBAAmB;AAC5B,YAAM,WAAW,aAAa,kBAAkB,MAAS;AAEzD,UAAI,mBAAmB,IAAI;AAGzB,mBAAW,EAAE;AACb;AAAA,MACF;AAEA,UAAI,aAAa,QAAW;AAC1B;AAAA,MACF;AAGA;AAAA,QAAS,CAAC,cACR,iBAAiB,WAAW,QAAQ,IAAI,YAAY;AAAA,MACtD;AAEA,wBAAkB,QAAQ;AAAA,IAC5B;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AAED,QAAM,QAAQ;AAAA,IACZ,MAAO,cAAc,eAAe,kBAAkB;AAAA,IACtD,CAAC,WAAW,iBAAiB,gBAAgB;AAAA,EAC/C;AAGA,YAAU,MAAM;AACd,QAAI,OAAO,SAAS,aAAa,CAAC,kBAAkB;AAClD,oBAAc,MAAM,KAAK;AAAA,IAC3B;AAGA,QAAI,CAAC,gBAAgB,OAAO,UAAU,UAAU;AAC9C;AAAA,IACF;AAGA,QAAI,CAAC,OAAO;AACV,mBAAa,YAAY;AACzB,uBAAiB,IAAI;AACrB,YAAM,QAAQ,mBAAmB,SAAS;AAC1C,yBAAmB,UAAU,EAAE;AAC/B,yBAAmB,QAAQ,CAAC,OAAO,IAAI,WAAW,IAAI,CAAC;AACvD,wBAAkB,OAAO,SAAS,EAAE;AACpC;AAAA,IACF;AAIA,UAAM,eAAe,MAAM,QAAQ;AACnC,iBAAa,MAAM,IAAI;AACvB,kBAAc,MAAM,KAAK;AACzB,QAAI,iBAAiB,cAAc;AACjC,uBAAiB,KAAK;AACtB,yBAAmB,MAAM,UAAU,EAAE;AACrC,YAAM,QAAQ,mBAAmB,SAAS;AAC1C,wBAAkB,OAAO,SAAS,EAAE;AAAA,IACtC;AAAA,EAGF,GAAG,CAAC,KAAK,CAAC;AAGV,QAAM,EAAE,kBAAkB,IAAI;AAAA,IAC5B;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,YAAU,MAAM;AAEd,QAAI,cAAc,cAAc;AAC9B;AAAA,IACF;AACA,sBAAkB,KAAK;AAAA,EACzB,GAAG,CAAC,mBAAmB,OAAO,SAAS,CAAC;AAExC,QAAM,EAAE,WAAW,yBAAyB,IAC1C,aAAa,kBAAkB;AAGjC,QAAM,mBAAmB;AAAA,IACvB,CAACA,WAA4B;AAC3B,UAAI,CAAC,mBAAmB,SAAS;AAC/B;AAAA,MACF;AACA,YAAM,iBAAiBA,SAAQ,gBAAgBA,MAAK,IAAI;AACxD,YAAM,eAAe;AAAA,QACnB,mBAAmB,SAAS,eAAe;AAAA,MAC7C;AAIA,UAAI,iBAAiB,gBAAgB;AACnC,2BAAmB,QAAQ,cAAc;AAAA,MAC3C;AAAA,IACF;AAAA;AAAA;AAAA,IAGA,CAAC;AAAA,EACH;AAGA,QAAM,yBACJ,YAAY,MAAM;AAChB,QAAI,CAAC,mBAAmB,SAAS;AAC/B;AAAA,IACF;AAEA,UAAM,QAAQ,mBAAmB,QAAQ,eAAe;AAGxD,QAAI,mBAAmB,QAAQ,cAAc,QAAQ;AACnD,yBAAmB,QAAQ,YAAY;AAAA,IACzC;AAGA,QAAI,UAAU,IAAI;AAChB,mBAAa,YAAY;AACzB,eAAS,IAAI;AACb,yBAAmB,IAAI;AACvB,wBAAkB,qBAAqB,KAAK,GAAG,KAAK;AACpD;AAAA,IACF;AAEA,uBAAmB,KAAK;AAGxB,UAAM,CAAC,EAAE,SAAS,IAAI,mBAAmB,KAAK,KAAK,KAAK,CAAC;AACzD,QAAI,OAAO,SAAS,SAAS,KAAK,UAAU;AAC1C,mBAAa,SAAS;AAGtB,oBAAc,IAAI;AAGlB,YAAM,iBAAiB,MACpB,OAAO,CAACC,UAASA,UAAS,SAAS,EACnC,IAAI,CAACA,UAAS,mBAAmB,IAAIA,KAAI,CAAC,EAC1C,OAAO,OAAO;AACjB,YAAM,CAAC,aAAa,OAAO,IAAI;AAG/B,yBAAmB,WAAW,KAC5B,YAAY,UAAU,WAAW,IAAI;AAGvC,yBAAmB,QAAQ,cAAc;AAGzC,4BAAsB,MAAM;AAE1B,iBAAS,QAAQ,SAAS,MAAM;AAAA,MAClC,CAAC;AACD;AAAA,IACF;AAGA,UAAM,WAAW,qBAAqB,KAAK;AAG3C,sBAAkB,UAAU,KAAK;AAEjC,QAAI,aAAa,QAAQ,UAAU,IAAI;AACrC,iBAAW,EAAE;AAAA,IACf;AAEA;AAAA,MAAS,CAAC,cACR,iBAAiB,WAAW,QAAQ,IAAI,YAAY;AAAA,IACtD;AAEA,kBAAc,KAAK;AAAA,EACrB,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGH,QAAM,2BACJ,YAAY,MAAM;AAChB,6BAAyB;AAAA,EAC3B,GAAG,CAAC,wBAAwB,CAAC;AAG/B,QAAM,0BACJ,YAAY,MAAM;AAChB,QAAI,mBAAmB,WAAW,OAAO,SAAS,cAAc;AAC9D,YAAM,yBACJ,mBAAmB,QAAQ,eAAe;AAC5C,YAAM,oBAAoB;AAAA,QACxB,uBAAuB,KAAK;AAAA,MAC9B;AAEA,UAAI,mBAAmB;AACrB,2BAAmB,QAAQ,cAAc,gBAAgB,KAAK;AAAA,MAChE;AAAA,IACF;AAAA,EAIF,GAAG,CAAC,KAAK,CAAC;AAGZ,QAAM,UAAkD;AAAA,IACtD,CAAC,UAAU;AACT,UAAI,UAAU;AACZ;AAAA,MACF;AAEA,YAAM,OAAO,MAAM,eAAe,QAAQ,YAAY;AACtD,UAAI,CAAC,MAAM;AACT;AAAA,MACF;AAGA,YAAM,YAAY;AAAA,QAChB,KAAK,KAAK;AAAA,QACV,WAAW,GAAG,YAAY,CAAC,EAAE,QAAQ;AAAA,QACrC;AAAA,MACF;AACA,UAAI,WAAW;AACb,qBAAa,UAAU,IAAI;AAC3B,YAAI,UAAU,SAAS,cAAc;AACnC,2BAAiB,SAAS;AAAA,QAC5B,OAAO;AAEL,gCAAsB,MAAM,cAAc,UAAU,YAAY,CAAC;AAAA,QACnE;AACA,iBAAS,SAAS;AAClB,cAAM,eAAe;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,eAAe,WAAW,UAAU,UAAU,gBAAgB;AAAA,EACjE;AAGA,QAAM,6BACJ;AAAA,IACE,CAAC,UAAU;AACT,UAAI,MAAM,QAAQ,SAAS;AACzB,cAAM,eAAe;AACrB;AAAA,MACF;AAEA,WACG,MAAM,QAAQ,aAAa,MAAM,QAAQ,gBAC1C,CAAC,YACD,CAAC,UACD;AACA,cAAM,UAAU,mBAAmB;AACnC,YAAI,CAAC,SAAS;AACZ;AAAA,QACF;AAEA,cAAM,cAAc,QAAQ,eAAe;AAC3C,YAAI,CAAC,YAAY,KAAK,GAAG;AACvB;AAAA,QACF;AAEA,cAAM,YAAoB,MAAM,QAAQ,YAAY,IAAI;AACxD,cAAM,UAAU,oBAAoB,aAAa,SAAS;AAE1D,YAAI,YAAY,MAAM;AACpB;AAAA,QACF;AAEA,cAAM,eAAe;AAGrB,cAAM,YAAY,OAAO,aAAa;AACtC,cAAM,eAAe,WAAW,eAAe;AAG/C,gBAAQ,cAAc;AAGtB,8BAAsB,MAAM;AAC1B,gBAAM,WAAW,QAAQ;AACzB,cAAI,YAAY,WAAW;AACzB,kBAAM,YAAY,KAAK,IAAI,cAAc,QAAQ,MAAM;AACvD,kBAAM,QAAQ,SAAS,YAAY;AACnC,kBAAM,SAAS,UAAU,SAAS;AAClC,kBAAM,SAAS,IAAI;AACnB,sBAAU,gBAAgB;AAC1B,sBAAU,SAAS,KAAK;AAAA,UAC1B;AAAA,QACF,CAAC;AAGD,gBAAQ,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,MAC7D;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,UAAU,QAAQ;AAAA,EACzC;AAGF,QAAM,QAAQ,YAAY,MAAM;AAC9B,YAAQ,WAAW;AAAA,MACjB,KAAK;AACH,2BAAmB,SAAS,MAAM;AAClC;AAAA,MACF,KAAK;AACH,gCAAwB,SAAS,SAAS,MAAM;AAChD;AAAA,IACJ;AAAA,EAGF,GAAG,CAAC,WAAW,sBAAsB,CAAC;AAGtC,YAAU,MAAM;AACd,QAAI,gBAAgB,OAAO,SAAS,cAAc;AAChD;AAAA,IACF;AACA,qBAAiB,KAAK;AAAA,EAExB,GAAG,CAAC,CAAC;AAGL,YAAU,MAAM;AAEd,QAAI,SAAS,SAAS;AACpB,eAAS,UAAU;AACnB,wBAAkB,KAAK;AACvB;AAAA,IACF;AAGA,QAAI,cAAc,aAAa,kBAAkB;AAC/C,mBAAa,YAAY;AACzB,yBAAmB,IAAI;AAEvB,UAAI,UAAU,MAAM;AAClB,iBAAS,IAAI;AAAA,MACf;AAEA,oBAAc,EAAE;AAGhB,wBAAkB,IAAI;AAGtB,iBAAW,MAAM;AACf,4BAAoB,SAAS,MAAM;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,EAGF,GAAG,CAAC,gBAAgB,CAAC;AAErB,YAAU,MAAM;AACd,QAAI,cAAc,cAAc;AAC9B;AAAA,IACF;AAEA,QAAI,OAAO;AACT,oBAAc,EAAE;AAChB;AAAA,IACF;AAEA,QAAI,mBAAmB,SAAS,aAAa;AAC3C,oBAAc,mBAAmB,SAAS,WAAW;AAAA,IACvD;AAAA,EAGF,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO,OAAO,UAAU,WAAW,OAAO;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": ["value", "type"]
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport {\n  ClipboardEventHandler,\n  FocusEventHandler,\n  FocusEvent as ReactFocusEvent,\n  FormEventHandler as ReactFormEventHandler,\n  KeyboardEventHandler as ReactKeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n} from 'react';\n\nimport {\n  _parseTimeExpression,\n  parseTimeAsTimeValue,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { useDateTimeParser } from './useDateTimeParser.js';\nimport { spinExpressionValue } from './useExpressionSpin.js';\nimport { useAriaLabelingProps } from '../../../core/hooks/useAriaLabelingProps.js';\nimport { useControllableState } from '../../../core/hooks/useControllableState.js';\nimport { isEqualTimeValue } from '../../../core/time/helpers.js';\nimport { useDateTimePickerStore } from '../../../core/time/timeframeStore/useTimeframeStore.js';\nimport type { TimeValue } from '../../../core/types/time.js';\nimport { useDateTimePicker } from '../../date-time-picker/hooks/useDateTimePicker.js';\nimport {\n  formatTimeValue,\n  getTimeValue,\n} from '../../forms-core/time/timeParser.js';\nimport { useSelection } from '../../spin-buttons/hooks/useSelection.js';\nimport type { NumberSpinButtonRef } from '../../spin-buttons/number-spin-button/types.js';\nimport type { SpinButtonHandler } from '../../spin-buttons/spin-button-group/types.js';\nimport {\n  captureUndoSnapshot,\n  normalizeISOInput,\n  parseDateOnlyToISO,\n  parseTimeOnlyToISO,\n} from '../helpers.js';\nimport type { DateTimeInputProps, UndoSnapshot } from '../types.js';\n\nfunction isNumberSpinButton(\n  handler: SpinButtonHandler | undefined,\n): handler is NumberSpinButtonRef {\n  return handler?.type === 'number';\n}\n\nconst DATE_PART_TYPES: Set<Intl.DateTimeFormatPart['type']> = new Set([\n  'day',\n  'month',\n  'year',\n]);\nconst TIME_PART_TYPES: Set<Intl.DateTimeFormatPart['type']> = new Set([\n  'hour',\n  'minute',\n  'second',\n  'fractionalSecond',\n  'dayPeriod',\n]);\n\n/**\n * Inserts plain text at the current cursor position, replacing any active selection.\n */\nconst insertTextAtCursor = (text: string) => {\n  const selection = window.getSelection();\n  if (selection?.rangeCount) {\n    const range = selection.getRangeAt(0);\n    range.deleteContents();\n    const textNode = document.createTextNode(text);\n    range.insertNode(textNode);\n    range.setStartAfter(textNode);\n    range.collapse(true);\n    selection.removeAllRanges();\n    selection.addRange(range);\n  }\n};\n\n/**\n * Moves the cursor (selection) to the end of the given element's content.\n */\nconst moveCursorToEnd = (element: HTMLSpanElement | null | undefined) => {\n  if (element) {\n    const range = document.createRange();\n    const selection = window.getSelection();\n    range.selectNodeContents(element);\n    range.collapse(false);\n    selection?.removeAllRanges();\n    selection?.addRange(range);\n  }\n};\n\n/*\n * A hook that provides the default functionality for the DateTimeInput picker\n */\nexport const useDateTimeInput = (\n  props: DateTimeInputProps,\n  expressionInputRef: RefObject<HTMLSpanElement | null>,\n) => {\n  const {\n    disabled,\n    readOnly,\n    type,\n    onChange,\n    onLeadingEdge,\n    onTrailingEdge,\n    dateOnlyPasteAnchor = 'startOfDay',\n    onPasteComplete,\n  }: DateTimeInputProps = props;\n  const precision = useDateTimePickerStore((state) =>\n    state.precision !== 'day' ? state.precision : 'milliseconds',\n  );\n\n  const ariaProps = useAriaLabelingProps(props);\n  const { regexDateTimeStart, maxValue, types } = useDateTimeParser({\n    type,\n  });\n  // ? INVESTIGATE: without the generic, building the visreg story viewer and unit-test typechecking fails,\n  // ? but the components:build target still succeeds without any issues -> why?\n  const [value, setValue] = useControllableState<TimeValue | null>(props);\n  const isControlled = props.value !== undefined;\n  const [valueType, setValueType] = useState(value?.type ?? 'expression');\n  const firstRun = useRef(true);\n  const [expressionEmpty, setExpressionEmpty] = useState(\n    !expressionInputRef.current?.textContent,\n  );\n  const [inputValue, setInputValue] = useState('');\n  const pasteUndoRef = useRef<{\n    snapshot: UndoSnapshot;\n    focusTarget: Element | null;\n  } | null>(null);\n\n  useEffect(() => {\n    return () => {\n      pasteUndoRef.current = null;\n    };\n  }, []);\n\n  // Tracks the last valid absoluteDate to pass a stable, parseable ISO string\n  // to useDateTimePicker while props.value temporarily has absoluteDate:'' during\n  // partial spinbutton editing. Keeps useDateTimePicker.value prop unchanged so\n  // its internal useEffect doesn't re-run and clear the spinbuttons.\n  const lastValidAbsoluteDateRef = useRef<string | null>(\n    value?.type === 'iso8601' && value.absoluteDate ? value.absoluteDate : null,\n  );\n\n  // Use valueType (local state) not value.type (controlled prop) as the gate \u2014\n  // the controlled prop can temporarily become type:'expression' when the store\n  // echoes back a partial invalid value for validation while we're still in\n  // spinbutton mode.\n  if (\n    valueType === 'iso8601' &&\n    value?.type === 'iso8601' &&\n    value.absoluteDate\n  ) {\n    lastValidAbsoluteDateRef.current = value.absoluteDate;\n  }\n  const spinButtonValue =\n    valueType === 'iso8601' ? lastValidAbsoluteDateRef.current : null;\n\n  const {\n    spinButtons,\n    handlers: spinButtonHandlers,\n    empty: spinButtonsEmpty,\n    applyDateTime,\n    firstSpinButtonHandler,\n  } = useDateTimePicker({\n    type,\n    precision,\n    disabled,\n    readOnly,\n    valueType,\n    value: spinButtonValue,\n    onChange: (newIsoDateTime) => {\n      const newValue = getTimeValue(newIsoDateTime ?? undefined, precision);\n\n      if (newValue === undefined) {\n        return;\n      }\n\n      // Clear expression input\n      if (valueType !== 'iso8601') {\n        setValueType('iso8601');\n      }\n      if (expressionInputRef.current) {\n        expressionInputRef.current.textContent = '';\n      }\n\n      // Forward invalid values (empty string or unparseable partial locale string)\n      // to onChange so the store validates and shows errors, but skip setValue so\n      // props.value stays stable and spinbuttons are not cleared.\n      if (newIsoDateTime === '' || newValue?.absoluteDate === '') {\n        onChange?.(newValue);\n        return;\n      }\n\n      // only update the value if the newTimeValue differs from the prev. one\n      setValue((prevValue) =>\n        isEqualTimeValue(prevValue, newValue) ? prevValue : newValue,\n      );\n    },\n    ...ariaProps,\n  });\n\n  const empty = useMemo(\n    () => (valueType === 'expression' ? expressionEmpty : spinButtonsEmpty),\n    [valueType, expressionEmpty, spinButtonsEmpty],\n  );\n\n  // Shared state reset when switching (back) to expression mode.\n  const resetToExpressionMode = useCallback(\n    (expressionEmpty = true) => {\n      setValueType('expression');\n      setValue(null);\n      setInputValue('');\n      setExpressionEmpty(expressionEmpty);\n      lastValidAbsoluteDateRef.current = null;\n    },\n    [setValue],\n  );\n\n  // switch input mode based on controlled value change\n  useEffect(() => {\n    if (value?.type === 'iso8601' && !spinButtonsEmpty) {\n      setInputValue(value.value);\n    }\n\n    // ignore if in uncontrolled mode\n    if (!isControlled || typeof value === 'string') {\n      return;\n    }\n\n    // reset input if value is null\n    if (!value) {\n      setValueType('expression');\n      formatExpressionValue(null);\n      const input = expressionInputRef.current?.textContent;\n      setExpressionEmpty(input === '');\n      spinButtonHandlers.forEach((sb) => sb?.clearValue(true));\n      lastValidAbsoluteDateRef.current = null;\n      return;\n    }\n\n    // Skip values with empty absoluteDate \u2014 partial/invalid intermediate states\n    // forwarded to the store for validation only. The spinbuttons manage their\n    // own display; reacting here would switch to 'expression' mode and call\n    // formatExpressionValue, clearing the display.\n    if (value.absoluteDate === '') {\n      return;\n    }\n\n    // apply value to expression\n    // the spinbutton update is handled within the useSpinButton hook internally\n    setValueType(value.type);\n    setInputValue(value.value);\n    if (value.type === 'expression') {\n      formatExpressionValue(value);\n      setExpressionEmpty(value.value === '');\n    }\n    // only react to outside value changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  const { selectAll: expressionInputSelectAll } =\n    useSelection(expressionInputRef);\n\n  // called on onBlur to sanitize the current expression\n  const formatExpressionValue = useCallback(\n    (value: TimeValue | null) => {\n      if (!expressionInputRef.current) {\n        return;\n      }\n      const formattedValue = value ? formatTimeValue(value) : '';\n      const currentValue = formatTimeValue(\n        expressionInputRef.current?.textContent ?? '',\n      );\n\n      // only update if the current value differs from the new value\n      // don't update the textnode while typing but allow e.g. pasting a new expression\n      if (currentValue !== formattedValue) {\n        expressionInputRef.current.textContent = formattedValue;\n      }\n    },\n    // no use in adding the expressionInputRef to the dep. array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  // handles input events on the expression contenteditable span\n  const expressionInputHandler: ReactFormEventHandler<HTMLSpanElement> =\n    useCallback(() => {\n      if (!expressionInputRef.current) {\n        return;\n      }\n\n      const input = expressionInputRef.current.textContent ?? '';\n\n      // Remove <br> added by browser in contenteditable to ensure placeholder works\n      if (expressionInputRef.current.innerHTML === '<br>') {\n        expressionInputRef.current.innerHTML = '';\n      }\n\n      // fallback to expression if text content is removed\n      if (input === '') {\n        setValueType('expression');\n        setValue(null);\n        setExpressionEmpty(true);\n        return;\n      }\n\n      setExpressionEmpty(false);\n\n      // if the input starts like a valid datetime for the current locale, switch to the datetime picker\n      const [, carryOver] = regexDateTimeStart.exec(input) ?? [];\n      if (Number.parseInt(carryOver) <= maxValue) {\n        setValueType('iso8601');\n\n        // clear all spinbuttons\n        applyDateTime(null);\n        lastValidAbsoluteDateRef.current = null;\n\n        // get a cleaned and sorted list of spinbutton handlers\n        const sortedHandlers = types\n          .filter((type) => type !== 'literal')\n          .map((type) => spinButtonHandlers.get(type))\n          .filter(Boolean) as SpinButtonHandler[];\n        const [carryOverSB, focusSB] = sortedHandlers;\n\n        // carry over entered value to the next number spinbutton\n        isNumberSpinButton(carryOverSB) &&\n          carryOverSB.applyText(carryOver, true);\n\n        // clear expression input content\n        expressionInputRef.current.textContent = '';\n\n        // set focus after switch to expression mode happened\n        requestAnimationFrame(() => {\n          // set focus to second spinbutton\n          focusSB?.element.current?.focus();\n        });\n        return;\n      }\n\n      // if input is a valid expression, update the internal value state\n      const newValue = getTimeValue(input, precision) ?? null;\n\n      if (newValue?.absoluteDate === '') {\n        onChange?.(newValue);\n      }\n      // only update the value if the newTimeValue differs from the prev. one\n      setValue((prevValue) =>\n        isEqualTimeValue(prevValue, newValue) ? prevValue : newValue,\n      );\n\n      setInputValue(input);\n    }, [\n      expressionInputRef,\n      regexDateTimeStart,\n      maxValue,\n      precision,\n      setValue,\n      applyDateTime,\n      types,\n      spinButtonHandlers,\n      onChange,\n    ]);\n\n  // select expression text content on focus\n  const expressionOnFocusHandler: FocusEventHandler<HTMLSpanElement> =\n    useCallback(\n      (event: ReactFocusEvent<HTMLSpanElement>) => {\n        // If the current selection spans multiple nodes (e.g. a drag-select or\n        // Cmd+A across multiple spin buttons / expression inputs), don't collapse\n        // it to just this expression input.\n        const selection = window.getSelection();\n        const selectionSpansMultipleNodes =\n          selection !== null &&\n          selection.anchorNode !== selection.focusNode &&\n          selection.toString().length > 0;\n\n        // Also skip if we are in the middle of a programmatic focus + setBaseAndExtent\n        // (guarded by data-restoring-selection on the .strato-inputgroup root).\n        const isRestoringSelection =\n          (event.target as HTMLElement)\n            .closest('.strato-inputgroup')\n            ?.hasAttribute('data-restoring-selection') ?? false;\n\n        if (selectionSpansMultipleNodes || isRestoringSelection) {\n          return;\n        }\n\n        expressionInputSelectAll();\n      },\n      [expressionInputSelectAll],\n    );\n\n  // sanitize textnode if content is an expression\n  const expressionOnBlurHandler: FocusEventHandler<HTMLSpanElement> =\n    useCallback(() => {\n      if (expressionInputRef.current && value?.type === 'expression') {\n        const currentExpressionInput =\n          expressionInputRef.current.textContent ?? '';\n        const isValidExpression = _parseTimeExpression(\n          currentExpressionInput.trim(),\n        );\n\n        if (isValidExpression) {\n          expressionInputRef.current.textContent = formatTimeValue(value);\n        }\n      }\n\n      // eslint annoyingly wants to add the ref to the dependency list\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [value]);\n\n  // clipboard paste handler. apply clipboard content if formatted correctly\n  const onPaste: ClipboardEventHandler<HTMLSpanElement> = useCallback(\n    (event) => {\n      if (readOnly) {\n        return;\n      }\n\n      const data = event.clipboardData?.getData('text/plain');\n      if (!data) {\n        event.preventDefault();\n        return;\n      }\n\n      const trimmedData = normalizeISOInput(data.trim());\n      if (!trimmedData) {\n        event.preventDefault();\n        return;\n      }\n\n      const snapshot = captureUndoSnapshot(\n        spinButtonHandlers,\n        expressionInputRef.current,\n        value,\n      );\n\n      pasteUndoRef.current = {\n        snapshot,\n        focusTarget: document.activeElement,\n      };\n\n      // 1. Date-only paste (e.g. \"2025-01-01\")\n      // 2. Time-only paste (e.g. \"02:00Z\", \"14:30:00\")\n      const dateOnly = parseDateOnlyToISO(trimmedData, dateOnlyPasteAnchor);\n      const timeOnly = parseTimeOnlyToISO(trimmedData);\n      const date = dateOnly ?? timeOnly;\n\n      if (date) {\n        setValueType('iso8601');\n        // When spinbuttons are empty (expression mode), apply all parts so the\n        // full date is filled in.  When parts are already populated, only\n        // overwrite the date or time group that matches the pasted value.\n        applyDateTime(\n          date,\n          spinButtonsEmpty\n            ? undefined\n            : dateOnly\n            ? DATE_PART_TYPES\n            : TIME_PART_TYPES,\n        );\n        onPasteComplete?.();\n        event.preventDefault();\n        return;\n      }\n\n      // 3. Full ISO datetime or expression (e.g. \"2025-01-01T02:00Z\", \"now()-1h\")\n      const nextValue = parseTimeAsTimeValue(\n        trimmedData,\n        TZDateMini.tz(getTimezone()).getTime(),\n        precision,\n      );\n\n      if (nextValue) {\n        setValueType(nextValue.type);\n        if (nextValue.type === 'expression') {\n          formatExpressionValue(nextValue);\n          moveCursorToEnd(expressionInputRef.current);\n          setValue(nextValue);\n        } else {\n          applyDateTime(nextValue.absoluteDate);\n        }\n        onPasteComplete?.();\n        event.preventDefault();\n        return;\n      }\n\n      // 4. Allow numbers to be pasted into the spin buttons\n      if (valueType === 'iso8601' && /^\\d+$/.test(trimmedData)) {\n        return;\n      }\n\n      // 5. Fallback: switch to expression mode and paste the raw string.\n      if (valueType === 'expression') {\n        if (expressionInputRef.current) {\n          insertTextAtCursor(trimmedData);\n          expressionInputRef.current.dispatchEvent(\n            new InputEvent('input', { bubbles: true }),\n          );\n        }\n        event.preventDefault();\n        return;\n      }\n\n      setValueType('expression');\n\n      if (expressionInputRef.current) {\n        expressionInputRef.current.textContent = trimmedData;\n        expressionInputRef.current.focus();\n        moveCursorToEnd(expressionInputRef.current);\n        expressionInputRef.current.dispatchEvent(\n          new InputEvent('input', { bubbles: true }),\n        );\n      }\n\n      event.preventDefault();\n    },\n    [\n      readOnly,\n      spinButtonHandlers,\n      expressionInputRef,\n      value,\n      dateOnlyPasteAnchor,\n      precision,\n      valueType,\n      setValue,\n      onPasteComplete,\n      formatExpressionValue,\n      applyDateTime,\n      spinButtonsEmpty,\n    ],\n  );\n\n  // Ctrl+Z / Cmd+Z handler to undo a paste operation.\n  const onPasteUndoKeyDown: ReactKeyboardEventHandler<HTMLSpanElement> =\n    useCallback(\n      (event) => {\n        if (\n          !(event.ctrlKey || event.metaKey) ||\n          event.key !== 'z' ||\n          !pasteUndoRef.current\n        ) {\n          return;\n        }\n\n        const { snapshot, focusTarget } = pasteUndoRef.current;\n        pasteUndoRef.current = null;\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        // Restore value type first so the correct UI mode is rendered.\n        setValueType(snapshot.valueType);\n\n        if (snapshot.valueType === 'iso8601') {\n          // Restore spin button values from the snapshot.\n          snapshot.spinButtonTexts.forEach((text, type) => {\n            const handler = spinButtonHandlers.get(type) ?? null;\n            if (!handler) {\n              return;\n            }\n            if (text === '') {\n              handler.clearValue(true);\n            } else if (handler.type === 'number') {\n              handler.applyText(text, true);\n            } else {\n              handler.searchValue(text[0] ?? '', true);\n            }\n          });\n        } else {\n          // Restore expression text content.\n          if (expressionInputRef.current) {\n            expressionInputRef.current.textContent = snapshot.expressionText;\n          }\n          setExpressionEmpty(snapshot.expressionText === '');\n        }\n\n        setValue(snapshot.value);\n        setInputValue(snapshot.value?.value ?? '');\n\n        // Restore focus after the mode-switch re-render.\n        requestAnimationFrame(() => {\n          if (\n            focusTarget instanceof HTMLElement &&\n            focusTarget !== document.activeElement\n          ) {\n            focusTarget.focus();\n          }\n        });\n      },\n      [\n        spinButtonHandlers,\n        expressionInputRef,\n        setValue,\n        setValueType,\n        setExpressionEmpty,\n        setInputValue,\n      ],\n    );\n\n  // Handle keyboard events on the expression input: prevent Enter and spin on ArrowUp/ArrowDown\n  const expressionOnKeyDownHandler: ReactKeyboardEventHandler<HTMLSpanElement> =\n    useCallback(\n      (event) => {\n        if (event.key === 'Enter') {\n          event.preventDefault();\n          return;\n        }\n\n        if (\n          onLeadingEdge &&\n          event.key === 'Backspace' &&\n          (expressionInputRef.current?.textContent ?? '') === ''\n        ) {\n          onLeadingEdge?.();\n          event.preventDefault();\n          return;\n        }\n\n        if (event.key === 'ArrowLeft' && onLeadingEdge) {\n          const selection = window.getSelection();\n          // If cursor is at the start (offset 0), navigate to the previous input\n          if (selection?.anchorOffset === 0 && selection?.focusOffset === 0) {\n            onLeadingEdge?.();\n            event.preventDefault();\n            return;\n          }\n        }\n\n        if (event.key === 'ArrowRight') {\n          const selection = window.getSelection();\n          const textContent = expressionInputRef.current?.textContent ?? '';\n          // If cursor is at the end, navigate to the next input\n          if (selection?.anchorOffset === textContent.length) {\n            onTrailingEdge?.();\n            event.preventDefault();\n            return;\n          }\n        }\n\n        if (\n          (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n          !disabled &&\n          !readOnly\n        ) {\n          const element = expressionInputRef.current;\n          if (!element) {\n            return;\n          }\n\n          const currentText = element.textContent ?? '';\n          if (!currentText.trim()) {\n            return;\n          }\n\n          const direction: 1 | -1 = event.key === 'ArrowUp' ? 1 : -1;\n          const newText = spinExpressionValue(currentText, direction);\n\n          if (newText === null) {\n            return;\n          }\n\n          event.preventDefault();\n\n          // Preserve cursor position\n          const selection = window.getSelection();\n          const cursorOffset = selection?.focusOffset ?? 0;\n\n          // Update the text content and fire the input handler\n          element.textContent = newText;\n\n          // Restore cursor position (clamped to new text length)\n          requestAnimationFrame(() => {\n            const textNode = element.firstChild;\n            if (textNode && selection) {\n              const newOffset = Math.min(cursorOffset, newText.length);\n              const range = document.createRange();\n              range.setStart(textNode, newOffset);\n              range.collapse(true);\n              selection.removeAllRanges();\n              selection.addRange(range);\n            }\n          });\n\n          // Trigger the input handler to propagate the value change\n          element.dispatchEvent(new Event('input', { bubbles: true }));\n        }\n      },\n      [onLeadingEdge, expressionInputRef, disabled, readOnly, onTrailingEdge],\n    );\n\n  // Programmatically switch from iso8601 (spin buttons) to expression mode.\n  // Optionally seeds the expression input with an initial character.\n  const switchToExpression = useCallback(\n    (initialChar?: string, focus?: boolean) => {\n      if (valueType === 'expression') {\n        return;\n      }\n\n      // Clear spin buttons\n      applyDateTime(null);\n      spinButtonHandlers.forEach((sb) => sb?.clearValue(true));\n      resetToExpressionMode(!initialChar);\n\n      if (initialChar) {\n        setInputValue(initialChar);\n      }\n\n      // Wait for the expression input to become visible, then seed it.\n      requestAnimationFrame(() => {\n        const element = expressionInputRef.current;\n        if (!element) {\n          return;\n        }\n\n        element.textContent = initialChar ?? '';\n\n        if (focus) {\n          // Focus and place the cursor at the end\n          element.focus();\n          if (initialChar) {\n            const range = document.createRange();\n            const selection = window.getSelection();\n            range.selectNodeContents(element);\n            range.collapse(false);\n            selection?.removeAllRanges();\n            selection?.addRange(range);\n          }\n        }\n      });\n    },\n    [\n      valueType,\n      applyDateTime,\n      spinButtonHandlers,\n      resetToExpressionMode,\n      expressionInputRef,\n    ],\n  );\n\n  // focus the first spinbutton or the expression input based on the current input mode\n  const focus = useCallback(() => {\n    switch (valueType) {\n      case 'expression':\n        expressionInputRef.current?.focus();\n        break;\n      case 'iso8601':\n        firstSpinButtonHandler?.element?.current?.focus();\n        break;\n    }\n    // no need to pass the refs as dependency\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueType, firstSpinButtonHandler]);\n\n  // first initialization of the uncontrolled expression value on component mount\n  useEffect(() => {\n    if (isControlled || value?.type !== 'expression') {\n      return;\n    }\n    formatExpressionValue(value);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // if the spinbuttons are empty ...\n  useEffect(() => {\n    // Don't run the empty spinbutton check on component mount.\n    if (firstRun.current) {\n      firstRun.current = false;\n      return;\n    }\n\n    // ... switch to expression input\n    if (valueType === 'iso8601' && spinButtonsEmpty) {\n      resetToExpressionMode();\n\n      // wait until the expression input is visible to set the focus\n      setTimeout(() => {\n        expressionInputRef?.current?.focus();\n      });\n    }\n    // only react on empty state changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [spinButtonsEmpty]);\n\n  useEffect(() => {\n    if (valueType !== 'expression') {\n      return;\n    }\n\n    if (empty) {\n      setInputValue('');\n      return;\n    }\n\n    if (expressionInputRef.current?.textContent) {\n      setInputValue(expressionInputRef.current?.textContent); // fixes validating initial expression value in the DateTimeRangePicker\n    }\n    // valueType can be excluded because empty already depends on it\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [empty]);\n\n  return {\n    empty,\n    spinButtons,\n    spinButtonHandlers,\n    value,\n    valueType,\n    inputValue,\n    expressionInputHandler,\n    expressionOnFocusHandler,\n    expressionOnBlurHandler,\n    expressionOnKeyDownHandler,\n    onPaste,\n    onPasteUndoKeyDown,\n    focus,\n    switchToExpression,\n    setInputValue,\n  };\n};\n"],
+  "mappings": "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",
+  "names": ["expressionEmpty", "value", "type", "focus"]
 }

package/esm/forms/date-time-range-picker/hooks/useDateTimeParser.js

@@ -1,9 +1,10 @@
 import { useMemo } from "react";
+import { useDateTimePickerStore } from "../../../core/time/timeframeStore/useTimeframeStore.js";
 import { useDateTimeFormat } from "../../date-time-picker/hooks/useDateTimeFormat.js";
 const useDateTimeParser = ({
-  precision,
   type = "datetime"
 }) => {
+  const precision = useDateTimePickerStore((state) => state.precision);
   const { emptyParts } = useDateTimeFormat(type, precision);
   const { maxValue, regexDateTimeStart, types } = useMemo(() => {
     const types2 = emptyParts.map(({ type: type2 }) => type2);

package/esm/forms/date-time-range-picker/hooks/useDateTimeParser.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/date-time-range-picker/hooks/useDateTimeParser.ts"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { useDateTimeFormat } from '../../date-time-picker/hooks/useDateTimeFormat.js';\nimport type { DateTimeInputProps } from '../types.js';\n\n/**\n * Hook that provides a regex to match the start of a date for the current locale.\n */\nexport const useDateTimeParser = ({\n  precision,\n  type = 'datetime',\n}: Pick<DateTimeInputProps, 'precision' | 'type'>) => {\n  const { emptyParts } = useDateTimeFormat(type, precision);\n\n  const { maxValue, regexDateTimeStart, types } = useMemo(() => {\n    const types = emptyParts.map(({ type }) => type);\n\n    // max allowed numeric value for date time part type.\n    const maxValue = types[0] === 'day' ? 31 : types[0] === 'month' ? 12 : 9999;\n\n    // max nr of digits for first datetime part\n    const maxDigits = Math.ceil(Math.log10(maxValue));\n\n    // delimiter that divides first and second datetime part\n    const delimiter =\n      emptyParts.find(({ type }) => type === 'literal')?.value ?? '.';\n\n    const regexDateTimeStart = new RegExp(\n      `^(\\\\d{1,${maxDigits}})${delimiter.trim().replaceAll('.', '[.]')}$`,\n    );\n\n    return {\n      maxValue,\n      regexDateTimeStart,\n      types,\n    };\n  }, [emptyParts]);\n\n  return {\n    maxValue,\n    regexDateTimeStart,\n    types,\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAM3B,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA,OAAO;AACT,MAAsD;AACpD,QAAM,EAAE,WAAW,IAAI,kBAAkB,MAAM,SAAS;AAExD,QAAM,EAAE,UAAU,oBAAoB,MAAM,IAAI,QAAQ,MAAM;AAC5D,UAAMA,SAAQ,WAAW,IAAI,CAAC,EAAE,MAAAC,MAAK,MAAMA,KAAI;AAG/C,UAAMC,YAAWF,OAAM,CAAC,MAAM,QAAQ,KAAKA,OAAM,CAAC,MAAM,UAAU,KAAK;AAGvE,UAAM,YAAY,KAAK,KAAK,KAAK,MAAME,SAAQ,CAAC;AAGhD,UAAM,YACJ,WAAW,KAAK,CAAC,EAAE,MAAAD,MAAK,MAAMA,UAAS,SAAS,GAAG,SAAS;AAE9D,UAAME,sBAAqB,IAAI;AAAA,MAC7B,WAAW,SAAS,KAAK,UAAU,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC;AAAA,IAClE;AAEA,WAAO;AAAA,MACL,UAAAD;AAAA,MACA,oBAAAC;AAAA,MACA,OAAAH;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { useDateTimePickerStore } from '../../../core/time/timeframeStore/useTimeframeStore.js';\nimport { useDateTimeFormat } from '../../date-time-picker/hooks/useDateTimeFormat.js';\nimport type { DateTimeInputProps } from '../types.js';\n\n/**\n * Hook that provides a regex to match the start of a date for the current locale.\n */\nexport const useDateTimeParser = ({\n  type = 'datetime',\n}: Pick<DateTimeInputProps, 'type'>) => {\n  const precision = useDateTimePickerStore((state) => state.precision);\n  const { emptyParts } = useDateTimeFormat(type, precision);\n\n  const { maxValue, regexDateTimeStart, types } = useMemo(() => {\n    const types = emptyParts.map(({ type }) => type);\n\n    // max allowed numeric value for date time part type.\n    const maxValue = types[0] === 'day' ? 31 : types[0] === 'month' ? 12 : 9999;\n\n    // max nr of digits for first datetime part\n    const maxDigits = Math.ceil(Math.log10(maxValue));\n\n    // delimiter that divides first and second datetime part\n    const delimiter =\n      emptyParts.find(({ type }) => type === 'literal')?.value ?? '.';\n\n    const regexDateTimeStart = new RegExp(\n      `^(\\\\d{1,${maxDigits}})${delimiter.trim().replaceAll('.', '[.]')}$`,\n    );\n\n    return {\n      maxValue,\n      regexDateTimeStart,\n      types,\n    };\n  }, [emptyParts]);\n\n  return {\n    maxValue,\n    regexDateTimeStart,\n    types,\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAM3B,MAAM,oBAAoB,CAAC;AAAA,EAChC,OAAO;AACT,MAAwC;AACtC,QAAM,YAAY,uBAAuB,CAAC,UAAU,MAAM,SAAS;AACnE,QAAM,EAAE,WAAW,IAAI,kBAAkB,MAAM,SAAS;AAExD,QAAM,EAAE,UAAU,oBAAoB,MAAM,IAAI,QAAQ,MAAM;AAC5D,UAAMA,SAAQ,WAAW,IAAI,CAAC,EAAE,MAAAC,MAAK,MAAMA,KAAI;AAG/C,UAAMC,YAAWF,OAAM,CAAC,MAAM,QAAQ,KAAKA,OAAM,CAAC,MAAM,UAAU,KAAK;AAGvE,UAAM,YAAY,KAAK,KAAK,KAAK,MAAME,SAAQ,CAAC;AAGhD,UAAM,YACJ,WAAW,KAAK,CAAC,EAAE,MAAAD,MAAK,MAAMA,UAAS,SAAS,GAAG,SAAS;AAE9D,UAAME,sBAAqB,IAAI;AAAA,MAC7B,WAAW,SAAS,KAAK,UAAU,KAAK,EAAE,WAAW,KAAK,KAAK,CAAC;AAAA,IAClE;AAEA,WAAO;AAAA,MACL,UAAAD;AAAA,MACA,oBAAAC;AAAA,MACA,OAAAH;AAAA,IACF;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["types", "type", "maxValue", "regexDateTimeStart"]
 }

package/esm/forms/date-time-range-picker/hooks/useDateTimeRangePicker.js

@@ -1,71 +1,52 @@
+import { TZDateMini } from "@date-fns/tz";
 import {
   useCallback,
-  useContext,
-  useEffect,
   useMemo,
-  useRef,
-  useState
+  useRef
 } from "react";
 import { useIntl } from "react-intl";
-import { useDateTimeRangePickerValidation } from "./useDateTimeRangePickerValidation.js";
-import { mapToTimeframe } from "../../forms-core/time/timeParser.js";
-import { SelectedOverCalendarContext } from "../contexts/SelectedOverCalendarContext.js";
+import { parseTimeAsTimeValue } from "@dynatrace-sdk/units";
+import { getTimezone } from "@dynatrace-sdk/user-preferences";
+import { isFullTimeframe } from "../../../core/time/helpers.js";
+import { useDateTimeRangePickerStore } from "../../../core/time/timeframeStore/useTimeframeStore.js";
 import {
-  removePrecisionFromTimeFrame,
-  isEqualTimeValue,
-  removePrecisionFromTimeValue
+  captureUndoSnapshot,
+  normalizeISOInput,
+  parseDateOnlyToISO,
+  parseTimeOnlyToISO
 } from "../helpers.js";
+const restoreSpinButtons = (ref, spinButtonTexts) => {
+  spinButtonTexts.forEach((text, type) => {
+    const handler = ref.current?.spinButtonHandlers.get(type) ?? null;
+    if (!handler) {
+      return;
+    }
+    if (text === "") {
+      handler.clearValue(true);
+    } else if (handler.type === "number") {
+      handler.applyText(text, true);
+    } else {
+      handler.searchValue(text[0] ?? "", true);
+    }
+  });
+};
+const restoreSnapshot = (snapshot, ref) => {
+  if (snapshot.valueType === "iso8601") {
+    restoreSpinButtons(ref, snapshot.spinButtonTexts);
+  } else if (ref.current?.expressionInputRef) {
+    ref.current.expressionInputRef.textContent = snapshot.expressionText;
+  }
+};
 const useDateTimeRangePicker = (props) => {
-  const {
-    value,
-    defaultValue,
-    placeholder,
-    readOnly,
-    min,
-    max,
-    precision = "minutes",
-    onChange,
-    touchedContainerRef,
-    validationInputRef
-  } = props;
+  const { placeholder, readOnly, dateTimeFromRef, dateTimeToRef } = props;
   const { formatMessage } = useIntl();
-  const {
-    selectedOverCalendar,
-    setCalendarOnChangeFlag,
-    setSelectedOverCalendar,
-    calendarOnChangeFlag
-  } = useContext(SelectedOverCalendarContext);
-  const precisionRemovedValue = removePrecisionFromTimeFrame(value, precision);
-  const timeframeValue = precisionRemovedValue ? mapToTimeframe(precisionRemovedValue) : null;
-  const precisionRemovedDefaultValue = removePrecisionFromTimeFrame(
-    defaultValue,
-    precision
-  );
-  const timeframeDefaultValue = precisionRemovedDefaultValue ? mapToTimeframe(precisionRemovedDefaultValue) : null;
-  const [valueFrom, setValueFrom] = useState(
-    timeframeValue?.from ?? timeframeDefaultValue?.from ?? null
-  );
-  const [valueTo, setValueTo] = useState(
-    timeframeValue?.to ?? timeframeDefaultValue?.to ?? null
+  const value = useDateTimeRangePickerStore(
+    (state) => state.dateTimeRangePickerTimeframe
   );
-  const {
-    reevaluate,
-    evaluate,
-    onBlurTouched,
-    onError,
-    errorTo,
-    errorFrom,
-    validate
-  } = useDateTimeRangePickerValidation(
-    touchedContainerRef,
-    validationInputRef,
-    valueFrom,
-    valueTo,
-    max,
-    min,
-    precision
+  const setValue = useDateTimeRangePickerStore(
+    (state) => state.setDateTimeRangePickerTimeframe
   );
-  const controlledValueUpdate = useRef(true);
+  const pasteUndoSnapshotRef = useRef(null);
   const localizedPlaceholder = useMemo(
     () => ({
       from: placeholder?.from ?? formatMessage({
@@ -85,17 +66,17 @@ const useDateTimeRangePicker = (props) => {
     async (event) => {
       event.preventDefault();
       event.stopPropagation();
-      if (valueFrom === null || valueTo === null) {
+      if (!isFullTimeframe(value)) {
         return;
       }
       try {
         await navigator.clipboard.writeText(
-          `${valueFrom.value}/${valueTo.value}`
+          `${value.from.value}/${value.to.value}`
         );
       } catch {
       }
     },
-    [valueFrom, valueTo]
+    [value]
   );
   const onPasteCapture = useCallback(
     (e) => {
@@ -104,75 +85,76 @@ const useDateTimeRangePicker = (props) => {
       }
       const data = e.clipboardData?.getData("text/plain");
       if (!data) {
+        e.preventDefault();
+        return;
+      }
+      if (!dateTimeFromRef.current || !dateTimeToRef.current) {
         return;
       }
-      const [nextFrom, nextTo] = data.trim().split("/").map((input) => evaluate(input));
+      const focusTarget = document.activeElement;
+      const fromSnapshot = captureUndoSnapshot(
+        dateTimeFromRef.current.spinButtonHandlers,
+        dateTimeFromRef.current.expressionInputRef,
+        value?.from ?? null
+      );
+      const toSnapshot = captureUndoSnapshot(
+        dateTimeToRef.current.spinButtonHandlers,
+        dateTimeToRef.current.expressionInputRef,
+        value?.to ?? null
+      );
+      const [nextFrom, nextTo] = data.trim().split("/");
       if (nextFrom && nextTo) {
-        setValueFrom(nextFrom);
-        setValueTo(nextTo);
-        e.preventDefault();
+        const relativeDate = TZDateMini.tz(getTimezone()).getTime();
+        const parsedFrom = parseDateOnlyToISO(nextFrom) ?? parseTimeOnlyToISO(nextFrom) ?? normalizeISOInput(nextFrom);
+        const parsedTo = parseDateOnlyToISO(nextTo, "endOfDay") ?? parseTimeOnlyToISO(nextTo) ?? normalizeISOInput(nextTo);
+        const validFrom = parseTimeAsTimeValue(parsedFrom, relativeDate);
+        const validTo = parseTimeAsTimeValue(parsedTo, relativeDate);
+        if (validFrom && validTo) {
+          pasteUndoSnapshotRef.current = {
+            from: fromSnapshot,
+            to: toSnapshot,
+            focusTarget
+          };
+          setValue({ from: parsedFrom, to: parsedTo });
+          e.preventDefault();
+          e.stopPropagation();
+          return;
+        }
       }
+      pasteUndoSnapshotRef.current = {
+        from: fromSnapshot,
+        to: toSnapshot,
+        focusTarget
+      };
     },
-    [evaluate, readOnly]
+    [readOnly, setValue, value, dateTimeFromRef, dateTimeToRef]
   );
-  useEffect(() => {
-    if (controlledValueUpdate.current) {
-      controlledValueUpdate.current = false;
-      return;
-    }
-    if (valueFrom === null && valueTo === null) {
-      onChange?.(null);
-      return;
-    }
-    if (valueFrom !== null && valueTo !== null) {
-      if (calendarOnChangeFlag && !!setCalendarOnChangeFlag && valueTo.absoluteDate) {
-        setCalendarOnChangeFlag(false);
-      }
-      if (selectedOverCalendar && !calendarOnChangeFlag) {
-        setSelectedOverCalendar?.(false);
+  const onUndoPasteKeyDown = useCallback(
+    (event) => {
+      if ((event.ctrlKey || event.metaKey) && event.key === "z" && pasteUndoSnapshotRef.current) {
+        const snapshot = pasteUndoSnapshotRef.current;
+        pasteUndoSnapshotRef.current = null;
+        event.preventDefault();
+        event.stopPropagation();
+        restoreSnapshot(snapshot.from, dateTimeFromRef);
+        restoreSnapshot(snapshot.to, dateTimeToRef);
+        const fromValue = snapshot.from.value ?? void 0;
+        const toValue = snapshot.to.value ?? void 0;
+        setValue(
+          fromValue || toValue ? { from: fromValue, to: toValue } : null
+        );
+        if (snapshot.focusTarget instanceof HTMLElement && snapshot.focusTarget !== document.activeElement) {
+          snapshot.focusTarget.focus();
+        }
       }
-      props.onChange?.({
-        from: valueFrom,
-        to: valueTo
-      });
-      return;
-    }
-  }, [JSON.stringify(valueFrom), JSON.stringify(valueTo)]);
-  useEffect(() => {
-    if (value === void 0) {
-      return;
-    }
-    const timeframeValue2 = value ? mapToTimeframe(value) : value;
-    const nextFrom = timeframeValue2?.from ?? null;
-    if (!isEqualTimeValue(valueFrom, nextFrom)) {
-      controlledValueUpdate.current = true;
-      setValueFrom(nextFrom);
-    }
-    const nextTo = timeframeValue2?.to ?? null;
-    if (!isEqualTimeValue(valueTo, nextTo)) {
-      controlledValueUpdate.current = true;
-      setValueTo(nextTo);
-    }
-  }, [value]);
+    },
+    [dateTimeFromRef, dateTimeToRef, setValue]
+  );
   return {
     placeholder: localizedPlaceholder,
-    value: {
-      from: valueFrom,
-      to: valueTo
-    },
-    onChange: {
-      from: (value2) => setValueFrom(
-        reevaluate(removePrecisionFromTimeValue(value2, precision))
-      ),
-      to: (value2) => setValueTo(reevaluate(removePrecisionFromTimeValue(value2, precision)))
-    },
     onCopyCapture,
     onPasteCapture,
-    onBlurTouched,
-    onError,
-    errorFrom,
-    errorTo,
-    validate
+    onUndoPasteKeyDown
   };
 };
 export {

package/esm/forms/date-time-range-picker/hooks/useDateTimeRangePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/forms/date-time-range-picker/hooks/useDateTimeRangePicker.tsx"],
-  "sourcesContent": ["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n  ClipboardEventHandler,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useDateTimeRangePickerValidation } from './useDateTimeRangePickerValidation.js';\nimport type { TimeValue } from '../../../core/types/time.js';\nimport { mapToTimeframe } from '../../forms-core/time/timeParser.js';\nimport { SelectedOverCalendarContext } from '../contexts/SelectedOverCalendarContext.js';\nimport {\n  removePrecisionFromTimeFrame,\n  isEqualTimeValue,\n  removePrecisionFromTimeValue,\n} from '../helpers.js';\nimport type { DateTimeInputRef, DateTimeRangePickerProps } from '../types.js';\n\ninterface UseDateTimeRangePickerProps\n  extends Pick<\n    DateTimeRangePickerProps,\n    | 'value'\n    | 'defaultValue'\n    | 'placeholder'\n    | 'readOnly'\n    | 'min'\n    | 'max'\n    | 'precision'\n    | 'onChange'\n  > {\n  touchedContainerRef: RefObject<HTMLElement | null>;\n  validationInputRef: RefObject<DateTimeInputRef | null>;\n}\n\n/**\n * A hook that provides the default functionality for the DateTimeRange picker\n * @internal\n */\nexport const useDateTimeRangePicker = (props: UseDateTimeRangePickerProps) => {\n  const {\n    value,\n    defaultValue,\n    placeholder,\n    readOnly,\n    min,\n    max,\n    precision = 'minutes',\n    onChange,\n    touchedContainerRef,\n    validationInputRef,\n  } = props;\n  const { formatMessage } = useIntl();\n\n  const {\n    selectedOverCalendar,\n    setCalendarOnChangeFlag,\n    setSelectedOverCalendar,\n    calendarOnChangeFlag,\n  } = useContext(SelectedOverCalendarContext);\n\n  // remove the precision of the value\n  const precisionRemovedValue = removePrecisionFromTimeFrame(value, precision);\n  const timeframeValue = precisionRemovedValue\n    ? mapToTimeframe(precisionRemovedValue)\n    : null;\n\n  // remove the precision of the defaultValue\n  const precisionRemovedDefaultValue = removePrecisionFromTimeFrame(\n    defaultValue,\n    precision,\n  );\n  const timeframeDefaultValue = precisionRemovedDefaultValue\n    ? mapToTimeframe(precisionRemovedDefaultValue)\n    : null;\n\n  const [valueFrom, setValueFrom] = useState<TimeValue | null>(\n    timeframeValue?.from ?? timeframeDefaultValue?.from ?? null,\n  );\n  const [valueTo, setValueTo] = useState<TimeValue | null>(\n    timeframeValue?.to ?? timeframeDefaultValue?.to ?? null,\n  );\n\n  // hook to handle from and to value states as well as the combined error (e.g. invalid order)\n  const {\n    reevaluate,\n    evaluate,\n    onBlurTouched,\n    onError,\n    errorTo,\n    errorFrom,\n    validate,\n  } = useDateTimeRangePickerValidation(\n    touchedContainerRef,\n    validationInputRef,\n    valueFrom,\n    valueTo,\n    max,\n    min,\n    precision,\n  );\n\n  const controlledValueUpdate = useRef(true);\n\n  const localizedPlaceholder = useMemo(\n    () => ({\n      from:\n        placeholder?.from ??\n        formatMessage({\n          defaultMessage: 'Start time',\n          id: 'gnKOHMjpyzk6hNcF',\n          description: 'Start of timeframe',\n        }),\n      to:\n        placeholder?.to ??\n        formatMessage({\n          defaultMessage: 'End time',\n          id: 'sGxf5yRVhyC8Fpo/',\n          description: 'End of timeframe',\n        }),\n    }),\n    [formatMessage, placeholder?.from, placeholder?.to],\n  );\n\n  // for non null values, put the from/to value as `<TimeValue>/<TimeValue>` into the clipboard\n  const onCopyCapture: ClipboardEventHandler = useCallback(\n    async (event) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (valueFrom === null || valueTo === null) {\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(\n          `${valueFrom.value}/${valueTo.value}`,\n        );\n      } catch {\n        // For now, we silently ignore clipboard write errors.\n      }\n    },\n    [valueFrom, valueTo],\n  );\n\n  // clipboard paste handler. apply clipboard content if formatted correctly\n  const onPasteCapture: ClipboardEventHandler = useCallback(\n    (e) => {\n      if (readOnly) {\n        return;\n      }\n      const data = e.clipboardData?.getData('text/plain');\n      if (!data) {\n        return;\n      }\n\n      // if the clipboard content is of format `<TimeValue>/<TimeValue>`, apply them.\n      const [nextFrom, nextTo] = data\n        .trim()\n        .split('/')\n        .map((input) => evaluate(input));\n\n      if (nextFrom && nextTo) {\n        setValueFrom(nextFrom);\n        setValueTo(nextTo);\n        e.preventDefault();\n      }\n    },\n    [evaluate, readOnly],\n  );\n\n  // call onChange prop on from/to value change\n  useEffect(() => {\n    // Don't call the onChange when the changes coming in are actually\n    // from a controlled value change.\n    if (controlledValueUpdate.current) {\n      controlledValueUpdate.current = false;\n      return;\n    }\n    // if both values from & to are null, return null.\n    if (valueFrom === null && valueTo === null) {\n      onChange?.(null);\n      return;\n    }\n\n    // only fire on change if a from and a to value is available.\n    if (valueFrom !== null && valueTo !== null) {\n      // the first onChange after selecting over the calendar is intended\n      if (\n        calendarOnChangeFlag &&\n        !!setCalendarOnChangeFlag &&\n        valueTo.absoluteDate\n      ) {\n        setCalendarOnChangeFlag(false);\n      }\n\n      if (selectedOverCalendar && !calendarOnChangeFlag) {\n        setSelectedOverCalendar?.(false);\n      }\n\n      props.onChange?.({\n        from: valueFrom,\n        to: valueTo,\n      });\n      return;\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(valueFrom), JSON.stringify(valueTo)]);\n\n  // update internal from and to state change on prop.value change\n  useEffect(() => {\n    // ignore if uncontrolled\n    if (value === undefined) {\n      return;\n    }\n    const timeframeValue = value ? mapToTimeframe(value) : value;\n    // update internal states, only fire if value differs\n    const nextFrom = timeframeValue?.from ?? null;\n    if (!isEqualTimeValue(valueFrom, nextFrom)) {\n      controlledValueUpdate.current = true;\n      setValueFrom(nextFrom);\n    }\n    const nextTo = timeframeValue?.to ?? null;\n    if (!isEqualTimeValue(valueTo, nextTo)) {\n      controlledValueUpdate.current = true;\n      setValueTo(nextTo);\n    }\n    // We only want to update the state for changed values to properly distinguish\n    // between controlled and uncontrolled, this will be refactored in the time-\n    // picking improvement efforts, APPDEV-10330.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  return {\n    placeholder: localizedPlaceholder,\n    value: {\n      from: valueFrom,\n      to: valueTo,\n    },\n    onChange: {\n      from: (value: TimeValue | null) =>\n        setValueFrom(\n          reevaluate(removePrecisionFromTimeValue(value, precision)),\n        ),\n      to: (value: TimeValue | null) =>\n        setValueTo(reevaluate(removePrecisionFromTimeValue(value, precision))),\n    },\n    onCopyCapture,\n    onPasteCapture,\n    onBlurTouched,\n    onError,\n    errorFrom,\n    errorTo,\n    validate,\n  };\n};\n"],
-  "mappings": "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",
-  "names": ["timeframeValue", "value"]
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  type RefObject,\n  ClipboardEventHandler,\n  KeyboardEventHandler as ReactKeyboardEventHandler,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { isFullTimeframe } from '../../../core/time/helpers.js';\nimport { useDateTimeRangePickerStore } from '../../../core/time/timeframeStore/useTimeframeStore.js';\nimport {\n  captureUndoSnapshot,\n  normalizeISOInput,\n  parseDateOnlyToISO,\n  parseTimeOnlyToISO,\n} from '../helpers.js';\nimport type {\n  DateTimeInputRef,\n  DateTimeRangePickerProps,\n  UndoSnapshot,\n} from '../types.js';\n\n/**\n * Restores spinbutton DOM text from a snapshot by driving each handler directly.\n */\nconst restoreSpinButtons = (\n  ref: RefObject<DateTimeInputRef | null>,\n  spinButtonTexts: Map<Intl.DateTimeFormatPart['type'], string>,\n): void => {\n  spinButtonTexts.forEach((text, type) => {\n    const handler = ref.current?.spinButtonHandlers.get(type) ?? null;\n    if (!handler) {\n      return;\n    }\n    if (text === '') {\n      handler.clearValue(true);\n    } else if (handler.type === 'number') {\n      handler.applyText(text, true);\n    } else {\n      handler.searchValue(text[0] ?? '', true);\n    }\n  });\n};\n\n/**\n * Restores a single from/to snapshot side (spin buttons or expression input).\n */\nconst restoreSnapshot = (\n  snapshot: UndoSnapshot,\n  ref: RefObject<DateTimeInputRef | null>,\n): void => {\n  if (snapshot.valueType === 'iso8601') {\n    restoreSpinButtons(ref, snapshot.spinButtonTexts);\n  } else if (ref.current?.expressionInputRef) {\n    ref.current.expressionInputRef.textContent = snapshot.expressionText;\n  }\n};\n\ninterface UseDateTimeRangePickerProps\n  extends Pick<DateTimeRangePickerProps, 'placeholder' | 'readOnly'> {\n  dateTimeFromRef: RefObject<DateTimeInputRef | null>;\n  dateTimeToRef: RefObject<DateTimeInputRef | null>;\n}\n\n/**\n * A hook that provides the default functionality for the DateTimeRange picker\n * @internal\n */\nexport const useDateTimeRangePicker = (props: UseDateTimeRangePickerProps) => {\n  const { placeholder, readOnly, dateTimeFromRef, dateTimeToRef } = props;\n  const { formatMessage } = useIntl();\n  const value = useDateTimeRangePickerStore(\n    (state) => state.dateTimeRangePickerTimeframe,\n  );\n  const setValue = useDateTimeRangePickerStore(\n    (state) => state.setDateTimeRangePickerTimeframe,\n  );\n\n  const pasteUndoSnapshotRef = useRef<{\n    from: UndoSnapshot;\n    to: UndoSnapshot;\n    focusTarget: Element | null;\n  } | null>(null);\n\n  const localizedPlaceholder = useMemo(\n    () => ({\n      from:\n        placeholder?.from ??\n        formatMessage({\n          defaultMessage: 'Start time',\n          id: 'gnKOHMjpyzk6hNcF',\n          description: 'Start of timeframe',\n        }),\n      to:\n        placeholder?.to ??\n        formatMessage({\n          defaultMessage: 'End time',\n          id: 'sGxf5yRVhyC8Fpo/',\n          description: 'End of timeframe',\n        }),\n    }),\n    [formatMessage, placeholder?.from, placeholder?.to],\n  );\n\n  // for non null values, put the from/to value as `<TimeValue>/<TimeValue>` into the clipboard\n  const onCopyCapture: ClipboardEventHandler = useCallback(\n    async (event) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (!isFullTimeframe(value)) {\n        return;\n      }\n\n      try {\n        await navigator.clipboard.writeText(\n          `${value.from.value}/${value.to.value}`,\n        );\n      } catch {\n        // For now, we silently ignore clipboard write errors.\n      }\n    },\n    [value],\n  );\n\n  // clipboard paste handler. apply clipboard content if formatted correctly\n  const onPasteCapture: ClipboardEventHandler = useCallback(\n    (e) => {\n      if (readOnly) {\n        return;\n      }\n      const data = e.clipboardData?.getData('text/plain');\n      if (!data) {\n        e.preventDefault();\n        return;\n      }\n\n      if (!dateTimeFromRef.current || !dateTimeToRef.current) {\n        return;\n      }\n\n      // Capture undo snapshots for any paste operation (range or single-input).\n      const focusTarget = document.activeElement;\n      const fromSnapshot = captureUndoSnapshot(\n        dateTimeFromRef.current.spinButtonHandlers,\n        dateTimeFromRef.current.expressionInputRef,\n        value?.from ?? null,\n      );\n      const toSnapshot = captureUndoSnapshot(\n        dateTimeToRef.current.spinButtonHandlers,\n        dateTimeToRef.current.expressionInputRef,\n        value?.to ?? null,\n      );\n\n      // if the clipboard content is of format `<TimeValue>/<TimeValue>`, apply them.\n      const [nextFrom, nextTo] = data.trim().split('/');\n\n      if (nextFrom && nextTo) {\n        const relativeDate = TZDateMini.tz(getTimezone()).getTime();\n        const parsedFrom =\n          parseDateOnlyToISO(nextFrom) ??\n          parseTimeOnlyToISO(nextFrom) ??\n          normalizeISOInput(nextFrom);\n        const parsedTo =\n          parseDateOnlyToISO(nextTo, 'endOfDay') ??\n          parseTimeOnlyToISO(nextTo) ??\n          normalizeISOInput(nextTo);\n\n        // Only apply if both sides are valid parseable values.\n        const validFrom = parseTimeAsTimeValue(parsedFrom, relativeDate);\n        const validTo = parseTimeAsTimeValue(parsedTo, relativeDate);\n\n        if (validFrom && validTo) {\n          pasteUndoSnapshotRef.current = {\n            from: fromSnapshot,\n            to: toSnapshot,\n            focusTarget,\n          };\n          setValue({ from: parsedFrom, to: parsedTo });\n          e.preventDefault();\n          e.stopPropagation();\n          return;\n        }\n      }\n\n      pasteUndoSnapshotRef.current = {\n        from: fromSnapshot,\n        to: toSnapshot,\n        focusTarget,\n      };\n    },\n    [readOnly, setValue, value, dateTimeFromRef, dateTimeToRef],\n  );\n\n  /**\n   * Ctrl+Z / Cmd+Z handler for the range picker container.\n   * Intercepts when a paste undo snapshot is pending and restores the affected input(s).\n   */\n  const onUndoPasteKeyDown: ReactKeyboardEventHandler = useCallback(\n    (event) => {\n      if (\n        (event.ctrlKey || event.metaKey) &&\n        event.key === 'z' &&\n        pasteUndoSnapshotRef.current\n      ) {\n        const snapshot = pasteUndoSnapshotRef.current;\n        pasteUndoSnapshotRef.current = null;\n\n        event.preventDefault();\n        event.stopPropagation();\n\n        restoreSnapshot(snapshot.from, dateTimeFromRef);\n        restoreSnapshot(snapshot.to, dateTimeToRef);\n\n        // Update the store with the original values so the hidden inputs\n        // and any controlled consumers reflect the undo.\n        const fromValue = snapshot.from.value ?? undefined;\n        const toValue = snapshot.to.value ?? undefined;\n        setValue(\n          fromValue || toValue ? { from: fromValue, to: toValue } : null,\n        );\n\n        // Restore focus to the element that was focused before the paste\n        if (\n          snapshot.focusTarget instanceof HTMLElement &&\n          snapshot.focusTarget !== document.activeElement\n        ) {\n          snapshot.focusTarget.focus();\n        }\n      }\n    },\n    [dateTimeFromRef, dateTimeToRef, setValue],\n  );\n\n  return {\n    placeholder: localizedPlaceholder,\n    onCopyCapture,\n    onPasteCapture,\n    onUndoPasteKeyDown,\n  };\n};\n"],
+  "mappings": "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",
+  "names": []
 }