@dynatrace/strato-components 3.1.1 → 3.2.0

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 {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport * as styles from './TimeframeSelectorOverlay.sty.js';\nimport { Button } from '../../../../buttons/button/Button.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, 'onChange' | 'clearable'>,\n) => {\n  const { clearable, onChange } = props;\n  const intl = useIntl();\n\n  const timeZoneWithOffset = useMemo(() => {\n    const timeZone = getTimezone();\n\n    const parts = new Intl.DateTimeFormat(getRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'shortOffset',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const partsShortName = new Intl.DateTimeFormat(getRegionalFormat(), {\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    onChange?.(null); // calls onChange only if it's not required\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\" />}\n          <Text\n            as={ExternalLink}\n            href=\"https://dt-url.net/timeframe-selector\"\n            textStyle=\"small\"\n            style={{ paddingRight: Spacings.Size6 }}\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": "AAwDI,mBACE,KASE,YAVJ;AAxDJ,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,OAAO,cAAc;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAGrC,MAAM,iCAAiC,CAC5C,UACG;AACH,QAAM,EAAE,WAAW,SAAS,IAAI;AAChC,QAAM,OAAO,QAAQ;AAErB,QAAM,qBAAqB,QAAQ,MAAM;AACvC,UAAM,WAAW,YAAY;AAE7B,UAAM,QAAQ,IAAI,KAAK,eAAe,kBAAkB,GAAG;AAAA,MACzD;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,iBAAiB,IAAI,KAAK,eAAe,kBAAkB,GAAG;AAAA,MAClE;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,eAAW,IAAI;AAAA,EACjB;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;AAAA,gBAC9C;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,OAAO,EAAE,cAAc,SAAS,MAAM;AAAA,oBAErC,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 {\n  getRegionalFormat,\n  getTimezone,\n} from '@dynatrace-sdk/user-preferences';\n\nimport * as styles from './TimeframeSelectorOverlay.sty.js';\nimport { Button } from '../../../../buttons/button/Button.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, 'onChange' | 'clearable'>,\n) => {\n  const { clearable, onChange } = props;\n  const intl = useIntl();\n\n  const timeZoneWithOffset = useMemo(() => {\n    const timeZone = getTimezone();\n\n    const parts = new Intl.DateTimeFormat(getRegionalFormat(), {\n      timeZone,\n      timeZoneName: 'shortOffset',\n    }).formatToParts(TZDateMini.tz(timeZone));\n    const partsShortName = new Intl.DateTimeFormat(getRegionalFormat(), {\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    onChange?.(null); // calls onChange only if it's not required\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\" />}\n          <Text\n            as={ExternalLink}\n            href=\"https://dt-url.net/timeframe-selector\"\n            textStyle=\"small\"\n            style={{ paddingRight: Spacings.Size6 }}\n            data-dt-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": "AAwDI,mBACE,KASE,YAVJ;AAxDJ,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,OAAO,cAAc;AACrB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAGrC,MAAM,iCAAiC,CAC5C,UACG;AACH,QAAM,EAAE,WAAW,SAAS,IAAI;AAChC,QAAM,OAAO,QAAQ;AAErB,QAAM,qBAAqB,QAAQ,MAAM;AACvC,UAAM,WAAW,YAAY;AAE7B,UAAM,QAAQ,IAAI,KAAK,eAAe,kBAAkB,GAAG;AAAA,MACzD;AAAA,MACA,cAAc;AAAA,IAChB,CAAC,EAAE,cAAc,WAAW,GAAG,QAAQ,CAAC;AACxC,UAAM,iBAAiB,IAAI,KAAK,eAAe,kBAAkB,GAAG;AAAA,MAClE;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,eAAW,IAAI;AAAA,EACjB;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;AAAA,gBAC9C;AAAA,kBAAC;AAAA;AAAA,oBACC,IAAI;AAAA,oBACJ,MAAK;AAAA,oBACL,WAAU;AAAA,oBACV,OAAO,EAAE,cAAc,SAAS,MAAM;AAAA,oBACtC,gBAAa;AAAA,oBAEZ,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/Presets.css

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

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

@@ -45,7 +45,14 @@ const Presets = (props) => {
       style: consumerStyle,
       "data-testid": dataTestId,
       ...remainingProps,
-      children: validChildren ?? TIMEFRAME_SELECTOR_PRESETS.map((item) => /* @__PURE__ */ jsx(PresetItem, { value: item }, `${item.from} \u2192 ${item.to}`))
+      children: validChildren ?? TIMEFRAME_SELECTOR_PRESETS.map((item) => /* @__PURE__ */ jsx(
+        PresetItem,
+        {
+          value: item,
+          "data-dt-name": "Preset"
+        },
+        `${item.from} \u2192 ${item.to}`
+      ))
     }
   );
 };

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

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

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

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

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

