@dynatrace/strato-components 3.10.4 → 3.11.1

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

@@ -1,7 +1,7 @@
 import "./CustomTimeframeSelector.css";
-var fieldset = "_at2xro0-3-10-4";
-var overlayRoot = "_at2xro1-3-10-4";
-var wrapper = "_at2xro2-3-10-4";
+var fieldset = "_at2xro0-3-11-1";
+var overlayRoot = "_at2xro1-3-11-1";
+var wrapper = "_at2xro2-3-11-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-10-4';\nexport var overlayRoot = '_at2xro1-3-10-4';\nexport var wrapper = '_at2xro2-3-10-4';"],
+  "sourcesContent": ["import './CustomTimeframeSelector.css';\nexport var fieldset = '_at2xro0-3-11-1';\nexport var overlayRoot = '_at2xro1-3-11-1';\nexport var wrapper = '_at2xro2-3-11-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-10-4 {
+._14xc6b0-3-11-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-10-4 {
+._14xc6b1-3-11-1 {
   overflow-y: auto;
   overflow-x: hidden;
   width: 100%;
 }
-._14xc6b2-3-10-4 {
+._14xc6b2-3-11-1 {
   box-sizing: border-box;
   min-width: 0;
   width: 100%;
   padding: var(--dt-spacings-size-6, 6px);
 }
-._14xc6b3-3-10-4 {
+._14xc6b3-3-11-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-10-4";
-var hint = "_14xc6b3-3-10-4";
-var scrollContainer = "_14xc6b1-3-10-4";
-var wrapper = "_14xc6b0-3-10-4";
+var footer = "_14xc6b2-3-11-1";
+var hint = "_14xc6b3-3-11-1";
+var scrollContainer = "_14xc6b1-3-11-1";
+var wrapper = "_14xc6b0-3-11-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-10-4';\nexport var hint = '_14xc6b3-3-10-4';\nexport var scrollContainer = '_14xc6b1-3-10-4';\nexport var wrapper = '_14xc6b0-3-10-4';"],
+  "sourcesContent": ["import './TimeframeSelectorOverlay.css';\nexport var footer = '_14xc6b2-3-11-1';\nexport var hint = '_14xc6b3-3-11-1';\nexport var scrollContainer = '_14xc6b1-3-11-1';\nexport var wrapper = '_14xc6b0-3-11-1';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,kBAAkB;AACtB,IAAI,UAAU;",
   "names": []
 }

package/esm/filters/timeframe-selector/components/presets/PresetItem.js

@@ -159,7 +159,7 @@ const PresetItem = (props) => {
             "div",
             {
               className: styles.wrapper({ isSelected, isDisabled }),
-              "aria-describedby": tooltipId,
+              "aria-describedby": openTooltip ? tooltipId : void 0,
               children: /* @__PURE__ */ jsxs(Grid, { className: styles.itemContainer, children: [
                 /* @__PURE__ */ jsxs(Flex, { alignItems: "center", className: styles.displayValueWrapper, children: [
                   isRecent && /* @__PURE__ */ jsx(HistoryIcon, { className: styles.recentIcon }),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/presets/PresetItem.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type KeyboardEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { HistoryIcon } from '@dynatrace/strato-icons';\n\nimport type { PresetItemVariants } from './Presets.sty.js';\nimport * as styles from './Presets.sty.js';\nimport { useFocusRing } from '../../../../core/hooks/useFocusRing.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../../core/types/with-children.js';\nimport { mergeProps } from '../../../../core/utils/merge-props.js';\nimport {\n  parseValue,\n  removePrecisionFromTimeValue,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { Grid } from '../../../../layouts/grid/Grid.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport { usePresetItemContext } from '../../hooks/usePresetItemContext.js';\nimport { useTimeframeSelectorContext } from '../../hooks/useTimeframeSelectorContext.js';\nimport { useTooltipMessages } from '../../hooks/useTooltipMessages.js';\nimport {\n  isPresetSelected,\n  saveRecentTimeframe,\n} from '../../utils/presets-helpers.js';\nimport { isOutsideRange } from '../../utils/timeframe-selection.js';\n\n//#region Typings\n\n/**\n * @public\n */\nexport interface TimeframeSelectorPresetItemProps\n  extends HTMLAttributes<HTMLLIElement>,\n    DataTestId,\n    StylingProps,\n    WithChildren,\n    BehaviorTrackingProps {\n  /** The value of the timeframe preset. */\n  value: {\n    /** Start of the time frame. */\n    from: string;\n    /** End of the time frame. */\n    to: string;\n  };\n}\n//#endregion\n\n/**\n * TimeframeSelector preset item shown inside the presets list of the overlay.\n * @public\n */\nexport const PresetItem = (\n  props: TimeframeSelectorPresetItemProps & {\n    // DEPRECATION: [APPDEV-16622] BREAKING-CHANGE: TimeframeSelector - Remove deprecated `_isSelected` prop.\n    /**\n     * @deprecated - Prop will be removed with the next breaking change cycle.\n     */\n    _isSelected?: boolean;\n  },\n) => {\n  const {\n    children,\n    value,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: TimeframeSelectorPresetItemProps & { _isSelected?: boolean } = props;\n\n  const intl = useIntl();\n  const [openTooltip, setOpenTooltip] = useState(false);\n\n  const { details } = useTimeframeSelectorContext();\n\n  const setValue = useTimeframeSelectorStore(\n    (state) => state.setTimeframeSelectorTimeframe,\n  );\n  const min = useTimeframeSelectorStore((state) => state.min?.value);\n  const max = useTimeframeSelectorStore((state) => state.max?.value);\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n\n  const { isRecent } = usePresetItemContext();\n\n  const isSelected = isPresetSelected(value, details, isRecent, precision);\n  const isDisabled = isOutsideRange(value, min, max);\n\n  const tooltipId = useId();\n  const tooltipFocusProps = {\n    onFocus: useCallback(\n      () => !isDisabled && setOpenTooltip(true),\n      [isDisabled],\n    ),\n    onBlur: useCallback(() => setOpenTooltip(false), []),\n  };\n\n  const { focusProps, focusClassName } = useFocusRing({\n    color: isSelected && !isDisabled ? 'primary' : 'neutral',\n    disabled: isDisabled,\n  });\n\n  let state: NonNullable<PresetItemVariants>['state'] = isSelected\n    ? 'selected'\n    : 'rest';\n  if (isDisabled) {\n    state = 'disabled';\n  }\n\n  const {\n    timeframeDisplayValue,\n    formattedPresetItemValue,\n    tooltipFormattedTimeValueStart,\n    tooltipFormattedTimeValueEnd,\n    isAbsoluteTimeframe,\n    isInvalid,\n  } = useTooltipMessages(value, children);\n\n  /** Handle clicking on the timeframe selector preset item. */\n  const handleItemClick = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n\n    const { from, to } = parseValue(value);\n\n    if (from && to) {\n      const timeframe = {\n        from: removePrecisionFromTimeValue(from, precision) ?? from,\n        to: removePrecisionFromTimeValue(to, precision) ?? to,\n      };\n\n      setValue(timeframe);\n      saveRecentTimeframe(timeframe);\n    }\n  }, [isDisabled, value, precision, setValue]);\n\n  /**\n   * Temporary keydown listener to provide the possibility to select items via keyboard\n   * Will change as soon as we switch to the reusable listbox component.\n   */\n  const handleItemKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLLIElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      if (\n        event.code === 'Enter' ||\n        event.code === 'NumpadEnter' ||\n        event.code === 'Space'\n      ) {\n        handleItemClick();\n      }\n    },\n    [handleItemClick, isDisabled],\n  );\n\n  const liRef = useRef<HTMLLIElement | null>(null);\n\n  useEffect(() => {\n    if (isSelected) {\n      liRef.current?.scrollIntoView({ block: 'nearest' });\n    }\n    // we don't want to scroll the element into view when isSelected changes, but only on the first render\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (isInvalid) {\n    return null;\n  }\n\n  const tooltipContent = isDisabled ? (\n    <Text textStyle=\"small\">\n      {intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.disabledTooltip)}\n    </Text>\n  ) : (\n    <Flex flexDirection=\"column\">\n      <Flex gap={0} flexDirection=\"column\">\n        <Text textStyle=\"base-emphasized\">{timeframeDisplayValue}</Text>\n        <Text textStyle=\"small\">{formattedPresetItemValue}</Text>\n      </Flex>\n      {!isAbsoluteTimeframe && (\n        <Flex gap={0} flexDirection=\"column\">\n          <Text textStyle=\"small\">{tooltipFormattedTimeValueStart}</Text>\n          <Text textStyle=\"small\">{tooltipFormattedTimeValueEnd}</Text>\n        </Flex>\n      )}\n    </Flex>\n  );\n\n  return (\n    <li\n      ref={liRef}\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={isDisabled}\n      className={clsx([\n        focusClassName,\n        styles.item({\n          state,\n        }),\n        consumerClassName,\n      ])}\n      onClick={handleItemClick}\n      onKeyDown={handleItemKeyDown}\n      data-testid={dataTestId}\n      style={consumerStyle}\n      {...mergeProps(remainingProps, focusProps, tooltipFocusProps)}\n    >\n      <Tooltip\n        id={tooltipId}\n        text={tooltipContent}\n        placement=\"right\"\n        fallbackPlacements={[\n          'right-end',\n          'bottom-end',\n          'bottom',\n          'bottom-start',\n          'left-end',\n          'left',\n          'left-start',\n        ]}\n        open={openTooltip}\n        onOpenChange={setOpenTooltip}\n      >\n        <div\n          className={styles.wrapper({ isSelected, isDisabled })}\n          aria-describedby={tooltipId}\n        >\n          <Grid className={styles.itemContainer}>\n            <Flex alignItems=\"center\" className={styles.displayValueWrapper}>\n              {isRecent && <HistoryIcon className={styles.recentIcon} />}\n              <Text\n                textStyle=\"base-emphasized\"\n                as=\"div\"\n                className={styles.timeframeDisplayValue}\n              >\n                {timeframeDisplayValue}\n              </Text>\n            </Flex>\n            {(!isRecent || !isAbsoluteTimeframe) && (\n              <Text\n                as={Flex}\n                textStyle=\"small\"\n                className={clsx(\n                  styles.mediaQuery,\n                  styles.formattedPresetValue({\n                    state,\n                  }),\n                )}\n              >\n                {formattedPresetItemValue}\n              </Text>\n            )}\n          </Grid>\n        </div>\n      </Tooltip>\n    </li>\n  );\n};\n\nPresetItem.displayName = 'TimeframeSelector.PresetItem';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  type KeyboardEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { HistoryIcon } from '@dynatrace/strato-icons';\n\nimport type { PresetItemVariants } from './Presets.sty.js';\nimport * as styles from './Presets.sty.js';\nimport { useFocusRing } from '../../../../core/hooks/useFocusRing.js';\nimport { useId } from '../../../../core/hooks/useId.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport type { BehaviorTrackingProps } from '../../../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../../../core/types/data-props.js';\nimport type { StylingProps } from '../../../../core/types/styling-props.js';\nimport type { WithChildren } from '../../../../core/types/with-children.js';\nimport { mergeProps } from '../../../../core/utils/merge-props.js';\nimport {\n  parseValue,\n  removePrecisionFromTimeValue,\n} from '../../../../forms/forms-core/time/timeParser.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { Grid } from '../../../../layouts/grid/Grid.js';\nimport { Tooltip } from '../../../../overlays/tooltip/Tooltip.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport { usePresetItemContext } from '../../hooks/usePresetItemContext.js';\nimport { useTimeframeSelectorContext } from '../../hooks/useTimeframeSelectorContext.js';\nimport { useTooltipMessages } from '../../hooks/useTooltipMessages.js';\nimport {\n  isPresetSelected,\n  saveRecentTimeframe,\n} from '../../utils/presets-helpers.js';\nimport { isOutsideRange } from '../../utils/timeframe-selection.js';\n\n//#region Typings\n\n/**\n * @public\n */\nexport interface TimeframeSelectorPresetItemProps\n  extends HTMLAttributes<HTMLLIElement>,\n    DataTestId,\n    StylingProps,\n    WithChildren,\n    BehaviorTrackingProps {\n  /** The value of the timeframe preset. */\n  value: {\n    /** Start of the time frame. */\n    from: string;\n    /** End of the time frame. */\n    to: string;\n  };\n}\n//#endregion\n\n/**\n * TimeframeSelector preset item shown inside the presets list of the overlay.\n * @public\n */\nexport const PresetItem = (\n  props: TimeframeSelectorPresetItemProps & {\n    // DEPRECATION: [APPDEV-16622] BREAKING-CHANGE: TimeframeSelector - Remove deprecated `_isSelected` prop.\n    /**\n     * @deprecated - Prop will be removed with the next breaking change cycle.\n     */\n    _isSelected?: boolean;\n  },\n) => {\n  const {\n    children,\n    value,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: TimeframeSelectorPresetItemProps & { _isSelected?: boolean } = props;\n\n  const intl = useIntl();\n  const [openTooltip, setOpenTooltip] = useState(false);\n\n  const { details } = useTimeframeSelectorContext();\n\n  const setValue = useTimeframeSelectorStore(\n    (state) => state.setTimeframeSelectorTimeframe,\n  );\n  const min = useTimeframeSelectorStore((state) => state.min?.value);\n  const max = useTimeframeSelectorStore((state) => state.max?.value);\n  const precision = useTimeframeSelectorStore((state) => state.precision);\n\n  const { isRecent } = usePresetItemContext();\n\n  const isSelected = isPresetSelected(value, details, isRecent, precision);\n  const isDisabled = isOutsideRange(value, min, max);\n\n  const tooltipId = useId();\n  const tooltipFocusProps = {\n    onFocus: useCallback(\n      () => !isDisabled && setOpenTooltip(true),\n      [isDisabled],\n    ),\n    onBlur: useCallback(() => setOpenTooltip(false), []),\n  };\n\n  const { focusProps, focusClassName } = useFocusRing({\n    color: isSelected && !isDisabled ? 'primary' : 'neutral',\n    disabled: isDisabled,\n  });\n\n  let state: NonNullable<PresetItemVariants>['state'] = isSelected\n    ? 'selected'\n    : 'rest';\n  if (isDisabled) {\n    state = 'disabled';\n  }\n\n  const {\n    timeframeDisplayValue,\n    formattedPresetItemValue,\n    tooltipFormattedTimeValueStart,\n    tooltipFormattedTimeValueEnd,\n    isAbsoluteTimeframe,\n    isInvalid,\n  } = useTooltipMessages(value, children);\n\n  /** Handle clicking on the timeframe selector preset item. */\n  const handleItemClick = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n\n    const { from, to } = parseValue(value);\n\n    if (from && to) {\n      const timeframe = {\n        from: removePrecisionFromTimeValue(from, precision) ?? from,\n        to: removePrecisionFromTimeValue(to, precision) ?? to,\n      };\n\n      setValue(timeframe);\n      saveRecentTimeframe(timeframe);\n    }\n  }, [isDisabled, value, precision, setValue]);\n\n  /**\n   * Temporary keydown listener to provide the possibility to select items via keyboard\n   * Will change as soon as we switch to the reusable listbox component.\n   */\n  const handleItemKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLLIElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      if (\n        event.code === 'Enter' ||\n        event.code === 'NumpadEnter' ||\n        event.code === 'Space'\n      ) {\n        handleItemClick();\n      }\n    },\n    [handleItemClick, isDisabled],\n  );\n\n  const liRef = useRef<HTMLLIElement | null>(null);\n\n  useEffect(() => {\n    if (isSelected) {\n      liRef.current?.scrollIntoView({ block: 'nearest' });\n    }\n    // we don't want to scroll the element into view when isSelected changes, but only on the first render\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (isInvalid) {\n    return null;\n  }\n\n  const tooltipContent = isDisabled ? (\n    <Text textStyle=\"small\">\n      {intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.disabledTooltip)}\n    </Text>\n  ) : (\n    <Flex flexDirection=\"column\">\n      <Flex gap={0} flexDirection=\"column\">\n        <Text textStyle=\"base-emphasized\">{timeframeDisplayValue}</Text>\n        <Text textStyle=\"small\">{formattedPresetItemValue}</Text>\n      </Flex>\n      {!isAbsoluteTimeframe && (\n        <Flex gap={0} flexDirection=\"column\">\n          <Text textStyle=\"small\">{tooltipFormattedTimeValueStart}</Text>\n          <Text textStyle=\"small\">{tooltipFormattedTimeValueEnd}</Text>\n        </Flex>\n      )}\n    </Flex>\n  );\n\n  return (\n    <li\n      ref={liRef}\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={isDisabled}\n      className={clsx([\n        focusClassName,\n        styles.item({\n          state,\n        }),\n        consumerClassName,\n      ])}\n      onClick={handleItemClick}\n      onKeyDown={handleItemKeyDown}\n      data-testid={dataTestId}\n      style={consumerStyle}\n      {...mergeProps(remainingProps, focusProps, tooltipFocusProps)}\n    >\n      <Tooltip\n        id={tooltipId}\n        text={tooltipContent}\n        placement=\"right\"\n        fallbackPlacements={[\n          'right-end',\n          'bottom-end',\n          'bottom',\n          'bottom-start',\n          'left-end',\n          'left',\n          'left-start',\n        ]}\n        open={openTooltip}\n        onOpenChange={setOpenTooltip}\n      >\n        <div\n          className={styles.wrapper({ isSelected, isDisabled })}\n          aria-describedby={openTooltip ? tooltipId : undefined}\n        >\n          <Grid className={styles.itemContainer}>\n            <Flex alignItems=\"center\" className={styles.displayValueWrapper}>\n              {isRecent && <HistoryIcon className={styles.recentIcon} />}\n              <Text\n                textStyle=\"base-emphasized\"\n                as=\"div\"\n                className={styles.timeframeDisplayValue}\n              >\n                {timeframeDisplayValue}\n              </Text>\n            </Flex>\n            {(!isRecent || !isAbsoluteTimeframe) && (\n              <Text\n                as={Flex}\n                textStyle=\"small\"\n                className={clsx(\n                  styles.mediaQuery,\n                  styles.formattedPresetValue({\n                    state,\n                  }),\n                )}\n              >\n                {formattedPresetItemValue}\n              </Text>\n            )}\n          </Grid>\n        </div>\n      </Tooltip>\n    </li>\n  );\n};\n\nPresetItem.displayName = 'TimeframeSelector.PresetItem';\n"],
+  "mappings": "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",
   "names": ["state"]
 }

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

@@ -1,11 +1,11 @@
-._14rlfn30-3-10-4 {
+._14rlfn30-3-11-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-10-4 {
+._14rlfn31-3-11-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-10-4 {
+._14rlfn32-3-11-1 {
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._14rlfn32-3-10-4:hover {
+._14rlfn32-3-11-1:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._14rlfn32-3-10-4:active {
+._14rlfn32-3-11-1:active {
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._14rlfn33-3-10-4 {
+._14rlfn33-3-11-1 {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._14rlfn33-3-10-4:hover {
+._14rlfn33-3-11-1:hover {
   background-color: var(--dt-colors-background-field-primary-default-hover, #d5dbf6);
 }
-._14rlfn33-3-10-4:active {
+._14rlfn33-3-11-1:active {
   background-color: var(--dt-colors-background-field-primary-default-active, #c9d1f4);
 }
-._14rlfn34-3-10-4 {
+._14rlfn34-3-11-1 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._14rlfn36-3-10-4 {
+._14rlfn36-3-11-1 {
   min-width: 0;
 }
-._14rlfn37-3-10-4 {
+._14rlfn37-3-11-1 {
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
 }
-._14rlfn38-3-10-4 {
+._14rlfn38-3-11-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-10-4::before {
+._14rlfn39-3-11-1::before {
   content: "";
   position: absolute;
   width: 2px;
@@ -62,62 +62,62 @@
   left: 4px;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._14rlfn3a-3-10-4::before {
+._14rlfn3a-3-11-1::before {
   content: "";
 }
-._14rlfn3b-3-10-4::before {
+._14rlfn3b-3-11-1::before {
   background-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._14rlfn3c-3-10-4::before {
+._14rlfn3c-3-11-1::before {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._14rlfn3e-3-10-4 {
+._14rlfn3e-3-11-1 {
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
   text-align: right;
 }
-._14rlfn3f-3-10-4 {
+._14rlfn3f-3-11-1 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._14rlfn3g-3-10-4 {
+._14rlfn3g-3-11-1 {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._14rlfn3h-3-10-4 {
+._14rlfn3h-3-11-1 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._14rlfn3i-3-10-4 {
+._14rlfn3i-3-11-1 {
   position: absolute;
   width: 2px;
   height: 20px;
   left: 4px;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._14rlfn3j-3-10-4 {
+._14rlfn3j-3-11-1 {
   background-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._14rlfn3k-3-10-4 {
+._14rlfn3k-3-11-1 {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._14rlfn3l-3-10-4 {
+._14rlfn3l-3-11-1 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._14rlfn3m-3-10-4 {
+._14rlfn3m-3-11-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-10-4 {
+._14rlfn3n-3-11-1 {
   flex-shrink: 0;
 }
 @media screen and (max-width: 470px) {
-  ._14rlfn3d-3-10-4 {
+  ._14rlfn3d-3-11-1 {
     display: none;
   }
 }

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-10-4";
-var formattedPresetValue = _7a468({ defaultClassName: "_14rlfn3e-3-10-4", variantClassNames: { state: { rest: "_14rlfn3f-3-10-4", selected: "_14rlfn3g-3-10-4", disabled: "_14rlfn3h-3-10-4" } }, defaultVariants: { state: "rest" }, compoundVariants: [] });
-var indicatorIcon = _7a468({ defaultClassName: "_14rlfn3i-3-10-4", variantClassNames: { isDisabled: { true: "_14rlfn3j-3-10-4", false: "_14rlfn3k-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
-var item = _7a468({ defaultClassName: "_14rlfn31-3-10-4", variantClassNames: { state: { rest: "_14rlfn32-3-10-4", selected: "_14rlfn33-3-10-4", disabled: "_14rlfn34-3-10-4" }, defaultVariants: { state: "rest" } }, defaultVariants: {}, compoundVariants: [] });
-var itemContainer = "_14rlfn30-3-10-4";
-var listContainer = "_14rlfn3l-3-10-4";
-var mediaQuery = "_14rlfn3d-3-10-4";
-var recentHeading = "_14rlfn3m-3-10-4";
-var recentIcon = "_14rlfn3n-3-10-4";
-var timeframeDisplayValue = "_14rlfn37-3-10-4";
-var wrapper = _7a468({ defaultClassName: "_14rlfn38-3-10-4", variantClassNames: { isSelected: { true: "_14rlfn39-3-10-4", false: "_14rlfn3a-3-10-4" }, isDisabled: { true: "_14rlfn3b-3-10-4", false: "_14rlfn3c-3-10-4" } }, defaultVariants: {}, compoundVariants: [] });
+var displayValueWrapper = "_14rlfn36-3-11-1";
+var formattedPresetValue = _7a468({ defaultClassName: "_14rlfn3e-3-11-1", variantClassNames: { state: { rest: "_14rlfn3f-3-11-1", selected: "_14rlfn3g-3-11-1", disabled: "_14rlfn3h-3-11-1" } }, defaultVariants: { state: "rest" }, compoundVariants: [] });
+var indicatorIcon = _7a468({ defaultClassName: "_14rlfn3i-3-11-1", variantClassNames: { isDisabled: { true: "_14rlfn3j-3-11-1", false: "_14rlfn3k-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
+var item = _7a468({ defaultClassName: "_14rlfn31-3-11-1", variantClassNames: { state: { rest: "_14rlfn32-3-11-1", selected: "_14rlfn33-3-11-1", disabled: "_14rlfn34-3-11-1" }, defaultVariants: { state: "rest" } }, defaultVariants: {}, compoundVariants: [] });
+var itemContainer = "_14rlfn30-3-11-1";
+var listContainer = "_14rlfn3l-3-11-1";
+var mediaQuery = "_14rlfn3d-3-11-1";
+var recentHeading = "_14rlfn3m-3-11-1";
+var recentIcon = "_14rlfn3n-3-11-1";
+var timeframeDisplayValue = "_14rlfn37-3-11-1";
+var wrapper = _7a468({ defaultClassName: "_14rlfn38-3-11-1", variantClassNames: { isSelected: { true: "_14rlfn39-3-11-1", false: "_14rlfn3a-3-11-1" }, isDisabled: { true: "_14rlfn3b-3-11-1", false: "_14rlfn3c-3-11-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-10-4';\nexport var formattedPresetValue = _7a468({defaultClassName:'_14rlfn3e-3-10-4',variantClassNames:{state:{rest:'_14rlfn3f-3-10-4',selected:'_14rlfn3g-3-10-4',disabled:'_14rlfn3h-3-10-4'}},defaultVariants:{state:'rest'},compoundVariants:[]});\nexport var indicatorIcon = _7a468({defaultClassName:'_14rlfn3i-3-10-4',variantClassNames:{isDisabled:{true:'_14rlfn3j-3-10-4',false:'_14rlfn3k-3-10-4'}},defaultVariants:{},compoundVariants:[]});\nexport var item = _7a468({defaultClassName:'_14rlfn31-3-10-4',variantClassNames:{state:{rest:'_14rlfn32-3-10-4',selected:'_14rlfn33-3-10-4',disabled:'_14rlfn34-3-10-4'},defaultVariants:{state:'rest'}},defaultVariants:{},compoundVariants:[]});\nexport var itemContainer = '_14rlfn30-3-10-4';\nexport var listContainer = '_14rlfn3l-3-10-4';\nexport var mediaQuery = '_14rlfn3d-3-10-4';\nexport var recentHeading = '_14rlfn3m-3-10-4';\nexport var recentIcon = '_14rlfn3n-3-10-4';\nexport var timeframeDisplayValue = '_14rlfn37-3-10-4';\nexport var wrapper = _7a468({defaultClassName:'_14rlfn38-3-10-4',variantClassNames:{isSelected:{true:'_14rlfn39-3-10-4',false:'_14rlfn3a-3-10-4'},isDisabled:{true:'_14rlfn3b-3-10-4',false:'_14rlfn3c-3-10-4'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Presets.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var displayValueWrapper = '_14rlfn36-3-11-1';\nexport var formattedPresetValue = _7a468({defaultClassName:'_14rlfn3e-3-11-1',variantClassNames:{state:{rest:'_14rlfn3f-3-11-1',selected:'_14rlfn3g-3-11-1',disabled:'_14rlfn3h-3-11-1'}},defaultVariants:{state:'rest'},compoundVariants:[]});\nexport var indicatorIcon = _7a468({defaultClassName:'_14rlfn3i-3-11-1',variantClassNames:{isDisabled:{true:'_14rlfn3j-3-11-1',false:'_14rlfn3k-3-11-1'}},defaultVariants:{},compoundVariants:[]});\nexport var item = _7a468({defaultClassName:'_14rlfn31-3-11-1',variantClassNames:{state:{rest:'_14rlfn32-3-11-1',selected:'_14rlfn33-3-11-1',disabled:'_14rlfn34-3-11-1'},defaultVariants:{state:'rest'}},defaultVariants:{},compoundVariants:[]});\nexport var itemContainer = '_14rlfn30-3-11-1';\nexport var listContainer = '_14rlfn3l-3-11-1';\nexport var mediaQuery = '_14rlfn3d-3-11-1';\nexport var recentHeading = '_14rlfn3m-3-11-1';\nexport var recentIcon = '_14rlfn3n-3-11-1';\nexport var timeframeDisplayValue = '_14rlfn37-3-11-1';\nexport var wrapper = _7a468({defaultClassName:'_14rlfn38-3-11-1',variantClassNames:{isSelected:{true:'_14rlfn39-3-11-1',false:'_14rlfn3a-3-11-1'},isDisabled:{true:'_14rlfn3b-3-11-1',false:'_14rlfn3c-3-11-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/trigger/Trigger.css

@@ -1,24 +1,24 @@
-._attccb0-3-10-4 {
+._attccb0-3-11-1 {
   cursor: default;
 }
-:root:not(._1jgl8s50-3-10-4) ._attccb0-3-10-4 {
+:root:not(._1jgl8s50-3-11-1) ._attccb0-3-11-1 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._attccb1-3-10-4 {
+._attccb1-3-11-1 {
   font-size: 0;
   transition-property: transform;
 }
-._attccb0-3-10-4 ._attccb1-3-10-4 {
+._attccb0-3-11-1 ._attccb1-3-11-1 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._attccb2-3-10-4 {
+._attccb2-3-11-1 {
   transform: rotate(180deg);
 }
-._1jgl8s50-3-10-4 ._attccb3-3-10-4:hover, ._1jgl8s50-3-10-4 ._attccb3-3-10-4:active {
-  --_bx32h3-3-10-4: var(--dt-colors-background-surface-default, #fff);
-  --_bx32h4-3-10-4: 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-11-1 ._attccb3-3-11-1:hover, ._1jgl8s50-3-11-1 ._attccb3-3-11-1:active {
+  --_bx32h3-3-11-1: var(--dt-colors-background-surface-default, #fff);
+  --_bx32h4-3-11-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-10-4 ._attccb4-3-10-4:hover, ._1jgl8s50-3-10-4 ._attccb4-3-10-4:active {
-  --_bx32h3-3-10-4: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_bx32h4-3-10-4: 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-11-1 ._attccb4-3-11-1:hover, ._1jgl8s50-3-11-1 ._attccb4-3-11-1:active {
+  --_bx32h3-3-11-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_bx32h4-3-11-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-10-4";
-var readOnlyColor = { neutral: "_attccb3-3-10-4", critical: "_attccb4-3-10-4" };
-var suffix = "_attccb1-3-10-4";
-var suffixOpen = "_attccb2-3-10-4";
+var readOnly = "_attccb0-3-11-1";
+var readOnlyColor = { neutral: "_attccb3-3-11-1", critical: "_attccb4-3-11-1" };
+var suffix = "_attccb1-3-11-1";
+var suffixOpen = "_attccb2-3-11-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-10-4';\nexport var readOnlyColor = {neutral:'_attccb3-3-10-4',critical:'_attccb4-3-10-4'};\nexport var suffix = '_attccb1-3-10-4';\nexport var suffixOpen = '_attccb2-3-10-4';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../../../styles/field.css';\nimport './Trigger.css';\nexport var readOnly = '_attccb0-3-11-1';\nexport var readOnlyColor = {neutral:'_attccb3-3-11-1',critical:'_attccb4-3-11-1'};\nexport var suffix = '_attccb1-3-11-1';\nexport var suffixOpen = '_attccb2-3-11-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/constants/timeframeSelectorMessages.js

@@ -1,61 +1,7 @@
+import { omit } from "lodash-es";
 import { defineMessages } from "react-intl";
-const TIMEFRAMESELECTOR_ERROR_MESSAGES = defineMessages({
-  minBoundary: {
-    id: "KETnWaCwo9qLRQrI",
-    defaultMessage: "Only dates after {min} are available.",
-    description: "Given dates are not within the valid range."
-  },
-  maxBoundary: {
-    id: "ONYnUtFidz4+6NmE",
-    defaultMessage: "Only dates before {max} are available.",
-    description: "Given dates are not within the valid range."
-  },
-  minMaxBoundary: {
-    id: "Qm0/7EQKVXjS9tDM",
-    defaultMessage: "Only dates between {min} \u2192 {max} are available.",
-    description: "Given dates are not within the valid range."
-  },
-  invalidOrder: {
-    defaultMessage: "'from' date should be before 'to' date",
-    id: "DKFIWE64kHV1ohuk",
-    description: "Message to display if the from and to dates are in the wrong order."
-  },
-  missingFrom: {
-    defaultMessage: "Please enter a start time.",
-    id: "GUeetpTpusqFkMi+",
-    description: "From value is missing."
-  },
-  missingTo: {
-    defaultMessage: "Please enter an end time.",
-    id: "tfHTZkRc7sr/Ypcl",
-    description: "End value is missing."
-  },
-  missingFromTo: {
-    defaultMessage: "Please enter a start and end time.",
-    id: "4yANH5gdmW1efk0I",
-    description: "Start and end values are missing."
-  },
-  valueMissing: {
-    defaultMessage: "Empty timeframe.",
-    id: "QsKlSIxE+Yp58CUG",
-    description: "Timeframe selector required timeframe error hint."
-  },
-  invalidFrom: {
-    defaultMessage: "Invalid start time. Expected format: {expectedFormat}, -2h or -2d@d",
-    id: "supuOfI2cSrNKOZ/",
-    description: "Given from value is invalid"
-  },
-  invalidTo: {
-    defaultMessage: "Invalid end time. Expected format: {expectedFormat}, -2h or -2d@d",
-    id: "HL9dGWGnhYkm7OyC",
-    description: "Given to value is invalid"
-  },
-  invalidFromTo: {
-    defaultMessage: "Invalid start and end time. Expected format: {expectedFormat}, -2h or -2d@d",
-    id: "89sBAyzLbeW6GyPJ",
-    description: "Given from and to values are invalid"
-  }
-});
+import { TIME_ERROR_MESSAGES } from "../../../core/time/timeErrorMessages.js";
+const TIMEFRAMESELECTOR_ERROR_MESSAGES = omit(TIME_ERROR_MESSAGES, ["singleValueMissing", "invalid"]);
 const TIMEFRAME_SELECTOR_MESSAGES = defineMessages({
   startTime: {
     description: "Description for the start time of the preset item value, that is shown in the tooltip",

package/esm/filters/timeframe-selector/constants/timeframeSelectorMessages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/timeframe-selector/constants/timeframeSelectorMessages.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\n/**\n * Error messages for the TimeframeSelector component.\n * @internal\n */\nexport const TIMEFRAMESELECTOR_ERROR_MESSAGES = defineMessages({\n  minBoundary: {\n    id: 'KETnWaCwo9qLRQrI',\n    defaultMessage: 'Only dates after {min} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  maxBoundary: {\n    id: 'ONYnUtFidz4+6NmE',\n    defaultMessage: 'Only dates before {max} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  minMaxBoundary: {\n    id: 'Qm0/7EQKVXjS9tDM',\n    defaultMessage: 'Only dates between {min} \u2192 {max} are available.',\n    description: 'Given dates are not within the valid range.',\n  },\n  invalidOrder: {\n    defaultMessage: \"'from' date should be before 'to' date\",\n    id: 'DKFIWE64kHV1ohuk',\n    description:\n      'Message to display if the from and to dates are in the wrong order.',\n  },\n  missingFrom: {\n    defaultMessage: 'Please enter a start time.',\n    id: 'GUeetpTpusqFkMi+',\n    description: 'From value is missing.',\n  },\n  missingTo: {\n    defaultMessage: 'Please enter an end time.',\n    id: 'tfHTZkRc7sr/Ypcl',\n    description: 'End value is missing.',\n  },\n  missingFromTo: {\n    defaultMessage: 'Please enter a start and end time.',\n    id: '4yANH5gdmW1efk0I',\n    description: 'Start and end values are missing.',\n  },\n  valueMissing: {\n    defaultMessage: 'Empty timeframe.',\n    id: 'QsKlSIxE+Yp58CUG',\n    description: 'Timeframe selector required timeframe error hint.',\n  },\n  invalidFrom: {\n    defaultMessage:\n      'Invalid start time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'supuOfI2cSrNKOZ/',\n    description: 'Given from value is invalid',\n  },\n  invalidTo: {\n    defaultMessage:\n      'Invalid end time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: 'HL9dGWGnhYkm7OyC',\n    description: 'Given to value is invalid',\n  },\n  invalidFromTo: {\n    defaultMessage:\n      'Invalid start and end time. Expected format: {expectedFormat}, -2h or -2d@d',\n    id: '89sBAyzLbeW6GyPJ',\n    description: 'Given from and to values are invalid',\n  },\n});\n\n/** @internal */\nexport const TIMEFRAME_SELECTOR_MESSAGES = defineMessages({\n  startTime: {\n    description:\n      'Description for the start time of the preset item value, that is shown in the tooltip',\n    defaultMessage: 'Start',\n    id: 'QF4myF79Hrp3e/0Q',\n  },\n  endTime: {\n    description:\n      'Description for the end time of the preset item value, that is shown in the tooltip',\n    defaultMessage: 'End',\n    id: 'fHGjouAXIpSTl8T2',\n  },\n  duration: {\n    description:\n      'Description for the duration of the timeframe, that is shown in the tooltip',\n    defaultMessage: 'Duration',\n    id: 'ZvsC1dVcKeywqOWW',\n  },\n  prefix: {\n    description:\n      'Prefix for the moving a duration of the timeframe forward or backward, that is shown in the tooltip',\n    defaultMessage: 'Move ',\n    id: 'VoHb/9htaX3GgMyA',\n  },\n  suffix: {\n    description:\n      'Suffix for the moving a duration of the timeframe forward or backward, that is shown in the tooltip',\n    defaultMessage: ' {suffix}',\n    id: 'IU+dkogAuDAabi52',\n  },\n  'ms-duration': {\n    description: 'Timeframe duration formatter: timeframe-millisecond',\n    defaultMessage:\n      '{offset, plural, one {# millisecond} other {# milliseconds}} ',\n    id: 'L6ZeI3XBOuh0L/CT',\n  },\n  's-duration': {\n    description: 'Timeframe duration formatter: timeframe-second',\n    defaultMessage: '{offset, plural, one {# second} other {# seconds}} ',\n    id: 'mG+nMDkU8bB8zLlO',\n  },\n  'm-duration': {\n    description: 'Timeframe duration formatter: timeframe-minute',\n    defaultMessage: '{offset, plural, one {# minute} other {# minutes}} ',\n    id: 'JlWcGe/hRo/kyTD+',\n  },\n  'h-duration': {\n    description: 'Timeframe duration formatter: timeframe-hour',\n    defaultMessage: '{offset, plural, one {# hour} other {# hours}}',\n    id: 'ADLDZ8spJCrDx/6Q',\n  },\n  'd-duration': {\n    description: 'Timeframe duration formatter: timeframe-day',\n    defaultMessage: '{offset, plural, one {# day} other {# days}}',\n    id: 'gIQd1giAq7WNDZp6',\n  },\n  'w-duration': {\n    description: 'Timeframe duration formatter: timeframe-week',\n    defaultMessage: '{offset, plural, one {# week} other {# weeks}}',\n    id: 'TuHiu5OflYhkrvKy',\n  },\n  'M-duration': {\n    description: 'Timeframe duration formatter: timeframe-month',\n    defaultMessage: '{offset, plural, one {# month} other {# months}} ',\n    id: 'AYfNQEjfwenkbxsg',\n  },\n  'q-duration': {\n    description: 'Timeframe duration formatter: timeframe-quarter',\n    defaultMessage: '{offset, plural, one {# quarter} other {# quarters}}',\n    id: 'ItflQisz88wfEcF+',\n  },\n  'y-duration': {\n    description: 'Timeframe duration formatter: timeframe-year',\n    defaultMessage: '{offset, plural, one {# year} other {# years}}',\n    id: 'gzgHXY7+xENWvOfC',\n  },\n  absoluteDateDuration: {\n    description: 'Timeframe duration formatter: move-absolute-date',\n    defaultMessage:\n      '{years, select, 0 {} other {{years, plural, one {# year } other {# years }}}}' +\n      '{months, select, 0 {} other {{months, plural, one {# month } other {# months }}}}' +\n      '{days, select, 0 {} other {{days, plural, one {# day } other {# days }}}}' +\n      '{hours, select, 0 {} other {{hours, plural, one {# hour } other {# hours }}}}' +\n      '{minutes, select, 0 {} other {{minutes, plural, one {# minute } other {# minutes }}}}' +\n      '{seconds, select, 0 {} other {{seconds, plural, one {# second } other {# seconds }}}}' +\n      '{milliseconds, select, 0 {} other {{milliseconds, plural, one {# millisecond } other {# milliseconds }}}}',\n    id: 'sITxaoPwIvMbTOY3',\n  },\n  docsLinkText: {\n    defaultMessage: 'Learn more',\n    id: 'q9YfvvFrRo1n8wvN',\n    description:\n      'Display text for the link to the timeframe selector documentation.',\n  },\n  resetTimeframeButton: {\n    defaultMessage: 'Reset timeframe',\n    id: 'EG+qZn4zIajJ41CP',\n    description:\n      'Shown for the reset timeframe button of the timeframe selector.',\n  },\n  timeframePresets: {\n    defaultMessage: 'List of timeframe presets',\n    id: '1cycyeSJyv4MEQyz',\n    description: 'Aria label for the list of timeframe presets.',\n  },\n  recentTimeframesHeading: {\n    defaultMessage: 'Recently used',\n    id: '8kqNkvIZtJIon5xR',\n    description: 'Heading for the recently used timeframes.',\n  },\n  recentTimeframesList: {\n    defaultMessage: 'List of recently used timeframes',\n    id: 'BDzwWccOiezgFJp3',\n    description: 'Aria label for the list of recently used timeframes.',\n  },\n  disabledTooltip: {\n    defaultMessage: 'The timeframe exceeds the limits supported in this app.',\n    id: 'KzBG7IQ4sG79Dlpy',\n    description: 'Tooltip message for a disabled timeframe.',\n  },\n  overlayContainer: {\n    defaultMessage:\n      'Timeframe selector overlay for providing a custom timeframe or selecting one of the presets',\n    id: 'hnsZ5MLEj9V3vVxP',\n    description: 'Aria label for the overlay of the timeframe selector.',\n  },\n  applyButton: {\n    defaultMessage: 'Apply',\n    id: 'Np6+N27mrjvIJEls',\n    description: 'Shown for the apply button of the timeframe selector.',\n  },\n  timeframeLabel: {\n    defaultMessage: 'Timeframe',\n    id: 'EKDlkAM4+D7rcALf',\n    description: 'Timeframe label shown in the TimeframeSelector overlay.',\n  },\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { omit } from 'lodash-es';\nimport { defineMessages } from 'react-intl';\n\nimport { TIME_ERROR_MESSAGES } from '../../../core/time/timeErrorMessages.js';\n\n/**\n * Error messages for the TimeframeSelector component. Reuses the shared\n * {@link TIME_ERROR_MESSAGES}, omitting the keys that only apply to a\n * single-value picker (TimeframeSelector always deals with a range).\n * @internal\n */\nexport const TIMEFRAMESELECTOR_ERROR_MESSAGES: Omit<\n  typeof TIME_ERROR_MESSAGES,\n  'singleValueMissing' | 'invalid'\n> = omit(TIME_ERROR_MESSAGES, ['singleValueMissing', 'invalid']);\n\n/** @internal */\nexport const TIMEFRAME_SELECTOR_MESSAGES = defineMessages({\n  startTime: {\n    description:\n      'Description for the start time of the preset item value, that is shown in the tooltip',\n    defaultMessage: 'Start',\n    id: 'QF4myF79Hrp3e/0Q',\n  },\n  endTime: {\n    description:\n      'Description for the end time of the preset item value, that is shown in the tooltip',\n    defaultMessage: 'End',\n    id: 'fHGjouAXIpSTl8T2',\n  },\n  duration: {\n    description:\n      'Description for the duration of the timeframe, that is shown in the tooltip',\n    defaultMessage: 'Duration',\n    id: 'ZvsC1dVcKeywqOWW',\n  },\n  prefix: {\n    description:\n      'Prefix for the moving a duration of the timeframe forward or backward, that is shown in the tooltip',\n    defaultMessage: 'Move ',\n    id: 'VoHb/9htaX3GgMyA',\n  },\n  suffix: {\n    description:\n      'Suffix for the moving a duration of the timeframe forward or backward, that is shown in the tooltip',\n    defaultMessage: ' {suffix}',\n    id: 'IU+dkogAuDAabi52',\n  },\n  'ms-duration': {\n    description: 'Timeframe duration formatter: timeframe-millisecond',\n    defaultMessage:\n      '{offset, plural, one {# millisecond} other {# milliseconds}} ',\n    id: 'L6ZeI3XBOuh0L/CT',\n  },\n  's-duration': {\n    description: 'Timeframe duration formatter: timeframe-second',\n    defaultMessage: '{offset, plural, one {# second} other {# seconds}} ',\n    id: 'mG+nMDkU8bB8zLlO',\n  },\n  'm-duration': {\n    description: 'Timeframe duration formatter: timeframe-minute',\n    defaultMessage: '{offset, plural, one {# minute} other {# minutes}} ',\n    id: 'JlWcGe/hRo/kyTD+',\n  },\n  'h-duration': {\n    description: 'Timeframe duration formatter: timeframe-hour',\n    defaultMessage: '{offset, plural, one {# hour} other {# hours}}',\n    id: 'ADLDZ8spJCrDx/6Q',\n  },\n  'd-duration': {\n    description: 'Timeframe duration formatter: timeframe-day',\n    defaultMessage: '{offset, plural, one {# day} other {# days}}',\n    id: 'gIQd1giAq7WNDZp6',\n  },\n  'w-duration': {\n    description: 'Timeframe duration formatter: timeframe-week',\n    defaultMessage: '{offset, plural, one {# week} other {# weeks}}',\n    id: 'TuHiu5OflYhkrvKy',\n  },\n  'M-duration': {\n    description: 'Timeframe duration formatter: timeframe-month',\n    defaultMessage: '{offset, plural, one {# month} other {# months}} ',\n    id: 'AYfNQEjfwenkbxsg',\n  },\n  'q-duration': {\n    description: 'Timeframe duration formatter: timeframe-quarter',\n    defaultMessage: '{offset, plural, one {# quarter} other {# quarters}}',\n    id: 'ItflQisz88wfEcF+',\n  },\n  'y-duration': {\n    description: 'Timeframe duration formatter: timeframe-year',\n    defaultMessage: '{offset, plural, one {# year} other {# years}}',\n    id: 'gzgHXY7+xENWvOfC',\n  },\n  absoluteDateDuration: {\n    description: 'Timeframe duration formatter: move-absolute-date',\n    defaultMessage:\n      '{years, select, 0 {} other {{years, plural, one {# year } other {# years }}}}' +\n      '{months, select, 0 {} other {{months, plural, one {# month } other {# months }}}}' +\n      '{days, select, 0 {} other {{days, plural, one {# day } other {# days }}}}' +\n      '{hours, select, 0 {} other {{hours, plural, one {# hour } other {# hours }}}}' +\n      '{minutes, select, 0 {} other {{minutes, plural, one {# minute } other {# minutes }}}}' +\n      '{seconds, select, 0 {} other {{seconds, plural, one {# second } other {# seconds }}}}' +\n      '{milliseconds, select, 0 {} other {{milliseconds, plural, one {# millisecond } other {# milliseconds }}}}',\n    id: 'sITxaoPwIvMbTOY3',\n  },\n  docsLinkText: {\n    defaultMessage: 'Learn more',\n    id: 'q9YfvvFrRo1n8wvN',\n    description:\n      'Display text for the link to the timeframe selector documentation.',\n  },\n  resetTimeframeButton: {\n    defaultMessage: 'Reset timeframe',\n    id: 'EG+qZn4zIajJ41CP',\n    description:\n      'Shown for the reset timeframe button of the timeframe selector.',\n  },\n  timeframePresets: {\n    defaultMessage: 'List of timeframe presets',\n    id: '1cycyeSJyv4MEQyz',\n    description: 'Aria label for the list of timeframe presets.',\n  },\n  recentTimeframesHeading: {\n    defaultMessage: 'Recently used',\n    id: '8kqNkvIZtJIon5xR',\n    description: 'Heading for the recently used timeframes.',\n  },\n  recentTimeframesList: {\n    defaultMessage: 'List of recently used timeframes',\n    id: 'BDzwWccOiezgFJp3',\n    description: 'Aria label for the list of recently used timeframes.',\n  },\n  disabledTooltip: {\n    defaultMessage: 'The timeframe exceeds the limits supported in this app.',\n    id: 'KzBG7IQ4sG79Dlpy',\n    description: 'Tooltip message for a disabled timeframe.',\n  },\n  overlayContainer: {\n    defaultMessage:\n      'Timeframe selector overlay for providing a custom timeframe or selecting one of the presets',\n    id: 'hnsZ5MLEj9V3vVxP',\n    description: 'Aria label for the overlay of the timeframe selector.',\n  },\n  applyButton: {\n    defaultMessage: 'Apply',\n    id: 'Np6+N27mrjvIJEls',\n    description: 'Shown for the apply button of the timeframe selector.',\n  },\n  timeframeLabel: {\n    defaultMessage: 'Timeframe',\n    id: 'EKDlkAM4+D7rcALf',\n    description: 'Timeframe label shown in the TimeframeSelector overlay.',\n  },\n});\n"],
+  "mappings": "AAAA,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAE/B,SAAS,2BAA2B;AAQ7B,MAAM,mCAGT,KAAK,qBAAqB,CAAC,sBAAsB,SAAS,CAAC;AAGxD,MAAM,8BAA8B,eAAe;AAAA,EACxD,WAAW;AAAA,IACT,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,SAAS;AAAA,IACP,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,aACE;AAAA,IACF,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,eAAe;AAAA,IACb,aAAa;AAAA,IACb,gBACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,IAAI;AAAA,EACN;AAAA,EACA,sBAAsB;AAAA,IACpB,aAAa;AAAA,IACb,gBACE;AAAA,IAOF,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,sBAAsB;AAAA,IACpB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aACE;AAAA,EACJ;AAAA,EACA,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,yBAAyB;AAAA,IACvB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,sBAAsB;AAAA,IACpB,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,IACf,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,IAChB,gBACE;AAAA,IACF,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,IACd,gBAAgB;AAAA,IAChB,IAAI;AAAA,IACJ,aAAa;AAAA,EACf;AACF,CAAC;",
   "names": []
 }