@dynatrace/strato-components 3.13.3 → 3.14.1

package/esm/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.tsx"],
-  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type Ref,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport BreakpointsJS from '@dynatrace/strato-design-tokens/breakpoints-js';\n\nimport * as customTimeframeSelectorStyles from './CustomTimeframeSelector.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport type { TimeErrorKey } from '../../../../core/time/shared.types.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport {\n  getTimeBoundaryMessageData,\n  validate,\n} from '../../../../core/time/validation.js';\nimport { DateTimeRangePickerRoot } from '../../../../forms/date-time-range-picker/DateTimeRangePickerRoot.js';\nimport type { DateTimeRangePickerRef } from '../../../../forms/date-time-range-picker/types.js';\nimport { FormFieldMessages } from '../../../../forms/forms-core/components/form-field-messages/FormFieldMessages.js';\nimport { Label } from '../../../../forms/forms-core/components/label/Label.js';\nimport { _FormFieldContext as FormFieldContext } from '../../../../forms/forms-core/contexts/FormFieldContext.js';\nimport { FormFieldMessageContext } from '../../../../forms/forms-core/contexts/FormFieldMessageContext.js';\nimport { useFormControl } from '../../../../forms/forms-core/hooks/useFormControl.js';\nimport { useFormFieldContext } from '../../../../forms/forms-core/hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport {\n  FormFieldMessagesAction,\n  formFieldMessagesReducer,\n  type FormFieldMessagesReducerAction,\n} from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { sortTimeframeValues } from '../../../../forms/forms-core/time/helpers.js';\nimport {\n  getFromToValues,\n  parseValue,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport type { FormFieldMessageContextState } from '../../../../forms/forms-core/types/formfield-messages.types.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { useBreakpoint } from '../../../../layouts/hooks/useBreakpoint.js';\nimport { InputGroup } from '../../../../layouts/input-group/InputGroup.js';\nimport {\n  TIMEFRAMESELECTOR_ERROR_MESSAGES,\n  TIMEFRAME_SELECTOR_MESSAGES,\n} from '../../constants/timeframeSelectorMessages.js';\nimport { saveRecentTimeframe } from '../../utils/presets-helpers.js';\nimport { isOutsideRange } from '../../utils/timeframe-selection.js';\n\ninterface CustomDateTimeRangePickerRootProps {\n  pickerRef: Ref<DateTimeRangePickerRef>;\n  id: string;\n  required: boolean;\n  style: CSSProperties;\n  shouldSuppressBlur: (relatedTarget: Element | null) => boolean;\n}\n\n// Extracted so `useFormControl()` runs *inside* the `FormFieldMessageContext`/\n// `FormFieldContext` providers that `CustomTimeframeSelector` sets up below.\n// Calling the hook in the parent would bind it to the outer context instead of\n// the local one, so the picker wouldn't share this field's message/touched state.\nfunction CustomDateTimeRangePickerRoot({\n  pickerRef,\n  id,\n  required,\n  style,\n  shouldSuppressBlur,\n}: CustomDateTimeRangePickerRootProps) {\n  const formControl = useFormControl({\n    propId: id,\n    propRequired: required,\n  });\n\n  return (\n    <DateTimeRangePickerRoot\n      ref={pickerRef}\n      formControl={formControl}\n      style={style}\n      shouldSuppressBlur={shouldSuppressBlur}\n    />\n  );\n}\n\n/**\n * Custom Timeframe Selector component used inside the overlay.\n */\nexport const CustomTimeframeSelector = () => {\n  const ref = useTimeframeSelectorStore(\n    (state) => state.dateTimeRangePickerRef,\n  );\n  const intl = useIntl();\n  const value = useTimeframeSelectorStore(\n    (state) => state.dateTimeRangePickerTimeframe,\n  );\n  const onChange = useTimeframeSelectorStore(\n    (state) => state.setTimeframeSelectorTimeframe,\n  );\n  const min = useTimeframeSelectorStore((state) => state.min);\n  const max = useTimeframeSelectorStore((state) => state.max);\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n  const required = useTimeframeSelectorStore((state) => state.required);\n  const dateTimeRangePickerError = useTimeframeSelectorStore(\n    (state) => state.dateTimeRangePickerError,\n  );\n  const nowInserted = useTimeframeSelectorStore((state) => state.nowInserted);\n  const formatString = useTimeframeSelectorStore((state) => state.formatString);\n\n  const {\n    state: { showError },\n  } = useFormFieldMessagesContext();\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  // Preset and recent-timeframe items carry role=\"option\"; suppress blur when\n  // focus moves to them to avoid a layout-shift/missed-click bug. Scoping is\n  // achieved by comparing the [role=\"dialog\"] ancestor of the relatedTarget to\n  // the one containing this component's root, keeping the suppression isolated\n  // to this overlay only. [APPDEV-19074]\n  const shouldSuppressBlur = useCallback(\n    (relatedTarget: Element | null): boolean => {\n      if (\n        relatedTarget === null ||\n        relatedTarget.getAttribute('role') !== 'option'\n      ) {\n        return false;\n      }\n      const targetDialog = relatedTarget.closest('[role=\"dialog\"]');\n      return (\n        targetDialog !== null &&\n        targetDialog === rootRef.current?.closest('[role=\"dialog\"]')\n      );\n    },\n    [],\n  );\n\n  const dateTimeRangePickerId = useId();\n  const hintId = useId();\n  const labelId = useId();\n\n  const { from, to } = useMemo(() => parseValue(value), [value]);\n  const { required: contextRequired } = useFormFieldContext();\n\n  const callback = useCallback(\n    (\n      state: FormFieldMessageContextState,\n      action: FormFieldMessagesReducerAction,\n    ) => formFieldMessagesReducer(state, action),\n    [],\n  );\n\n  const [state, dispatch] = useReducer(callback, {\n    customMessages: [],\n    formControlMessages: [],\n    showError: showError,\n    isTouched: showError,\n  });\n  const applyButtonDataDtName = 'Apply';\n  const { valueFrom, valueTo } = getFromToValues(value);\n  const applyButtonDataDtProperties = `valueFrom:${valueFrom},valueTo:${valueTo}`;\n\n  // Track the previous validation error so validate() can clean up stale\n  // messages in the local FormFieldMessageContext.\n  const previousErrorRef = useRef<TimeErrorKey | undefined>(undefined);\n\n  // Track validation errors on every value change.\n  // If the outer TimeframeSelector already shows an error, propagate that\n  // visibility to the DateTimeRangePicker context immediately.\n  useEffect(() => {\n    previousErrorRef.current = validate(value, min, max, {\n      formMessageDispatch: dispatch,\n      formerError: previousErrorRef.current,\n      precision,\n      showError,\n      checkOrder: true,\n      ref,\n      expectedFormat: formatString,\n      valueMode: 'dateTimePicker',\n      required: required || contextRequired,\n      errorMessages: TIMEFRAMESELECTOR_ERROR_MESSAGES,\n    });\n\n    if (!nowInserted && !required && !contextRequired) {\n      if (!from && to?.value === 'now()') {\n        dispatch({\n          type: FormFieldMessagesAction.ADDMESSAGE,\n          payload: {\n            id: hintId,\n            variant: 'error',\n            message: intl.formatMessage(\n              TIMEFRAMESELECTOR_ERROR_MESSAGES.missingFrom,\n            ),\n            messageType: 'formcontrol',\n            validityStateKey: 'customError',\n          },\n        });\n        return;\n      }\n\n      if (!to && from?.value === 'now()') {\n        dispatch({\n          type: FormFieldMessagesAction.ADDMESSAGE,\n          payload: {\n            id: hintId,\n            variant: 'error',\n            message: intl.formatMessage(\n              TIMEFRAMESELECTOR_ERROR_MESSAGES.missingTo,\n            ),\n            messageType: 'formcontrol',\n            validityStateKey: 'customError',\n          },\n        });\n        return;\n      }\n\n      // Neither error condition applies anymore \u2014 clear any previously shown error.\n      dispatch({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: hintId,\n          messageType: 'formcontrol',\n        },\n      });\n    }\n  }, [\n    value,\n    min,\n    max,\n    dispatch,\n    precision,\n    formatString,\n    required,\n    contextRequired,\n    showError,\n    ref,\n    nowInserted,\n    from,\n    to,\n    hintId,\n    intl,\n  ]);\n\n  /** Handle form submission. */\n  const handleApply = useCallback(() => {\n    dispatch({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n\n    if (dateTimeRangePickerError) {\n      return;\n    }\n\n    const currentValue = ref.current?.getCurrentValue();\n    const refFrom = currentValue?.from?.value;\n    const refTo = currentValue?.to?.value;\n\n    let currentTimeframe = value;\n\n    const onlyFromIsEmpty = !refFrom && !!refTo && refTo !== 'now()';\n    const onlyToIsEmpty = !refTo && !!refFrom && refFrom !== 'now()';\n\n    if (onlyFromIsEmpty || onlyToIsEmpty) {\n      // If one of the fields is empty, fill it with 'Now'\n      const from = ref.current?.inputRef.from?.value || 'now()';\n      const to = ref.current?.inputRef.to?.value || 'now()';\n      const parsedTimeframe = parseValue({ from, to }, false, precision);\n\n      if (parsedTimeframe.from && parsedTimeframe.to) {\n        // Exit if the parsed timeframe is out of bounds\n        if (\n          isOutsideRange(\n            {\n              from: parsedTimeframe.from.value,\n              to: parsedTimeframe.to.value,\n            },\n            min?.value,\n            max?.value,\n          )\n        ) {\n          return;\n        }\n\n        const sortedTimeframe = sortTimeframeValues({\n          from: parsedTimeframe.from,\n          to: parsedTimeframe.to,\n        });\n\n        if (sortedTimeframe.from && sortedTimeframe.to) {\n          currentTimeframe = {\n            from: sortedTimeframe.from,\n            to: sortedTimeframe.to,\n          };\n        }\n      }\n    }\n\n    /** parse date-picker inputs to have latest expression values on form submission */\n    const { from, to } = currentTimeframe\n      ? parseValue(currentTimeframe, false, precision)\n      : { from: null, to: null };\n\n    if (from && to) {\n      const timeframe = { from, to };\n      onChange(timeframe);\n      saveRecentTimeframe(timeframe);\n      return;\n    }\n\n    if (!required && !contextRequired) {\n      const hasFromValue = Boolean(refFrom);\n      const hasToValue = Boolean(refTo);\n\n      // For optional selector, only emit null when both sides are truly empty.\n      // Partial values must remain unapplied.\n      if (!hasFromValue && !hasToValue) {\n        onChange(null);\n      }\n    }\n  }, [\n    dateTimeRangePickerError,\n    ref,\n    value,\n    precision,\n    required,\n    contextRequired,\n    min,\n    max,\n    onChange,\n  ]);\n\n  const handleKeyDown = useCallback(\n    (e: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (\n        e.key !== 'Enter' ||\n        // Checks if the event target is a child of the DateTimeRangePicker root element ref.\n        !ref.current?.element?.contains(e.target as HTMLElement)\n      ) {\n        return;\n      }\n\n      ref.current?.validate();\n      handleApply();\n    },\n    [handleApply, ref],\n  );\n\n  const isScreenLargerThanMobile = useBreakpoint(\n    `(min-width: ${BreakpointsJS.Max.Mobile}px)`,\n    true,\n  );\n\n  useEffect(() => {\n    const timeBoundaryMessageData = getTimeBoundaryMessageData(\n      {\n        from,\n        to,\n      },\n      min,\n      max,\n      precision,\n      false,\n    );\n\n    if (!timeBoundaryMessageData) {\n      if (!nowInserted && !required && !contextRequired) {\n        if (!from && to?.value === 'now()') {\n          dispatch({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: hintId,\n              variant: 'error',\n              message: intl.formatMessage(\n                TIMEFRAMESELECTOR_ERROR_MESSAGES.missingFrom,\n              ),\n              messageType: 'formcontrol',\n              validityStateKey: 'customError',\n            },\n          });\n          return;\n        }\n\n        if (!to && from?.value === 'now()') {\n          dispatch({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: hintId,\n              variant: 'error',\n              message: intl.formatMessage(\n                TIMEFRAMESELECTOR_ERROR_MESSAGES.missingTo,\n              ),\n              messageType: 'formcontrol',\n              validityStateKey: 'customError',\n            },\n          });\n          return;\n        }\n      }\n\n      dispatch({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: hintId,\n          messageType: 'formcontrol',\n        },\n      });\n      return;\n    }\n\n    dispatch({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: hintId,\n        variant: 'hint',\n        message: intl.formatMessage(\n          TIMEFRAMESELECTOR_ERROR_MESSAGES[timeBoundaryMessageData.errorKey],\n          timeBoundaryMessageData.values,\n        ),\n        messageType: 'formcontrol',\n        validityStateKey: 'customError',\n      },\n    });\n  }, [\n    min,\n    max,\n    dispatch,\n    intl,\n    precision,\n    hintId,\n    from,\n    to,\n    required,\n    contextRequired,\n    nowInserted,\n  ]);\n\n  const messageContextValue = useMemo(\n    () => ({\n      dispatch,\n      state,\n    }),\n    [dispatch, state],\n  );\n\n  return (\n    <div ref={rootRef} className={customTimeframeSelectorStyles.overlayRoot}>\n      <FormFieldMessageContext.Provider value={messageContextValue}>\n        <Flex className={customTimeframeSelectorStyles.wrapper}>\n          <div onKeyDown={handleKeyDown}>\n            <FormFieldContext.Provider value={{}}>\n              <fieldset\n                className={customTimeframeSelectorStyles.fieldset}\n                aria-labelledby={labelId}\n              >\n                <Label\n                  htmlFor={dateTimeRangePickerId}\n                  required={required || contextRequired}\n                  id={labelId}\n                >\n                  {intl.formatMessage(\n                    TIMEFRAME_SELECTOR_MESSAGES.timeframeLabel,\n                  )}\n                </Label>\n                <InputGroup style={{ gridAutoColumns: '1fr auto' }}>\n                  <CustomDateTimeRangePickerRoot\n                    pickerRef={ref}\n                    id={dateTimeRangePickerId}\n                    required={Boolean(required || contextRequired)}\n                    style={{ gridTemplateColumns: '1fr auto' }}\n                    shouldSuppressBlur={shouldSuppressBlur}\n                  />\n                  {isScreenLargerThanMobile && (\n                    <Button\n                      color=\"primary\"\n                      variant=\"accent\"\n                      type=\"submit\"\n                      onClick={handleApply}\n                      style={{\n                        alignSelf: 'end',\n                        borderTopLeftRadius: 0,\n                        borderBottomLeftRadius: 0,\n                      }}\n                      data-dt-name={applyButtonDataDtName}\n                      data-dt-properties={applyButtonDataDtProperties}\n                    >\n                      {intl.formatMessage(\n                        TIMEFRAME_SELECTOR_MESSAGES.applyButton,\n                      )}\n                    </Button>\n                  )}\n                </InputGroup>\n              </fieldset>\n            </FormFieldContext.Provider>\n          </div>\n          <FormFieldMessages />\n        </Flex>\n        {!isScreenLargerThanMobile && (\n          <Button\n            color=\"primary\"\n            variant=\"accent\"\n            type=\"submit\"\n            style={{ alignSelf: 'end' }}\n            onClick={handleApply}\n            data-dt-name={applyButtonDataDtName}\n            data-dt-properties={applyButtonDataDtProperties}\n          >\n            {intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.applyButton)}\n          </Button>\n        )}\n      </FormFieldMessageContext.Provider>\n    </div>\n  );\n};\n\nCustomTimeframeSelector['displayName'] = 'CustomTimeframeSelector';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n  type CSSProperties,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type Ref,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport BreakpointsJS from '@dynatrace/strato-design-tokens/breakpoints-js';\n\nimport * as customTimeframeSelectorStyles from './CustomTimeframeSelector.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport type { TimeErrorKey } from '../../../../core/time/shared.types.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport {\n  getTimeBoundaryMessageData,\n  validate,\n} from '../../../../core/time/validation.js';\nimport { DateTimeRangePickerRoot } from '../../../../forms/date-time-range-picker/DateTimeRangePickerRoot.js';\nimport type { DateTimeRangePickerRef } from '../../../../forms/date-time-range-picker/types.js';\nimport { FormFieldMessages } from '../../../../forms/forms-core/components/form-field-messages/FormFieldMessages.js';\nimport { Label } from '../../../../forms/forms-core/components/label/Label.js';\nimport { _FormFieldContext as FormFieldContext } from '../../../../forms/forms-core/contexts/FormFieldContext.js';\nimport { FormFieldMessageContext } from '../../../../forms/forms-core/contexts/FormFieldMessageContext.js';\nimport { useFormControl } from '../../../../forms/forms-core/hooks/useFormControl.js';\nimport { useFormFieldContext } from '../../../../forms/forms-core/hooks/useFormFieldContext.js';\nimport { useFormFieldMessagesContext } from '../../../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport {\n  FormFieldMessagesAction,\n  formFieldMessagesReducer,\n  type FormFieldMessagesReducerAction,\n} from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { sortTimeframeValues } from '../../../../forms/forms-core/time/helpers.js';\nimport {\n  getFromToValues,\n  parseValue,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport type { FormFieldMessageContextState } from '../../../../forms/forms-core/types/formfield-messages.types.js';\nimport {\n  NativeValidityStateKeys,\n  ValidationError,\n} from '../../../../forms/validation/types.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { useBreakpoint } from '../../../../layouts/hooks/useBreakpoint.js';\nimport { InputGroup } from '../../../../layouts/input-group/InputGroup.js';\nimport {\n  TIMEFRAMESELECTOR_ERROR_MESSAGES,\n  TIMEFRAME_SELECTOR_MESSAGES,\n} from '../../constants/timeframeSelectorMessages.js';\nimport { saveRecentTimeframe } from '../../utils/presets-helpers.js';\nimport { isOutsideRange } from '../../utils/timeframe-selection.js';\n\ninterface CustomDateTimeRangePickerRootProps {\n  pickerRef: Ref<DateTimeRangePickerRef>;\n  id: string;\n  required: boolean;\n  style: CSSProperties;\n  shouldSuppressBlur: (relatedTarget: Element | null) => boolean;\n}\n\n// Extracted so `useFormControl()` runs *inside* the `FormFieldMessageContext`/\n// `FormFieldContext` providers that `CustomTimeframeSelector` sets up below.\n// Calling the hook in the parent would bind it to the outer context instead of\n// the local one, so the picker wouldn't share this field's message/touched state.\nfunction CustomDateTimeRangePickerRoot({\n  pickerRef,\n  id,\n  required,\n  style,\n  shouldSuppressBlur,\n}: CustomDateTimeRangePickerRootProps) {\n  const formControl = useFormControl({\n    propId: id,\n    propRequired: required,\n  });\n\n  return (\n    <DateTimeRangePickerRoot\n      ref={pickerRef}\n      formControl={formControl}\n      style={style}\n      shouldSuppressBlur={shouldSuppressBlur}\n    />\n  );\n}\n\n/**\n * Custom Timeframe Selector component used inside the overlay.\n */\nexport const CustomTimeframeSelector = () => {\n  const ref = useTimeframeSelectorStore(\n    (state) => state.dateTimeRangePickerRef,\n  );\n  const intl = useIntl();\n  const value = useTimeframeSelectorStore(\n    (state) => state.dateTimeRangePickerTimeframe,\n  );\n  const onChange = useTimeframeSelectorStore(\n    (state) => state.setTimeframeSelectorTimeframe,\n  );\n  const min = useTimeframeSelectorStore((state) => state.min);\n  const max = useTimeframeSelectorStore((state) => state.max);\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n  const required = useTimeframeSelectorStore((state) => state.required);\n  const dateTimeRangePickerError = useTimeframeSelectorStore(\n    (state) => state.dateTimeRangePickerError,\n  );\n  const nowInserted = useTimeframeSelectorStore((state) => state.nowInserted);\n  const formatString = useTimeframeSelectorStore((state) => state.formatString);\n\n  const {\n    state: { showError },\n  } = useFormFieldMessagesContext();\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  // Preset and recent-timeframe items carry role=\"option\"; suppress blur when\n  // focus moves to them to avoid a layout-shift/missed-click bug. Scoping is\n  // achieved by comparing the [role=\"dialog\"] ancestor of the relatedTarget to\n  // the one containing this component's root, keeping the suppression isolated\n  // to this overlay only. [APPDEV-19074]\n  const shouldSuppressBlur = useCallback(\n    (relatedTarget: Element | null): boolean => {\n      if (\n        relatedTarget === null ||\n        relatedTarget.getAttribute('role') !== 'option'\n      ) {\n        return false;\n      }\n      const targetDialog = relatedTarget.closest('[role=\"dialog\"]');\n      return (\n        targetDialog !== null &&\n        targetDialog === rootRef.current?.closest('[role=\"dialog\"]')\n      );\n    },\n    [],\n  );\n\n  const dateTimeRangePickerId = useId();\n  const hintId = useId();\n  const labelId = useId();\n\n  const { from, to } = useMemo(() => parseValue(value), [value]);\n  const { required: contextRequired } = useFormFieldContext();\n\n  const callback = useCallback(\n    (\n      state: FormFieldMessageContextState,\n      action: FormFieldMessagesReducerAction,\n    ) => formFieldMessagesReducer(state, action),\n    [],\n  );\n\n  const [state, dispatch] = useReducer(callback, {\n    errors: [],\n    hints: [],\n    showError: showError,\n    isTouched: showError,\n  });\n  const applyButtonDataDtName = 'Apply';\n  const { valueFrom, valueTo } = getFromToValues(value);\n  const applyButtonDataDtProperties = `valueFrom:${valueFrom},valueTo:${valueTo}`;\n\n  // Track the previous validation error so validate() can clean up stale\n  // messages in the local FormFieldMessageContext.\n  const previousErrorRef = useRef<TimeErrorKey | undefined>(undefined);\n\n  // Track validation errors on every value change.\n  // If the outer TimeframeSelector already shows an error, propagate that\n  // visibility to the DateTimeRangePicker context immediately.\n  useEffect(() => {\n    previousErrorRef.current = validate(value, min, max, {\n      formMessageDispatch: dispatch,\n      intl,\n      formerError: previousErrorRef.current,\n      precision,\n      showError,\n      checkOrder: true,\n      ref,\n      expectedFormat: formatString,\n      valueMode: 'dateTimePicker',\n      required: required || contextRequired,\n      errorMessages: TIMEFRAMESELECTOR_ERROR_MESSAGES,\n    });\n\n    if (!nowInserted && !required && !contextRequired) {\n      if (!from && to?.value === 'now()') {\n        dispatch({\n          type: FormFieldMessagesAction.REMOVEMESSAGE,\n          payload: { id: hintId, source: 'strato' },\n        });\n        dispatch({\n          type: FormFieldMessagesAction.ADDMESSAGE,\n          payload: {\n            id: hintId,\n            error: new ValidationError(\n              intl.formatMessage(TIMEFRAMESELECTOR_ERROR_MESSAGES.missingFrom),\n              {\n                source: 'strato',\n                validityStateKey: NativeValidityStateKeys.customError,\n              },\n            ),\n          },\n        });\n        return;\n      }\n\n      if (!to && from?.value === 'now()') {\n        dispatch({\n          type: FormFieldMessagesAction.REMOVEMESSAGE,\n          payload: { id: hintId, source: 'strato' },\n        });\n        dispatch({\n          type: FormFieldMessagesAction.ADDMESSAGE,\n          payload: {\n            id: hintId,\n            error: new ValidationError(\n              intl.formatMessage(TIMEFRAMESELECTOR_ERROR_MESSAGES.missingTo),\n              {\n                source: 'strato',\n                validityStateKey: NativeValidityStateKeys.customError,\n              },\n            ),\n          },\n        });\n        return;\n      }\n\n      // Neither error condition applies anymore \u2014 clear any previously shown error.\n      dispatch({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: hintId,\n          source: 'strato',\n        },\n      });\n    }\n  }, [\n    value,\n    min,\n    max,\n    dispatch,\n    precision,\n    formatString,\n    required,\n    contextRequired,\n    showError,\n    ref,\n    nowInserted,\n    from,\n    to,\n    hintId,\n    intl,\n  ]);\n\n  /** Handle form submission. */\n  const handleApply = useCallback(() => {\n    dispatch({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n\n    if (dateTimeRangePickerError) {\n      return;\n    }\n\n    const currentValue = ref.current?.getCurrentValue();\n    const refFrom = currentValue?.from?.value;\n    const refTo = currentValue?.to?.value;\n\n    let currentTimeframe = value;\n\n    const onlyFromIsEmpty = !refFrom && !!refTo && refTo !== 'now()';\n    const onlyToIsEmpty = !refTo && !!refFrom && refFrom !== 'now()';\n\n    if (onlyFromIsEmpty || onlyToIsEmpty) {\n      // If one of the fields is empty, fill it with 'Now'\n      const from = ref.current?.inputRef.from?.value || 'now()';\n      const to = ref.current?.inputRef.to?.value || 'now()';\n      const parsedTimeframe = parseValue({ from, to }, false, precision);\n\n      if (parsedTimeframe.from && parsedTimeframe.to) {\n        // Exit if the parsed timeframe is out of bounds\n        if (\n          isOutsideRange(\n            {\n              from: parsedTimeframe.from.value,\n              to: parsedTimeframe.to.value,\n            },\n            min?.value,\n            max?.value,\n          )\n        ) {\n          return;\n        }\n\n        const sortedTimeframe = sortTimeframeValues({\n          from: parsedTimeframe.from,\n          to: parsedTimeframe.to,\n        });\n\n        if (sortedTimeframe.from && sortedTimeframe.to) {\n          currentTimeframe = {\n            from: sortedTimeframe.from,\n            to: sortedTimeframe.to,\n          };\n        }\n      }\n    }\n\n    /** parse date-picker inputs to have latest expression values on form submission */\n    const { from, to } = currentTimeframe\n      ? parseValue(currentTimeframe, false, precision)\n      : { from: null, to: null };\n\n    if (from && to) {\n      const timeframe = { from, to };\n      onChange(timeframe);\n      saveRecentTimeframe(timeframe);\n      return;\n    }\n\n    if (!required && !contextRequired) {\n      const hasFromValue = Boolean(refFrom);\n      const hasToValue = Boolean(refTo);\n\n      // For optional selector, only emit null when both sides are truly empty.\n      // Partial values must remain unapplied.\n      if (!hasFromValue && !hasToValue) {\n        onChange(null);\n      }\n    }\n  }, [\n    dateTimeRangePickerError,\n    ref,\n    value,\n    precision,\n    required,\n    contextRequired,\n    min,\n    max,\n    onChange,\n  ]);\n\n  const handleKeyDown = useCallback(\n    (e: ReactKeyboardEvent<HTMLDivElement>) => {\n      if (\n        e.key !== 'Enter' ||\n        // Checks if the event target is a child of the DateTimeRangePicker root element ref.\n        !ref.current?.element?.contains(e.target as HTMLElement)\n      ) {\n        return;\n      }\n\n      ref.current?.validate();\n      handleApply();\n    },\n    [handleApply, ref],\n  );\n\n  const isScreenLargerThanMobile = useBreakpoint(\n    `(min-width: ${BreakpointsJS.Max.Mobile}px)`,\n    true,\n  );\n\n  useEffect(() => {\n    const timeBoundaryMessageData = getTimeBoundaryMessageData(\n      {\n        from,\n        to,\n      },\n      min,\n      max,\n      precision,\n      false,\n    );\n\n    if (!timeBoundaryMessageData) {\n      if (!nowInserted && !required && !contextRequired) {\n        if (!from && to?.value === 'now()') {\n          dispatch({\n            type: FormFieldMessagesAction.REMOVEMESSAGE,\n            payload: { id: hintId, source: 'strato' },\n          });\n          dispatch({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: hintId,\n              error: new ValidationError(\n                intl.formatMessage(\n                  TIMEFRAMESELECTOR_ERROR_MESSAGES.missingFrom,\n                ),\n                {\n                  source: 'strato',\n                  validityStateKey: NativeValidityStateKeys.customError,\n                },\n              ),\n            },\n          });\n          return;\n        }\n\n        if (!to && from?.value === 'now()') {\n          dispatch({\n            type: FormFieldMessagesAction.REMOVEMESSAGE,\n            payload: { id: hintId, source: 'strato' },\n          });\n          dispatch({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              id: hintId,\n              error: new ValidationError(\n                intl.formatMessage(TIMEFRAMESELECTOR_ERROR_MESSAGES.missingTo),\n                {\n                  source: 'strato',\n                  validityStateKey: NativeValidityStateKeys.customError,\n                },\n              ),\n            },\n          });\n          return;\n        }\n      }\n\n      dispatch({\n        type: FormFieldMessagesAction.REMOVEMESSAGE,\n        payload: {\n          id: hintId,\n          source: 'strato',\n        },\n      });\n      return;\n    }\n\n    dispatch({\n      type: FormFieldMessagesAction.REMOVEMESSAGE,\n      payload: { id: hintId, source: 'strato' },\n    });\n    dispatch({\n      type: FormFieldMessagesAction.ADDMESSAGE,\n      payload: {\n        id: hintId,\n        hint: intl.formatMessage(\n          TIMEFRAMESELECTOR_ERROR_MESSAGES[timeBoundaryMessageData.errorKey],\n          timeBoundaryMessageData.values,\n        ),\n        source: 'strato',\n      },\n    });\n  }, [\n    min,\n    max,\n    dispatch,\n    intl,\n    precision,\n    hintId,\n    from,\n    to,\n    required,\n    contextRequired,\n    nowInserted,\n  ]);\n\n  const messageContextValue = useMemo(\n    () => ({\n      dispatch,\n      state,\n    }),\n    [dispatch, state],\n  );\n\n  return (\n    <div ref={rootRef} className={customTimeframeSelectorStyles.overlayRoot}>\n      <FormFieldMessageContext.Provider value={messageContextValue}>\n        <Flex className={customTimeframeSelectorStyles.wrapper}>\n          <div onKeyDown={handleKeyDown}>\n            <FormFieldContext.Provider value={{}}>\n              <fieldset\n                className={customTimeframeSelectorStyles.fieldset}\n                aria-labelledby={labelId}\n              >\n                <Label\n                  htmlFor={dateTimeRangePickerId}\n                  required={required || contextRequired}\n                  id={labelId}\n                >\n                  {intl.formatMessage(\n                    TIMEFRAME_SELECTOR_MESSAGES.timeframeLabel,\n                  )}\n                </Label>\n                <InputGroup style={{ gridAutoColumns: '1fr auto' }}>\n                  <CustomDateTimeRangePickerRoot\n                    pickerRef={ref}\n                    id={dateTimeRangePickerId}\n                    required={Boolean(required || contextRequired)}\n                    style={{ gridTemplateColumns: '1fr auto' }}\n                    shouldSuppressBlur={shouldSuppressBlur}\n                  />\n                  {isScreenLargerThanMobile && (\n                    <Button\n                      color=\"primary\"\n                      variant=\"accent\"\n                      type=\"submit\"\n                      onClick={handleApply}\n                      style={{\n                        alignSelf: 'end',\n                        borderTopLeftRadius: 0,\n                        borderBottomLeftRadius: 0,\n                      }}\n                      data-dt-name={applyButtonDataDtName}\n                      data-dt-properties={applyButtonDataDtProperties}\n                    >\n                      {intl.formatMessage(\n                        TIMEFRAME_SELECTOR_MESSAGES.applyButton,\n                      )}\n                    </Button>\n                  )}\n                </InputGroup>\n              </fieldset>\n            </FormFieldContext.Provider>\n          </div>\n          <FormFieldMessages />\n        </Flex>\n        {!isScreenLargerThanMobile && (\n          <Button\n            color=\"primary\"\n            variant=\"accent\"\n            type=\"submit\"\n            style={{ alignSelf: 'end' }}\n            onClick={handleApply}\n            data-dt-name={applyButtonDataDtName}\n            data-dt-properties={applyButtonDataDtProperties}\n          >\n            {intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.applyButton)}\n          </Button>\n        )}\n      </FormFieldMessageContext.Provider>\n    </div>\n  );\n};\n\nCustomTimeframeSelector['displayName'] = 'CustomTimeframeSelector';\n"],
+  "mappings": "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",
   "names": ["state", "from", "to"]
 }