@@ -48,7 +48,8 @@ const RecentTimeframes = () => {
           children: /* @__PURE__ */ jsx(PresetItemContext.Provider, { value: presetItemContextValue, children: data.recentPresets.map(({ timeframe }) => /* @__PURE__ */ jsx(
             PresetItem,
             {
-              value: timeframe
+              value: timeframe,
+              "data-dt-name": "Recent"
             },
             `${timeframe.from} \u2192 ${timeframe.to}`
           )) })

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/presets/RecentTimeframes.tsx"],
-  "sourcesContent": ["import { useQuery } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PresetItem } from './PresetItem.js';\nimport * as styles from './Presets.sty.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport { PresetItemContext } from '../../contexts/PresetItemContext.js';\nimport { getTimeframePresets } from '../../utils/presets-helpers.js';\nimport {\n  timeframeQueryClient,\n  TIMEFRAME_PRESETS_QUERY_KEY,\n} from '../../utils/TimeframePresetsClient.js';\n\n/**\n * A list of recently selected timeframes shown in the overlay.\n * @public\n */\nexport const RecentTimeframes = () => {\n  const intl = useIntl();\n\n  const { data, isLoading } = useQuery(\n    {\n      queryKey: TIMEFRAME_PRESETS_QUERY_KEY,\n      queryFn: getTimeframePresets,\n      notifyOnChangeProps: ['dataUpdatedAt'],\n    },\n    timeframeQueryClient,\n  );\n\n  const presetItemContextValue = useMemo(\n    () => ({ isRecent: true as const }),\n    [],\n  );\n\n  if (!data?.recentPresets?.length || isLoading) {\n    return null;\n  }\n\n  const ariaLabel = intl.formatMessage(\n    TIMEFRAME_SELECTOR_MESSAGES.recentTimeframesList,\n  );\n\n  return (\n    <>\n      <Divider flexItem={false} />\n      <div>\n        <Text textStyle=\"small\" className={styles.recentHeading} as=\"div\">\n          {intl.formatMessage(\n            TIMEFRAME_SELECTOR_MESSAGES.recentTimeframesHeading,\n          )}\n        </Text>\n        <ul\n          role=\"listbox\"\n          className={styles.listContainer}\n          aria-label={ariaLabel}\n        >\n          <PresetItemContext.Provider value={presetItemContextValue}>\n            {data.recentPresets.map(({ timeframe }) => (\n              <PresetItem\n                key={`${timeframe.from} \u2192 ${timeframe.to}`}\n                value={timeframe}\n              />\n            ))}\n          </PresetItemContext.Provider>\n        </ul>\n      </div>\n    </>\n  );\n};\n\n(\n  RecentTimeframes as typeof RecentTimeframes & { displayName: string }\n).displayName = 'RecentTimeframes';\n"],
-  "mappings": "AA8CI,mBACE,KACA,YAFF;AA9CJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAC3B,YAAY,YAAY;AACxB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMA,MAAM,mBAAmB,MAAM;AACpC,QAAM,OAAO,QAAQ;AAErB,QAAM,EAAE,MAAM,UAAU,IAAI;AAAA,IAC1B;AAAA,MACE,UAAU;AAAA,MACV,SAAS;AAAA,MACT,qBAAqB,CAAC,eAAe;AAAA,IACvC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,yBAAyB;AAAA,IAC7B,OAAO,EAAE,UAAU,KAAc;AAAA,IACjC,CAAC;AAAA,EACH;AAEA,MAAI,CAAC,MAAM,eAAe,UAAU,WAAW;AAC7C,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,KAAK;AAAA,IACrB,4BAA4B;AAAA,EAC9B;AAEA,SACE,iCACE;AAAA,wBAAC,WAAQ,UAAU,OAAO;AAAA,IAC1B,qBAAC,SACC;AAAA,0BAAC,QAAK,WAAU,SAAQ,WAAW,OAAO,eAAe,IAAG,OACzD,eAAK;AAAA,QACJ,4BAA4B;AAAA,MAC9B,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,OAAO;AAAA,UAClB,cAAY;AAAA,UAEZ,8BAAC,kBAAkB,UAAlB,EAA2B,OAAO,wBAChC,eAAK,cAAc,IAAI,CAAC,EAAE,UAAU,MACnC;AAAA,YAAC;AAAA;AAAA,cAEC,OAAO;AAAA;AAAA,YADF,GAAG,UAAU,IAAI,WAAM,UAAU,EAAE;AAAA,UAE1C,CACD,GACH;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;AAGE,iBACA,cAAc;",
+  "sourcesContent": ["import { useQuery } from '@tanstack/react-query';\nimport { useMemo } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { PresetItem } from './PresetItem.js';\nimport * as styles from './Presets.sty.js';\nimport { Divider } from '../../../../layouts/divider/Divider.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../../constants/timeframeSelectorMessages.js';\nimport { PresetItemContext } from '../../contexts/PresetItemContext.js';\nimport { getTimeframePresets } from '../../utils/presets-helpers.js';\nimport {\n  timeframeQueryClient,\n  TIMEFRAME_PRESETS_QUERY_KEY,\n} from '../../utils/TimeframePresetsClient.js';\n\n/**\n * A list of recently selected timeframes shown in the overlay.\n * @public\n */\nexport const RecentTimeframes = () => {\n  const intl = useIntl();\n\n  const { data, isLoading } = useQuery(\n    {\n      queryKey: TIMEFRAME_PRESETS_QUERY_KEY,\n      queryFn: getTimeframePresets,\n      notifyOnChangeProps: ['dataUpdatedAt'],\n    },\n    timeframeQueryClient,\n  );\n\n  const presetItemContextValue = useMemo(\n    () => ({ isRecent: true as const }),\n    [],\n  );\n\n  if (!data?.recentPresets?.length || isLoading) {\n    return null;\n  }\n\n  const ariaLabel = intl.formatMessage(\n    TIMEFRAME_SELECTOR_MESSAGES.recentTimeframesList,\n  );\n\n  return (\n    <>\n      <Divider flexItem={false} />\n      <div>\n        <Text textStyle=\"small\" className={styles.recentHeading} as=\"div\">\n          {intl.formatMessage(\n            TIMEFRAME_SELECTOR_MESSAGES.recentTimeframesHeading,\n          )}\n        </Text>\n        <ul\n          role=\"listbox\"\n          className={styles.listContainer}\n          aria-label={ariaLabel}\n        >\n          <PresetItemContext.Provider value={presetItemContextValue}>\n            {data.recentPresets.map(({ timeframe }) => (\n              <PresetItem\n                key={`${timeframe.from} \u2192 ${timeframe.to}`}\n                value={timeframe}\n                data-dt-name=\"Recent\"\n              />\n            ))}\n          </PresetItemContext.Provider>\n        </ul>\n      </div>\n    </>\n  );\n};\n\n(\n  RecentTimeframes as typeof RecentTimeframes & { displayName: string }\n).displayName = 'RecentTimeframes';\n"],
+  "mappings": "AA8CI,mBACE,KACA,YAFF;AA9CJ,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,SAAS,kBAAkB;AAC3B,YAAY,YAAY;AACxB,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAMA,MAAM,mBAAmB,MAAM;AACpC,QAAM,OAAO,QAAQ;AAErB,QAAM,EAAE,MAAM,UAAU,IAAI;AAAA,IAC1B;AAAA,MACE,UAAU;AAAA,MACV,SAAS;AAAA,MACT,qBAAqB,CAAC,eAAe;AAAA,IACvC;AAAA,IACA;AAAA,EACF;AAEA,QAAM,yBAAyB;AAAA,IAC7B,OAAO,EAAE,UAAU,KAAc;AAAA,IACjC,CAAC;AAAA,EACH;AAEA,MAAI,CAAC,MAAM,eAAe,UAAU,WAAW;AAC7C,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,KAAK;AAAA,IACrB,4BAA4B;AAAA,EAC9B;AAEA,SACE,iCACE;AAAA,wBAAC,WAAQ,UAAU,OAAO;AAAA,IAC1B,qBAAC,SACC;AAAA,0BAAC,QAAK,WAAU,SAAQ,WAAW,OAAO,eAAe,IAAG,OACzD,eAAK;AAAA,QACJ,4BAA4B;AAAA,MAC9B,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,OAAO;AAAA,UAClB,cAAY;AAAA,UAEZ,8BAAC,kBAAkB,UAAlB,EAA2B,OAAO,wBAChC,eAAK,cAAc,IAAI,CAAC,EAAE,UAAU,MACnC;AAAA,YAAC;AAAA;AAAA,cAEC,OAAO;AAAA,cACP,gBAAa;AAAA;AAAA,YAFR,GAAG,UAAU,IAAI,WAAM,UAAU,EAAE;AAAA,UAG1C,CACD,GACH;AAAA;AAAA,MACF;AAAA,OACF;AAAA,KACF;AAEJ;AAGE,iBACA,cAAc;",
   "names": []
 }

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

@@ -91,6 +91,7 @@ const StepperButton = (props) => {
     onChange
   ]);
   const intl = useIntl();
+  const dataDtName = direction === "backward" ? "StepBackward" : "StepForward";
   const formattedStepperValue = formatStepperValues(
     shiftValue.from,
     shiftValue.to,
@@ -116,6 +117,7 @@ const StepperButton = (props) => {
           "aria-disabled": ariaDisabledProp,
           "aria-label": formattedStepperValue,
           onBlur,
+          "data-dt-name": dataDtName,
           children: direction === "backward" ? /* @__PURE__ */ jsx(ChevronLeftSmallIcon, {}) : /* @__PURE__ */ jsx(ChevronRightSmallIcon, {})
         }
       )

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/timeframe-selector/components/stepper/StepperButton.tsx"],
-  "sourcesContent": ["import { useCallback, useContext, useEffect, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport { StepperButtonTooltip } from './StepperButtonTooltip.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport type { FormControlBaseProps } from '../../../../core/types/form-control-props.js';\nimport type { Timeframe } from '../../../../core/types/time.js';\nimport { SelectedOverCalendarContext } from '../../../../forms/date-time-range-picker/contexts/SelectedOverCalendarContext.js';\nimport { removePrecision } from '../../../../forms/forms-core/time/timeParser.js';\nimport { useInternalTimeframeSelectorContext } from '../../hooks/useInternalTimeframeSelectorContext.js';\nimport {\n  formatStepperValues,\n  getTimeShift,\n} from '../../utils/stepper-helpers.js';\nimport {\n  dateIsMinMax,\n  isBiggerThan,\n  isSmallerThan,\n} from '../../utils/timeframe-selection.js';\n\n//#region Typings\ninterface TimeframeStepperProps\n  extends FormControlBaseProps<\n    (timeframe: Timeframe, isMinOrMax: boolean) => void\n  > {\n  /** The value of the timeframe selector, containing the 'from' and 'to' timeframe details. */\n  value: Timeframe;\n  /** The direction the timeframe will be shifted to. */\n  direction: 'backward' | 'forward';\n  /**  Callback function to handle value changes. */\n  onChange: (timeframe: Timeframe, isMinOrMax: boolean) => void;\n  /**  Callback function to handle on blur events. */\n  onBlur?: () => void;\n}\n//#endregion\n\nfunction isStepperDisabled(\n  direction: TimeframeStepperProps['direction'],\n  value: TimeframeStepperProps['value'],\n  min?: string,\n  max?: string,\n): boolean {\n  if (direction === 'backward') {\n    const nextStepIsValid =\n      isSmallerThan(value.from.absoluteDate, min) ||\n      dateIsMinMax(value.from, min);\n\n    return nextStepIsValid;\n  }\n\n  if (direction === 'forward') {\n    const nextStepIsValid =\n      isBiggerThan(value.to.absoluteDate, max) ||\n      dateIsMinMax(value.to, undefined, max);\n\n    return nextStepIsValid;\n  }\n\n  return false;\n}\n\n/**\n * StepperButton component to shift the timeframe backward and forward.\n * @internal\n */\nexport const StepperButton = (props: TimeframeStepperProps) => {\n  const {\n    value,\n    disabled,\n    direction,\n    'aria-disabled': ariaDisabledProp,\n    onChange,\n    onBlur,\n  }: TimeframeStepperProps = props;\n\n  const [shiftValue, setShiftValue] = useState<Timeframe>(value);\n  const {\n    min: contextMin,\n    max: contextMax,\n    showError,\n    readOnly,\n    precision,\n  } = useInternalTimeframeSelectorContext();\n  const min = contextMin && removePrecision(contextMin, precision);\n  const max = contextMax && removePrecision(contextMax, precision);\n\n  const { selectedOverCalendar } = useContext(SelectedOverCalendarContext);\n\n  const [isDisabled, setIsDisabled] = useState(\n    isStepperDisabled(direction, value, min, max),\n  );\n\n  /** Handle value change. */\n  useEffect(() => {\n    setIsDisabled(isStepperDisabled(direction, value, min, max));\n\n    const newShiftValue = getTimeShift(value, {\n      direction,\n      min,\n      max,\n      selectedOverCalendar,\n      precision,\n    });\n\n    if (newShiftValue) {\n      setShiftValue(newShiftValue);\n    }\n  }, [direction, value, min, max, selectedOverCalendar, isDisabled, precision]);\n\n  /** Handle onClick. */\n  const handleShift = useCallback(() => {\n    const newShiftValue = getTimeShift(value, {\n      direction,\n      min,\n      max,\n      selectedOverCalendar,\n      precision,\n    });\n\n    if (newShiftValue && !readOnly) {\n      onChange?.(\n        newShiftValue,\n        direction === 'backward'\n          ? dateIsMinMax(newShiftValue.from, min, max)\n          : dateIsMinMax(newShiftValue.to, min, max),\n      );\n    }\n  }, [\n    value,\n    direction,\n    min,\n    max,\n    selectedOverCalendar,\n    precision,\n    readOnly,\n    onChange,\n  ]);\n\n  const intl = useIntl();\n\n  const formattedStepperValue = formatStepperValues(\n    shiftValue.from,\n    shiftValue.to,\n    intl,\n    direction,\n    selectedOverCalendar,\n  );\n\n  return (\n    <StepperButtonTooltip\n      disabled={disabled || isDisabled}\n      value={shiftValue}\n      precision={precision}\n      formattedStepperValue={formattedStepperValue}\n    >\n      <Button\n        style={{ minWidth: 'fit-content' }}\n        variant=\"emphasized\"\n        color={showError ? 'critical' : 'neutral'}\n        disabled={disabled || isDisabled}\n        onClick={handleShift}\n        aria-disabled={ariaDisabledProp}\n        aria-label={formattedStepperValue}\n        onBlur={onBlur}\n      >\n        {direction === 'backward' ? (\n          <ChevronLeftSmallIcon />\n        ) : (\n          <ChevronRightSmallIcon />\n        )}\n      </Button>\n    </StepperButtonTooltip>\n  );\n};\n\n(StepperButton as typeof StepperButton & { displayName: string }).displayName =\n  'TimeframeStepperButton';\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useCallback, useContext, useEffect, useState } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  ChevronLeftSmallIcon,\n  ChevronRightSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport { StepperButtonTooltip } from './StepperButtonTooltip.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport type { FormControlBaseProps } from '../../../../core/types/form-control-props.js';\nimport type { Timeframe } from '../../../../core/types/time.js';\nimport { SelectedOverCalendarContext } from '../../../../forms/date-time-range-picker/contexts/SelectedOverCalendarContext.js';\nimport { removePrecision } from '../../../../forms/forms-core/time/timeParser.js';\nimport { useInternalTimeframeSelectorContext } from '../../hooks/useInternalTimeframeSelectorContext.js';\nimport {\n  formatStepperValues,\n  getTimeShift,\n} from '../../utils/stepper-helpers.js';\nimport {\n  dateIsMinMax,\n  isBiggerThan,\n  isSmallerThan,\n} from '../../utils/timeframe-selection.js';\n\n//#region Typings\ninterface TimeframeStepperProps\n  extends FormControlBaseProps<\n    (timeframe: Timeframe, isMinOrMax: boolean) => void\n  > {\n  /** The value of the timeframe selector, containing the 'from' and 'to' timeframe details. */\n  value: Timeframe;\n  /** The direction the timeframe will be shifted to. */\n  direction: 'backward' | 'forward';\n  /**  Callback function to handle value changes. */\n  onChange: (timeframe: Timeframe, isMinOrMax: boolean) => void;\n  /**  Callback function to handle on blur events. */\n  onBlur?: () => void;\n}\n//#endregion\n\nfunction isStepperDisabled(\n  direction: TimeframeStepperProps['direction'],\n  value: TimeframeStepperProps['value'],\n  min?: string,\n  max?: string,\n): boolean {\n  if (direction === 'backward') {\n    const nextStepIsValid =\n      isSmallerThan(value.from.absoluteDate, min) ||\n      dateIsMinMax(value.from, min);\n\n    return nextStepIsValid;\n  }\n\n  if (direction === 'forward') {\n    const nextStepIsValid =\n      isBiggerThan(value.to.absoluteDate, max) ||\n      dateIsMinMax(value.to, undefined, max);\n\n    return nextStepIsValid;\n  }\n\n  return false;\n}\n\n/**\n * StepperButton component to shift the timeframe backward and forward.\n * @internal\n */\nexport const StepperButton = (props: TimeframeStepperProps) => {\n  const {\n    value,\n    disabled,\n    direction,\n    'aria-disabled': ariaDisabledProp,\n    onChange,\n    onBlur,\n  }: TimeframeStepperProps = props;\n\n  const [shiftValue, setShiftValue] = useState<Timeframe>(value);\n  const {\n    min: contextMin,\n    max: contextMax,\n    showError,\n    readOnly,\n    precision,\n  } = useInternalTimeframeSelectorContext();\n  const min = contextMin && removePrecision(contextMin, precision);\n  const max = contextMax && removePrecision(contextMax, precision);\n\n  const { selectedOverCalendar } = useContext(SelectedOverCalendarContext);\n\n  const [isDisabled, setIsDisabled] = useState(\n    isStepperDisabled(direction, value, min, max),\n  );\n\n  /** Handle value change. */\n  useEffect(() => {\n    setIsDisabled(isStepperDisabled(direction, value, min, max));\n\n    const newShiftValue = getTimeShift(value, {\n      direction,\n      min,\n      max,\n      selectedOverCalendar,\n      precision,\n    });\n\n    if (newShiftValue) {\n      setShiftValue(newShiftValue);\n    }\n  }, [direction, value, min, max, selectedOverCalendar, isDisabled, precision]);\n\n  /** Handle onClick. */\n  const handleShift = useCallback(() => {\n    const newShiftValue = getTimeShift(value, {\n      direction,\n      min,\n      max,\n      selectedOverCalendar,\n      precision,\n    });\n\n    if (newShiftValue && !readOnly) {\n      onChange?.(\n        newShiftValue,\n        direction === 'backward'\n          ? dateIsMinMax(newShiftValue.from, min, max)\n          : dateIsMinMax(newShiftValue.to, min, max),\n      );\n    }\n  }, [\n    value,\n    direction,\n    min,\n    max,\n    selectedOverCalendar,\n    precision,\n    readOnly,\n    onChange,\n  ]);\n\n  const intl = useIntl();\n\n  const dataDtName = direction === 'backward' ? 'StepBackward' : 'StepForward';\n\n  const formattedStepperValue = formatStepperValues(\n    shiftValue.from,\n    shiftValue.to,\n    intl,\n    direction,\n    selectedOverCalendar,\n  );\n\n  return (\n    <StepperButtonTooltip\n      disabled={disabled || isDisabled}\n      value={shiftValue}\n      precision={precision}\n      formattedStepperValue={formattedStepperValue}\n    >\n      <Button\n        style={{ minWidth: 'fit-content' }}\n        variant=\"emphasized\"\n        color={showError ? 'critical' : 'neutral'}\n        disabled={disabled || isDisabled}\n        onClick={handleShift}\n        aria-disabled={ariaDisabledProp}\n        aria-label={formattedStepperValue}\n        onBlur={onBlur}\n        data-dt-name={dataDtName}\n      >\n        {direction === 'backward' ? (\n          <ChevronLeftSmallIcon />\n        ) : (\n          <ChevronRightSmallIcon />\n        )}\n      </Button>\n    </StepperButtonTooltip>\n  );\n};\n\n(StepperButton as typeof StepperButton & { displayName: string }).displayName =\n  'TimeframeStepperButton';\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,10 +1,10 @@
-._attccb0-3-1-1 {
+._attccb0-3-2-0 {
   cursor: not-allowed;
 }
-._attccb1-3-1-1 {
+._attccb1-3-2-0 {
   font-size: 0;
   transition-property: transform;
 }
-._attccb2-3-1-1 {
+._attccb2-3-2-0 {
   transform: rotate(180deg);
 }

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

@@ -1,7 +1,7 @@
 import "./Trigger.css";
-var readOnly = "_attccb0-3-1-1";
-var suffix = "_attccb1-3-1-1";
-var suffixOpen = "_attccb2-3-1-1";
+var readOnly = "_attccb0-3-2-0";
+var suffix = "_attccb1-3-2-0";
+var suffixOpen = "_attccb2-3-2-0";
 export {
   readOnly,
   suffix,

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 './Trigger.css';\nexport var readOnly = '_attccb0-3-1-1';\nexport var suffix = '_attccb1-3-1-1';\nexport var suffixOpen = '_attccb2-3-1-1';"],
+  "sourcesContent": ["import './Trigger.css';\nexport var readOnly = '_attccb0-3-2-0';\nexport var suffix = '_attccb1-3-2-0';\nexport var suffixOpen = '_attccb2-3-2-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,WAAW;AACf,IAAI,SAAS;AACb,IAAI,aAAa;",
   "names": []
 }

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

@@ -32,12 +32,12 @@ const RECENT_TIMEFRAME_SERVICE_UNAVAILABLE = "TimeframeSelector recent timeframe
 const SAVE_RECENT_TIMEFRAME_ERROR = "TimeframeSelector failed to save recent timeframe.";
 const GET_RECENT_TIMEFRAME_ERROR = "TimeframeSelector failed to get recent timeframes.";
 async function addRecentTimeframePreset(timeframe) {
-  const dtRuntimeSegments = globalThis.dtRuntime?.timeframes;
-  if (!dtRuntimeSegments?.addRecentTimeframePreset) {
+  const dtRuntimeTimeframes = globalThis.dtRuntime?.timeframes;
+  if (!dtRuntimeTimeframes?.addRecentTimeframePreset) {
     devLog(RECENT_TIMEFRAME_SERVICE_UNAVAILABLE);
     return { recentPresets: [] };
   }
-  return dtRuntimeSegments.addRecentTimeframePreset({ timeframe }).then((presets) => {
+  return dtRuntimeTimeframes.addRecentTimeframePreset({ timeframe }).then((presets) => {
     if (presets && isUserTimeframePresets(presets)) {
       return presets;
     }
@@ -61,12 +61,12 @@ function saveRecentTimeframe(timeframe) {
   });
 }
 async function getTimeframePresets() {
-  const dtRuntimeSegments = globalThis.dtRuntime?.timeframes;
-  if (!dtRuntimeSegments?.getTimeframePresets) {
+  const dtRuntimeTimeframes = globalThis.dtRuntime?.timeframes;
+  if (!dtRuntimeTimeframes?.getTimeframePresets) {
     devLog(RECENT_TIMEFRAME_SERVICE_UNAVAILABLE);
     return { recentPresets: [] };
   }
-  return dtRuntimeSegments.getTimeframePresets().then((presets) => {
+  return dtRuntimeTimeframes.getTimeframePresets().then((presets) => {
     if (presets && isUserTimeframePresets(presets)) {
       return presets;
     }

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 { 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/** @internal - will come from the official SDK at some point. */\nexport interface UserTimeframePresets {\n  recentPresets: TimeframePreset[];\n}\n/** @internal - will come from the official SDK at some point. */\nexport interface TimeframePreset {\n  id: string;\n  timeframe: Timeframe;\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 dtRuntimeSegments = (globalThis as GlobalThisType).dtRuntime\n    ?.timeframes;\n  if (!dtRuntimeSegments?.addRecentTimeframePreset) {\n    devLog(RECENT_TIMEFRAME_SERVICE_UNAVAILABLE);\n    return { recentPresets: [] };\n  }\n  return dtRuntimeSegments\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 dtRuntimeSegments = (globalThis as GlobalThisType).dtRuntime\n    ?.timeframes;\n  if (!dtRuntimeSegments?.getTimeframePresets) {\n    devLog(RECENT_TIMEFRAME_SERVICE_UNAVAILABLE);\n    return { recentPresets: [] };\n  }\n  return dtRuntimeSegments\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  precision: 'milliseconds' | 'minutes' | 'seconds' | undefined,\n  isRecent: boolean,\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;AAEP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAwBpB,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,oBAAqB,WAA8B,WACrD;AACJ,MAAI,CAAC,mBAAmB,0BAA0B;AAChD,WAAO,oCAAoC;AAC3C,WAAO,EAAE,eAAe,CAAC,EAAE;AAAA,EAC7B;AACA,SAAO,kBACJ,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,oBAAqB,WAA8B,WACrD;AACJ,MAAI,CAAC,mBAAmB,qBAAqB;AAC3C,WAAO,oCAAoC;AAC3C,WAAO,EAAE,eAAe,CAAC,EAAE;AAAA,EAC7B;AACA,SAAO,kBACJ,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,WACA,UACS;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;",
+  "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 { 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  precision: 'milliseconds' | 'minutes' | 'seconds' | undefined,\n  isRecent: boolean,\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;AAEP,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,WACA,UACS;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": []
 }