@dynatrace/strato-components 3.2.0 → 3.3.0

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

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

package/esm/filters/timeframe-selector/utils/getTimeframeDisplayValueProps.js

@@ -1,18 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
-import { isOutsideRange } from "./timeframe-selection.js";
-import { filterOutGrailLimit } from "../../../forms/forms-core/time/helpers.js";
+import { getTimeBoundaryMessageData } from "../../../core/time/validation.js";
 import {
   extractDisplayValueFromTimeValues,
   getFromToValues,
   parseValue,
-  messages,
-  getOutsideRangeMessage
+  messages
 } from "../../../forms/forms-core/time/timeParser.js";
 import { Flex } from "../../../layouts/flex/Flex.js";
 import { ellipsis as ellipsisCSS } from "../../../styles/ellipsis.sty.js";
 import { Text } from "../../../typography/text/Text.js";
 import { getTextFromNode } from "../../filter/utils/getTextFromNode.js";
+import { TIMEFRAMESELECTOR_ERROR_MESSAGES } from "../constants/timeframeSelectorMessages.js";
 import * as styles from "../TimeframeSelector.sty.js";
 function getTimeframeDisplayValueProps(value, intl, placeholder, precision, presetItemLabel, required, min, max) {
   if (!value) {
@@ -44,14 +43,17 @@ function getTimeframeDisplayValueProps(value, intl, placeholder, precision, pres
   }
   let hasError = false;
   let displayValueHint = "";
-  if (isOutsideRange(value, min, max)) {
+  const timeBoundaryMessageData = getTimeBoundaryMessageData(
+    { from: from ?? void 0, to: to ?? void 0 },
+    min,
+    max,
+    precision
+  );
+  if (timeBoundaryMessageData) {
     hasError = true;
-    displayValueHint = getOutsideRangeMessage(
-      intl,
-      // The default min or max is set according to the Grail min or max and shouldn't show in the info message, so we treat it as if it is never set.
-      filterOutGrailLimit(value, min),
-      filterOutGrailLimit(value, max),
-      precision
+    displayValueHint = intl.formatMessage(
+      TIMEFRAMESELECTOR_ERROR_MESSAGES[timeBoundaryMessageData.errorKey],
+      timeBoundaryMessageData.values
     );
   }
   const displayValueParts = displayValue.split(" \u2192 ");

package/esm/filters/timeframe-selector/utils/getTimeframeDisplayValueProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/timeframe-selector/utils/getTimeframeDisplayValueProps.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { type ReactNode } from 'react';\nimport type { IntlShape } from 'react-intl';\nimport type { RequireAtLeastOne } from 'type-fest';\n\nimport { isOutsideRange } from './timeframe-selection.js';\nimport type { Timeframe } from '../../../core/types/time.js';\nimport { filterOutGrailLimit } from '../../../forms/forms-core/time/helpers.js';\nimport {\n  extractDisplayValueFromTimeValues,\n  getFromToValues,\n  parseValue,\n  messages,\n  getOutsideRangeMessage,\n} from '../../../forms/forms-core/time/timeParser.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { ellipsis as ellipsisCSS } from '../../../styles/ellipsis.sty.js';\nimport { Text } from '../../../typography/text/Text.js';\nimport { getTextFromNode } from '../../filter/utils/getTextFromNode.js';\nimport * as styles from '../TimeframeSelector.sty.js';\n\n/**\n * Converts the given timeframe into a human-readable display value string.\n * @internal\n */\nexport function getTimeframeDisplayValueProps(\n  value:\n    | RequireAtLeastOne<{ from: string; to: string }>\n    | RequireAtLeastOne<Timeframe>\n    | null,\n  intl: IntlShape,\n  placeholder?: string,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n  presetItemLabel?: ReactNode,\n  required?: boolean,\n  min?: string,\n  max?: string,\n) {\n  if (!value) {\n    return {\n      displayValue: placeholder ?? '',\n      isInvalid: !!required,\n      hint: required ? intl.formatMessage(messages.requiredTimeframe) : '',\n    };\n  }\n\n  if (presetItemLabel) {\n    return {\n      displayValue: getTextFromNode(presetItemLabel, intl, ''),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  const { from, to } = parseValue(value);\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  const { displayValue, hint, isInvalid } = extractDisplayValueFromTimeValues(\n    from,\n    to,\n    intl,\n    precision,\n    valueFrom,\n    valueTo,\n  );\n\n  if (isInvalid) {\n    return { displayValue, isInvalid, hint };\n  }\n\n  let hasError = false;\n  let displayValueHint = '';\n\n  if (isOutsideRange(value, min, max)) {\n    hasError = true;\n    displayValueHint = getOutsideRangeMessage(\n      intl,\n      // The default min or max is set according to the Grail min or max and shouldn't show in the info message, so we treat it as if it is never set.\n      filterOutGrailLimit(value, min),\n      filterOutGrailLimit(value, max),\n      precision,\n    );\n  }\n\n  const displayValueParts = displayValue.split(' \u2192 ');\n\n  const [displayValueFrom, displayValueTo] =\n    displayValueParts.length === 2 ? displayValueParts : [];\n\n  if (!displayValueFrom || !displayValueTo) {\n    return { displayValue, isInvalid: hasError, hint: displayValueHint };\n  }\n\n  return {\n    displayValue: (\n      <Flex minWidth={0} gap={4}>\n        <Text className={clsx(styles.displayValueParts, ellipsisCSS)}>\n          {displayValueFrom}\n        </Text>\n        <Text style={{ minWidth: 'unset' }}>\u2192</Text>\n        <Text className={clsx(styles.displayValueParts, ellipsisCSS)}>\n          {displayValueTo}\n        </Text>\n      </Flex>\n    ),\n    isInvalid: hasError,\n    hint: displayValueHint,\n  };\n}\n"],
-  "mappings": "AA+FM,SACE,KADF;AA/FN,OAAO,UAAU;AAKjB,SAAS,sBAAsB;AAE/B,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,YAAY,mBAAmB;AACxC,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,YAAY,YAAY;AAMjB,SAAS,8BACd,OAIA,MACA,aACA,WACA,iBACA,UACA,KACA,KACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,MACL,cAAc,eAAe;AAAA,MAC7B,WAAW,CAAC,CAAC;AAAA,MACb,MAAM,WAAW,KAAK,cAAc,SAAS,iBAAiB,IAAI;AAAA,IACpE;AAAA,EACF;AAEA,MAAI,iBAAiB;AACnB,WAAO;AAAA,MACL,cAAc,gBAAgB,iBAAiB,MAAM,EAAE;AAAA,MACvD,WAAW;AAAA,MACX,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,GAAG,IAAI,WAAW,KAAK;AACrC,QAAM,EAAE,WAAW,QAAQ,IAAI,gBAAgB,KAAK;AAEpD,QAAM,EAAE,cAAc,MAAM,UAAU,IAAI;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,WAAW;AACb,WAAO,EAAE,cAAc,WAAW,KAAK;AAAA,EACzC;AAEA,MAAI,WAAW;AACf,MAAI,mBAAmB;AAEvB,MAAI,eAAe,OAAO,KAAK,GAAG,GAAG;AACnC,eAAW;AACX,uBAAmB;AAAA,MACjB;AAAA;AAAA,MAEA,oBAAoB,OAAO,GAAG;AAAA,MAC9B,oBAAoB,OAAO,GAAG;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AAEA,QAAM,oBAAoB,aAAa,MAAM,UAAK;AAElD,QAAM,CAAC,kBAAkB,cAAc,IACrC,kBAAkB,WAAW,IAAI,oBAAoB,CAAC;AAExD,MAAI,CAAC,oBAAoB,CAAC,gBAAgB;AACxC,WAAO,EAAE,cAAc,WAAW,UAAU,MAAM,iBAAiB;AAAA,EACrE;AAEA,SAAO;AAAA,IACL,cACE,qBAAC,QAAK,UAAU,GAAG,KAAK,GACtB;AAAA,0BAAC,QAAK,WAAW,KAAK,OAAO,mBAAmB,WAAW,GACxD,4BACH;AAAA,MACA,oBAAC,QAAK,OAAO,EAAE,UAAU,QAAQ,GAAG,oBAAC;AAAA,MACrC,oBAAC,QAAK,WAAW,KAAK,OAAO,mBAAmB,WAAW,GACxD,0BACH;AAAA,OACF;AAAA,IAEF,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { type ReactNode } from 'react';\nimport type { IntlShape } from 'react-intl';\nimport type { RequireAtLeastOne } from 'type-fest';\n\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport { getTimeBoundaryMessageData } from '../../../core/time/validation.js';\nimport type { Timeframe } from '../../../core/types/time.js';\nimport {\n  extractDisplayValueFromTimeValues,\n  getFromToValues,\n  parseValue,\n  messages,\n} from '../../../forms/forms-core/time/timeParser.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { ellipsis as ellipsisCSS } from '../../../styles/ellipsis.sty.js';\nimport { Text } from '../../../typography/text/Text.js';\nimport { getTextFromNode } from '../../filter/utils/getTextFromNode.js';\nimport { TIMEFRAMESELECTOR_ERROR_MESSAGES } from '../constants/timeframeSelectorMessages.js';\nimport * as styles from '../TimeframeSelector.sty.js';\n\n/**\n * Converts the given timeframe into a human-readable display value string.\n * @internal\n */\nexport function getTimeframeDisplayValueProps(\n  value:\n    | RequireAtLeastOne<{ from: string; to: string }>\n    | RequireAtLeastOne<Timeframe>\n    | null,\n  intl: IntlShape,\n  placeholder?: string,\n  precision?: Precision,\n  presetItemLabel?: ReactNode,\n  required?: boolean,\n  min?: string,\n  max?: string,\n) {\n  if (!value) {\n    return {\n      displayValue: placeholder ?? '',\n      isInvalid: !!required,\n      hint: required ? intl.formatMessage(messages.requiredTimeframe) : '',\n    };\n  }\n\n  if (presetItemLabel) {\n    return {\n      displayValue: getTextFromNode(presetItemLabel, intl, ''),\n      isInvalid: false,\n      hint: '',\n    };\n  }\n\n  const { from, to } = parseValue(value);\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  const { displayValue, hint, isInvalid } = extractDisplayValueFromTimeValues(\n    from,\n    to,\n    intl,\n    precision,\n    valueFrom,\n    valueTo,\n  );\n\n  if (isInvalid) {\n    return { displayValue, isInvalid, hint };\n  }\n\n  let hasError = false;\n  let displayValueHint = '';\n\n  const timeBoundaryMessageData = getTimeBoundaryMessageData(\n    { from: from ?? undefined, to: to ?? undefined },\n    min,\n    max,\n    precision,\n  );\n\n  if (timeBoundaryMessageData) {\n    hasError = true;\n    displayValueHint = intl.formatMessage(\n      TIMEFRAMESELECTOR_ERROR_MESSAGES[timeBoundaryMessageData.errorKey],\n      timeBoundaryMessageData.values,\n    );\n  }\n\n  const displayValueParts = displayValue.split(' \u2192 ');\n\n  const [displayValueFrom, displayValueTo] =\n    displayValueParts.length === 2 ? displayValueParts : [];\n\n  if (!displayValueFrom || !displayValueTo) {\n    return { displayValue, isInvalid: hasError, hint: displayValueHint };\n  }\n\n  return {\n    displayValue: (\n      <Flex minWidth={0} gap={4}>\n        <Text className={clsx(styles.displayValueParts, ellipsisCSS)}>\n          {displayValueFrom}\n        </Text>\n        <Text style={{ minWidth: 'unset' }}>\u2192</Text>\n        <Text className={clsx(styles.displayValueParts, ellipsisCSS)}>\n          {displayValueTo}\n        </Text>\n      </Flex>\n    ),\n    isInvalid: hasError,\n    hint: displayValueHint,\n  };\n}\n"],
+  "mappings": "AAmGM,SACE,KADF;AAnGN,OAAO,UAAU;AAMjB,SAAS,kCAAkC;AAE3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AACrB,SAAS,YAAY,mBAAmB;AACxC,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,wCAAwC;AACjD,YAAY,YAAY;AAMjB,SAAS,8BACd,OAIA,MACA,aACA,WACA,iBACA,UACA,KACA,KACA;AACA,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,MACL,cAAc,eAAe;AAAA,MAC7B,WAAW,CAAC,CAAC;AAAA,MACb,MAAM,WAAW,KAAK,cAAc,SAAS,iBAAiB,IAAI;AAAA,IACpE;AAAA,EACF;AAEA,MAAI,iBAAiB;AACnB,WAAO;AAAA,MACL,cAAc,gBAAgB,iBAAiB,MAAM,EAAE;AAAA,MACvD,WAAW;AAAA,MACX,MAAM;AAAA,IACR;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,GAAG,IAAI,WAAW,KAAK;AACrC,QAAM,EAAE,WAAW,QAAQ,IAAI,gBAAgB,KAAK;AAEpD,QAAM,EAAE,cAAc,MAAM,UAAU,IAAI;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,WAAW;AACb,WAAO,EAAE,cAAc,WAAW,KAAK;AAAA,EACzC;AAEA,MAAI,WAAW;AACf,MAAI,mBAAmB;AAEvB,QAAM,0BAA0B;AAAA,IAC9B,EAAE,MAAM,QAAQ,QAAW,IAAI,MAAM,OAAU;AAAA,IAC/C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,yBAAyB;AAC3B,eAAW;AACX,uBAAmB,KAAK;AAAA,MACtB,iCAAiC,wBAAwB,QAAQ;AAAA,MACjE,wBAAwB;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,oBAAoB,aAAa,MAAM,UAAK;AAElD,QAAM,CAAC,kBAAkB,cAAc,IACrC,kBAAkB,WAAW,IAAI,oBAAoB,CAAC;AAExD,MAAI,CAAC,oBAAoB,CAAC,gBAAgB;AACxC,WAAO,EAAE,cAAc,WAAW,UAAU,MAAM,iBAAiB;AAAA,EACrE;AAEA,SAAO;AAAA,IACL,cACE,qBAAC,QAAK,UAAU,GAAG,KAAK,GACtB;AAAA,0BAAC,QAAK,WAAW,KAAK,OAAO,mBAAmB,WAAW,GACxD,4BACH;AAAA,MACA,oBAAC,QAAK,OAAO,EAAE,UAAU,QAAQ,GAAG,oBAAC;AAAA,MACrC,oBAAC,QAAK,WAAW,KAAK,OAAO,mBAAmB,WAAW,GACxD,0BACH;AAAA,OACF;AAAA,IAEF,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF;",
   "names": []
 }

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