package/esm/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.sty.js

@@ -1,7 +1,7 @@
 import "./CustomTimeframeSelector.css";
-var fieldset = "_at2xro0-3-13-3";
-var overlayRoot = "_at2xro1-3-13-3";
-var wrapper = "_at2xro2-3-13-3";
+var fieldset = "_at2xro0-3-14-1";
+var overlayRoot = "_at2xro1-3-14-1";
+var wrapper = "_at2xro2-3-14-1";
 export {
   fieldset,
   overlayRoot,

package/esm/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.css.ts"],
-  "sourcesContent": ["import './CustomTimeframeSelector.css';\nexport var fieldset = '_at2xro0-3-13-3';\nexport var overlayRoot = '_at2xro1-3-13-3';\nexport var wrapper = '_at2xro2-3-13-3';"],
+  "sourcesContent": ["import './CustomTimeframeSelector.css';\nexport var fieldset = '_at2xro0-3-14-1';\nexport var overlayRoot = '_at2xro1-3-14-1';\nexport var wrapper = '_at2xro2-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,UAAU;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.css

@@ -1,4 +1,4 @@
-._14xc6b0-3-13-3 {
+._14xc6b0-3-14-1 {
   background: var(--dt-colors-background-surface-default, #fff);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
@@ -9,18 +9,18 @@
   min-height: 0;
   max-width: 100vw;
 }
-._14xc6b1-3-13-3 {
+._14xc6b1-3-14-1 {
   overflow-y: auto;
   overflow-x: hidden;
   width: 100%;
 }
-._14xc6b2-3-13-3 {
+._14xc6b2-3-14-1 {
   box-sizing: border-box;
   min-width: 0;
   width: 100%;
   padding: var(--dt-spacings-size-6, 6px);
 }
-._14xc6b3-3-13-3 {
+._14xc6b3-3-14-1 {
   overflow-wrap: break-word;
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.sty.js

@@ -1,8 +1,8 @@
 import "./TimeframeSelectorOverlay.css";
-var footer = "_14xc6b2-3-13-3";
-var hint = "_14xc6b3-3-13-3";
-var scrollContainer = "_14xc6b1-3-13-3";
-var wrapper = "_14xc6b0-3-13-3";
+var footer = "_14xc6b2-3-14-1";
+var hint = "_14xc6b3-3-14-1";
+var scrollContainer = "_14xc6b1-3-14-1";
+var wrapper = "_14xc6b0-3-14-1";
 export {
   footer,
   hint,

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.css.ts"],
-  "sourcesContent": ["import './TimeframeSelectorOverlay.css';\nexport var footer = '_14xc6b2-3-13-3';\nexport var hint = '_14xc6b3-3-13-3';\nexport var scrollContainer = '_14xc6b1-3-13-3';\nexport var wrapper = '_14xc6b0-3-13-3';"],
+  "sourcesContent": ["import './TimeframeSelectorOverlay.css';\nexport var footer = '_14xc6b2-3-14-1';\nexport var hint = '_14xc6b3-3-14-1';\nexport var scrollContainer = '_14xc6b1-3-14-1';\nexport var wrapper = '_14xc6b0-3-14-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,kBAAkB;AACtB,IAAI,UAAU;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/presets/Presets.css

@@ -1,11 +1,11 @@
-._14rlfn30-3-13-3 {
+._14rlfn30-3-14-1 {
   justify-content: space-between;
   align-items: center;
   grid: auto / auto-flow;
   grid-template-columns: auto 1fr;
   max-height: var(--dt-spacings-size-20, 20px);
 }
-._14rlfn31-3-13-3 {
+._14rlfn31-3-14-1 {
   position: relative;
   list-style: none;
   cursor: pointer;
@@ -16,45 +16,45 @@
   border-radius: var(--dt-borders-radius-field-default, 6px);
   outline-offset: calc(var(--dt-spacings-size-2, 2px) * -1);
 }
-._14rlfn32-3-13-3 {
+._14rlfn32-3-14-1 {
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._14rlfn32-3-13-3:hover {
+._14rlfn32-3-14-1:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._14rlfn32-3-13-3:active {
+._14rlfn32-3-14-1:active {
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._14rlfn33-3-13-3 {
+._14rlfn33-3-14-1 {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._14rlfn33-3-13-3:hover {
+._14rlfn33-3-14-1:hover {
   background-color: var(--dt-colors-background-field-primary-default-hover, #d5dbf6);
 }
-._14rlfn33-3-13-3:active {
+._14rlfn33-3-14-1:active {
   background-color: var(--dt-colors-background-field-primary-default-active, #c9d1f4);
 }
-._14rlfn34-3-13-3 {
+._14rlfn34-3-14-1 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._14rlfn36-3-13-3 {
+._14rlfn36-3-14-1 {
   min-width: 0;
 }
-._14rlfn37-3-13-3 {
+._14rlfn37-3-14-1 {
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
 }
-._14rlfn38-3-13-3 {
+._14rlfn38-3-14-1 {
   padding-top: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-6, 6px);
   padding-left: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-12, 12px);
 }
-._14rlfn39-3-13-3::before {
+._14rlfn39-3-14-1::before {
   content: "";
   position: absolute;
   width: 2px;
@@ -62,62 +62,62 @@
   left: 4px;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._14rlfn3a-3-13-3::before {
+._14rlfn3a-3-14-1::before {
   content: "";
 }
-._14rlfn3b-3-13-3::before {
+._14rlfn3b-3-14-1::before {
   background-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._14rlfn3c-3-13-3::before {
+._14rlfn3c-3-14-1::before {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._14rlfn3e-3-13-3 {
+._14rlfn3e-3-14-1 {
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
   text-align: right;
 }
-._14rlfn3f-3-13-3 {
+._14rlfn3f-3-14-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._14rlfn3g-3-13-3 {
+._14rlfn3g-3-14-1 {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._14rlfn3h-3-13-3 {
+._14rlfn3h-3-14-1 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._14rlfn3i-3-13-3 {
+._14rlfn3i-3-14-1 {
   position: absolute;
   width: 2px;
   height: 20px;
   left: 4px;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._14rlfn3j-3-13-3 {
+._14rlfn3j-3-14-1 {
   background-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._14rlfn3k-3-13-3 {
+._14rlfn3k-3-14-1 {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._14rlfn3l-3-13-3 {
+._14rlfn3l-3-14-1 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._14rlfn3m-3-13-3 {
+._14rlfn3m-3-14-1 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-12, 12px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._14rlfn3n-3-13-3 {
+._14rlfn3n-3-14-1 {
   flex-shrink: 0;
 }
 @media screen and (max-width: 470px) {
-  ._14rlfn3d-3-13-3 {
+  ._14rlfn3d-3-14-1 {
     display: none;
   }
 }

package/esm/filters/timeframe-selector/components/presets/Presets.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/presets/Presets.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { Children, type ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PresetItem } from './PresetItem.js';\nimport * as styles from './Presets.sty.js';\nimport { AriaLabelingProps } from '../../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../../../core/types/data-props.js';\nimport { DOMProps } from '../../../../core/types/dom.js';\nimport { StylingProps } from '../../../../core/types/styling-props.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { TIMEFRAME_SELECTOR_PRESETS } from '../../constants/timeframe-presets.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\n\n//#region Typings\n/**\n * @public\n */\nexport interface TimeframeSelectorPresetsProps\n  extends DOMProps,\n    DataTestId,\n    StylingProps,\n    BehaviorTrackingProps,\n    AriaLabelingProps {\n  /** Children shown inside the presets list. A default list of presets is shown if no children are set. */\n  children?: ReactNode;\n}\n\n//#endregion\n\n/** Iterates over child nodes to extract preset item slots. */\nfunction getItemSlots(children: ReactNode): ReactNode[] | null {\n  if (!children) {\n    return null;\n  }\n\n  const validChildren: ReactNode[] = [];\n  for (const child of Children.toArray(children)) {\n    if (isSlot(child, PresetItem)) {\n      validChildren.push(child);\n    } else {\n      // do nothing if the child is null (when rendered conditionally for example) and throw a warning otherwise\n      devLog(\n        'The used child is not supported by the TimeframeSelector.Presets.',\n      );\n    }\n  }\n\n  return validChildren.length > 0 ? validChildren : null;\n}\n\n/**\n * A list of preset items shown in the overlay.\n * @public\n */\nexport const Presets = (props: TimeframeSelectorPresetsProps) => {\n  const {\n    children,\n    'aria-label': ariaLabel,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: TimeframeSelectorPresetsProps = props;\n  const intl = useIntl();\n\n  const presetsListLabel =\n    ariaLabel ??\n    intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.timeframePresets);\n\n  const validChildren = getItemSlots(children);\n\n  return (\n    <ul\n      role=\"listbox\"\n      aria-label={presetsListLabel}\n      className={clsx([styles.listContainer, consumerClassName])}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      {...remainingProps}\n    >\n      {validChildren ??\n        TIMEFRAME_SELECTOR_PRESETS.map((item) => (\n          <PresetItem\n            key={`${item.from} \u2192 ${item.to}`}\n            value={item}\n            data-dt-children-name=\"Preset\"\n            data-dt-properties={`valueFrom:${item.from},valueTo:${item.to}`}\n          />\n        ))}\n    </ul>\n  );\n};\n\nPresets['displayName'] = 'TimeframeSelector.Presets';\n"],
-  "mappings": "AAqFU;AArFV,OAAO,UAAU;AACjB,SAAS,gBAAgC;AACzC,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAC3B,YAAY,YAAY;AAMxB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAmB5C,SAAS,aAAa,UAAyC;AAC7D,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM,gBAA6B,CAAC;AACpC,aAAW,SAAS,SAAS,QAAQ,QAAQ,GAAG;AAC9C,QAAI,OAAO,OAAO,UAAU,GAAG;AAC7B,oBAAc,KAAK,KAAK;AAAA,IAC1B,OAAO;AAEL;AAAA,QACE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,cAAc,SAAS,IAAI,gBAAgB;AACpD;AAMO,MAAM,UAAU,CAAC,UAAyC;AAC/D,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAmC;AACnC,QAAM,OAAO,QAAQ;AAErB,QAAM,mBACJ,aACA,KAAK,cAAc,4BAA4B,gBAAgB;AAEjE,QAAM,gBAAgB,aAAa,QAAQ;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAW,KAAK,CAAC,OAAO,eAAe,iBAAiB,CAAC;AAAA,MACzD,OAAO;AAAA,MACP,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,2BACC,2BAA2B,IAAI,CAAC,SAC9B;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO;AAAA,UACP,yBAAsB;AAAA,UACtB,sBAAoB,aAAa,KAAK,IAAI,YAAY,KAAK,EAAE;AAAA;AAAA,QAHxD,GAAG,KAAK,IAAI,WAAM,KAAK,EAAE;AAAA,MAIhC,CACD;AAAA;AAAA,EACL;AAEJ;AAEA,QAAQ,aAAa,IAAI;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { Children, type ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PresetItem } from './PresetItem.js';\nimport * as styles from './Presets.sty.js';\nimport { AriaLabelingProps } from '../../../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../../../core/types/data-props.js';\nimport { DOMProps } from '../../../../core/types/dom.js';\nimport { StylingProps } from '../../../../core/types/styling-props.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { TIMEFRAME_SELECTOR_PRESETS } from '../../constants/timeframe-presets.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\n\n//#region Typings\n/**\n * @public\n */\nexport interface TimeframeSelectorPresetsProps\n  extends\n    DOMProps,\n    DataTestId,\n    StylingProps,\n    BehaviorTrackingProps,\n    AriaLabelingProps {\n  /** Children shown inside the presets list. A default list of presets is shown if no children are set. */\n  children?: ReactNode;\n}\n\n//#endregion\n\n/** Iterates over child nodes to extract preset item slots. */\nfunction getItemSlots(children: ReactNode): ReactNode[] | null {\n  if (!children) {\n    return null;\n  }\n\n  const validChildren: ReactNode[] = [];\n  for (const child of Children.toArray(children)) {\n    if (isSlot(child, PresetItem)) {\n      validChildren.push(child);\n    } else {\n      // do nothing if the child is null (when rendered conditionally for example) and throw a warning otherwise\n      devLog(\n        'The used child is not supported by the TimeframeSelector.Presets.',\n      );\n    }\n  }\n\n  return validChildren.length > 0 ? validChildren : null;\n}\n\n/**\n * A list of preset items shown in the overlay.\n * @public\n */\nexport const Presets = (props: TimeframeSelectorPresetsProps) => {\n  const {\n    children,\n    'aria-label': ariaLabel,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: TimeframeSelectorPresetsProps = props;\n  const intl = useIntl();\n\n  const presetsListLabel =\n    ariaLabel ??\n    intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.timeframePresets);\n\n  const validChildren = getItemSlots(children);\n\n  return (\n    <ul\n      role=\"listbox\"\n      aria-label={presetsListLabel}\n      className={clsx([styles.listContainer, consumerClassName])}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      {...remainingProps}\n    >\n      {validChildren ??\n        TIMEFRAME_SELECTOR_PRESETS.map((item) => (\n          <PresetItem\n            key={`${item.from} \u2192 ${item.to}`}\n            value={item}\n            data-dt-children-name=\"Preset\"\n            data-dt-properties={`valueFrom:${item.from},valueTo:${item.to}`}\n          />\n        ))}\n    </ul>\n  );\n};\n\nPresets['displayName'] = 'TimeframeSelector.Presets';\n"],
+  "mappings": "AAsFU;AAtFV,OAAO,UAAU;AACjB,SAAS,gBAAgC;AACzC,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAC3B,YAAY,YAAY;AAMxB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAoB5C,SAAS,aAAa,UAAyC;AAC7D,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM,gBAA6B,CAAC;AACpC,aAAW,SAAS,SAAS,QAAQ,QAAQ,GAAG;AAC9C,QAAI,OAAO,OAAO,UAAU,GAAG;AAC7B,oBAAc,KAAK,KAAK;AAAA,IAC1B,OAAO;AAEL;AAAA,QACE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,cAAc,SAAS,IAAI,gBAAgB;AACpD;AAMO,MAAM,UAAU,CAAC,UAAyC;AAC/D,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAmC;AACnC,QAAM,OAAO,QAAQ;AAErB,QAAM,mBACJ,aACA,KAAK,cAAc,4BAA4B,gBAAgB;AAEjE,QAAM,gBAAgB,aAAa,QAAQ;AAE3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAW,KAAK,CAAC,OAAO,eAAe,iBAAiB,CAAC;AAAA,MACzD,OAAO;AAAA,MACP,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH,2BACC,2BAA2B,IAAI,CAAC,SAC9B;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO;AAAA,UACP,yBAAsB;AAAA,UACtB,sBAAoB,aAAa,KAAK,IAAI,YAAY,KAAK,EAAE;AAAA;AAAA,QAHxD,GAAG,KAAK,IAAI,WAAM,KAAK,EAAE;AAAA,MAIhC,CACD;AAAA;AAAA,EACL;AAEJ;AAEA,QAAQ,aAAa,IAAI;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/presets/Presets.sty.js

@@ -1,16 +1,16 @@
 import "./Presets.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var displayValueWrapper = "_14rlfn36-3-13-3";
-var formattedPresetValue = _7a468({ defaultClassName: "_14rlfn3e-3-13-3", variantClassNames: { state: { rest: "_14rlfn3f-3-13-3", selected: "_14rlfn3g-3-13-3", disabled: "_14rlfn3h-3-13-3" } }, defaultVariants: { state: "rest" }, compoundVariants: [] });
-var indicatorIcon = _7a468({ defaultClassName: "_14rlfn3i-3-13-3", variantClassNames: { isDisabled: { true: "_14rlfn3j-3-13-3", false: "_14rlfn3k-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
-var item = _7a468({ defaultClassName: "_14rlfn31-3-13-3", variantClassNames: { state: { rest: "_14rlfn32-3-13-3", selected: "_14rlfn33-3-13-3", disabled: "_14rlfn34-3-13-3" }, defaultVariants: { state: "rest" } }, defaultVariants: {}, compoundVariants: [] });
-var itemContainer = "_14rlfn30-3-13-3";
-var listContainer = "_14rlfn3l-3-13-3";
-var mediaQuery = "_14rlfn3d-3-13-3";
-var recentHeading = "_14rlfn3m-3-13-3";
-var recentIcon = "_14rlfn3n-3-13-3";
-var timeframeDisplayValue = "_14rlfn37-3-13-3";
-var wrapper = _7a468({ defaultClassName: "_14rlfn38-3-13-3", variantClassNames: { isSelected: { true: "_14rlfn39-3-13-3", false: "_14rlfn3a-3-13-3" }, isDisabled: { true: "_14rlfn3b-3-13-3", false: "_14rlfn3c-3-13-3" } }, defaultVariants: {}, compoundVariants: [] });
+var displayValueWrapper = "_14rlfn36-3-14-1";
+var formattedPresetValue = _7a468({ defaultClassName: "_14rlfn3e-3-14-1", variantClassNames: { state: { rest: "_14rlfn3f-3-14-1", selected: "_14rlfn3g-3-14-1", disabled: "_14rlfn3h-3-14-1" } }, defaultVariants: { state: "rest" }, compoundVariants: [] });
+var indicatorIcon = _7a468({ defaultClassName: "_14rlfn3i-3-14-1", variantClassNames: { isDisabled: { true: "_14rlfn3j-3-14-1", false: "_14rlfn3k-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
+var item = _7a468({ defaultClassName: "_14rlfn31-3-14-1", variantClassNames: { state: { rest: "_14rlfn32-3-14-1", selected: "_14rlfn33-3-14-1", disabled: "_14rlfn34-3-14-1" }, defaultVariants: { state: "rest" } }, defaultVariants: {}, compoundVariants: [] });
+var itemContainer = "_14rlfn30-3-14-1";
+var listContainer = "_14rlfn3l-3-14-1";
+var mediaQuery = "_14rlfn3d-3-14-1";
+var recentHeading = "_14rlfn3m-3-14-1";
+var recentIcon = "_14rlfn3n-3-14-1";
+var timeframeDisplayValue = "_14rlfn37-3-14-1";
+var wrapper = _7a468({ defaultClassName: "_14rlfn38-3-14-1", variantClassNames: { isSelected: { true: "_14rlfn39-3-14-1", false: "_14rlfn3a-3-14-1" }, isDisabled: { true: "_14rlfn3b-3-14-1", false: "_14rlfn3c-3-14-1" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   displayValueWrapper,
   formattedPresetValue,

package/esm/filters/timeframe-selector/components/presets/Presets.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/presets/Presets.css.ts"],
-  "sourcesContent": ["import './Presets.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var displayValueWrapper = '_14rlfn36-3-13-3';\nexport var formattedPresetValue = _7a468({defaultClassName:'_14rlfn3e-3-13-3',variantClassNames:{state:{rest:'_14rlfn3f-3-13-3',selected:'_14rlfn3g-3-13-3',disabled:'_14rlfn3h-3-13-3'}},defaultVariants:{state:'rest'},compoundVariants:[]});\nexport var indicatorIcon = _7a468({defaultClassName:'_14rlfn3i-3-13-3',variantClassNames:{isDisabled:{true:'_14rlfn3j-3-13-3',false:'_14rlfn3k-3-13-3'}},defaultVariants:{},compoundVariants:[]});\nexport var item = _7a468({defaultClassName:'_14rlfn31-3-13-3',variantClassNames:{state:{rest:'_14rlfn32-3-13-3',selected:'_14rlfn33-3-13-3',disabled:'_14rlfn34-3-13-3'},defaultVariants:{state:'rest'}},defaultVariants:{},compoundVariants:[]});\nexport var itemContainer = '_14rlfn30-3-13-3';\nexport var listContainer = '_14rlfn3l-3-13-3';\nexport var mediaQuery = '_14rlfn3d-3-13-3';\nexport var recentHeading = '_14rlfn3m-3-13-3';\nexport var recentIcon = '_14rlfn3n-3-13-3';\nexport var timeframeDisplayValue = '_14rlfn37-3-13-3';\nexport var wrapper = _7a468({defaultClassName:'_14rlfn38-3-13-3',variantClassNames:{isSelected:{true:'_14rlfn39-3-13-3',false:'_14rlfn3a-3-13-3'},isDisabled:{true:'_14rlfn3b-3-13-3',false:'_14rlfn3c-3-13-3'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Presets.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var displayValueWrapper = '_14rlfn36-3-14-1';\nexport var formattedPresetValue = _7a468({defaultClassName:'_14rlfn3e-3-14-1',variantClassNames:{state:{rest:'_14rlfn3f-3-14-1',selected:'_14rlfn3g-3-14-1',disabled:'_14rlfn3h-3-14-1'}},defaultVariants:{state:'rest'},compoundVariants:[]});\nexport var indicatorIcon = _7a468({defaultClassName:'_14rlfn3i-3-14-1',variantClassNames:{isDisabled:{true:'_14rlfn3j-3-14-1',false:'_14rlfn3k-3-14-1'}},defaultVariants:{},compoundVariants:[]});\nexport var item = _7a468({defaultClassName:'_14rlfn31-3-14-1',variantClassNames:{state:{rest:'_14rlfn32-3-14-1',selected:'_14rlfn33-3-14-1',disabled:'_14rlfn34-3-14-1'},defaultVariants:{state:'rest'}},defaultVariants:{},compoundVariants:[]});\nexport var itemContainer = '_14rlfn30-3-14-1';\nexport var listContainer = '_14rlfn3l-3-14-1';\nexport var mediaQuery = '_14rlfn3d-3-14-1';\nexport var recentHeading = '_14rlfn3m-3-14-1';\nexport var recentIcon = '_14rlfn3n-3-14-1';\nexport var timeframeDisplayValue = '_14rlfn37-3-14-1';\nexport var wrapper = _7a468({defaultClassName:'_14rlfn38-3-14-1',variantClassNames:{isSelected:{true:'_14rlfn39-3-14-1',false:'_14rlfn3a-3-14-1'},isDisabled:{true:'_14rlfn3b-3-14-1',false:'_14rlfn3c-3-14-1'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,sBAAsB;AAC1B,IAAI,uBAAuB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,OAAM,EAAC,MAAK,oBAAmB,UAAS,oBAAmB,UAAS,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,OAAM,OAAM,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACtO,IAAI,gBAAgB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzL,IAAI,OAAO,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,OAAM,EAAC,MAAK,oBAAmB,UAAS,oBAAmB,UAAS,mBAAkB,GAAE,iBAAgB,EAAC,OAAM,OAAM,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACzO,IAAI,gBAAgB;AACpB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,IAAI,gBAAgB;AACpB,IAAI,aAAa;AACjB,IAAI,wBAAwB;AAC5B,IAAI,UAAU,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,GAAE,YAAW,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/stepper/StepperButton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/stepper/StepperButton.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport { StepperButtonTooltip } from './StepperButtonTooltip.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { isFullTimeframe } from '../../../../core/time/helpers.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport type { FormControlBaseProps } from '../../../../core/types/form-control-props.js';\nimport { Timeframe } from '../../../../core/types/time.js';\nimport { useTimeframeSelectorContext } from '../../hooks/useTimeframeSelectorContext.js';\nimport {\n  formatStepperValues,\n  getTimeShift,\n} from '../../utils/stepper-helpers.js';\nimport {\n  dateIsMinMax,\n  isBiggerThan,\n  isSmallerThan,\n} from '../../utils/timeframe-selection.js';\n\n//#region Typings\ninterface TimeframeStepperProps\n  extends FormControlBaseProps<\n    (timeframe: Timeframe, isMinOrMax: boolean) => void\n  > {\n  /** The direction the timeframe will be shifted to. */\n  direction: 'backward' | 'forward';\n  /**  Callback function to handle on blur events. */\n  onBlur?: () => void;\n}\n//#endregion\n\nfunction isStepperDisabled(\n  direction: TimeframeStepperProps['direction'],\n  value: Timeframe | null,\n  min?: string,\n  max?: string,\n): boolean {\n  if (!value) {\n    return false;\n  }\n\n  if (direction === 'backward') {\n    const nextStepIsValid =\n      isSmallerThan(value.from.absoluteDate, min) ||\n      dateIsMinMax(value.from, min);\n\n    return nextStepIsValid;\n  }\n\n  if (direction === 'forward') {\n    const nextStepIsValid =\n      isBiggerThan(value.to.absoluteDate, max) ||\n      dateIsMinMax(value.to, undefined, max);\n\n    return nextStepIsValid;\n  }\n\n  return false;\n}\n\n/**\n * StepperButton component to shift the timeframe backward and forward.\n * @internal\n */\nexport const StepperButton = (props: TimeframeStepperProps) => {\n  const {\n    disabled,\n    direction,\n    'aria-disabled': ariaDisabledProp,\n    onBlur,\n    readOnly,\n  }: TimeframeStepperProps = props;\n\n  const { showError } = useTimeframeSelectorContext();\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n  const min = useTimeframeSelectorStore((state) => state.min)?.value;\n  const max = useTimeframeSelectorStore((state) => state.max)?.value;\n  const isFullDay = useTimeframeSelectorStore((state) => state.isFullDay);\n  const setTimeframeSelectorTimeframe = useTimeframeSelectorStore(\n    (state) => state.setStepperValue,\n  );\n  const value = useTimeframeSelectorStore((state) =>\n    isFullTimeframe(state.timeframeSelectorTimeframe)\n      ? state.timeframeSelectorTimeframe\n      : null,\n  );\n  const referenceTimeframe = useTimeframeSelectorStore(\n    (state) => state.referenceTimeframe,\n  );\n  const setReferenceTimeframe = useTimeframeSelectorStore(\n    (state) => state.setReferenceTimeframe,\n  );\n\n  const [shiftValue, setShiftValue] = useState<Timeframe | null>(value);\n\n  const [isDisabled, setIsDisabled] = useState(\n    isStepperDisabled(direction, value, min, max),\n  );\n\n  const [pendingValue, setPendingValue] = useState<Timeframe | null>(null);\n\n  /** Handle value change. */\n  useEffect(() => {\n    setIsDisabled(isStepperDisabled(direction, value, min, max));\n    setPendingValue(null);\n\n    const newShiftValue = getTimeShift(value, {\n      direction,\n      min,\n      max,\n      isFullDay,\n      precision,\n    });\n\n    if (newShiftValue) {\n      setShiftValue(newShiftValue);\n    }\n  }, [direction, value, min, max, isFullDay, precision]);\n\n  /** Handle onClick. */\n  const handleShift = useCallback(() => {\n    // pendingValue tracks the last dispatched step in controlled mode (where the store value\n    // does not update between clicks); referenceTimeframe holds the pre-boundary value when\n    // clamped to min/max so it can be restored on the next click.\n    const baseValue = pendingValue ?? referenceTimeframe ?? value;\n    const newShiftValue = getTimeShift(baseValue, {\n      direction,\n      min,\n      max,\n      isFullDay,\n      precision,\n    });\n\n    if (newShiftValue && !readOnly) {\n      const isAtMinOrMax =\n        direction === 'backward'\n          ? dateIsMinMax(newShiftValue?.from, min, max)\n          : dateIsMinMax(newShiftValue?.to, min, max);\n\n      if (referenceTimeframe && isFullTimeframe(referenceTimeframe)) {\n        setPendingValue(referenceTimeframe);\n        setIsDisabled(false);\n        setTimeframeSelectorTimeframe(referenceTimeframe);\n        setReferenceTimeframe(null);\n        return;\n      }\n\n      if (isAtMinOrMax) {\n        // In this case, moving to the minimum or maximum value means we can't maintain the original timeframe length.\n        // Therefore, we store the previous timeframe so we can restore it when moving back in the opposite direction.\n        setReferenceTimeframe(baseValue);\n        setIsDisabled(true);\n      }\n      setPendingValue(newShiftValue);\n      setTimeframeSelectorTimeframe(newShiftValue);\n    }\n  }, [\n    pendingValue,\n    value,\n    direction,\n    min,\n    max,\n    isFullDay,\n    precision,\n    readOnly,\n    referenceTimeframe,\n    setReferenceTimeframe,\n    setTimeframeSelectorTimeframe,\n  ]);\n\n  const intl = useIntl();\n\n  const dataDtName = direction === 'backward' ? 'StepBackward' : 'StepForward';\n\n  if (!value || !shiftValue) {\n    return null;\n  }\n\n  const formattedStepperValue = formatStepperValues(\n    shiftValue.from,\n    shiftValue.to,\n    intl,\n    direction,\n    isFullDay,\n  );\n\n  return (\n    <StepperButtonTooltip\n      disabled={disabled || isDisabled}\n      value={shiftValue}\n      formattedStepperValue={formattedStepperValue}\n    >\n      <Button\n        style={{ minWidth: 'fit-content' }}\n        variant=\"emphasized\"\n        color={showError ? 'critical' : 'neutral'}\n        disabled={disabled || isDisabled}\n        onClick={handleShift}\n        aria-disabled={ariaDisabledProp}\n        aria-label={formattedStepperValue}\n        onBlur={onBlur}\n        data-dt-children-name={dataDtName}\n      >\n        {direction === 'backward' ? (\n          <ChevronLeftSmallIcon />\n        ) : (\n          <ChevronRightSmallIcon />\n        )}\n      </Button>\n    </StepperButtonTooltip>\n  );\n};\n\n(StepperButton as typeof StepperButton & { displayName: string }).displayName =\n  'TimeframeStepperButton';\n"],
-  "mappings": "AAkNU;AAlNV,SAAS,aAAa,WAAW,gBAAgB;AACjD,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,SAAS,4BAA4B;AACrC,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,iCAAiC;AAG1C,SAAS,mCAAmC;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcP,SAAS,kBACP,WACA,OACA,KACA,KACS;AACT,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,MAAI,cAAc,YAAY;AAC5B,UAAM,kBACJ,cAAc,MAAM,KAAK,cAAc,GAAG,KAC1C,aAAa,MAAM,MAAM,GAAG;AAE9B,WAAO;AAAA,EACT;AAEA,MAAI,cAAc,WAAW;AAC3B,UAAM,kBACJ,aAAa,MAAM,GAAG,cAAc,GAAG,KACvC,aAAa,MAAM,IAAI,QAAW,GAAG;AAEvC,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAMO,MAAM,gBAAgB,CAAC,UAAiC;AAC7D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,EACF,IAA2B;AAE3B,QAAM,EAAE,UAAU,IAAI,4BAA4B;AAClD,QAAM,YAAY,0BAA0B,CAAC,UAAU,MAAM,SAAS;AACtE,QAAM,MAAM,0BAA0B,CAAC,UAAU,MAAM,GAAG,GAAG;AAC7D,QAAM,MAAM,0BAA0B,CAAC,UAAU,MAAM,GAAG,GAAG;AAC7D,QAAM,YAAY,0BAA0B,CAAC,UAAU,MAAM,SAAS;AACtE,QAAM,gCAAgC;AAAA,IACpC,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,QAAQ;AAAA,IAA0B,CAAC,UACvC,gBAAgB,MAAM,0BAA0B,IAC5C,MAAM,6BACN;AAAA,EACN;AACA,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAU,MAAM;AAAA,EACnB;AACA,QAAM,wBAAwB;AAAA,IAC5B,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,QAAM,CAAC,YAAY,aAAa,IAAI,SAA2B,KAAK;AAEpE,QAAM,CAAC,YAAY,aAAa,IAAI;AAAA,IAClC,kBAAkB,WAAW,OAAO,KAAK,GAAG;AAAA,EAC9C;AAEA,QAAM,CAAC,cAAc,eAAe,IAAI,SAA2B,IAAI;AAGvE,YAAU,MAAM;AACd,kBAAc,kBAAkB,WAAW,OAAO,KAAK,GAAG,CAAC;AAC3D,oBAAgB,IAAI;AAEpB,UAAM,gBAAgB,aAAa,OAAO;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,eAAe;AACjB,oBAAc,aAAa;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,WAAW,OAAO,KAAK,KAAK,WAAW,SAAS,CAAC;AAGrD,QAAM,cAAc,YAAY,MAAM;AAIpC,UAAM,YAAY,gBAAgB,sBAAsB;AACxD,UAAM,gBAAgB,aAAa,WAAW;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,QAAI,iBAAiB,CAAC,UAAU;AAC9B,YAAM,eACJ,cAAc,aACV,aAAa,eAAe,MAAM,KAAK,GAAG,IAC1C,aAAa,eAAe,IAAI,KAAK,GAAG;AAE9C,UAAI,sBAAsB,gBAAgB,kBAAkB,GAAG;AAC7D,wBAAgB,kBAAkB;AAClC,sBAAc,KAAK;AACnB,sCAA8B,kBAAkB;AAChD,8BAAsB,IAAI;AAC1B;AAAA,MACF;AAEA,UAAI,cAAc;AAGhB,8BAAsB,SAAS;AAC/B,sBAAc,IAAI;AAAA,MACpB;AACA,sBAAgB,aAAa;AAC7B,oCAA8B,aAAa;AAAA,IAC7C;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,OAAO,QAAQ;AAErB,QAAM,aAAa,cAAc,aAAa,iBAAiB;AAE/D,MAAI,CAAC,SAAS,CAAC,YAAY;AACzB,WAAO;AAAA,EACT;AAEA,QAAM,wBAAwB;AAAA,IAC5B,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,YAAY;AAAA,MACtB,OAAO;AAAA,MACP;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,UAAU,cAAc;AAAA,UACjC,SAAQ;AAAA,UACR,OAAO,YAAY,aAAa;AAAA,UAChC,UAAU,YAAY;AAAA,UACtB,SAAS;AAAA,UACT,iBAAe;AAAA,UACf,cAAY;AAAA,UACZ;AAAA,UACA,yBAAuB;AAAA,UAEtB,wBAAc,aACb,oBAAC,wBAAqB,IAEtB,oBAAC,yBAAsB;AAAA;AAAA,MAE3B;AAAA;AAAA,EACF;AAEJ;AAEC,cAAiE,cAChE;",
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport { StepperButtonTooltip } from './StepperButtonTooltip.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { isFullTimeframe } from '../../../../core/time/helpers.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport type { FormControlBaseProps } from '../../../../core/types/form-control-props.js';\nimport { Timeframe } from '../../../../core/types/time.js';\nimport { useTimeframeSelectorContext } from '../../hooks/useTimeframeSelectorContext.js';\nimport {\n  formatStepperValues,\n  getTimeShift,\n} from '../../utils/stepper-helpers.js';\nimport {\n  dateIsMinMax,\n  isBiggerThan,\n  isSmallerThan,\n} from '../../utils/timeframe-selection.js';\n\n//#region Typings\ninterface TimeframeStepperProps extends FormControlBaseProps<\n  (timeframe: Timeframe, isMinOrMax: boolean) => void\n> {\n  /** The direction the timeframe will be shifted to. */\n  direction: 'backward' | 'forward';\n  /**  Callback function to handle on blur events. */\n  onBlur?: () => void;\n}\n//#endregion\n\nfunction isStepperDisabled(\n  direction: TimeframeStepperProps['direction'],\n  value: Timeframe | null,\n  min?: string,\n  max?: string,\n): boolean {\n  if (!value) {\n    return false;\n  }\n\n  if (direction === 'backward') {\n    const nextStepIsValid =\n      isSmallerThan(value.from.absoluteDate, min) ||\n      dateIsMinMax(value.from, min);\n\n    return nextStepIsValid;\n  }\n\n  if (direction === 'forward') {\n    const nextStepIsValid =\n      isBiggerThan(value.to.absoluteDate, max) ||\n      dateIsMinMax(value.to, undefined, max);\n\n    return nextStepIsValid;\n  }\n\n  return false;\n}\n\n/**\n * StepperButton component to shift the timeframe backward and forward.\n * @internal\n */\nexport const StepperButton = (props: TimeframeStepperProps) => {\n  const {\n    disabled,\n    direction,\n    'aria-disabled': ariaDisabledProp,\n    onBlur,\n    readOnly,\n  }: TimeframeStepperProps = props;\n\n  const { showError } = useTimeframeSelectorContext();\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n  const min = useTimeframeSelectorStore((state) => state.min)?.value;\n  const max = useTimeframeSelectorStore((state) => state.max)?.value;\n  const isFullDay = useTimeframeSelectorStore((state) => state.isFullDay);\n  const setTimeframeSelectorTimeframe = useTimeframeSelectorStore(\n    (state) => state.setStepperValue,\n  );\n  const value = useTimeframeSelectorStore((state) =>\n    isFullTimeframe(state.timeframeSelectorTimeframe)\n      ? state.timeframeSelectorTimeframe\n      : null,\n  );\n  const referenceTimeframe = useTimeframeSelectorStore(\n    (state) => state.referenceTimeframe,\n  );\n  const setReferenceTimeframe = useTimeframeSelectorStore(\n    (state) => state.setReferenceTimeframe,\n  );\n\n  const [shiftValue, setShiftValue] = useState<Timeframe | null>(value);\n\n  const [isDisabled, setIsDisabled] = useState(\n    isStepperDisabled(direction, value, min, max),\n  );\n\n  const [pendingValue, setPendingValue] = useState<Timeframe | null>(null);\n\n  /** Handle value change. */\n  useEffect(() => {\n    setIsDisabled(isStepperDisabled(direction, value, min, max));\n    setPendingValue(null);\n\n    const newShiftValue = getTimeShift(value, {\n      direction,\n      min,\n      max,\n      isFullDay,\n      precision,\n    });\n\n    if (newShiftValue) {\n      setShiftValue(newShiftValue);\n    }\n  }, [direction, value, min, max, isFullDay, precision]);\n\n  /** Handle onClick. */\n  const handleShift = useCallback(() => {\n    // pendingValue tracks the last dispatched step in controlled mode (where the store value\n    // does not update between clicks); referenceTimeframe holds the pre-boundary value when\n    // clamped to min/max so it can be restored on the next click.\n    const baseValue = pendingValue ?? referenceTimeframe ?? value;\n    const newShiftValue = getTimeShift(baseValue, {\n      direction,\n      min,\n      max,\n      isFullDay,\n      precision,\n    });\n\n    if (newShiftValue && !readOnly) {\n      const isAtMinOrMax =\n        direction === 'backward'\n          ? dateIsMinMax(newShiftValue?.from, min, max)\n          : dateIsMinMax(newShiftValue?.to, min, max);\n\n      if (referenceTimeframe && isFullTimeframe(referenceTimeframe)) {\n        setPendingValue(referenceTimeframe);\n        setIsDisabled(false);\n        setTimeframeSelectorTimeframe(referenceTimeframe);\n        setReferenceTimeframe(null);\n        return;\n      }\n\n      if (isAtMinOrMax) {\n        // In this case, moving to the minimum or maximum value means we can't maintain the original timeframe length.\n        // Therefore, we store the previous timeframe so we can restore it when moving back in the opposite direction.\n        setReferenceTimeframe(baseValue);\n        setIsDisabled(true);\n      }\n      setPendingValue(newShiftValue);\n      setTimeframeSelectorTimeframe(newShiftValue);\n    }\n  }, [\n    pendingValue,\n    value,\n    direction,\n    min,\n    max,\n    isFullDay,\n    precision,\n    readOnly,\n    referenceTimeframe,\n    setReferenceTimeframe,\n    setTimeframeSelectorTimeframe,\n  ]);\n\n  const intl = useIntl();\n\n  const dataDtName = direction === 'backward' ? 'StepBackward' : 'StepForward';\n\n  if (!value || !shiftValue) {\n    return null;\n  }\n\n  const formattedStepperValue = formatStepperValues(\n    shiftValue.from,\n    shiftValue.to,\n    intl,\n    direction,\n    isFullDay,\n  );\n\n  return (\n    <StepperButtonTooltip\n      disabled={disabled || isDisabled}\n      value={shiftValue}\n      formattedStepperValue={formattedStepperValue}\n    >\n      <Button\n        style={{ minWidth: 'fit-content' }}\n        variant=\"emphasized\"\n        color={showError ? 'critical' : 'neutral'}\n        disabled={disabled || isDisabled}\n        onClick={handleShift}\n        aria-disabled={ariaDisabledProp}\n        aria-label={formattedStepperValue}\n        onBlur={onBlur}\n        data-dt-children-name={dataDtName}\n      >\n        {direction === 'backward' ? (\n          <ChevronLeftSmallIcon />\n        ) : (\n          <ChevronRightSmallIcon />\n        )}\n      </Button>\n    </StepperButtonTooltip>\n  );\n};\n\n(StepperButton as typeof StepperButton & { displayName: string }).displayName =\n  'TimeframeStepperButton';\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/timeframe-selector/components/trigger/Trigger.css

@@ -1,24 +1,24 @@
-._attccb0-3-13-3 {
+._attccb0-3-14-1 {
   cursor: default;
 }
-:root:not(._1jgl8s50-3-13-3) ._attccb0-3-13-3 {
+:root:not(._1jgl8s50-3-14-1) ._attccb0-3-14-1 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._attccb1-3-13-3 {
+._attccb1-3-14-1 {
   font-size: 0;
   transition-property: transform;
 }
-._attccb0-3-13-3 ._attccb1-3-13-3 {
+._attccb0-3-14-1 ._attccb1-3-14-1 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._attccb2-3-13-3 {
+._attccb2-3-14-1 {
   transform: rotate(180deg);
 }
-._1jgl8s50-3-13-3 ._attccb3-3-13-3:hover, ._1jgl8s50-3-13-3 ._attccb3-3-13-3:active {
-  --_bx32h3-3-13-3: var(--dt-colors-background-surface-default, #fff);
-  --_bx32h4-3-13-3: var(--dt-box-shadows-field-neutral-emphasized-rest, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #fff);
+._1jgl8s50-3-14-1 ._attccb3-3-14-1:hover, ._1jgl8s50-3-14-1 ._attccb3-3-14-1:active {
+  --_bx32h3-3-14-1: var(--dt-colors-background-surface-default, #fff);
+  --_bx32h4-3-14-1: var(--dt-box-shadows-field-neutral-emphasized-rest, inset 0px 0px 0px 1px #2f2f4f1f, inset 0px -1px 0px #2f2f4f14, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #fff);
 }
-._1jgl8s50-3-13-3 ._attccb4-3-13-3:hover, ._1jgl8s50-3-13-3 ._attccb4-3-13-3:active {
-  --_bx32h3-3-13-3: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_bx32h4-3-13-3: var(--dt-box-shadows-field-critical-emphasized-rest, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f8e1e1);
+._1jgl8s50-3-14-1 ._attccb4-3-14-1:hover, ._1jgl8s50-3-14-1 ._attccb4-3-14-1:active {
+  --_bx32h3-3-14-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_bx32h4-3-14-1: var(--dt-box-shadows-field-critical-emphasized-rest, inset 0px 0px 0px 1px #7500130f, inset 0px -1px 0px #7500131a, 0px 1px 1px -1px #2d2e4e1f, inset 0px 0px 0px 1px #f8e1e1);
 }

package/esm/filters/timeframe-selector/components/trigger/Trigger.sty.js

@@ -1,10 +1,10 @@
 import "../../../../core/components/app-root/AppRoot.css";
 import "../../../../styles/field.css";
 import "./Trigger.css";
-var readOnly = "_attccb0-3-13-3";
-var readOnlyColor = { neutral: "_attccb3-3-13-3", critical: "_attccb4-3-13-3" };
-var suffix = "_attccb1-3-13-3";
-var suffixOpen = "_attccb2-3-13-3";
+var readOnly = "_attccb0-3-14-1";
+var readOnlyColor = { neutral: "_attccb3-3-14-1", critical: "_attccb4-3-14-1" };
+var suffix = "_attccb1-3-14-1";
+var suffixOpen = "_attccb2-3-14-1";
 export {
   readOnly,
   readOnlyColor,

package/esm/filters/timeframe-selector/components/trigger/Trigger.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/trigger/Trigger.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../../../styles/field.css';\nimport './Trigger.css';\nexport var readOnly = '_attccb0-3-13-3';\nexport var readOnlyColor = {neutral:'_attccb3-3-13-3',critical:'_attccb4-3-13-3'};\nexport var suffix = '_attccb1-3-13-3';\nexport var suffixOpen = '_attccb2-3-13-3';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../../../styles/field.css';\nimport './Trigger.css';\nexport var readOnly = '_attccb0-3-14-1';\nexport var readOnlyColor = {neutral:'_attccb3-3-14-1',critical:'_attccb4-3-14-1'};\nexport var suffix = '_attccb1-3-14-1';\nexport var suffixOpen = '_attccb2-3-14-1';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,WAAW;AACf,IAAI,gBAAgB,EAAC,SAAQ,mBAAkB,UAAS,kBAAiB;AACzE,IAAI,SAAS;AACb,IAAI,aAAa;",
   "names": []
 }

package/esm/filters/timeframe-selector/hooks/useTooltipMessages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/timeframe-selector/hooks/useTooltipMessages.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { addDays, startOfDay } from 'date-fns';\nimport { useMemo, type ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { TimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getFormattedTimeValue } from '../../../core/time/helpers.js';\nimport { useTimeframeSelectorStore } from '../../../core/time/timeframeStore/useTimeframeStore.js';\nimport {\n  formatTimeValue,\n  formatTimeframe,\n  parseValue,\n  getTimeValue,\n} from '../../../forms/forms-core/time/timeParser.js';\nimport { getTextFromNode } from '../../filter/utils/getTextFromNode.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../constants/timeframeSelectorMessages.js';\nimport { formatTimeframeDuration } from '../utils/formatting.js';\nimport { isTimeframeOrFromToString } from '../utils/timeframe-selection.js';\n\n//#region Typings\ninterface UseTooltipValues {\n  timeframeDisplayValue: ReactNode;\n  tooltipFormattedTimeValueStart: string;\n  tooltipFormattedTimeValueEnd: string;\n  formattedPresetItemValue: string;\n  timeframeDuration: string;\n  isAbsoluteTimeframe: boolean;\n  isInvalid: boolean;\n}\n//#endregion\n\n/**\n * Hook used to retrieve the formatted values shown in the Tooltips of the Button, stepper and PresetItems.\n * @Internal\n */\nexport function useTooltipMessages(\n  value: {\n    from: TimeValue | string | null;\n    to: TimeValue | string | null;\n  } | null,\n  children?: ReactNode,\n): UseTooltipValues {\n  const intl = useIntl();\n\n  const { from, to } = parseValue(value);\n  const isFullDay = useTimeframeSelectorStore((state) => state.isFullDay);\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n\n  const isAbsoluteTimeframe =\n    from?.type === 'iso8601' && to?.type === 'iso8601';\n\n  const startTime = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.startTime);\n  const endTime = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.endTime);\n  const duration = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.duration);\n\n  const tooltipFormattedTimeValueStart = useMemo(\n    () => `${startTime}: ${getFormattedTimeValue(from, precision)}`,\n    [from, precision, startTime],\n  );\n\n  const tooltipFormattedTimeValueEnd = useMemo(\n    () => `${endTime}: ${getFormattedTimeValue(to, precision)}`,\n    [endTime, precision, to],\n  );\n\n  const formattedPresetItemValue = useMemo(\n    () =>\n      `${formatTimeValue(from, precision)} \u2192 ${formatTimeValue(to, precision)}`,\n    [precision, from, to],\n  );\n\n  const { displayValue, isInvalid } = useMemo(\n    () =>\n      isTimeframeOrFromToString(value)\n        ? formatTimeframe(value, intl, precision)\n        : {\n            displayValue: '',\n            isInvalid: true,\n          },\n    [value, intl, precision],\n  );\n\n  const timeframeDisplayValue = useMemo(\n    () => getTextFromNode(children, intl, '') || displayValue,\n    [children, displayValue, intl],\n  );\n  // use start of next day when selected over calendar.\n  const adjustedTo =\n    isFullDay && to?.absoluteDate\n      ? getTimeValue(\n          startOfDay(\n            addDays(new TZDateMini(to.absoluteDate, getTimezone()), 1),\n          ).toISOString(),\n        ) ?? to\n      : to;\n\n  const timeframeDuration = useMemo(\n    () => `${duration}: ${formatTimeframeDuration(from, adjustedTo, intl)}`,\n    [duration, from, adjustedTo, intl],\n  );\n\n  return {\n    timeframeDisplayValue,\n    tooltipFormattedTimeValueStart,\n    tooltipFormattedTimeValueEnd,\n    formattedPresetItemValue,\n    timeframeDuration,\n    isAbsoluteTimeframe,\n    isInvalid,\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,SAAS,kBAAkB;AACpC,SAAS,eAA+B;AACxC,SAAS,eAAe;AAGxB,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AACtC,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAkBnC,SAAS,mBACd,OAIA,UACkB;AAClB,QAAM,OAAO,QAAQ;AAErB,QAAM,EAAE,MAAM,GAAG,IAAI,WAAW,KAAK;AACrC,QAAM,YAAY,0BAA0B,CAAC,UAAU,MAAM,SAAS;AACtE,QAAM,YAAY,0BAA0B,CAAC,UAAU,MAAM,SAAS;AAEtE,QAAM,sBACJ,MAAM,SAAS,aAAa,IAAI,SAAS;AAE3C,QAAM,YAAY,KAAK,cAAc,4BAA4B,SAAS;AAC1E,QAAM,UAAU,KAAK,cAAc,4BAA4B,OAAO;AACtE,QAAM,WAAW,KAAK,cAAc,4BAA4B,QAAQ;AAExE,QAAM,iCAAiC;AAAA,IACrC,MAAM,GAAG,SAAS,KAAK,sBAAsB,MAAM,SAAS,CAAC;AAAA,IAC7D,CAAC,MAAM,WAAW,SAAS;AAAA,EAC7B;AAEA,QAAM,+BAA+B;AAAA,IACnC,MAAM,GAAG,OAAO,KAAK,sBAAsB,IAAI,SAAS,CAAC;AAAA,IACzD,CAAC,SAAS,WAAW,EAAE;AAAA,EACzB;AAEA,QAAM,2BAA2B;AAAA,IAC/B,MACE,GAAG,gBAAgB,MAAM,SAAS,CAAC,WAAM,gBAAgB,IAAI,SAAS,CAAC;AAAA,IACzE,CAAC,WAAW,MAAM,EAAE;AAAA,EACtB;AAEA,QAAM,EAAE,cAAc,UAAU,IAAI;AAAA,IAClC,MACE,0BAA0B,KAAK,IAC3B,gBAAgB,OAAO,MAAM,SAAS,IACtC;AAAA,MACE,cAAc;AAAA,MACd,WAAW;AAAA,IACb;AAAA,IACN,CAAC,OAAO,MAAM,SAAS;AAAA,EACzB;AAEA,QAAM,wBAAwB;AAAA,IAC5B,MAAM,gBAAgB,UAAU,MAAM,EAAE,KAAK;AAAA,IAC7C,CAAC,UAAU,cAAc,IAAI;AAAA,EAC/B;AAEA,QAAM,aACJ,aAAa,IAAI,eACb;AAAA,IACE;AAAA,MACE,QAAQ,IAAI,WAAW,GAAG,cAAc,YAAY,CAAC,GAAG,CAAC;AAAA,IAC3D,EAAE,YAAY;AAAA,EAChB,KAAK,KACL;AAEN,QAAM,oBAAoB;AAAA,IACxB,MAAM,GAAG,QAAQ,KAAK,wBAAwB,MAAM,YAAY,IAAI,CAAC;AAAA,IACrE,CAAC,UAAU,MAAM,YAAY,IAAI;AAAA,EACnC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { addDays, startOfDay } from 'date-fns';\nimport { useMemo, type ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport type { TimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { getFormattedTimeValue } from '../../../core/time/helpers.js';\nimport { useTimeframeSelectorStore } from '../../../core/time/timeframeStore/useTimeframeStore.js';\nimport {\n  formatTimeValue,\n  formatTimeframe,\n  parseValue,\n  getTimeValue,\n} from '../../../forms/forms-core/time/timeParser.js';\nimport { getTextFromNode } from '../../filter/utils/getTextFromNode.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../constants/timeframeSelectorMessages.js';\nimport { formatTimeframeDuration } from '../utils/formatting.js';\nimport { isTimeframeOrFromToString } from '../utils/timeframe-selection.js';\n\n//#region Typings\ninterface UseTooltipValues {\n  timeframeDisplayValue: ReactNode;\n  tooltipFormattedTimeValueStart: string;\n  tooltipFormattedTimeValueEnd: string;\n  formattedPresetItemValue: string;\n  timeframeDuration: string;\n  isAbsoluteTimeframe: boolean;\n  isInvalid: boolean;\n}\n//#endregion\n\n/**\n * Hook used to retrieve the formatted values shown in the Tooltips of the Button, stepper and PresetItems.\n * @Internal\n */\nexport function useTooltipMessages(\n  value: {\n    from: TimeValue | string | null;\n    to: TimeValue | string | null;\n  } | null,\n  children?: ReactNode,\n): UseTooltipValues {\n  const intl = useIntl();\n\n  const { from, to } = parseValue(value);\n  const isFullDay = useTimeframeSelectorStore((state) => state.isFullDay);\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n\n  const isAbsoluteTimeframe =\n    from?.type === 'iso8601' && to?.type === 'iso8601';\n\n  const startTime = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.startTime);\n  const endTime = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.endTime);\n  const duration = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.duration);\n\n  const tooltipFormattedTimeValueStart = useMemo(\n    () => `${startTime}: ${getFormattedTimeValue(from, precision)}`,\n    [from, precision, startTime],\n  );\n\n  const tooltipFormattedTimeValueEnd = useMemo(\n    () => `${endTime}: ${getFormattedTimeValue(to, precision)}`,\n    [endTime, precision, to],\n  );\n\n  const formattedPresetItemValue = useMemo(\n    () =>\n      `${formatTimeValue(from, precision)} \u2192 ${formatTimeValue(to, precision)}`,\n    [precision, from, to],\n  );\n\n  const { displayValue, isInvalid } = useMemo(\n    () =>\n      isTimeframeOrFromToString(value)\n        ? formatTimeframe(value, intl, precision)\n        : {\n            displayValue: '',\n            isInvalid: true,\n          },\n    [value, intl, precision],\n  );\n\n  const timeframeDisplayValue = useMemo(\n    () => getTextFromNode(children, intl, '') || displayValue,\n    [children, displayValue, intl],\n  );\n  // use start of next day when selected over calendar.\n  const adjustedTo =\n    isFullDay && to?.absoluteDate\n      ? (getTimeValue(\n          startOfDay(\n            addDays(new TZDateMini(to.absoluteDate, getTimezone()), 1),\n          ).toISOString(),\n        ) ?? to)\n      : to;\n\n  const timeframeDuration = useMemo(\n    () => `${duration}: ${formatTimeframeDuration(from, adjustedTo, intl)}`,\n    [duration, from, adjustedTo, intl],\n  );\n\n  return {\n    timeframeDisplayValue,\n    tooltipFormattedTimeValueStart,\n    tooltipFormattedTimeValueEnd,\n    formattedPresetItemValue,\n    timeframeDuration,\n    isAbsoluteTimeframe,\n    isInvalid,\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,SAAS,kBAAkB;AACpC,SAAS,eAA+B;AACxC,SAAS,eAAe;AAGxB,SAAS,mBAAmB;AAE5B,SAAS,6BAA6B;AACtC,SAAS,iCAAiC;AAC1C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,+BAA+B;AACxC,SAAS,iCAAiC;AAkBnC,SAAS,mBACd,OAIA,UACkB;AAClB,QAAM,OAAO,QAAQ;AAErB,QAAM,EAAE,MAAM,GAAG,IAAI,WAAW,KAAK;AACrC,QAAM,YAAY,0BAA0B,CAAC,UAAU,MAAM,SAAS;AACtE,QAAM,YAAY,0BAA0B,CAAC,UAAU,MAAM,SAAS;AAEtE,QAAM,sBACJ,MAAM,SAAS,aAAa,IAAI,SAAS;AAE3C,QAAM,YAAY,KAAK,cAAc,4BAA4B,SAAS;AAC1E,QAAM,UAAU,KAAK,cAAc,4BAA4B,OAAO;AACtE,QAAM,WAAW,KAAK,cAAc,4BAA4B,QAAQ;AAExE,QAAM,iCAAiC;AAAA,IACrC,MAAM,GAAG,SAAS,KAAK,sBAAsB,MAAM,SAAS,CAAC;AAAA,IAC7D,CAAC,MAAM,WAAW,SAAS;AAAA,EAC7B;AAEA,QAAM,+BAA+B;AAAA,IACnC,MAAM,GAAG,OAAO,KAAK,sBAAsB,IAAI,SAAS,CAAC;AAAA,IACzD,CAAC,SAAS,WAAW,EAAE;AAAA,EACzB;AAEA,QAAM,2BAA2B;AAAA,IAC/B,MACE,GAAG,gBAAgB,MAAM,SAAS,CAAC,WAAM,gBAAgB,IAAI,SAAS,CAAC;AAAA,IACzE,CAAC,WAAW,MAAM,EAAE;AAAA,EACtB;AAEA,QAAM,EAAE,cAAc,UAAU,IAAI;AAAA,IAClC,MACE,0BAA0B,KAAK,IAC3B,gBAAgB,OAAO,MAAM,SAAS,IACtC;AAAA,MACE,cAAc;AAAA,MACd,WAAW;AAAA,IACb;AAAA,IACN,CAAC,OAAO,MAAM,SAAS;AAAA,EACzB;AAEA,QAAM,wBAAwB;AAAA,IAC5B,MAAM,gBAAgB,UAAU,MAAM,EAAE,KAAK;AAAA,IAC7C,CAAC,UAAU,cAAc,IAAI;AAAA,EAC/B;AAEA,QAAM,aACJ,aAAa,IAAI,eACZ;AAAA,IACC;AAAA,MACE,QAAQ,IAAI,WAAW,GAAG,cAAc,YAAY,CAAC,GAAG,CAAC;AAAA,IAC3D,EAAE,YAAY;AAAA,EAChB,KAAK,KACL;AAEN,QAAM,oBAAoB;AAAA,IACxB,MAAM,GAAG,QAAQ,KAAK,wBAAwB,MAAM,YAAY,IAAI,CAAC;AAAA,IACrE,CAAC,UAAU,MAAM,YAAY,IAAI;AAAA,EACnC;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }