@dynatrace/strato-components 3.12.1 → 3.13.0

package/esm/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlayFooter.js

@@ -76,6 +76,9 @@ const TimeframeSelectorOverlayFooter = (props) => {
                     textStyle: "small",
                     style: { paddingRight: Spacings.Size6 },
                     "data-dt-children-name": "LearnMore",
+                    "aria-label": intl.formatMessage(
+                      TIMEFRAME_SELECTOR_MESSAGES.docsLinkAriaLabel
+                    ),
                     children: intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.docsLinkText)
                   }
                 )

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlayFooter.tsx"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport * as styles from './TimeframeSelectorOverlay.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { TIMEFRAME_SELECTOR_DOCUMENTATION_URL } from '../../../../core/external-links.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport { getSafeRegionalFormat } from '../../../../forms/forms-core/time/helpers.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { globalSprinkles } from '../../../../styles/safe-sprinkles.js';\nimport { ExternalLink } from '../../../../typography/external-link/ExternalLink.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport type { TimeframeSelectorProps } from '../../TimeframeSelector.types.js';\n\nexport const TimeframeSelectorOverlayFooter = (\n  props: Pick<TimeframeSelectorProps, 'clearable'>,\n) => {\n  /* eslint-disable @typescript-eslint/no-deprecated */\n  const { clearable } = props;\n  const intl = useIntl();\n\n  const setValue = useTimeframeSelectorStore(\n    (state) => state.setTimeframeSelectorTimeframe,\n  );\n\n  const timeZoneWithOffset = useMemo(() => {\n    const timeZone = getTimezone();\n\n    const parts = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'shortOffset',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const partsShortName = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'short',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const timeZonePart = parts\n      ?.find((part) => part.type === 'timeZoneName')\n      ?.value.replace('GMT', 'UTC');\n    const timeZoneInfo = timeZonePart === 'UTC' ? 'UTC+0' : timeZonePart;\n    const timezoneDetails = timeZoneInfo ? ` (${timeZoneInfo})` : '';\n    const timeZoneShortName = partsShortName?.find(\n      (part) => part.type === 'timeZoneName',\n    )?.value;\n\n    return `${timeZoneShortName}${timezoneDetails}`;\n  }, []);\n\n  /** Handles the clear selection. Uses the pointerDown event to circumvent triggering the validation onBlur first. */\n  function handleClearSelection() {\n    setValue(null);\n  }\n\n  return (\n    <>\n      <Divider />\n      <Flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        flexWrap=\"wrap-reverse\"\n        flex={1}\n        gap={4}\n        className={styles.footer}\n      >\n        <Flex\n          justifyContent={clearable ? 'flex-start' : 'space-between'}\n          alignItems=\"center\"\n          flexShrink={1}\n          flexGrow={1}\n          className={clsx(globalSprinkles({ paddingLeft: 6 }), {\n            [globalSprinkles({ paddingTop: 4, paddingBottom: 4 })]: !clearable,\n          })}\n        >\n          <Text className={styles.hint}>{timeZoneWithOffset}</Text>\n          {clearable && <Divider orientation=\"vertical\" aria-hidden />}\n          <Text\n            as={ExternalLink}\n            href={TIMEFRAME_SELECTOR_DOCUMENTATION_URL}\n            textStyle=\"small\"\n            style={{ paddingRight: Spacings.Size6 }}\n            data-dt-children-name=\"LearnMore\"\n          >\n            {intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.docsLinkText)}\n          </Text>\n        </Flex>\n        {clearable && (\n          <Button\n            type=\"reset\"\n            onPointerDown={handleClearSelection}\n            size=\"condensed\"\n          >\n            {intl.formatMessage(\n              TIMEFRAME_SELECTOR_MESSAGES.resetTimeframeButton,\n            )}\n          </Button>\n        )}\n      </Flex>\n    </>\n  );\n};\n\n(\n  TimeframeSelectorOverlayFooter as typeof TimeframeSelectorOverlayFooter & {\n    displayName: string;\n  }\n).displayName = 'TimeframeSelectorOverlayFooter';\n"],
-  "mappings": "AA6DI,mBACE,KASE,YAVJ;AA7DJ,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAE5B,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,4CAA4C;AACrD,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAGrC,MAAM,iCAAiC,CAC5C,UACG;AAEH,QAAM,EAAE,UAAU,IAAI;AACtB,QAAM,OAAO,QAAQ;AAErB,QAAM,WAAW;AAAA,IACf,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,QAAM,qBAAqB,QAAQ,MAAM;AACvC,UAAM,WAAW,YAAY;AAE7B,UAAM,QAAQ,IAAI,KAAK,eAAe,sBAAsB,GAAG;AAAA,MAC7D;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,iBAAiB,IAAI,KAAK,eAAe,sBAAsB,GAAG;AAAA,MACtE;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,eAAe,OACjB,KAAK,CAAC,SAAS,KAAK,SAAS,cAAc,GAC3C,MAAM,QAAQ,OAAO,KAAK;AAC9B,UAAM,eAAe,iBAAiB,QAAQ,UAAU;AACxD,UAAM,kBAAkB,eAAe,KAAK,YAAY,MAAM;AAC9D,UAAM,oBAAoB,gBAAgB;AAAA,MACxC,CAAC,SAAS,KAAK,SAAS;AAAA,IAC1B,GAAG;AAEH,WAAO,GAAG,iBAAiB,GAAG,eAAe;AAAA,EAC/C,GAAG,CAAC,CAAC;AAGL,WAAS,uBAAuB;AAC9B,aAAS,IAAI;AAAA,EACf;AAEA,SACE,iCACE;AAAA,wBAAC,WAAQ;AAAA,IACT;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAElB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,gBAAgB,YAAY,eAAe;AAAA,cAC3C,YAAW;AAAA,cACX,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW,KAAK,gBAAgB,EAAE,aAAa,EAAE,CAAC,GAAG;AAAA,gBACnD,CAAC,gBAAgB,EAAE,YAAY,GAAG,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC;AAAA,cAC3D,CAAC;AAAA,cAED;AAAA,oCAAC,QAAK,WAAW,OAAO,MAAO,8BAAmB;AAAA,gBACjD,aAAa,oBAAC,WAAQ,aAAY,YAAW,eAAW,MAAC;AAAA,gBAC1D;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAM;AAAA,oBACN,WAAU;AAAA,oBACV,OAAO,EAAE,cAAc,SAAS,MAAM;AAAA,oBACtC,yBAAsB;AAAA,oBAErB,eAAK,cAAc,4BAA4B,YAAY;AAAA;AAAA,gBAC9D;AAAA;AAAA;AAAA,UACF;AAAA,UACC,aACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAe;AAAA,cACf,MAAK;AAAA,cAEJ,eAAK;AAAA,gBACJ,4BAA4B;AAAA,cAC9B;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAGE,+BAGA,cAAc;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Spacings from '@dynatrace/strato-design-tokens/spacings';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport * as styles from './TimeframeSelectorOverlay.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { TIMEFRAME_SELECTOR_DOCUMENTATION_URL } from '../../../../core/external-links.js';\nimport { useTimeframeSelectorStore } from '../../../../core/time/timeframeStore/useTimeframeStore.js';\nimport { getSafeRegionalFormat } from '../../../../forms/forms-core/time/helpers.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\nimport { globalSprinkles } from '../../../../styles/safe-sprinkles.js';\nimport { ExternalLink } from '../../../../typography/external-link/ExternalLink.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport type { TimeframeSelectorProps } from '../../TimeframeSelector.types.js';\n\nexport const TimeframeSelectorOverlayFooter = (\n  props: Pick<TimeframeSelectorProps, 'clearable'>,\n) => {\n  /* oxlint-disable typescript/no-deprecated */\n  const { clearable } = props;\n  const intl = useIntl();\n\n  const setValue = useTimeframeSelectorStore(\n    (state) => state.setTimeframeSelectorTimeframe,\n  );\n\n  const timeZoneWithOffset = useMemo(() => {\n    const timeZone = getTimezone();\n\n    const parts = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'shortOffset',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const partsShortName = new Intl.DateTimeFormat(getSafeRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'short',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const timeZonePart = parts\n      ?.find((part) => part.type === 'timeZoneName')\n      ?.value.replace('GMT', 'UTC');\n    const timeZoneInfo = timeZonePart === 'UTC' ? 'UTC+0' : timeZonePart;\n    const timezoneDetails = timeZoneInfo ? ` (${timeZoneInfo})` : '';\n    const timeZoneShortName = partsShortName?.find(\n      (part) => part.type === 'timeZoneName',\n    )?.value;\n\n    return `${timeZoneShortName}${timezoneDetails}`;\n  }, []);\n\n  /** Handles the clear selection. Uses the pointerDown event to circumvent triggering the validation onBlur first. */\n  function handleClearSelection() {\n    setValue(null);\n  }\n\n  return (\n    <>\n      <Divider />\n      <Flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        flexWrap=\"wrap-reverse\"\n        flex={1}\n        gap={4}\n        className={styles.footer}\n      >\n        <Flex\n          justifyContent={clearable ? 'flex-start' : 'space-between'}\n          alignItems=\"center\"\n          flexShrink={1}\n          flexGrow={1}\n          className={clsx(globalSprinkles({ paddingLeft: 6 }), {\n            [globalSprinkles({ paddingTop: 4, paddingBottom: 4 })]: !clearable,\n          })}\n        >\n          <Text className={styles.hint}>{timeZoneWithOffset}</Text>\n          {clearable && <Divider orientation=\"vertical\" aria-hidden />}\n          <Text\n            as={ExternalLink}\n            href={TIMEFRAME_SELECTOR_DOCUMENTATION_URL}\n            textStyle=\"small\"\n            style={{ paddingRight: Spacings.Size6 }}\n            data-dt-children-name=\"LearnMore\"\n            aria-label={intl.formatMessage(\n              TIMEFRAME_SELECTOR_MESSAGES.docsLinkAriaLabel,\n            )}\n          >\n            {intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.docsLinkText)}\n          </Text>\n        </Flex>\n        {clearable && (\n          <Button\n            type=\"reset\"\n            onPointerDown={handleClearSelection}\n            size=\"condensed\"\n          >\n            {intl.formatMessage(\n              TIMEFRAME_SELECTOR_MESSAGES.resetTimeframeButton,\n            )}\n          </Button>\n        )}\n      </Flex>\n    </>\n  );\n};\n\n(\n  TimeframeSelectorOverlayFooter as typeof TimeframeSelectorOverlayFooter & {\n    displayName: string;\n  }\n).displayName = 'TimeframeSelectorOverlayFooter';\n"],
+  "mappings": "AA6DI,mBACE,KASE,YAVJ;AA7DJ,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,OAAO,cAAc;AACrB,SAAS,mBAAmB;AAE5B,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,4CAA4C;AACrD,SAAS,iCAAiC;AAC1C,SAAS,6BAA6B;AACtC,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAGrC,MAAM,iCAAiC,CAC5C,UACG;AAEH,QAAM,EAAE,UAAU,IAAI;AACtB,QAAM,OAAO,QAAQ;AAErB,QAAM,WAAW;AAAA,IACf,CAAC,UAAU,MAAM;AAAA,EACnB;AAEA,QAAM,qBAAqB,QAAQ,MAAM;AACvC,UAAM,WAAW,YAAY;AAE7B,UAAM,QAAQ,IAAI,KAAK,eAAe,sBAAsB,GAAG;AAAA,MAC7D;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,iBAAiB,IAAI,KAAK,eAAe,sBAAsB,GAAG;AAAA,MACtE;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,eAAe,OACjB,KAAK,CAAC,SAAS,KAAK,SAAS,cAAc,GAC3C,MAAM,QAAQ,OAAO,KAAK;AAC9B,UAAM,eAAe,iBAAiB,QAAQ,UAAU;AACxD,UAAM,kBAAkB,eAAe,KAAK,YAAY,MAAM;AAC9D,UAAM,oBAAoB,gBAAgB;AAAA,MACxC,CAAC,SAAS,KAAK,SAAS;AAAA,IAC1B,GAAG;AAEH,WAAO,GAAG,iBAAiB,GAAG,eAAe;AAAA,EAC/C,GAAG,CAAC,CAAC;AAGL,WAAS,uBAAuB;AAC9B,aAAS,IAAI;AAAA,EACf;AAEA,SACE,iCACE;AAAA,wBAAC,WAAQ;AAAA,IACT;AAAA,MAAC;AAAA;AAAA,QACC,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,UAAS;AAAA,QACT,MAAM;AAAA,QACN,KAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAElB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,gBAAgB,YAAY,eAAe;AAAA,cAC3C,YAAW;AAAA,cACX,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,WAAW,KAAK,gBAAgB,EAAE,aAAa,EAAE,CAAC,GAAG;AAAA,gBACnD,CAAC,gBAAgB,EAAE,YAAY,GAAG,eAAe,EAAE,CAAC,CAAC,GAAG,CAAC;AAAA,cAC3D,CAAC;AAAA,cAED;AAAA,oCAAC,QAAK,WAAW,OAAO,MAAO,8BAAmB;AAAA,gBACjD,aAAa,oBAAC,WAAQ,aAAY,YAAW,eAAW,MAAC;AAAA,gBAC1D;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAM;AAAA,oBACN,WAAU;AAAA,oBACV,OAAO,EAAE,cAAc,SAAS,MAAM;AAAA,oBACtC,yBAAsB;AAAA,oBACtB,cAAY,KAAK;AAAA,sBACf,4BAA4B;AAAA,oBAC9B;AAAA,oBAEC,eAAK,cAAc,4BAA4B,YAAY;AAAA;AAAA,gBAC9D;AAAA;AAAA;AAAA,UACF;AAAA,UACC,aACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,eAAe;AAAA,cACf,MAAK;AAAA,cAEJ,eAAK;AAAA,gBACJ,4BAA4B;AAAA,cAC9B;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAGE,+BAGA,cAAc;",
   "names": []
 }

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={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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",
+  "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\n    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    // oxlint-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-12-1 {
+._14rlfn30-3-13-0 {
   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-12-1 {
+._14rlfn31-3-13-0 {
   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-12-1 {
+._14rlfn32-3-13-0 {
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._14rlfn32-3-12-1:hover {
+._14rlfn32-3-13-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._14rlfn32-3-12-1:active {
+._14rlfn32-3-13-0:active {
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._14rlfn33-3-12-1 {
+._14rlfn33-3-13-0 {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._14rlfn33-3-12-1:hover {
+._14rlfn33-3-13-0:hover {
   background-color: var(--dt-colors-background-field-primary-default-hover, #d5dbf6);
 }
-._14rlfn33-3-12-1:active {
+._14rlfn33-3-13-0:active {
   background-color: var(--dt-colors-background-field-primary-default-active, #c9d1f4);
 }
-._14rlfn34-3-12-1 {
+._14rlfn34-3-13-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   cursor: not-allowed;
 }
-._14rlfn36-3-12-1 {
+._14rlfn36-3-13-0 {
   min-width: 0;
 }
-._14rlfn37-3-12-1 {
+._14rlfn37-3-13-0 {
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
 }
-._14rlfn38-3-12-1 {
+._14rlfn38-3-13-0 {
   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-12-1::before {
+._14rlfn39-3-13-0::before {
   content: "";
   position: absolute;
   width: 2px;
@@ -62,62 +62,62 @@
   left: 4px;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._14rlfn3a-3-12-1::before {
+._14rlfn3a-3-13-0::before {
   content: "";
 }
-._14rlfn3b-3-12-1::before {
+._14rlfn3b-3-13-0::before {
   background-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._14rlfn3c-3-12-1::before {
+._14rlfn3c-3-13-0::before {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._14rlfn3e-3-12-1 {
+._14rlfn3e-3-13-0 {
   white-space: nowrap;
   overflow: hidden;
   display: block;
   text-overflow: ellipsis;
   text-align: right;
 }
-._14rlfn3f-3-12-1 {
+._14rlfn3f-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._14rlfn3g-3-12-1 {
+._14rlfn3g-3-13-0 {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._14rlfn3h-3-12-1 {
+._14rlfn3h-3-13-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._14rlfn3i-3-12-1 {
+._14rlfn3i-3-13-0 {
   position: absolute;
   width: 2px;
   height: 20px;
   left: 4px;
   border-radius: var(--dt-borders-radius-field-emphasized, 9999px);
 }
-._14rlfn3j-3-12-1 {
+._14rlfn3j-3-13-0 {
   background-color: var(--dt-colors-border-neutral-disabled, #dadbe480);
 }
-._14rlfn3k-3-12-1 {
+._14rlfn3k-3-13-0 {
   background-color: var(--dt-colors-border-primary-accent, #464cce);
 }
-._14rlfn3l-3-12-1 {
+._14rlfn3l-3-13-0 {
   position: relative;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._14rlfn3m-3-12-1 {
+._14rlfn3m-3-13-0 {
   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-12-1 {
+._14rlfn3n-3-13-0 {
   flex-shrink: 0;
 }
 @media screen and (max-width: 470px) {
-  ._14rlfn3d-3-12-1 {
+  ._14rlfn3d-3-13-0 {
     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-12-1";
-var formattedPresetValue = _7a468({ defaultClassName: "_14rlfn3e-3-12-1", variantClassNames: { state: { rest: "_14rlfn3f-3-12-1", selected: "_14rlfn3g-3-12-1", disabled: "_14rlfn3h-3-12-1" } }, defaultVariants: { state: "rest" }, compoundVariants: [] });
-var indicatorIcon = _7a468({ defaultClassName: "_14rlfn3i-3-12-1", variantClassNames: { isDisabled: { true: "_14rlfn3j-3-12-1", false: "_14rlfn3k-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
-var item = _7a468({ defaultClassName: "_14rlfn31-3-12-1", variantClassNames: { state: { rest: "_14rlfn32-3-12-1", selected: "_14rlfn33-3-12-1", disabled: "_14rlfn34-3-12-1" }, defaultVariants: { state: "rest" } }, defaultVariants: {}, compoundVariants: [] });
-var itemContainer = "_14rlfn30-3-12-1";
-var listContainer = "_14rlfn3l-3-12-1";
-var mediaQuery = "_14rlfn3d-3-12-1";
-var recentHeading = "_14rlfn3m-3-12-1";
-var recentIcon = "_14rlfn3n-3-12-1";
-var timeframeDisplayValue = "_14rlfn37-3-12-1";
-var wrapper = _7a468({ defaultClassName: "_14rlfn38-3-12-1", variantClassNames: { isSelected: { true: "_14rlfn39-3-12-1", false: "_14rlfn3a-3-12-1" }, isDisabled: { true: "_14rlfn3b-3-12-1", false: "_14rlfn3c-3-12-1" } }, defaultVariants: {}, compoundVariants: [] });
+var displayValueWrapper = "_14rlfn36-3-13-0";
+var formattedPresetValue = _7a468({ defaultClassName: "_14rlfn3e-3-13-0", variantClassNames: { state: { rest: "_14rlfn3f-3-13-0", selected: "_14rlfn3g-3-13-0", disabled: "_14rlfn3h-3-13-0" } }, defaultVariants: { state: "rest" }, compoundVariants: [] });
+var indicatorIcon = _7a468({ defaultClassName: "_14rlfn3i-3-13-0", variantClassNames: { isDisabled: { true: "_14rlfn3j-3-13-0", false: "_14rlfn3k-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var item = _7a468({ defaultClassName: "_14rlfn31-3-13-0", variantClassNames: { state: { rest: "_14rlfn32-3-13-0", selected: "_14rlfn33-3-13-0", disabled: "_14rlfn34-3-13-0" }, defaultVariants: { state: "rest" } }, defaultVariants: {}, compoundVariants: [] });
+var itemContainer = "_14rlfn30-3-13-0";
+var listContainer = "_14rlfn3l-3-13-0";
+var mediaQuery = "_14rlfn3d-3-13-0";
+var recentHeading = "_14rlfn3m-3-13-0";
+var recentIcon = "_14rlfn3n-3-13-0";
+var timeframeDisplayValue = "_14rlfn37-3-13-0";
+var wrapper = _7a468({ defaultClassName: "_14rlfn38-3-13-0", variantClassNames: { isSelected: { true: "_14rlfn39-3-13-0", false: "_14rlfn3a-3-13-0" }, isDisabled: { true: "_14rlfn3b-3-13-0", false: "_14rlfn3c-3-13-0" } }, 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-12-1';\nexport var formattedPresetValue = _7a468({defaultClassName:'_14rlfn3e-3-12-1',variantClassNames:{state:{rest:'_14rlfn3f-3-12-1',selected:'_14rlfn3g-3-12-1',disabled:'_14rlfn3h-3-12-1'}},defaultVariants:{state:'rest'},compoundVariants:[]});\nexport var indicatorIcon = _7a468({defaultClassName:'_14rlfn3i-3-12-1',variantClassNames:{isDisabled:{true:'_14rlfn3j-3-12-1',false:'_14rlfn3k-3-12-1'}},defaultVariants:{},compoundVariants:[]});\nexport var item = _7a468({defaultClassName:'_14rlfn31-3-12-1',variantClassNames:{state:{rest:'_14rlfn32-3-12-1',selected:'_14rlfn33-3-12-1',disabled:'_14rlfn34-3-12-1'},defaultVariants:{state:'rest'}},defaultVariants:{},compoundVariants:[]});\nexport var itemContainer = '_14rlfn30-3-12-1';\nexport var listContainer = '_14rlfn3l-3-12-1';\nexport var mediaQuery = '_14rlfn3d-3-12-1';\nexport var recentHeading = '_14rlfn3m-3-12-1';\nexport var recentIcon = '_14rlfn3n-3-12-1';\nexport var timeframeDisplayValue = '_14rlfn37-3-12-1';\nexport var wrapper = _7a468({defaultClassName:'_14rlfn38-3-12-1',variantClassNames:{isSelected:{true:'_14rlfn39-3-12-1',false:'_14rlfn3a-3-12-1'},isDisabled:{true:'_14rlfn3b-3-12-1',false:'_14rlfn3c-3-12-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Presets.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var displayValueWrapper = '_14rlfn36-3-13-0';\nexport var formattedPresetValue = _7a468({defaultClassName:'_14rlfn3e-3-13-0',variantClassNames:{state:{rest:'_14rlfn3f-3-13-0',selected:'_14rlfn3g-3-13-0',disabled:'_14rlfn3h-3-13-0'}},defaultVariants:{state:'rest'},compoundVariants:[]});\nexport var indicatorIcon = _7a468({defaultClassName:'_14rlfn3i-3-13-0',variantClassNames:{isDisabled:{true:'_14rlfn3j-3-13-0',false:'_14rlfn3k-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var item = _7a468({defaultClassName:'_14rlfn31-3-13-0',variantClassNames:{state:{rest:'_14rlfn32-3-13-0',selected:'_14rlfn33-3-13-0',disabled:'_14rlfn34-3-13-0'},defaultVariants:{state:'rest'}},defaultVariants:{},compoundVariants:[]});\nexport var itemContainer = '_14rlfn30-3-13-0';\nexport var listContainer = '_14rlfn3l-3-13-0';\nexport var mediaQuery = '_14rlfn3d-3-13-0';\nexport var recentHeading = '_14rlfn3m-3-13-0';\nexport var recentIcon = '_14rlfn3n-3-13-0';\nexport var timeframeDisplayValue = '_14rlfn37-3-13-0';\nexport var wrapper = _7a468({defaultClassName:'_14rlfn38-3-13-0',variantClassNames:{isSelected:{true:'_14rlfn39-3-13-0',false:'_14rlfn3a-3-13-0'},isDisabled:{true:'_14rlfn3b-3-13-0',false:'_14rlfn3c-3-13-0'}},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-12-1 {
+._attccb0-3-13-0 {
   cursor: default;
 }
-:root:not(._1jgl8s50-3-12-1) ._attccb0-3-12-1 {
+:root:not(._1jgl8s50-3-13-0) ._attccb0-3-13-0 {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._attccb1-3-12-1 {
+._attccb1-3-13-0 {
   font-size: 0;
   transition-property: transform;
 }
-._attccb0-3-12-1 ._attccb1-3-12-1 {
+._attccb0-3-13-0 ._attccb1-3-13-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._attccb2-3-12-1 {
+._attccb2-3-13-0 {
   transform: rotate(180deg);
 }
-._1jgl8s50-3-12-1 ._attccb3-3-12-1:hover, ._1jgl8s50-3-12-1 ._attccb3-3-12-1:active {
-  --_bx32h3-3-12-1: var(--dt-colors-background-surface-default, #fff);
-  --_bx32h4-3-12-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-0 ._attccb3-3-13-0:hover, ._1jgl8s50-3-13-0 ._attccb3-3-13-0:active {
+  --_bx32h3-3-13-0: var(--dt-colors-background-surface-default, #fff);
+  --_bx32h4-3-13-0: 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-12-1 ._attccb4-3-12-1:hover, ._1jgl8s50-3-12-1 ._attccb4-3-12-1:active {
-  --_bx32h3-3-12-1: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
-  --_bx32h4-3-12-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);
+._1jgl8s50-3-13-0 ._attccb4-3-13-0:hover, ._1jgl8s50-3-13-0 ._attccb4-3-13-0:active {
+  --_bx32h3-3-13-0: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
+  --_bx32h4-3-13-0: 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-12-1";
-var readOnlyColor = { neutral: "_attccb3-3-12-1", critical: "_attccb4-3-12-1" };
-var suffix = "_attccb1-3-12-1";
-var suffixOpen = "_attccb2-3-12-1";
+var readOnly = "_attccb0-3-13-0";
+var readOnlyColor = { neutral: "_attccb3-3-13-0", critical: "_attccb4-3-13-0" };
+var suffix = "_attccb1-3-13-0";
+var suffixOpen = "_attccb2-3-13-0";
 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-12-1';\nexport var readOnlyColor = {neutral:'_attccb3-3-12-1',critical:'_attccb4-3-12-1'};\nexport var suffix = '_attccb1-3-12-1';\nexport var suffixOpen = '_attccb2-3-12-1';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../../../styles/field.css';\nimport './Trigger.css';\nexport var readOnly = '_attccb0-3-13-0';\nexport var readOnlyColor = {neutral:'_attccb3-3-13-0',critical:'_attccb4-3-13-0'};\nexport var suffix = '_attccb1-3-13-0';\nexport var suffixOpen = '_attccb2-3-13-0';"],
   "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

@@ -83,6 +83,11 @@ const TIMEFRAME_SELECTOR_MESSAGES = defineMessages({
     id: "q9YfvvFrRo1n8wvN",
     description: "Display text for the link to the timeframe selector documentation."
   },
+  docsLinkAriaLabel: {
+    defaultMessage: "Learn more about the Timeframe Selector",
+    id: "b3m7oGWQvhJWsjD9",
+    description: "Accessible label for the learn more link in the timeframe selector overlay."
+  },
   resetTimeframeButton: {
     defaultMessage: "Reset timeframe",
     id: "EG+qZn4zIajJ41CP",

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 { 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: '/p/pwzT/bHq8jsba',\n    description:\n      'Label for the TimeframeSelector: used as the visible label in the custom timeframe overlay and as the default accessible name for the trigger button.',\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,aACE;AAAA,EACJ;AACF,CAAC;",
+  "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  docsLinkAriaLabel: {\n    defaultMessage: 'Learn more about the Timeframe Selector',\n    id: 'b3m7oGWQvhJWsjD9',\n    description:\n      'Accessible label for the learn more link in the timeframe selector overlay.',\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: '/p/pwzT/bHq8jsba',\n    description:\n      'Label for the TimeframeSelector: used as the visible label in the custom timeframe overlay and as the default accessible name for the trigger button.',\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,mBAAmB;AAAA,IACjB,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,aACE;AAAA,EACJ;AACF,CAAC;",
   "names": []
 }

package/esm/filters/timeframe-selector/utils/presets-helpers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/timeframe-selector/utils/presets-helpers.ts"],
-  "sourcesContent": ["import { isArray } from 'lodash-es';\nimport type { RequireAtLeastOne } from 'type-fest';\n\nimport {\n  timeframeQueryClient,\n  TIMEFRAME_PRESETS_QUERY_KEY,\n} from './TimeframePresetsClient.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { Timeframe as TimeframeWithTimeValue } from '../../../core/types/time.js';\nimport { devLog } from '../../../core/utils/logging.js';\nimport { parseValue } from '../../../forms/forms-core/time/timeParser.js';\n\n//#region API types\n/** @internal - will come from the official SDK at some point. */\nexport interface Timeframe {\n  from: string;\n  to: string;\n}\n\n/** @internal - will come from the official SDK at some point. */\nexport interface TimeframePreset {\n  id: string;\n  timeframe: Timeframe;\n}\n\n/** @internal - will come from the official SDK at some point. */\nexport interface UserTimeframePresets {\n  recentPresets: TimeframePreset[];\n}\n//#endregion\n\n//#region type guards\n/**\n * Makes sure the object is a Timeframe.\n * @internal\n */\nexport function isTimeframe(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  timeframe: any,\n): timeframe is Timeframe {\n  if (typeof timeframe !== 'object') {\n    return false;\n  }\n  return typeof timeframe.from === 'string' && typeof timeframe.to === 'string';\n}\n/**\n * Makes sure the object is a TimeframePreset.\n * @internal\n */\nexport function isTimeframePreset(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  timeframePreset: any,\n): timeframePreset is TimeframePreset {\n  if (typeof timeframePreset !== 'object') {\n    return false;\n  }\n  const hasValidId =\n    timeframePreset.id !== undefined && typeof timeframePreset.id === 'string';\n  const hasValidTimeframe =\n    timeframePreset.timeframe && isTimeframe(timeframePreset.timeframe);\n  return hasValidId && hasValidTimeframe;\n}\n/**\n * Makes sure the object is a UserTimeframePresets.\n * @internal\n */\nexport function isUserTimeframePresets(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  userTimeframePreset: any,\n): userTimeframePreset is UserTimeframePresets {\n  if (typeof userTimeframePreset !== 'object' || userTimeframePreset === null) {\n    return false;\n  }\n  const hasValidRecentPresets =\n    isArray(userTimeframePreset.recentPresets) &&\n    userTimeframePreset.recentPresets.every((recentPreset: unknown) =>\n      isTimeframePreset(recentPreset),\n    );\n\n  return hasValidRecentPresets;\n}\n//#endregion\n\ntype GlobalThisType = typeof globalThis & {\n  dtRuntime?: {\n    timeframes?: {\n      addRecentTimeframePreset(payload: {\n        timeframe: Timeframe;\n      }): Promise<UserTimeframePresets>;\n      getTimeframePresets(): Promise<UserTimeframePresets>;\n    };\n  };\n};\n\nconst RECENT_TIMEFRAME_SERVICE_UNAVAILABLE =\n  'TimeframeSelector recent timeframe service is not available.';\nconst SAVE_RECENT_TIMEFRAME_ERROR =\n  'TimeframeSelector failed to save recent timeframe.';\nconst GET_RECENT_TIMEFRAME_ERROR =\n  'TimeframeSelector failed to get recent timeframes.';\n\n/**\n * Function to add a timeframe preset to the user app state via the app shell runtime function for timeframe presets.\n * It only returns valid timeframePreset according to the `UserTimeframePresets`-type.\n * @internal\n */\nexport async function addRecentTimeframePreset(\n  timeframe: Timeframe,\n): Promise<UserTimeframePresets> {\n  const dtRuntimeTimeframes = (globalThis as GlobalThisType).dtRuntime\n    ?.timeframes;\n  if (!dtRuntimeTimeframes?.addRecentTimeframePreset) {\n    devLog(RECENT_TIMEFRAME_SERVICE_UNAVAILABLE);\n    return { recentPresets: [] };\n  }\n  return dtRuntimeTimeframes\n    .addRecentTimeframePreset({ timeframe })\n    .then((presets) => {\n      if (presets && isUserTimeframePresets(presets)) {\n        return presets;\n      }\n      return { recentPresets: [] };\n    })\n    .catch(() => {\n      devLog(SAVE_RECENT_TIMEFRAME_ERROR);\n      return { recentPresets: [] };\n    });\n}\n\n/**\n * Wrapper around `addRecentTimeframePreset`.\n * @internal\n */\nexport function saveRecentTimeframe(timeframe: TimeframeWithTimeValue): void {\n  void addRecentTimeframePreset({\n    from: timeframe.from.value,\n    to: timeframe.to.value,\n  })\n    .then((presets) => {\n      timeframeQueryClient.setQueryData(TIMEFRAME_PRESETS_QUERY_KEY, presets);\n\n      return timeframeQueryClient.refetchQueries({\n        queryKey: TIMEFRAME_PRESETS_QUERY_KEY,\n        type: 'all',\n      });\n    })\n    .catch(() => {\n      // silently ignore errors - not critical if saving a recently used timeframe doesn't work\n    });\n}\n\n/**\n * Function to get timeframe presets for the user app state via the app shell runtime function for timeframe presets.\n * It only returns valid timeframePreset according to the `UserTimeframePresets`-type.\n * @internal\n */\nexport async function getTimeframePresets(): Promise<UserTimeframePresets> {\n  const dtRuntimeTimeframes = (globalThis as GlobalThisType).dtRuntime\n    ?.timeframes;\n  if (!dtRuntimeTimeframes?.getTimeframePresets) {\n    devLog(RECENT_TIMEFRAME_SERVICE_UNAVAILABLE);\n    return { recentPresets: [] };\n  }\n  return dtRuntimeTimeframes\n    .getTimeframePresets()\n    .then((presets) => {\n      if (presets && isUserTimeframePresets(presets)) {\n        return presets;\n      }\n      return { recentPresets: [] };\n    })\n    .catch(() => {\n      devLog(GET_RECENT_TIMEFRAME_ERROR);\n      return { recentPresets: [] };\n    });\n}\n\n/**\n * Checks if a given timeframe value (preset) matches the currently selected timeframe.\n * If the preset is a recent timeframe it will not be displayed as selected in the UI.\n * @param value - The timeframe value of the preset to compare against.\n * @param details - The current value of the timeframe selector.\n * @param precision - The precision level (e.g., 'milliseconds', 'minutes', 'seconds') to consider.\n * @param isRecent - A boolean indicating whether the preset being checked is a recent timeframe.\n * @returns A boolean indicating whether the given preset should be displayed as selected.\n * @internal\n */\nexport function isPresetSelected(\n  value: Timeframe,\n  details: RequireAtLeastOne<TimeframeWithTimeValue> | null,\n  isRecent: boolean,\n  precision?: Precision,\n): boolean {\n  if (isRecent) {\n    return false;\n  }\n\n  const selectedFrom = details?.from?.value;\n  const selectedTo = details?.to?.value;\n\n  const { from: presetFrom, to: presetTo } = parseValue(\n    value,\n    false,\n    precision,\n  );\n\n  // only indicate selected state for presets, not for recent timeframes\n  return (\n    selectedFrom !== undefined &&\n    selectedTo !== undefined &&\n    selectedFrom === presetFrom?.value &&\n    selectedTo === presetTo?.value\n  );\n}\n"],
+  "sourcesContent": ["import { isArray } from 'lodash-es';\nimport type { RequireAtLeastOne } from 'type-fest';\n\nimport {\n  timeframeQueryClient,\n  TIMEFRAME_PRESETS_QUERY_KEY,\n} from './TimeframePresetsClient.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { Timeframe as TimeframeWithTimeValue } from '../../../core/types/time.js';\nimport { devLog } from '../../../core/utils/logging.js';\nimport { parseValue } from '../../../forms/forms-core/time/timeParser.js';\n\n//#region API types\n/** @internal - will come from the official SDK at some point. */\nexport interface Timeframe {\n  from: string;\n  to: string;\n}\n\n/** @internal - will come from the official SDK at some point. */\nexport interface TimeframePreset {\n  id: string;\n  timeframe: Timeframe;\n}\n\n/** @internal - will come from the official SDK at some point. */\nexport interface UserTimeframePresets {\n  recentPresets: TimeframePreset[];\n}\n//#endregion\n\n//#region type guards\n/**\n * Makes sure the object is a Timeframe.\n * @internal\n */\nexport function isTimeframe(\n  // oxlint-disable-next-line typescript/no-explicit-any\n  timeframe: any,\n): timeframe is Timeframe {\n  if (typeof timeframe !== 'object') {\n    return false;\n  }\n  return typeof timeframe.from === 'string' && typeof timeframe.to === 'string';\n}\n/**\n * Makes sure the object is a TimeframePreset.\n * @internal\n */\nexport function isTimeframePreset(\n  // oxlint-disable-next-line typescript/no-explicit-any\n  timeframePreset: any,\n): timeframePreset is TimeframePreset {\n  if (typeof timeframePreset !== 'object') {\n    return false;\n  }\n  const hasValidId =\n    timeframePreset.id !== undefined && typeof timeframePreset.id === 'string';\n  const hasValidTimeframe =\n    timeframePreset.timeframe && isTimeframe(timeframePreset.timeframe);\n  return hasValidId && hasValidTimeframe;\n}\n/**\n * Makes sure the object is a UserTimeframePresets.\n * @internal\n */\nexport function isUserTimeframePresets(\n  // oxlint-disable-next-line typescript/no-explicit-any\n  userTimeframePreset: any,\n): userTimeframePreset is UserTimeframePresets {\n  if (typeof userTimeframePreset !== 'object' || userTimeframePreset === null) {\n    return false;\n  }\n  const hasValidRecentPresets =\n    isArray(userTimeframePreset.recentPresets) &&\n    userTimeframePreset.recentPresets.every((recentPreset: unknown) =>\n      isTimeframePreset(recentPreset),\n    );\n\n  return hasValidRecentPresets;\n}\n//#endregion\n\ntype GlobalThisType = typeof globalThis & {\n  dtRuntime?: {\n    timeframes?: {\n      addRecentTimeframePreset(payload: {\n        timeframe: Timeframe;\n      }): Promise<UserTimeframePresets>;\n      getTimeframePresets(): Promise<UserTimeframePresets>;\n    };\n  };\n};\n\nconst RECENT_TIMEFRAME_SERVICE_UNAVAILABLE =\n  'TimeframeSelector recent timeframe service is not available.';\nconst SAVE_RECENT_TIMEFRAME_ERROR =\n  'TimeframeSelector failed to save recent timeframe.';\nconst GET_RECENT_TIMEFRAME_ERROR =\n  'TimeframeSelector failed to get recent timeframes.';\n\n/**\n * Function to add a timeframe preset to the user app state via the app shell runtime function for timeframe presets.\n * It only returns valid timeframePreset according to the `UserTimeframePresets`-type.\n * @internal\n */\nexport async function addRecentTimeframePreset(\n  timeframe: Timeframe,\n): Promise<UserTimeframePresets> {\n  const dtRuntimeTimeframes = (globalThis as GlobalThisType).dtRuntime\n    ?.timeframes;\n  if (!dtRuntimeTimeframes?.addRecentTimeframePreset) {\n    devLog(RECENT_TIMEFRAME_SERVICE_UNAVAILABLE);\n    return { recentPresets: [] };\n  }\n  return dtRuntimeTimeframes\n    .addRecentTimeframePreset({ timeframe })\n    .then((presets) => {\n      if (presets && isUserTimeframePresets(presets)) {\n        return presets;\n      }\n      return { recentPresets: [] };\n    })\n    .catch(() => {\n      devLog(SAVE_RECENT_TIMEFRAME_ERROR);\n      return { recentPresets: [] };\n    });\n}\n\n/**\n * Wrapper around `addRecentTimeframePreset`.\n * @internal\n */\nexport function saveRecentTimeframe(timeframe: TimeframeWithTimeValue): void {\n  void addRecentTimeframePreset({\n    from: timeframe.from.value,\n    to: timeframe.to.value,\n  })\n    .then((presets) => {\n      timeframeQueryClient.setQueryData(TIMEFRAME_PRESETS_QUERY_KEY, presets);\n\n      return timeframeQueryClient.refetchQueries({\n        queryKey: TIMEFRAME_PRESETS_QUERY_KEY,\n        type: 'all',\n      });\n    })\n    .catch(() => {\n      // silently ignore errors - not critical if saving a recently used timeframe doesn't work\n    });\n}\n\n/**\n * Function to get timeframe presets for the user app state via the app shell runtime function for timeframe presets.\n * It only returns valid timeframePreset according to the `UserTimeframePresets`-type.\n * @internal\n */\nexport async function getTimeframePresets(): Promise<UserTimeframePresets> {\n  const dtRuntimeTimeframes = (globalThis as GlobalThisType).dtRuntime\n    ?.timeframes;\n  if (!dtRuntimeTimeframes?.getTimeframePresets) {\n    devLog(RECENT_TIMEFRAME_SERVICE_UNAVAILABLE);\n    return { recentPresets: [] };\n  }\n  return dtRuntimeTimeframes\n    .getTimeframePresets()\n    .then((presets) => {\n      if (presets && isUserTimeframePresets(presets)) {\n        return presets;\n      }\n      return { recentPresets: [] };\n    })\n    .catch(() => {\n      devLog(GET_RECENT_TIMEFRAME_ERROR);\n      return { recentPresets: [] };\n    });\n}\n\n/**\n * Checks if a given timeframe value (preset) matches the currently selected timeframe.\n * If the preset is a recent timeframe it will not be displayed as selected in the UI.\n * @param value - The timeframe value of the preset to compare against.\n * @param details - The current value of the timeframe selector.\n * @param precision - The precision level (e.g., 'milliseconds', 'minutes', 'seconds') to consider.\n * @param isRecent - A boolean indicating whether the preset being checked is a recent timeframe.\n * @returns A boolean indicating whether the given preset should be displayed as selected.\n * @internal\n */\nexport function isPresetSelected(\n  value: Timeframe,\n  details: RequireAtLeastOne<TimeframeWithTimeValue> | null,\n  isRecent: boolean,\n  precision?: Precision,\n): boolean {\n  if (isRecent) {\n    return false;\n  }\n\n  const selectedFrom = details?.from?.value;\n  const selectedTo = details?.to?.value;\n\n  const { from: presetFrom, to: presetTo } = parseValue(\n    value,\n    false,\n    precision,\n  );\n\n  // only indicate selected state for presets, not for recent timeframes\n  return (\n    selectedFrom !== undefined &&\n    selectedTo !== undefined &&\n    selectedFrom === presetFrom?.value &&\n    selectedTo === presetTo?.value\n  );\n}\n"],
   "mappings": "AAAA,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AA0BpB,SAAS,YAEd,WACwB;AACxB,MAAI,OAAO,cAAc,UAAU;AACjC,WAAO;AAAA,EACT;AACA,SAAO,OAAO,UAAU,SAAS,YAAY,OAAO,UAAU,OAAO;AACvE;AAKO,SAAS,kBAEd,iBACoC;AACpC,MAAI,OAAO,oBAAoB,UAAU;AACvC,WAAO;AAAA,EACT;AACA,QAAM,aACJ,gBAAgB,OAAO,UAAa,OAAO,gBAAgB,OAAO;AACpE,QAAM,oBACJ,gBAAgB,aAAa,YAAY,gBAAgB,SAAS;AACpE,SAAO,cAAc;AACvB;AAKO,SAAS,uBAEd,qBAC6C;AAC7C,MAAI,OAAO,wBAAwB,YAAY,wBAAwB,MAAM;AAC3E,WAAO;AAAA,EACT;AACA,QAAM,wBACJ,QAAQ,oBAAoB,aAAa,KACzC,oBAAoB,cAAc;AAAA,IAAM,CAAC,iBACvC,kBAAkB,YAAY;AAAA,EAChC;AAEF,SAAO;AACT;AAcA,MAAM,uCACJ;AACF,MAAM,8BACJ;AACF,MAAM,6BACJ;AAOF,eAAsB,yBACpB,WAC+B;AAC/B,QAAM,sBAAuB,WAA8B,WACvD;AACJ,MAAI,CAAC,qBAAqB,0BAA0B;AAClD,WAAO,oCAAoC;AAC3C,WAAO,EAAE,eAAe,CAAC,EAAE;AAAA,EAC7B;AACA,SAAO,oBACJ,yBAAyB,EAAE,UAAU,CAAC,EACtC,KAAK,CAAC,YAAY;AACjB,QAAI,WAAW,uBAAuB,OAAO,GAAG;AAC9C,aAAO;AAAA,IACT;AACA,WAAO,EAAE,eAAe,CAAC,EAAE;AAAA,EAC7B,CAAC,EACA,MAAM,MAAM;AACX,WAAO,2BAA2B;AAClC,WAAO,EAAE,eAAe,CAAC,EAAE;AAAA,EAC7B,CAAC;AACL;AAMO,SAAS,oBAAoB,WAAyC;AAC3E,OAAK,yBAAyB;AAAA,IAC5B,MAAM,UAAU,KAAK;AAAA,IACrB,IAAI,UAAU,GAAG;AAAA,EACnB,CAAC,EACE,KAAK,CAAC,YAAY;AACjB,yBAAqB,aAAa,6BAA6B,OAAO;AAEtE,WAAO,qBAAqB,eAAe;AAAA,MACzC,UAAU;AAAA,MACV,MAAM;AAAA,IACR,CAAC;AAAA,EACH,CAAC,EACA,MAAM,MAAM;AAAA,EAEb,CAAC;AACL;AAOA,eAAsB,sBAAqD;AACzE,QAAM,sBAAuB,WAA8B,WACvD;AACJ,MAAI,CAAC,qBAAqB,qBAAqB;AAC7C,WAAO,oCAAoC;AAC3C,WAAO,EAAE,eAAe,CAAC,EAAE;AAAA,EAC7B;AACA,SAAO,oBACJ,oBAAoB,EACpB,KAAK,CAAC,YAAY;AACjB,QAAI,WAAW,uBAAuB,OAAO,GAAG;AAC9C,aAAO;AAAA,IACT;AACA,WAAO,EAAE,eAAe,CAAC,EAAE;AAAA,EAC7B,CAAC,EACA,MAAM,MAAM;AACX,WAAO,0BAA0B;AACjC,WAAO,EAAE,eAAe,CAAC,EAAE;AAAA,EAC7B,CAAC;AACL;AAYO,SAAS,iBACd,OACA,SACA,UACA,WACS;AACT,MAAI,UAAU;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,SAAS,MAAM;AACpC,QAAM,aAAa,SAAS,IAAI;AAEhC,QAAM,EAAE,MAAM,YAAY,IAAI,SAAS,IAAI;AAAA,IACzC;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAGA,SACE,iBAAiB,UACjB,eAAe,UACf,iBAAiB,YAAY,SAC7B,eAAe,UAAU;AAE7B;",
   "names": []
 }