@@ -76,7 +76,7 @@ async function getTimeframePresets() {
     return { recentPresets: [] };
   });
 }
-function isPresetSelected(value, details, precision, isRecent) {
+function isPresetSelected(value, details, isRecent, precision) {
   if (isRecent) {
     return false;
   }

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\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;",
+  "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"],
+  "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": []
 }

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

@@ -117,12 +117,12 @@ const clampToMax = (min, max, from, to, precision) => {
   });
   if (isFromAboveMax && isToAboveMax) {
     const _timezonedMax = new TZDateMini(max.absoluteDate, getTimezone());
-    let adjustedFrom = new TZDateMini(
+    const adjustedFrom = new TZDateMini(
       sub(_timezonedMax, difference),
       getTimezone()
     ).toISOString();
     if (min && isSmallerThan(adjustedFrom, min.absoluteDate)) {
-      adjustedFrom = min.absoluteDate;
+      return { from: min, to: max };
     }
     return {
       from: parseTimeAsTimeValue(adjustedFrom, relativeNow, precision) ?? max,
@@ -351,7 +351,7 @@ function getTimeShift(value, config) {
   const { direction, min, max, selectedOverCalendar, precision } = config;
   const isISO8601 = (type) => type === "iso8601";
   const isExpression = (type) => type === "expression";
-  if (!value.from || !value.to) {
+  if (!value?.from || !value?.to) {
     return void 0;
   }
   if (isISO8601(value.from.type) || isISO8601(value.to.type)) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/timeframe-selector/utils/stepper-helpers.ts"],
-  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  add,\n  addDays,\n  addHours,\n  intervalToDuration,\n  startOfHour,\n  sub,\n} from 'date-fns';\nimport { type IntlShape } from 'react-intl';\n\nimport {\n  _parseTimeExpression,\n  parseTimeAsTimeValue,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { formatTimeframeDuration } from './formatting.js';\nimport {\n  getSmallestCommonUnit,\n  getTimeDifferenceInUnit,\n} from './timeframe-calculations.js';\nimport { isBiggerThan, isSmallerThan } from './timeframe-selection.js';\nimport type { Timeframe, TimeValue } from '../../../core/types/time.js';\nimport {\n  getTimeValue,\n  removePrecision,\n} from '../../../forms/forms-core/time/timeParser.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../constants/timeframeSelectorMessages.js';\n\n/**\n * Formats and returns the display value for given time values, including relative expressions.\n * @internal\n */\nexport function formatStepperValues(\n  from: TimeValue | null,\n  to: TimeValue | null,\n  intl: IntlShape,\n  direction: 'backward' | 'forward',\n  selectedOverCalendar?: boolean,\n): string {\n  // use start of next day when selected over calendar.\n  const adjustedTo =\n    selectedOverCalendar && to\n      ? getTimeValue(\n          startOfHour(\n            addHours(new TZDateMini(to.absoluteDate, getTimezone()), 1),\n          ).toISOString(),\n        ) ?? null\n      : to;\n\n  const duration = formatTimeframeDuration(from, adjustedTo, intl);\n  const prefix = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.prefix);\n  const suffix = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.suffix, {\n    suffix: direction === 'backward' ? 'back' : 'forward',\n  });\n\n  return `${prefix}${duration}${suffix}`.trim();\n}\n\n/**\n * Calculates a given date by a difference in milliseconds, either forward or backward.\n */\nconst adjustDate = (\n  date: TZDate,\n  difference: number,\n  direction: 'forward' | 'backward',\n  selectedOverCalendar?: boolean,\n): string => {\n  if (selectedOverCalendar) {\n    const daysDifference = Math.round(-difference / (1000 * 60 * 60 * 24));\n    date = addDays(\n      date,\n      direction === 'backward' ? -daysDifference : daysDifference,\n    );\n    return date.toISOString();\n  }\n\n  date.setTime(\n    direction === 'backward'\n      ? date.getTime() - Math.abs(difference)\n      : date.getTime() + Math.abs(difference),\n  );\n  return date.toISOString();\n};\n\n/**\n * Calculates a new time relative value based on the offset amount and difference.\n */\nconst convertOffsetToExpression = (\n  offsetAmount: number,\n  diff: number,\n  offsetUnit: string,\n): string => {\n  const totalOffset = diff + offsetAmount;\n  if (totalOffset > 0) {\n    return `now()+${totalOffset}${offsetUnit}`;\n  } else if (totalOffset < 0) {\n    return `now()${totalOffset}${offsetUnit}`;\n  } else {\n    return 'now()';\n  }\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToMin = (\n  min: TimeValue | null,\n  max: TimeValue | null,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): Timeframe => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  if (!min) {\n    return { from, to };\n  }\n\n  const isFromBelowMin = isSmallerThan(from.absoluteDate, min.absoluteDate);\n  const isToBelowMin = isSmallerThan(to.absoluteDate, min.absoluteDate);\n  const difference = intervalToDuration({\n    start: from.absoluteDate,\n    end: to.absoluteDate,\n  });\n\n  // from is below the min value, to is above the min value.\n  // from is adjusted to the min value, to stays the same.\n  if (isFromBelowMin && !isToBelowMin) {\n    return {\n      from: min,\n      to,\n    };\n  }\n\n  const _timezonedMin = new TZDateMini(min.absoluteDate, getTimezone());\n  const adjustedTimeISO = new TZDateMini(\n    add(_timezonedMin, difference),\n    getTimezone(),\n  ).toISOString();\n  let timeValueAdjusted = parseTimeAsTimeValue(\n    adjustedTimeISO,\n    relativeNow,\n    precision,\n  );\n\n  // If the adjusted time exceeds the max value, adjust it to the max value.\n  if (max && isBiggerThan(timeValueAdjusted?.absoluteDate, max.absoluteDate)) {\n    timeValueAdjusted = max;\n  }\n\n  // from and to are both below the min value.\n  // from is adjusted to the min value, to is adjusted to min value plus duration.\n  if (isFromBelowMin && isToBelowMin) {\n    return {\n      from: min,\n      to: timeValueAdjusted ?? min,\n    };\n  }\n\n  // from is above the min value, to is below the min value.\n  // from stays the same and to is adjusted to the from value plus duration.\n  if (!isFromBelowMin && isToBelowMin) {\n    return {\n      from,\n      to: timeValueAdjusted ?? from,\n    };\n  }\n\n  return { from, to };\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToMax = (\n  min: TimeValue | null,\n  max: TimeValue | null,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): Timeframe => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  if (!max) {\n    return { from, to };\n  }\n\n  const isFromAboveMax = isBiggerThan(from.absoluteDate, max.absoluteDate);\n  const isToAboveMax = isBiggerThan(to.absoluteDate, max.absoluteDate);\n  const difference = intervalToDuration({\n    start: from.absoluteDate,\n    end: to.absoluteDate,\n  });\n\n  // from and to are both above the max value.\n  // from is adjusted to the max value, to is adjusted to max value minus duration.\n  if (isFromAboveMax && isToAboveMax) {\n    const _timezonedMax = new TZDateMini(max.absoluteDate, getTimezone());\n    let adjustedFrom = new TZDateMini(\n      sub(_timezonedMax, difference),\n      getTimezone(),\n    ).toISOString();\n\n    // If the adjusted from value is below the min value, adjust it to the min value.\n    if (min && isSmallerThan(adjustedFrom, min.absoluteDate)) {\n      adjustedFrom = min.absoluteDate;\n    }\n\n    return {\n      from: parseTimeAsTimeValue(adjustedFrom, relativeNow, precision) ?? max,\n      to: max,\n    };\n  }\n\n  // to is above the max value.\n  // from stays the same and to is adjusted to the from value minus duration.\n  if (!isFromAboveMax && isToAboveMax) {\n    return {\n      from,\n      to: max,\n    };\n  }\n\n  // from is above the max value.\n  // from is adjusted to the max value, to stays the same.\n  if (isFromAboveMax && !isToAboveMax) {\n    const _timezonedFrom = new TZDateMini(from.absoluteDate, getTimezone());\n    let adjustedTo = new TZDateMini(\n      sub(_timezonedFrom, difference),\n      getTimezone(),\n    ).toISOString();\n\n    if (min && isSmallerThan(adjustedTo, min.absoluteDate)) {\n      adjustedTo = min.absoluteDate;\n    }\n\n    return {\n      from,\n      to: parseTimeAsTimeValue(adjustedTo, relativeNow, precision) ?? from,\n    };\n  }\n\n  return { from, to };\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToBoundaries = (\n  min: string | undefined,\n  max: string | undefined,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): Timeframe | undefined => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const parsedMin = parseTimeAsTimeValue(min, relativeNow, precision);\n  const parsedMax = parseTimeAsTimeValue(max, relativeNow, precision);\n  let result = { from, to };\n\n  result = clampToMin(parsedMin, parsedMax, result.from, result.to, precision);\n  result = clampToMax(parsedMin, parsedMax, result.from, result.to, precision);\n\n  return result;\n};\n\n/**\n * Adjusts the absolute timeframe based on the specified direction and handles min/max constraints.\n */\nconst handleAbsolute = (\n  originalValue: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'backward' | 'forward',\n  selectedOverCalendar?: boolean,\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): Timeframe => {\n  const timezone = getTimezone();\n  const from = new TZDateMini(originalValue.from.absoluteDate, timezone);\n  const to = new TZDateMini(originalValue.to.absoluteDate, timezone);\n\n  const difference = from.getTime() - to.getTime();\n\n  const adjustedFrom = removePrecision(\n    adjustDate(from, difference, direction, selectedOverCalendar),\n    precision,\n  );\n  const adjustedTo = removePrecision(\n    adjustDate(to, difference, direction, selectedOverCalendar),\n    precision,\n  );\n\n  const newTimeframe: Timeframe = {\n    from: {\n      type: 'iso8601',\n      absoluteDate: adjustedFrom,\n      value: adjustedFrom,\n    },\n    to: {\n      type: 'iso8601',\n      absoluteDate: adjustedTo,\n      value: adjustedTo,\n    },\n  };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? originalValue\n  );\n};\n\n/**\n * Adjusts the relative timeframe based on the direction.\n */\nconst handleExpression = (\n  value: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'forward' | 'backward',\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): Timeframe | undefined => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = _parseTimeExpression(value.from.value);\n  const toDetails = _parseTimeExpression(value.to.value);\n  const offsetUnit = getSmallestCommonUnit(value.from, value.to);\n  const fromOffset =\n    offsetUnit === fromDetails?.offsetUnit\n      ? fromDetails.offsetAmount\n      : getTimeDifferenceInUnit(fromDetails, relativeNow, offsetUnit);\n  const toOffset =\n    offsetUnit === toDetails?.offsetUnit\n      ? toDetails.offsetAmount\n      : getTimeDifferenceInUnit(toDetails, relativeNow, offsetUnit);\n\n  if (fromOffset === undefined || toOffset === undefined) {\n    return undefined;\n  }\n\n  const difference = Math.abs(fromOffset - toOffset);\n  const newFromValue = convertOffsetToExpression(\n    fromOffset,\n    difference * -1,\n    offsetUnit,\n  );\n  const newToValue = convertOffsetToExpression(\n    toOffset,\n    difference,\n    offsetUnit,\n  );\n\n  const backwardFromParsedTime = parseTimeAsTimeValue(\n    newFromValue,\n    relativeNow,\n    precision,\n  );\n  const forwardToParsedTime = parseTimeAsTimeValue(\n    newToValue,\n    relativeNow,\n    precision,\n  );\n\n  if (!backwardFromParsedTime || !forwardToParsedTime) {\n    return undefined;\n  }\n\n  const currentBackwardFromParsedTime = parseTimeAsTimeValue(\n    convertOffsetToExpression(0, fromOffset, offsetUnit),\n    relativeNow,\n    precision,\n  );\n  const currentForwardToParsedTime = parseTimeAsTimeValue(\n    convertOffsetToExpression(0, toOffset, offsetUnit),\n    relativeNow,\n    precision,\n  );\n\n  if (!currentBackwardFromParsedTime || !currentForwardToParsedTime) {\n    return undefined;\n  }\n\n  const newTimeframe: Timeframe =\n    direction === 'backward'\n      ? {\n          from: backwardFromParsedTime,\n          to: currentBackwardFromParsedTime,\n        }\n      : {\n          from: currentForwardToParsedTime,\n          to: forwardToParsedTime,\n        };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? value\n  );\n};\n\n/**\n * Adjusts the roundDownExpression timeframe based on the direction.\n */\nfunction handleRoundedTimeframe(\n  value: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'forward' | 'backward',\n  precision?: 'minutes' | 'seconds' | 'milliseconds',\n): Timeframe | undefined {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = _parseTimeExpression(value.from.value);\n  const toDetails = _parseTimeExpression(value.to.value);\n  const offsetUnit = getSmallestCommonUnit(value.from, value.to);\n\n  const fromOffset =\n    // same offsetUnit or now() or now()@d.\n    offsetUnit === fromDetails?.offsetUnit || fromDetails?.offsetAmount === 0\n      ? fromDetails.offsetAmount\n      : getTimeDifferenceInUnit(fromDetails, relativeNow, offsetUnit);\n  const toOffset =\n    // same offsetUnit or now() or now()@d.\n    offsetUnit === toDetails?.offsetUnit || toDetails?.offsetAmount === 0\n      ? toDetails.offsetAmount\n      : getTimeDifferenceInUnit(toDetails, relativeNow, offsetUnit);\n\n  let backwardFromValue = '';\n  let forwardToValue = '';\n\n  if (!fromDetails || !toDetails) {\n    return undefined;\n  }\n\n  const roundDownUnit = fromDetails.roundDownUnit || toDetails.roundDownUnit;\n\n  // If both fromOffset and toOffset are 0 (e.g., @d -> Now).\n  if (fromOffset === 0 && toOffset === 0) {\n    backwardFromValue = `-1${offsetUnit}@${roundDownUnit}`;\n    forwardToValue = `+1${offsetUnit}@${roundDownUnit}`;\n  } else {\n    const offsetDifference = Math.abs(fromOffset - toOffset);\n\n    backwardFromValue =\n      value.from.value === 'now()' && offsetDifference === 1\n        ? // Shift backward from now to the rounded down unit (e.g., @d).\n          `@${roundDownUnit}`\n        : // Otherwise, if 'from' and 'to' are roundDownExpressions (e.g., -40d@M -> -20d@M).\n          convertOffsetToExpression(\n            offsetDifference * -1,\n            fromOffset,\n            offsetUnit,\n          ) + `@${roundDownUnit}`;\n    forwardToValue =\n      convertOffsetToExpression(offsetDifference, toOffset, offsetUnit) +\n      `@${roundDownUnit}`;\n  }\n\n  const backwardFromParsedTime = parseTimeAsTimeValue(\n    backwardFromValue,\n    relativeNow,\n    precision,\n  );\n  const forwardToParsedTime = parseTimeAsTimeValue(\n    forwardToValue,\n    relativeNow,\n    precision,\n  );\n\n  if (!backwardFromParsedTime || !forwardToParsedTime) {\n    return undefined;\n  }\n\n  const backwardFromCandidate =\n    // if the other unit is smaller than this unit convert it to that unit\n    fromDetails?.offsetUnit && offsetUnit !== fromDetails?.offsetUnit\n      ? // Convert the offset to the smaller unit\n        convertOffsetToExpression(0, fromOffset, offsetUnit) +\n        `@${roundDownUnit}`\n      : value.from.value;\n\n  const forwardToCandidate =\n    // if the other unit is smaller than this unit convert it to that unit\n    toDetails?.offsetUnit && offsetUnit !== toDetails?.offsetUnit\n      ? // Convert the offset to the smaller unit\n        convertOffsetToExpression(0, toOffset, offsetUnit) + `@${roundDownUnit}`\n      : value.to.value;\n\n  const currentBackwardFromParsedTime = parseTimeAsTimeValue(\n    backwardFromCandidate,\n    relativeNow,\n    precision,\n  );\n\n  const currentForwardToParsedTime = parseTimeAsTimeValue(\n    forwardToCandidate,\n    relativeNow,\n    precision,\n  );\n\n  if (!currentBackwardFromParsedTime || !currentForwardToParsedTime) {\n    return undefined;\n  }\n\n  const newTimeframe =\n    direction === 'backward'\n      ? {\n          from: backwardFromParsedTime,\n          to: currentBackwardFromParsedTime,\n        }\n      : {\n          from: currentForwardToParsedTime,\n          to: forwardToParsedTime,\n        };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? value\n  );\n}\n\n/**\n * Adjusts the timeframe based on the direction ('backward' or 'forward').\n * Handles different types of timeframes: ISO8601, expressions, and rounded timeframes.\n * @internal\n */\nexport function getTimeShift(\n  value: Timeframe,\n  config: {\n    direction: 'backward' | 'forward';\n    min?: string;\n    max?: string;\n    selectedOverCalendar?: boolean;\n    precision?: 'minutes' | 'seconds' | 'milliseconds';\n  },\n): Timeframe | undefined {\n  const { direction, min, max, selectedOverCalendar, precision } = config;\n\n  const isISO8601 = (type: string) => type === 'iso8601';\n  const isExpression = (type: string) => type === 'expression';\n\n  if (!value.from || !value.to) {\n    return undefined;\n  }\n\n  if (isISO8601(value.from.type) || isISO8601(value.to.type)) {\n    return handleAbsolute(\n      value,\n      min,\n      max,\n      direction,\n      selectedOverCalendar,\n      precision,\n    );\n  }\n\n  if (isExpression(value.from.type) && isExpression(value.to.type)) {\n    const newFrom = _parseTimeExpression(value.from.value);\n    const newTo = _parseTimeExpression(value.to.value);\n\n    // no roundedTimeFrame -> handleExpression.\n    if (!(newFrom?.roundDownUnit || newTo?.roundDownUnit)) {\n      return handleExpression(value, min, max, direction, precision);\n    }\n\n    // both are a roundedTimeframe -> handleRoundedTimeframe.\n    if (\n      // can be a roundedTimeframe or now().\n      (newFrom?.roundDownUnit || newFrom?.offsetAmount === 0) &&\n      (newTo?.roundDownUnit || newTo?.offsetAmount === 0) &&\n      // checks if from and to have different roundDownUnits.\n      !(\n        newFrom?.roundDownUnit &&\n        newTo?.roundDownUnit &&\n        newFrom?.roundDownUnit !== newTo?.roundDownUnit\n      )\n    ) {\n      return handleRoundedTimeframe(value, min, max, direction, precision);\n    }\n\n    // one is a roundedTimeframe, one is expression -> handleAbsolute.\n    return handleAbsolute(value, min, max, direction, false, precision);\n  }\n  return undefined;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { TZDate, TZDateMini } from '@date-fns/tz';\nimport {\n  add,\n  addDays,\n  addHours,\n  intervalToDuration,\n  startOfHour,\n  sub,\n} from 'date-fns';\nimport { type IntlShape } from 'react-intl';\n\nimport {\n  _parseTimeExpression,\n  parseTimeAsTimeValue,\n} from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport { formatTimeframeDuration } from './formatting.js';\nimport {\n  getSmallestCommonUnit,\n  getTimeDifferenceInUnit,\n} from './timeframe-calculations.js';\nimport { isBiggerThan, isSmallerThan } from './timeframe-selection.js';\nimport type { Precision } from '../../../core/time/shared.types.js';\nimport type { Timeframe, TimeValue } from '../../../core/types/time.js';\nimport {\n  getTimeValue,\n  removePrecision,\n} from '../../../forms/forms-core/time/timeParser.js';\nimport { TIMEFRAME_SELECTOR_MESSAGES } from '../constants/timeframeSelectorMessages.js';\n\n/**\n * Formats and returns the display value for given time values, including relative expressions.\n * @internal\n */\nexport function formatStepperValues(\n  from: TimeValue | null,\n  to: TimeValue | null,\n  intl: IntlShape,\n  direction: 'backward' | 'forward',\n  selectedOverCalendar?: boolean,\n): string {\n  // use start of next day when selected over calendar.\n  const adjustedTo =\n    selectedOverCalendar && to\n      ? getTimeValue(\n          startOfHour(\n            addHours(new TZDateMini(to.absoluteDate, getTimezone()), 1),\n          ).toISOString(),\n        ) ?? null\n      : to;\n\n  const duration = formatTimeframeDuration(from, adjustedTo, intl);\n  const prefix = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.prefix);\n  const suffix = intl.formatMessage(TIMEFRAME_SELECTOR_MESSAGES.suffix, {\n    suffix: direction === 'backward' ? 'back' : 'forward',\n  });\n\n  return `${prefix}${duration}${suffix}`.trim();\n}\n\n/**\n * Calculates a given date by a difference in milliseconds, either forward or backward.\n */\nconst adjustDate = (\n  date: TZDate,\n  difference: number,\n  direction: 'forward' | 'backward',\n  selectedOverCalendar?: boolean,\n): string => {\n  if (selectedOverCalendar) {\n    const daysDifference = Math.round(-difference / (1000 * 60 * 60 * 24));\n    date = addDays(\n      date,\n      direction === 'backward' ? -daysDifference : daysDifference,\n    );\n    return date.toISOString();\n  }\n\n  date.setTime(\n    direction === 'backward'\n      ? date.getTime() - Math.abs(difference)\n      : date.getTime() + Math.abs(difference),\n  );\n  return date.toISOString();\n};\n\n/**\n * Calculates a new time relative value based on the offset amount and difference.\n */\nconst convertOffsetToExpression = (\n  offsetAmount: number,\n  diff: number,\n  offsetUnit: string,\n): string => {\n  const totalOffset = diff + offsetAmount;\n  if (totalOffset > 0) {\n    return `now()+${totalOffset}${offsetUnit}`;\n  } else if (totalOffset < 0) {\n    return `now()${totalOffset}${offsetUnit}`;\n  } else {\n    return 'now()';\n  }\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToMin = (\n  min: TimeValue | null,\n  max: TimeValue | null,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  if (!min) {\n    return { from, to };\n  }\n\n  const isFromBelowMin = isSmallerThan(from.absoluteDate, min.absoluteDate);\n  const isToBelowMin = isSmallerThan(to.absoluteDate, min.absoluteDate);\n  const difference = intervalToDuration({\n    start: from.absoluteDate,\n    end: to.absoluteDate,\n  });\n\n  // from is below the min value, to is above the min value.\n  // from is adjusted to the min value, to stays the same.\n  if (isFromBelowMin && !isToBelowMin) {\n    return {\n      from: min,\n      to,\n    };\n  }\n\n  const _timezonedMin = new TZDateMini(min.absoluteDate, getTimezone());\n  const adjustedTimeISO = new TZDateMini(\n    add(_timezonedMin, difference),\n    getTimezone(),\n  ).toISOString();\n  let timeValueAdjusted = parseTimeAsTimeValue(\n    adjustedTimeISO,\n    relativeNow,\n    precision,\n  );\n\n  // If the adjusted time exceeds the max value, adjust it to the max value.\n  if (max && isBiggerThan(timeValueAdjusted?.absoluteDate, max.absoluteDate)) {\n    timeValueAdjusted = max;\n  }\n\n  // from and to are both below the min value.\n  // from is adjusted to the min value, to is adjusted to min value plus duration.\n  if (isFromBelowMin && isToBelowMin) {\n    return {\n      from: min,\n      to: timeValueAdjusted ?? min,\n    };\n  }\n\n  // from is above the min value, to is below the min value.\n  // from stays the same and to is adjusted to the from value plus duration.\n  if (!isFromBelowMin && isToBelowMin) {\n    return {\n      from,\n      to: timeValueAdjusted ?? from,\n    };\n  }\n\n  return { from, to };\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToMax = (\n  min: TimeValue | null,\n  max: TimeValue | null,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  if (!max) {\n    return { from, to };\n  }\n\n  const isFromAboveMax = isBiggerThan(from.absoluteDate, max.absoluteDate);\n  const isToAboveMax = isBiggerThan(to.absoluteDate, max.absoluteDate);\n  const difference = intervalToDuration({\n    start: from.absoluteDate,\n    end: to.absoluteDate,\n  });\n\n  // from and to are both above the max value.\n  // from is adjusted to the max value, to is adjusted to max value minus duration.\n  if (isFromAboveMax && isToAboveMax) {\n    const _timezonedMax = new TZDateMini(max.absoluteDate, getTimezone());\n    const adjustedFrom = new TZDateMini(\n      sub(_timezonedMax, difference),\n      getTimezone(),\n    ).toISOString();\n\n    // If the adjusted from value is below the min value, use min directly\n    // to preserve its original expression value (e.g. 'now()-1d').\n    if (min && isSmallerThan(adjustedFrom, min.absoluteDate)) {\n      return { from: min, to: max };\n    }\n\n    return {\n      from: parseTimeAsTimeValue(adjustedFrom, relativeNow, precision) ?? max,\n      to: max,\n    };\n  }\n\n  // to is above the max value, from is within bounds.\n  // from stays the same, to is adjusted to the max value.\n  // This preserves the stepped-forward from (which equals the original to),\n  // satisfying the expectation that forward-stepping gives {orig_to, max}.\n  if (!isFromAboveMax && isToAboveMax) {\n    return {\n      from,\n      to: max,\n    };\n  }\n\n  // from is above the max value.\n  // from is adjusted to the max value, to stays the same.\n  if (isFromAboveMax && !isToAboveMax) {\n    const _timezonedFrom = new TZDateMini(from.absoluteDate, getTimezone());\n    let adjustedTo = new TZDateMini(\n      sub(_timezonedFrom, difference),\n      getTimezone(),\n    ).toISOString();\n\n    if (min && isSmallerThan(adjustedTo, min.absoluteDate)) {\n      adjustedTo = min.absoluteDate;\n    }\n\n    return {\n      from,\n      to: parseTimeAsTimeValue(adjustedTo, relativeNow, precision) ?? from,\n    };\n  }\n\n  return { from, to };\n};\n\n/**\n * Adjusts the timeframe if it is outside the specified min and max limits.\n */\nconst clampToBoundaries = (\n  min: string | undefined,\n  max: string | undefined,\n  from: TimeValue,\n  to: TimeValue,\n  precision?: Precision,\n): Timeframe | undefined => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const parsedMin = parseTimeAsTimeValue(min, relativeNow, precision);\n  const parsedMax = parseTimeAsTimeValue(max, relativeNow, precision);\n  let result = { from, to };\n\n  result = clampToMin(parsedMin, parsedMax, result.from, result.to, precision);\n  result = clampToMax(parsedMin, parsedMax, result.from, result.to, precision);\n\n  return result;\n};\n\n/**\n * Adjusts the absolute timeframe based on the specified direction and handles min/max constraints.\n */\nconst handleAbsolute = (\n  originalValue: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'backward' | 'forward',\n  selectedOverCalendar?: boolean,\n  precision?: Precision,\n): Timeframe => {\n  const timezone = getTimezone();\n  const from = new TZDateMini(originalValue.from.absoluteDate, timezone);\n  const to = new TZDateMini(originalValue.to.absoluteDate, timezone);\n\n  const difference = from.getTime() - to.getTime();\n\n  const adjustedFrom = removePrecision(\n    adjustDate(from, difference, direction, selectedOverCalendar),\n    precision,\n  );\n  const adjustedTo = removePrecision(\n    adjustDate(to, difference, direction, selectedOverCalendar),\n    precision,\n  );\n\n  const newTimeframe: Timeframe = {\n    from: {\n      type: 'iso8601',\n      absoluteDate: adjustedFrom,\n      value: adjustedFrom,\n    },\n    to: {\n      type: 'iso8601',\n      absoluteDate: adjustedTo,\n      value: adjustedTo,\n    },\n  };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? originalValue\n  );\n};\n\n/**\n * Adjusts the relative timeframe based on the direction.\n */\nconst handleExpression = (\n  value: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'forward' | 'backward',\n  precision?: Precision,\n): Timeframe | undefined => {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = _parseTimeExpression(value.from.value);\n  const toDetails = _parseTimeExpression(value.to.value);\n  const offsetUnit = getSmallestCommonUnit(value.from, value.to);\n  const fromOffset =\n    offsetUnit === fromDetails?.offsetUnit\n      ? fromDetails.offsetAmount\n      : getTimeDifferenceInUnit(fromDetails, relativeNow, offsetUnit);\n  const toOffset =\n    offsetUnit === toDetails?.offsetUnit\n      ? toDetails.offsetAmount\n      : getTimeDifferenceInUnit(toDetails, relativeNow, offsetUnit);\n\n  if (fromOffset === undefined || toOffset === undefined) {\n    return undefined;\n  }\n\n  const difference = Math.abs(fromOffset - toOffset);\n  const newFromValue = convertOffsetToExpression(\n    fromOffset,\n    difference * -1,\n    offsetUnit,\n  );\n  const newToValue = convertOffsetToExpression(\n    toOffset,\n    difference,\n    offsetUnit,\n  );\n\n  const backwardFromParsedTime = parseTimeAsTimeValue(\n    newFromValue,\n    relativeNow,\n    precision,\n  );\n  const forwardToParsedTime = parseTimeAsTimeValue(\n    newToValue,\n    relativeNow,\n    precision,\n  );\n\n  if (!backwardFromParsedTime || !forwardToParsedTime) {\n    return undefined;\n  }\n\n  const currentBackwardFromParsedTime = parseTimeAsTimeValue(\n    convertOffsetToExpression(0, fromOffset, offsetUnit),\n    relativeNow,\n    precision,\n  );\n  const currentForwardToParsedTime = parseTimeAsTimeValue(\n    convertOffsetToExpression(0, toOffset, offsetUnit),\n    relativeNow,\n    precision,\n  );\n\n  if (!currentBackwardFromParsedTime || !currentForwardToParsedTime) {\n    return undefined;\n  }\n\n  const newTimeframe: Timeframe =\n    direction === 'backward'\n      ? {\n          from: backwardFromParsedTime,\n          to: currentBackwardFromParsedTime,\n        }\n      : {\n          from: currentForwardToParsedTime,\n          to: forwardToParsedTime,\n        };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? value\n  );\n};\n\n/**\n * Adjusts the roundDownExpression timeframe based on the direction.\n */\nfunction handleRoundedTimeframe(\n  value: Timeframe,\n  min: string | undefined,\n  max: string | undefined,\n  direction: 'forward' | 'backward',\n  precision?: Precision,\n): Timeframe | undefined {\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n  const fromDetails = _parseTimeExpression(value.from.value);\n  const toDetails = _parseTimeExpression(value.to.value);\n  const offsetUnit = getSmallestCommonUnit(value.from, value.to);\n\n  const fromOffset =\n    // same offsetUnit or now() or now()@d.\n    offsetUnit === fromDetails?.offsetUnit || fromDetails?.offsetAmount === 0\n      ? fromDetails.offsetAmount\n      : getTimeDifferenceInUnit(fromDetails, relativeNow, offsetUnit);\n  const toOffset =\n    // same offsetUnit or now() or now()@d.\n    offsetUnit === toDetails?.offsetUnit || toDetails?.offsetAmount === 0\n      ? toDetails.offsetAmount\n      : getTimeDifferenceInUnit(toDetails, relativeNow, offsetUnit);\n\n  let backwardFromValue = '';\n  let forwardToValue = '';\n\n  if (!fromDetails || !toDetails) {\n    return undefined;\n  }\n\n  const roundDownUnit = fromDetails.roundDownUnit || toDetails.roundDownUnit;\n\n  // If both fromOffset and toOffset are 0 (e.g., @d -> Now).\n  if (fromOffset === 0 && toOffset === 0) {\n    backwardFromValue = `-1${offsetUnit}@${roundDownUnit}`;\n    forwardToValue = `+1${offsetUnit}@${roundDownUnit}`;\n  } else {\n    const offsetDifference = Math.abs(fromOffset - toOffset);\n\n    backwardFromValue =\n      value.from.value === 'now()' && offsetDifference === 1\n        ? // Shift backward from now to the rounded down unit (e.g., @d).\n          `@${roundDownUnit}`\n        : // Otherwise, if 'from' and 'to' are roundDownExpressions (e.g., -40d@M -> -20d@M).\n          convertOffsetToExpression(\n            offsetDifference * -1,\n            fromOffset,\n            offsetUnit,\n          ) + `@${roundDownUnit}`;\n    forwardToValue =\n      convertOffsetToExpression(offsetDifference, toOffset, offsetUnit) +\n      `@${roundDownUnit}`;\n  }\n\n  const backwardFromParsedTime = parseTimeAsTimeValue(\n    backwardFromValue,\n    relativeNow,\n    precision,\n  );\n  const forwardToParsedTime = parseTimeAsTimeValue(\n    forwardToValue,\n    relativeNow,\n    precision,\n  );\n\n  if (!backwardFromParsedTime || !forwardToParsedTime) {\n    return undefined;\n  }\n\n  const backwardFromCandidate =\n    // if the other unit is smaller than this unit convert it to that unit\n    fromDetails?.offsetUnit && offsetUnit !== fromDetails?.offsetUnit\n      ? // Convert the offset to the smaller unit\n        convertOffsetToExpression(0, fromOffset, offsetUnit) +\n        `@${roundDownUnit}`\n      : value.from.value;\n\n  const forwardToCandidate =\n    // if the other unit is smaller than this unit convert it to that unit\n    toDetails?.offsetUnit && offsetUnit !== toDetails?.offsetUnit\n      ? // Convert the offset to the smaller unit\n        convertOffsetToExpression(0, toOffset, offsetUnit) + `@${roundDownUnit}`\n      : value.to.value;\n\n  const currentBackwardFromParsedTime = parseTimeAsTimeValue(\n    backwardFromCandidate,\n    relativeNow,\n    precision,\n  );\n\n  const currentForwardToParsedTime = parseTimeAsTimeValue(\n    forwardToCandidate,\n    relativeNow,\n    precision,\n  );\n\n  if (!currentBackwardFromParsedTime || !currentForwardToParsedTime) {\n    return undefined;\n  }\n\n  const newTimeframe =\n    direction === 'backward'\n      ? {\n          from: backwardFromParsedTime,\n          to: currentBackwardFromParsedTime,\n        }\n      : {\n          from: currentForwardToParsedTime,\n          to: forwardToParsedTime,\n        };\n\n  return (\n    clampToBoundaries(\n      min,\n      max,\n      newTimeframe.from,\n      newTimeframe.to,\n      precision,\n    ) ?? value\n  );\n}\n\n/**\n * Adjusts the timeframe based on the direction ('backward' or 'forward').\n * Handles different types of timeframes: ISO8601, expressions, and rounded timeframes.\n * @internal\n */\nexport function getTimeShift(\n  value: Timeframe | null,\n  config: {\n    direction: 'backward' | 'forward';\n    min?: string;\n    max?: string;\n    selectedOverCalendar?: boolean;\n    precision?: Precision;\n  },\n): Timeframe | undefined {\n  const { direction, min, max, selectedOverCalendar, precision } = config;\n\n  const isISO8601 = (type: string) => type === 'iso8601';\n  const isExpression = (type: string) => type === 'expression';\n\n  if (!value?.from || !value?.to) {\n    return undefined;\n  }\n\n  if (isISO8601(value.from.type) || isISO8601(value.to.type)) {\n    return handleAbsolute(\n      value,\n      min,\n      max,\n      direction,\n      selectedOverCalendar,\n      precision,\n    );\n  }\n\n  if (isExpression(value.from.type) && isExpression(value.to.type)) {\n    const newFrom = _parseTimeExpression(value.from.value);\n    const newTo = _parseTimeExpression(value.to.value);\n\n    // no roundedTimeFrame -> handleExpression.\n    if (!(newFrom?.roundDownUnit || newTo?.roundDownUnit)) {\n      return handleExpression(value, min, max, direction, precision);\n    }\n\n    // both are a roundedTimeframe -> handleRoundedTimeframe.\n    if (\n      // can be a roundedTimeframe or now().\n      (newFrom?.roundDownUnit || newFrom?.offsetAmount === 0) &&\n      (newTo?.roundDownUnit || newTo?.offsetAmount === 0) &&\n      // checks if from and to have different roundDownUnits.\n      !(\n        newFrom?.roundDownUnit &&\n        newTo?.roundDownUnit &&\n        newFrom?.roundDownUnit !== newTo?.roundDownUnit\n      )\n    ) {\n      return handleRoundedTimeframe(value, min, max, direction, precision);\n    }\n\n    // one is a roundedTimeframe, one is expression -> handleAbsolute.\n    return handleAbsolute(value, min, max, direction, false, precision);\n  }\n  return undefined;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/timeframe-selector/utils/timeframe-selection.js

@@ -3,7 +3,7 @@ import { parseTimeAsTimeValue } from "@dynatrace-sdk/units";
 import { getTimezone } from "@dynatrace-sdk/user-preferences";
 import { getFromToValues } from "../../../forms/forms-core/time/timeParser.js";
 function dateIsMinMax(date, min, max) {
-  if (!min && !max) {
+  if (!min && !max || !date) {
     return false;
   }
   const timezone = getTimezone();
@@ -83,7 +83,6 @@ export {
   isBiggerThan,
   isOutsideRange,
   isSmallerThan,
-  isTimeframeOrFromToString,
-  isTimeframeWithFromAndTo
+  isTimeframeOrFromToString
 };
 //# sourceMappingURL=timeframe-selection.js.map

package/esm/filters/timeframe-selector/utils/timeframe-selection.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/timeframe-selector/utils/timeframe-selection.ts"],
-  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { type RequireAtLeastOne } from 'type-fest';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport type { TimeValue, Timeframe } from '../../../core/types/time.js';\nimport { getFromToValues } from '../../../forms/forms-core/time/timeParser.js';\n\n/**\n * Check if a date is a given min or max. Returns false if both min and max are missing.\n * @internal\n */\nexport function dateIsMinMax(\n  date: TimeValue,\n  min?: string,\n  max?: string,\n): boolean {\n  if (!min && !max) {\n    return false;\n  }\n  const timezone = getTimezone();\n  const relativeNow = TZDateMini.tz(timezone).getTime();\n\n  const isoDate = parseTimeAsTimeValue(date.value, relativeNow)?.absoluteDate;\n  const tempDate = isoDate ? new TZDateMini(isoDate, timezone) : null;\n\n  if (!tempDate) {\n    return false;\n  }\n\n  const minIsoDate = parseTimeAsTimeValue(min, relativeNow)?.absoluteDate;\n  const maxIsoDate = parseTimeAsTimeValue(max, relativeNow)?.absoluteDate;\n  const minDate = minIsoDate ? new TZDateMini(minIsoDate, timezone) : null;\n  const maxDate = maxIsoDate ? new TZDateMini(maxIsoDate, timezone) : null;\n\n  if (minDate && minDate.getTime() === tempDate.getTime()) {\n    return true;\n  }\n\n  if (maxDate && maxDate.getTime() === tempDate.getTime()) {\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Check if the date value is larger than the max value.\n * Returns false if the max or value are not defined.\n * @internal\n */\nexport function isBiggerThan(candidate?: string, threshold?: string): boolean {\n  if (!threshold || !candidate) {\n    return false;\n  }\n\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  const maxIsoDate = parseTimeAsTimeValue(threshold, relativeNow)?.absoluteDate;\n  const valueIsoDate = parseTimeAsTimeValue(\n    candidate,\n    relativeNow,\n  )?.absoluteDate;\n\n  if (!maxIsoDate || !valueIsoDate) {\n    return false;\n  }\n\n  const maxDate = new TZDateMini(maxIsoDate, getTimezone());\n  const valueDate = new TZDateMini(valueIsoDate, getTimezone());\n\n  return valueDate.getTime() > maxDate.getTime();\n}\n\n/**\n * Check if the date value is smaller than the min value.\n * Returns false if the value or min are not defined.\n * @internal\n */\nexport function isSmallerThan(candidate?: string, threshold?: string): boolean {\n  if (!threshold || !candidate) {\n    return false;\n  }\n\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  const minIsoDate = parseTimeAsTimeValue(threshold, relativeNow)?.absoluteDate;\n  const valueIsoDate = parseTimeAsTimeValue(\n    candidate,\n    relativeNow,\n  )?.absoluteDate;\n\n  if (!minIsoDate || !valueIsoDate) {\n    return false;\n  }\n\n  const minDate = new TZDateMini(minIsoDate, getTimezone());\n  const valueDate = new TZDateMini(valueIsoDate, getTimezone());\n\n  return valueDate.getTime() < minDate.getTime();\n}\n\n/**\n * Check if the value is outside the min - max range.\n * Returns false if the value is not defined, it the from or to values are undefined, or if min and max are both missing.\n * @internal\n */\nexport function isOutsideRange(\n  value?:\n    | {\n        /** Start of the time frame. */\n        from?: string;\n        /** End of the time frame. */\n        to?: string;\n      }\n    | RequireAtLeastOne<Timeframe>\n    | null,\n  min?: string,\n  max?: string,\n) {\n  if (!value || (!min && !max)) {\n    return false;\n  }\n\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // Min date needs to be larger than from and to in order to be considered\n  // outside of the range.\n  if (min && (isSmallerThan(valueFrom, min) || isSmallerThan(valueTo, min))) {\n    return true;\n  }\n\n  // Max date needs to be smaller than from and to in order to be considered\n  // outside of the range.\n  if (max && (isBiggerThan(valueFrom, max) || isBiggerThan(valueTo, max))) {\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Type guard function that will check if the value is Timeframe with absoluteDate.\n * @internal\n */\nexport function isTimeframeWithFromAndTo(\n  date:\n    | RequireAtLeastOne<{ from: string; to: string }>\n    | RequireAtLeastOne<Timeframe>\n    | null,\n): date is Timeframe {\n  return (\n    typeof date?.from === 'object' &&\n    typeof date?.to === 'object' &&\n    date.from.absoluteDate !== '' &&\n    date.to.absoluteDate !== ''\n  );\n}\n\n/**\n * Type guard function that will check if the value is a Timeframe or from and to String.\n * @internal\n */\nexport function isTimeframeOrFromToString(\n  date:\n    | RequireAtLeastOne<{ from: string; to: string }>\n    | RequireAtLeastOne<Timeframe>\n    | null,\n): date is { from: string; to: string } | Timeframe {\n  return (\n    (typeof date?.from === 'string' && typeof date?.to === 'string') ||\n    isTimeframeWithFromAndTo(date)\n  );\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAG3B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAG5B,SAAS,uBAAuB;AAMzB,SAAS,aACd,MACA,KACA,KACS;AACT,MAAI,CAAC,OAAO,CAAC,KAAK;AAChB,WAAO;AAAA,EACT;AACA,QAAM,WAAW,YAAY;AAC7B,QAAM,cAAc,WAAW,GAAG,QAAQ,EAAE,QAAQ;AAEpD,QAAM,UAAU,qBAAqB,KAAK,OAAO,WAAW,GAAG;AAC/D,QAAM,WAAW,UAAU,IAAI,WAAW,SAAS,QAAQ,IAAI;AAE/D,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,qBAAqB,KAAK,WAAW,GAAG;AAC3D,QAAM,aAAa,qBAAqB,KAAK,WAAW,GAAG;AAC3D,QAAM,UAAU,aAAa,IAAI,WAAW,YAAY,QAAQ,IAAI;AACpE,QAAM,UAAU,aAAa,IAAI,WAAW,YAAY,QAAQ,IAAI;AAEpE,MAAI,WAAW,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GAAG;AACvD,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GAAG;AACvD,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAOO,SAAS,aAAa,WAAoB,WAA6B;AAC5E,MAAI,CAAC,aAAa,CAAC,WAAW;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,WAAW,GAAG,YAAY,CAAC,EAAE,QAAQ;AAEzD,QAAM,aAAa,qBAAqB,WAAW,WAAW,GAAG;AACjE,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,EACF,GAAG;AAEH,MAAI,CAAC,cAAc,CAAC,cAAc;AAChC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,IAAI,WAAW,YAAY,YAAY,CAAC;AACxD,QAAM,YAAY,IAAI,WAAW,cAAc,YAAY,CAAC;AAE5D,SAAO,UAAU,QAAQ,IAAI,QAAQ,QAAQ;AAC/C;AAOO,SAAS,cAAc,WAAoB,WAA6B;AAC7E,MAAI,CAAC,aAAa,CAAC,WAAW;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,WAAW,GAAG,YAAY,CAAC,EAAE,QAAQ;AAEzD,QAAM,aAAa,qBAAqB,WAAW,WAAW,GAAG;AACjE,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,EACF,GAAG;AAEH,MAAI,CAAC,cAAc,CAAC,cAAc;AAChC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,IAAI,WAAW,YAAY,YAAY,CAAC;AACxD,QAAM,YAAY,IAAI,WAAW,cAAc,YAAY,CAAC;AAE5D,SAAO,UAAU,QAAQ,IAAI,QAAQ,QAAQ;AAC/C;AAOO,SAAS,eACd,OASA,KACA,KACA;AACA,MAAI,CAAC,SAAU,CAAC,OAAO,CAAC,KAAM;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,WAAW,QAAQ,IAAI,gBAAgB,KAAK;AAIpD,MAAI,QAAQ,cAAc,WAAW,GAAG,KAAK,cAAc,SAAS,GAAG,IAAI;AACzE,WAAO;AAAA,EACT;AAIA,MAAI,QAAQ,aAAa,WAAW,GAAG,KAAK,aAAa,SAAS,GAAG,IAAI;AACvE,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAMO,SAAS,yBACd,MAImB;AACnB,SACE,OAAO,MAAM,SAAS,YACtB,OAAO,MAAM,OAAO,YACpB,KAAK,KAAK,iBAAiB,MAC3B,KAAK,GAAG,iBAAiB;AAE7B;AAMO,SAAS,0BACd,MAIkD;AAClD,SACG,OAAO,MAAM,SAAS,YAAY,OAAO,MAAM,OAAO,YACvD,yBAAyB,IAAI;AAEjC;",
+  "sourcesContent": ["import { TZDateMini } from '@date-fns/tz';\nimport { type RequireAtLeastOne } from 'type-fest';\n\nimport { parseTimeAsTimeValue } from '@dynatrace-sdk/units';\nimport { getTimezone } from '@dynatrace-sdk/user-preferences';\n\nimport type { TimeValue, Timeframe } from '../../../core/types/time.js';\nimport { getFromToValues } from '../../../forms/forms-core/time/timeParser.js';\n\n/**\n * Check if a date is a given min or max. Returns false if both min and max are missing.\n * @internal\n */\nexport function dateIsMinMax(\n  date?: TimeValue | null,\n  min?: string,\n  max?: string,\n): boolean {\n  if ((!min && !max) || !date) {\n    return false;\n  }\n  const timezone = getTimezone();\n  const relativeNow = TZDateMini.tz(timezone).getTime();\n\n  const isoDate = parseTimeAsTimeValue(date.value, relativeNow)?.absoluteDate;\n  const tempDate = isoDate ? new TZDateMini(isoDate, timezone) : null;\n\n  if (!tempDate) {\n    return false;\n  }\n\n  const minIsoDate = parseTimeAsTimeValue(min, relativeNow)?.absoluteDate;\n  const maxIsoDate = parseTimeAsTimeValue(max, relativeNow)?.absoluteDate;\n  const minDate = minIsoDate ? new TZDateMini(minIsoDate, timezone) : null;\n  const maxDate = maxIsoDate ? new TZDateMini(maxIsoDate, timezone) : null;\n\n  if (minDate && minDate.getTime() === tempDate.getTime()) {\n    return true;\n  }\n\n  if (maxDate && maxDate.getTime() === tempDate.getTime()) {\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Check if the date value is larger than the max value.\n * Returns false if the max or value are not defined.\n * @internal\n */\nexport function isBiggerThan(candidate?: string, threshold?: string): boolean {\n  if (!threshold || !candidate) {\n    return false;\n  }\n\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  const maxIsoDate = parseTimeAsTimeValue(threshold, relativeNow)?.absoluteDate;\n  const valueIsoDate = parseTimeAsTimeValue(\n    candidate,\n    relativeNow,\n  )?.absoluteDate;\n\n  if (!maxIsoDate || !valueIsoDate) {\n    return false;\n  }\n\n  const maxDate = new TZDateMini(maxIsoDate, getTimezone());\n  const valueDate = new TZDateMini(valueIsoDate, getTimezone());\n\n  return valueDate.getTime() > maxDate.getTime();\n}\n\n/**\n * Check if the date value is smaller than the min value.\n * Returns false if the value or min are not defined.\n * @internal\n */\nexport function isSmallerThan(candidate?: string, threshold?: string): boolean {\n  if (!threshold || !candidate) {\n    return false;\n  }\n\n  const relativeNow = TZDateMini.tz(getTimezone()).getTime();\n\n  const minIsoDate = parseTimeAsTimeValue(threshold, relativeNow)?.absoluteDate;\n  const valueIsoDate = parseTimeAsTimeValue(\n    candidate,\n    relativeNow,\n  )?.absoluteDate;\n\n  if (!minIsoDate || !valueIsoDate) {\n    return false;\n  }\n\n  const minDate = new TZDateMini(minIsoDate, getTimezone());\n  const valueDate = new TZDateMini(valueIsoDate, getTimezone());\n\n  return valueDate.getTime() < minDate.getTime();\n}\n\n/**\n * Check if the value is outside the min - max range.\n * Returns false if the value is not defined, it the from or to values are undefined, or if min and max are both missing.\n * @internal\n */\nexport function isOutsideRange(\n  value?:\n    | {\n        /** Start of the time frame. */\n        from?: string;\n        /** End of the time frame. */\n        to?: string;\n      }\n    | RequireAtLeastOne<Timeframe>\n    | null,\n  min?: string,\n  max?: string,\n) {\n  if (!value || (!min && !max)) {\n    return false;\n  }\n\n  const { valueFrom, valueTo } = getFromToValues(value);\n\n  // Min date needs to be larger than from and to in order to be considered\n  // outside of the range.\n  if (min && (isSmallerThan(valueFrom, min) || isSmallerThan(valueTo, min))) {\n    return true;\n  }\n\n  // Max date needs to be smaller than from and to in order to be considered\n  // outside of the range.\n  if (max && (isBiggerThan(valueFrom, max) || isBiggerThan(valueTo, max))) {\n    return true;\n  }\n\n  return false;\n}\n\n/**\n * Type guard function that will check if the value is Timeframe with absoluteDate.\n * @internal\n */\nfunction isTimeframeWithFromAndTo(\n  date:\n    | RequireAtLeastOne<{ from: string; to: string }>\n    | RequireAtLeastOne<Timeframe>\n    | null,\n): date is Timeframe {\n  return (\n    typeof date?.from === 'object' &&\n    typeof date?.to === 'object' &&\n    date.from.absoluteDate !== '' &&\n    date.to.absoluteDate !== ''\n  );\n}\n\n/**\n * Type guard function that will check if the value is a Timeframe or from and to String.\n * @internal\n */\nexport function isTimeframeOrFromToString(\n  date:\n    | RequireAtLeastOne<{ from: string; to: string }>\n    | RequireAtLeastOne<Timeframe>\n    | null,\n): date is { from: string; to: string } | Timeframe {\n  return (\n    (typeof date?.from === 'string' && typeof date?.to === 'string') ||\n    isTimeframeWithFromAndTo(date)\n  );\n}\n"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAG3B,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAG5B,SAAS,uBAAuB;AAMzB,SAAS,aACd,MACA,KACA,KACS;AACT,MAAK,CAAC,OAAO,CAAC,OAAQ,CAAC,MAAM;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,WAAW,YAAY;AAC7B,QAAM,cAAc,WAAW,GAAG,QAAQ,EAAE,QAAQ;AAEpD,QAAM,UAAU,qBAAqB,KAAK,OAAO,WAAW,GAAG;AAC/D,QAAM,WAAW,UAAU,IAAI,WAAW,SAAS,QAAQ,IAAI;AAE/D,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,QAAM,aAAa,qBAAqB,KAAK,WAAW,GAAG;AAC3D,QAAM,aAAa,qBAAqB,KAAK,WAAW,GAAG;AAC3D,QAAM,UAAU,aAAa,IAAI,WAAW,YAAY,QAAQ,IAAI;AACpE,QAAM,UAAU,aAAa,IAAI,WAAW,YAAY,QAAQ,IAAI;AAEpE,MAAI,WAAW,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GAAG;AACvD,WAAO;AAAA,EACT;AAEA,MAAI,WAAW,QAAQ,QAAQ,MAAM,SAAS,QAAQ,GAAG;AACvD,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAOO,SAAS,aAAa,WAAoB,WAA6B;AAC5E,MAAI,CAAC,aAAa,CAAC,WAAW;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,WAAW,GAAG,YAAY,CAAC,EAAE,QAAQ;AAEzD,QAAM,aAAa,qBAAqB,WAAW,WAAW,GAAG;AACjE,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,EACF,GAAG;AAEH,MAAI,CAAC,cAAc,CAAC,cAAc;AAChC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,IAAI,WAAW,YAAY,YAAY,CAAC;AACxD,QAAM,YAAY,IAAI,WAAW,cAAc,YAAY,CAAC;AAE5D,SAAO,UAAU,QAAQ,IAAI,QAAQ,QAAQ;AAC/C;AAOO,SAAS,cAAc,WAAoB,WAA6B;AAC7E,MAAI,CAAC,aAAa,CAAC,WAAW;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,cAAc,WAAW,GAAG,YAAY,CAAC,EAAE,QAAQ;AAEzD,QAAM,aAAa,qBAAqB,WAAW,WAAW,GAAG;AACjE,QAAM,eAAe;AAAA,IACnB;AAAA,IACA;AAAA,EACF,GAAG;AAEH,MAAI,CAAC,cAAc,CAAC,cAAc;AAChC,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,IAAI,WAAW,YAAY,YAAY,CAAC;AACxD,QAAM,YAAY,IAAI,WAAW,cAAc,YAAY,CAAC;AAE5D,SAAO,UAAU,QAAQ,IAAI,QAAQ,QAAQ;AAC/C;AAOO,SAAS,eACd,OASA,KACA,KACA;AACA,MAAI,CAAC,SAAU,CAAC,OAAO,CAAC,KAAM;AAC5B,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,WAAW,QAAQ,IAAI,gBAAgB,KAAK;AAIpD,MAAI,QAAQ,cAAc,WAAW,GAAG,KAAK,cAAc,SAAS,GAAG,IAAI;AACzE,WAAO;AAAA,EACT;AAIA,MAAI,QAAQ,aAAa,WAAW,GAAG,KAAK,aAAa,SAAS,GAAG,IAAI;AACvE,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAMA,SAAS,yBACP,MAImB;AACnB,SACE,OAAO,MAAM,SAAS,YACtB,OAAO,MAAM,OAAO,YACpB,KAAK,KAAK,iBAAiB,MAC3B,KAAK,GAAG,iBAAiB;AAE7B;AAMO,SAAS,0BACd,MAIkD;AAClD,SACG,OAAO,MAAM,SAAS,YAAY,OAAO,MAAM,OAAO,YACvD,yBAAyB,IAAI;AAEjC;",
   "names": []
 }

package/esm/forms/_base-input/BaseInput.css

@@ -1,6 +1,6 @@
-._1a8lqy96-3-2-0 {
-  --_1a8lqy95-3-2-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_yfwka30-3-2-0: var(--_1a8lqy95-3-2-0);
+._1a8lqy96-3-3-0 {
+  --_1a8lqy95-3-3-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_yfwka30-3-3-0: var(--_1a8lqy95-3-3-0);
   position: relative;
   display: flex;
   min-width: 0;
@@ -14,55 +14,55 @@
   transition-property: background-color, box-shadow, border-color;
   transition-duration: var(--dt-timings-fast-quick, 150ms);
   transition-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1)), var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1));
-  background-color: var(--_1a8lqy95-3-2-0);
+  background-color: var(--_1a8lqy95-3-3-0);
 }
-._1a8lqy96-3-2-0:hover {
-  --_1a8lqy95-3-2-0: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+._1a8lqy96-3-3-0:hover {
+  --_1a8lqy95-3-3-0: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1a8lqy96-3-2-0:active {
-  --_1a8lqy95-3-2-0: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
+._1a8lqy96-3-3-0:active {
+  --_1a8lqy95-3-3-0: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1a8lqy91-3-2-0 ._1a8lqy96-3-2-0 {
+._1a8lqy91-3-3-0 ._1a8lqy96-3-3-0 {
   color: var(--dt-colors-text-critical-default, #bb0731);
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1a8lqy91-3-2-0:not(._1a8lqy92-3-2-0) ._1a8lqy96-3-2-0:hover {
+._1a8lqy91-3-3-0:not(._1a8lqy92-3-3-0) ._1a8lqy96-3-3-0:hover {
   background-color: var(--dt-colors-background-field-critical-emphasized-hover, #f6d6d5);
 }
-._1a8lqy91-3-2-0:not(._1a8lqy92-3-2-0) ._1a8lqy96-3-2-0:active {
+._1a8lqy91-3-3-0:not(._1a8lqy92-3-3-0) ._1a8lqy96-3-3-0:active {
   background-color: var(--dt-colors-background-field-critical-emphasized-active, #f5cac9);
 }
-._1a8lqy92-3-2-0 ._1a8lqy96-3-2-0 {
+._1a8lqy92-3-3-0 ._1a8lqy96-3-3-0 {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   cursor: not-allowed;
 }
-._1a8lqy94-3-2-0:not(:hover) ._1a8lqy96-3-2-0 {
+._1a8lqy94-3-3-0:not(:hover) ._1a8lqy96-3-3-0 {
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
 }
-._1a8lqy94-3-2-0:not(:hover) ._1a8lqy96-3-2-0:hover {
+._1a8lqy94-3-3-0:not(:hover) ._1a8lqy96-3-3-0:hover {
   background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1a8lqy94-3-2-0:not(:hover) ._1a8lqy96-3-2-0:active {
+._1a8lqy94-3-3-0:not(:hover) ._1a8lqy96-3-3-0:active {
   background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._1a8lqy94-3-2-0._1a8lqy92-3-2-0 ._1a8lqy96-3-2-0:is(:not(:hover, :active), :hover, :active) {
+._1a8lqy94-3-3-0._1a8lqy92-3-3-0 ._1a8lqy96-3-3-0:is(:not(:hover, :active), :hover, :active) {
   background-color: var(--dt-colors-background-field-neutral-default, #e4e5eb00);
 }
-._1a8lqy97-3-2-0 {
+._1a8lqy97-3-3-0 {
   padding-right: 0;
   padding-left: 0;
 }
-._1a8lqy98-3-2-0 {
+._1a8lqy98-3-3-0 {
   padding-right: 0;
 }
-._1a8lqy99-3-2-0 {
+._1a8lqy99-3-3-0 {
   padding-right: unset;
 }
-._1a8lqy9a-3-2-0 {
+._1a8lqy9a-3-3-0 {
   padding-left: unset;
 }
-._1a8lqy9b-3-2-0 {
+._1a8lqy9b-3-3-0 {
   display: block;
   text-overflow: ellipsis;
   appearance: none;
@@ -76,87 +76,87 @@
   min-width: 0;
   color: inherit;
 }
-._1a8lqy9b-3-2-0:read-only {
+._1a8lqy9b-3-3-0:read-only {
   cursor: not-allowed;
 }
-._1a8lqy9b-3-2-0:focus {
+._1a8lqy9b-3-3-0:focus {
   outline: none;
 }
-._1a8lqy9b-3-2-0::placeholder {
+._1a8lqy9b-3-3-0::placeholder {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-._1a8lqy9b-3-2-0::-webkit-search-cancel-button {
+._1a8lqy9b-3-3-0::-webkit-search-cancel-button {
   -webkit-appearance: none;
 }
-._1a8lqy9b-3-2-0::-ms-reveal {
+._1a8lqy9b-3-3-0::-ms-reveal {
   display: none;
 }
-._1a8lqy91-3-2-0 ._1a8lqy9b-3-2-0:-webkit-autofill:is(:not(:hover, :focus), :hover, :focus), ._1a8lqy91-3-2-0 ._1a8lqy9b-3-2-0::placeholder {
+._1a8lqy91-3-3-0 ._1a8lqy9b-3-3-0:-webkit-autofill:is(:not(:hover, :focus), :hover, :focus), ._1a8lqy91-3-3-0 ._1a8lqy9b-3-3-0::placeholder {
   color: var(--dt-colors-text-critical-default, #bb0731);
   -webkit-text-fill-color: var(--dt-colors-text-critical-default, #bb0731);
 }
-._1a8lqy92-3-2-0 ._1a8lqy9b-3-2-0:-webkit-autofill:is(:not(:hover, :focus), :hover, :focus), ._1a8lqy92-3-2-0 ._1a8lqy9b-3-2-0::placeholder {
+._1a8lqy92-3-3-0 ._1a8lqy9b-3-3-0:-webkit-autofill:is(:not(:hover, :focus), :hover, :focus), ._1a8lqy92-3-3-0 ._1a8lqy9b-3-3-0::placeholder {
   color: var(--dt-colors-text-neutral-disabled, #595a7d80);
   -webkit-text-fill-color: var(--dt-colors-text-neutral-disabled, #595a7d80);
 }
-._1a8lqy92-3-2-0 ._1a8lqy9b-3-2-0 {
+._1a8lqy92-3-3-0 ._1a8lqy9b-3-3-0 {
   cursor: not-allowed;
 }
-button ._1a8lqy9b-3-2-0 {
+button ._1a8lqy9b-3-3-0 {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1a8lqy9c-3-2-0 {
+._1a8lqy9c-3-3-0 {
   margin: 0 var(--dt-spacings-size-4, 4px);
   padding: var(--dt-spacings-size-2, 2px) 0;
   width: var(--dt-spacings-size-28, 28px);
 }
-._1a8lqy9c-3-2-0:is(button._1a8lqy9c-3-2-0._1a8lqy9c-3-2-0) {
+._1a8lqy9c-3-3-0:is(button._1a8lqy9c-3-3-0._1a8lqy9c-3-3-0) {
   border-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1a8lqy9d-3-2-0 {
+._1a8lqy9d-3-3-0 {
   margin-top: var(--dt-spacings-size-6, 6px);
   margin-bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1a8lqy91-3-2-0:not(._1a8lqy92-3-2-0) ._1a8lqy9d-3-2-0 {
+._1a8lqy91-3-3-0:not(._1a8lqy92-3-3-0) ._1a8lqy9d-3-3-0 {
   background-color: var(--dt-colors-border-critical-default, #f6d6d5);
 }
-._1a8lqy94-3-2-0:not(._1a8lqy92-3-2-0):hover button {
+._1a8lqy94-3-3-0:not(._1a8lqy92-3-3-0):hover button {
   transition-property: background-color, box-shadow, border-color;
   transition-duration: var(--dt-timings-fast-quick, 150ms);
   transition-timing-function: var(--dt-easings-fast-in-slow-out, cubic-bezier(0.4, 0, 0.2, 1)), var(--dt-easings-decelerate, cubic-bezier(0, 0, 0.2, 1));
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1a8lqy94-3-2-0:not(._1a8lqy92-3-2-0):hover button:active {
+._1a8lqy94-3-3-0:not(._1a8lqy92-3-3-0):hover button:active {
   background-color: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1a8lqy94-3-2-0:not(._1a8lqy92-3-2-0):hover button:hover {
+._1a8lqy94-3-3-0:not(._1a8lqy92-3-3-0):hover button:hover {
   background-color: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1a8lqy94-3-2-0:not(._1a8lqy92-3-2-0)._1a8lqy91-3-2-0:hover button {
+._1a8lqy94-3-3-0:not(._1a8lqy92-3-3-0)._1a8lqy91-3-3-0:hover button {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1a8lqy94-3-2-0:not(._1a8lqy92-3-2-0)._1a8lqy91-3-2-0:hover button:active {
+._1a8lqy94-3-3-0:not(._1a8lqy92-3-3-0)._1a8lqy91-3-3-0:hover button:active {
   background-color: var(--dt-colors-background-field-critical-emphasized-active, #f5cac9);
 }
-._1a8lqy94-3-2-0:not(._1a8lqy92-3-2-0)._1a8lqy91-3-2-0:hover button:hover {
+._1a8lqy94-3-3-0:not(._1a8lqy92-3-3-0)._1a8lqy91-3-3-0:hover button:hover {
   background-color: var(--dt-colors-background-field-critical-emphasized-hover, #f6d6d5);
 }
-._1a8lqy94-3-2-0:not(._1a8lqy92-3-2-0):hover button:is(:disabled,[aria-disabled=true]) {
+._1a8lqy94-3-3-0:not(._1a8lqy92-3-3-0):hover button:is(:disabled,[aria-disabled=true]) {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
 }
-._1a8lqy96-3-2-0:has(._1a8lqy9c-3-2-0:hover) {
+._1a8lqy96-3-3-0:has(._1a8lqy9c-3-3-0:hover) {
   background-color: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1a8lqy91-3-2-0 ._1a8lqy96-3-2-0:has(._1a8lqy9c-3-2-0:hover):not(._1a8lqy92-3-2-0) {
+._1a8lqy91-3-3-0 ._1a8lqy96-3-3-0:has(._1a8lqy9c-3-3-0:hover):not(._1a8lqy92-3-3-0) {
   background-color: var(--dt-colors-background-field-critical-emphasized, #f8e1e1);
 }
-._1a8lqy96-3-2-0:hover ._1a8lqy9d-3-2-0 {
+._1a8lqy96-3-3-0:hover ._1a8lqy9d-3-3-0 {
   background-color: var(--dt-colors-border-neutral-default-active, #c6c7d5);
 }
-._1a8lqy91-3-2-0 ._1a8lqy96-3-2-0:hover ._1a8lqy9d-3-2-0 {
+._1a8lqy91-3-3-0 ._1a8lqy96-3-3-0:hover ._1a8lqy9d-3-3-0 {
   background-color: var(--dt-colors-border-critical-default-active, #f3bebd);
 }
-._1a8lqy96-3-2-0._1a8lqy9e-3-2-0 div svg {
+._1a8lqy96-3-3-0._1a8lqy9e-3-3-0 div svg {
   fill: currentcolor;
 }

package/esm/forms/_base-input/BaseInput.js

@@ -238,6 +238,7 @@ const BaseInputRoot = /* @__PURE__ */ forwardRef((props, forwardedRef) => {
                               className: styles.clearIconButton,
                               color: hasError ? "critical" : "neutral",
                               disabled: disabledOrAriaDisabled,
+                              "data-dt-name": "ClearAll",
                               children: /* @__PURE__ */ jsx(XmarkIcon, {})
                             }
                           )