@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/filters/segment-selector/parts/selectionBar/ValueSelect.js

@@ -1,10 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
 import clsx from "clsx";
 import { isArray } from "lodash-es";
 import { useContext, useEffect, useMemo, useRef } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import Colors from "@dynatrace/strato-design-tokens/colors";
 import { useDql } from "@dynatrace-sdk/react-hooks";
+import { getSegmentVariables } from "@dynatrace-sdk/segments-presets";
 import * as styles from "./SegmentSelect.sty.js";
 import { StratoLoggerContext } from "../../../../core/sdk/StratoLoggerContext.js";
 import { useFormFieldMessagesContext } from "../../../../forms/forms-core/hooks/useFormFieldMessagesContext.js";
@@ -14,6 +16,9 @@ import { Grid } from "../../../../layouts/grid/Grid.js";
 import { Link } from "../../../../typography/link/Link.js";
 import { Text } from "../../../../typography/text/Text.js";
 import { TextEllipsis } from "../../../../typography/text-ellipsis/TextEllipsis.js";
+import {
+  segmentsClient
+} from "../../contexts/SegmentsCache/SegmentsCache.js";
 import {
   UISegmentsContext,
   useSegmentsUIContext
@@ -24,10 +29,6 @@ import {
   getReadableValue
 } from "../../utils.js";
 import { getSegmentHref } from "../segmentManagementHref.js";
-const dtClientContext = JSON.stringify({
-  source: "SegmentSelector",
-  package: "@dynatrace/strato-components"
-});
 const ValueSelect = (props) => {
   const { triggerClassName, readOnly, segment, variables = [] } = props;
   const variableSelectRef = useRef(null);
@@ -36,74 +37,118 @@ const ValueSelect = (props) => {
   const { dispatch: messagesDispatch } = useFormFieldMessagesContext();
   const intl = useIntl();
   const stratoLogger = useContext(StratoLoggerContext);
+  const segmentId = segment?.segment?.id;
+  const dtClientContext = useMemo(
+    () => JSON.stringify({
+      source: "SegmentSelector",
+      package: "@dynatrace/strato-components",
+      segmentId
+    }),
+    [segmentId]
+  );
   const query = segment?.segment?.variables !== void 0 && segment?.segment?.variables?.type === "query" ? segment.segment.variables.value : "";
+  const {
+    data: faasResult,
+    isLoading: isFaasLoading,
+    error: faasError,
+    refetch: refetchFaas
+  } = useQuery(
+    {
+      queryKey: ["getSegmentVariables", segment.segment.id],
+      queryFn: () => getSegmentVariables(segment.segment.id)
+    },
+    segmentsClient.queryClient
+  );
+  const faasVariables = faasResult !== null && faasResult !== void 0 && "variables" in faasResult ? faasResult.variables : void 0;
   const {
     data,
     isLoading: isDqlLoading,
+    error: dqlError,
     forceRefetch
-  } = useDql({
-    query,
-    maxResultRecords: 1e4,
-    maxResultBytes: 5242880,
-    // 5 MB
-    dtClientContext
-  });
+  } = useDql(
+    {
+      query,
+      maxResultRecords: 15e3,
+      maxResultBytes: 5242880,
+      // 5 MB
+      dtClientContext
+    },
+    { enabled: faasResult?.accessible === false }
+  );
+  const effectiveRecords = faasVariables ?? data?.records;
+  const isLoading = isFaasLoading || isDqlLoading;
+  const error = faasError ?? dqlError;
   useEffect(() => {
-    if (!isDqlLoading && data?.records?.length === 0) {
+    if (!isLoading && effectiveRecords?.length === 0) {
       stratoLogger?.info(
         "Failed to retrieve segment variables: query returned no records.",
-        null,
+        error,
         {
           query: query.split("|")[0],
           // log query until first pipe to avoid reporting sensitive data.
-          id: segment?.segment?.id
+          id: segmentId
         }
       );
     }
-  }, [query, isDqlLoading]);
+  }, [query, isLoading]);
+  useEffect(() => {
+    if (faasResult?.accessible === true && "error" in faasResult) {
+      stratoLogger?.warn(
+        "getSegmentVariables FaaS returned an error response.",
+        faasResult.error,
+        { id: segment?.segment?.id, code: faasResult.error.code }
+      );
+    }
+  }, [faasResult]);
   const unavailableVariables = useMemo(() => {
-    if (data) {
-      const firstKey = Object.keys(data.records?.[0] ?? {})[0];
-      const dataRecordIds = data.records.map((record) => record?.[firstKey]);
-      return variables?.filter((variable) => !dataRecordIds.includes(variable));
+    if (effectiveRecords) {
+      const firstKey = Object.keys(effectiveRecords?.[0] ?? {})[0];
+      const dataRecordIds = new Set(
+        effectiveRecords.map((record) => record?.[firstKey])
+      );
+      return variables?.filter((variable) => !dataRecordIds.has(variable));
     }
-  }, [data, variables]);
-  const availableVariables = useMemo(() => {
-    if (data?.records) {
-      let hasArrayIdentifier = false;
-      const recordsArray = data?.records.map((singleRow) => {
-        const firstKey = singleRow ? Object.keys(singleRow)[0] : null;
-        if (!singleRow || !firstKey) {
-          return null;
-        }
-        if (isArray(singleRow[firstKey])) {
-          hasArrayIdentifier = true;
-        }
-        return `${singleRow[firstKey]}`;
-      }).filter((value) => value !== "null" && value !== null);
-      queueMicrotask(() => {
-        if (hasArrayIdentifier) {
-          messagesDispatch?.({
-            type: FormFieldMessagesAction.ADDMESSAGE,
-            payload: {
-              variant: "error",
-              messageType: "formcontrol",
-              id: "array-identifier",
-              validityStateKey: "customError",
-              message: /* @__PURE__ */ jsx(
-                FormattedMessage,
-                {
-                  ...SEGMENTSELECTOR_MESSAGES.arrayIdentifierError
-                }
-              )
+  }, [effectiveRecords, variables]);
+  const { availableVariables, hasArrayIdentifier } = useMemo(() => {
+    if (!effectiveRecords || effectiveRecords.length === 0) {
+      return { availableVariables: void 0, hasArrayIdentifier: false };
+    }
+    let hasArrayIdentifier2 = false;
+    const recordsArray = effectiveRecords.map((singleRow) => {
+      const firstKey = singleRow ? Object.keys(singleRow)[0] : null;
+      if (!singleRow || !firstKey) {
+        return null;
+      }
+      if (isArray(singleRow[firstKey])) {
+        hasArrayIdentifier2 = true;
+      }
+      return `${singleRow[firstKey]}`;
+    }).filter((value) => value !== "null" && value !== null);
+    return {
+      availableVariables: Array.from(new Set(recordsArray)),
+      hasArrayIdentifier: hasArrayIdentifier2
+    };
+  }, [effectiveRecords]);
+  useEffect(() => {
+    if (hasArrayIdentifier) {
+      messagesDispatch?.({
+        type: FormFieldMessagesAction.ADDMESSAGE,
+        payload: {
+          variant: "error",
+          messageType: "formcontrol",
+          id: "array-identifier",
+          validityStateKey: "customError",
+          message: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              ...SEGMENTSELECTOR_MESSAGES.arrayIdentifierError
             }
-          });
+          )
         }
-        setArrayIdentifierError(hasArrayIdentifier, segment.segment.id);
       });
-      return Array.from(new Set(recordsArray));
     }
-  }, [data]);
+    setArrayIdentifierError(hasArrayIdentifier, segment.segment.id);
+  }, [hasArrayIdentifier]);
   const shouldOpen = focusedSegmentId === segment.segment.id && variables.length === 0 && isTouched;
   useEffect(() => {
     shouldOpen && variableSelectRef.current?.open();
@@ -121,8 +166,11 @@ const ValueSelect = (props) => {
       readOnly: readOnly || segment?.temporarilyApplied,
       clearable: false,
       onOpenChange: (isOpen) => {
-        if (query.length > 0 && isOpen) {
-          forceRefetch().catch(() => void 0);
+        if (isOpen && query.length > 0) {
+          refetchFaas().catch(() => void 0);
+          if (faasResult?.accessible === false) {
+            forceRefetch().catch(() => void 0);
+          }
         }
       },
       value: variables,
@@ -140,9 +188,9 @@ const ValueSelect = (props) => {
           );
           return;
         }
-        const firstKey = Object.keys(data?.records[0] ?? {})[0];
+        const firstKey = Object.keys(effectiveRecords?.[0] ?? {})[0];
         const dataEnrichedVariables = newVariables.map((variable) => {
-          return data?.records.find((singleRow) => {
+          return effectiveRecords?.find((singleRow) => {
             if (isArray(singleRow?.[firstKey])) {
               const values = singleRow?.[firstKey].includes(variable);
               return values;
@@ -182,11 +230,11 @@ const ValueSelect = (props) => {
         /* @__PURE__ */ jsxs(
           Select.Content,
           {
-            loading: isDqlLoading,
+            loading: isLoading,
             showSelectedOptionsFirst: true,
             width: "trigger",
             children: [
-              !data && variables?.map((variable) => /* @__PURE__ */ jsx(
+              !effectiveRecords && variables?.map((variable) => /* @__PURE__ */ jsx(
                 Select.Option,
                 {
                   value: variable,
@@ -238,7 +286,7 @@ const ValueSelect = (props) => {
                 },
                 variable
               )),
-              /* @__PURE__ */ jsx(Select.EmptyState, { children: data?.records.length ? /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx(Select.EmptyState, { children: effectiveRecords?.length ? /* @__PURE__ */ jsx(
                 FormattedMessage,
                 {
                   id: "nIw/xeiGNJsj+a+5",

package/esm/filters/segment-selector/parts/selectionBar/ValueSelect.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/selectionBar/ValueSelect.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { isArray } from 'lodash-es';\nimport { useContext, useEffect, useMemo, useRef } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport { useDql } from '@dynatrace-sdk/react-hooks';\n\nimport * as styles from './SegmentSelect.sty.js';\nimport { StratoLoggerContext } from '../../../../core/sdk/StratoLoggerContext.js';\nimport { useFormFieldMessagesContext } from '../../../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { Select } from '../../../../forms/select/Select.js';\nimport type { FormControlWithOverlayRef } from '../../../../forms/shared-types.js';\nimport { Grid } from '../../../../layouts/grid/Grid.js';\nimport { Link } from '../../../../typography/link/Link.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TextEllipsis } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport { type CachedSegment } from '../../contexts/SegmentsCache/SegmentsCache.js';\nimport {\n  UISegmentsContext,\n  useSegmentsUIContext,\n} from '../../contexts/SegmentsUI/SegmentsUIContext.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../../segmentMessages.js';\nimport {\n  convertQueryRecordToStoreSegmentVariables,\n  getReadableValue,\n} from '../../utils.js';\nimport { getSegmentHref } from '../segmentManagementHref.js';\n\ntype ValueSelectProps = {\n  readOnly?: boolean;\n  segment: CachedSegment;\n  variables?: string[];\n  triggerClassName?: string;\n};\n\nconst dtClientContext = JSON.stringify({\n  source: 'SegmentSelector',\n  package: '@dynatrace/strato-components',\n});\n\n/**\n * ValueSelect component that allows the selection of variables of the segment\n * @internal\n */\nexport const ValueSelect = (props: ValueSelectProps) => {\n  const { triggerClassName, readOnly, segment, variables = [] } = props;\n  const variableSelectRef =\n    useRef<FormControlWithOverlayRef<HTMLDivElement>>(null);\n\n  const { focusedSegmentId, isTouched } = useContext(UISegmentsContext);\n  const { updateUISegment, setArrayIdentifierError } = useSegmentsUIContext();\n  const { dispatch: messagesDispatch } = useFormFieldMessagesContext();\n\n  const intl = useIntl();\n\n  const stratoLogger = useContext(StratoLoggerContext);\n\n  const query =\n    segment?.segment?.variables !== undefined &&\n    segment?.segment?.variables?.type === 'query'\n      ? segment.segment.variables.value\n      : '';\n\n  const {\n    data,\n    isLoading: isDqlLoading,\n    forceRefetch,\n  } = useDql({\n    query,\n    maxResultRecords: 10_000,\n    maxResultBytes: 5_242_880, // 5 MB\n    dtClientContext,\n  });\n  useEffect(() => {\n    if (!isDqlLoading && data?.records?.length === 0) {\n      stratoLogger?.info(\n        'Failed to retrieve segment variables: query returned no records.',\n        null,\n        {\n          query: query.split('|')[0], // log query until first pipe to avoid reporting sensitive data.\n          id: segment?.segment?.id,\n        },\n      );\n    }\n    // only update when the query changed and is not loading, to prevent multiple logs.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, isDqlLoading]);\n\n  /** Checks which variables are already selected but no longer available. */\n  const unavailableVariables = useMemo(() => {\n    if (data) {\n      const firstKey = Object.keys(data.records?.[0] ?? {})[0];\n      const dataRecordIds = data.records.map((record) => record?.[firstKey]);\n\n      return variables?.filter((variable) => !dataRecordIds.includes(variable));\n    }\n  }, [data, variables]);\n\n  /** Filters for all unique variable ids and strips duplicates. */\n  const availableVariables = useMemo(() => {\n    if (data?.records) {\n      let hasArrayIdentifier = false;\n      const recordsArray = data?.records\n        .map((singleRow) => {\n          const firstKey = singleRow ? Object.keys(singleRow)[0] : null;\n\n          if (!singleRow || !firstKey) {\n            return null;\n          }\n\n          if (isArray(singleRow[firstKey])) {\n            hasArrayIdentifier = true;\n          }\n\n          return `${singleRow[firstKey]}`;\n        })\n        .filter((value) => value !== 'null' && value !== null);\n\n      /**\n       * The array identifier error can only be detected when the variables are compared to\n       * the fetched data, as for all further usages we flatten the array. Therefore, we need\n       * to handle the error specifically. As the immediate dispatch would lead to a bad state\n       * but we want to avoid to iterate over the variables again, the state update is delayed here.\n       */\n      queueMicrotask(() => {\n        if (hasArrayIdentifier) {\n          messagesDispatch?.({\n            type: FormFieldMessagesAction.ADDMESSAGE,\n            payload: {\n              variant: 'error',\n              messageType: 'formcontrol',\n              id: 'array-identifier',\n              validityStateKey: 'customError',\n              message: (\n                <FormattedMessage\n                  {...SEGMENTSELECTOR_MESSAGES.arrayIdentifierError}\n                />\n              ),\n            },\n          });\n        }\n        setArrayIdentifierError(hasArrayIdentifier, segment.segment.id);\n      });\n\n      return Array.from(new Set(recordsArray));\n    }\n  }, [data]);\n\n  const shouldOpen =\n    focusedSegmentId === segment.segment.id &&\n    variables.length === 0 &&\n    isTouched;\n\n  useEffect(() => {\n    shouldOpen && variableSelectRef.current?.open();\n  }, [shouldOpen]);\n\n  useEffect(() => {\n    // initially\n    !isTouched && variableSelectRef.current?.validate();\n    // we need to validate the select when the variables change\n    // this needs to be properly resolved in the select component,\n    // as this one needs to validate controlled values automatically.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isTouched, JSON.stringify(variables)]);\n\n  return (\n    <Select\n      ref={variableSelectRef}\n      multiple\n      className={styles.variablesSelectCSS}\n      required\n      readOnly={readOnly || segment?.temporarilyApplied}\n      clearable={false}\n      onOpenChange={(isOpen) => {\n        if (query.length > 0 && isOpen) {\n          forceRefetch().catch(() => undefined);\n        }\n      }}\n      value={variables}\n      onChange={(newVariables) => {\n        if (!newVariables || newVariables.length === 0) {\n          updateUISegment(\n            {\n              ...segment.segment,\n              variables: [],\n            },\n            {\n              ...segment.segment,\n              variables: [],\n            },\n          );\n          return;\n        }\n\n        // get all variable values from the actual data\n        const firstKey = Object.keys(data?.records[0] ?? {})[0];\n        const dataEnrichedVariables = newVariables\n          .map((variable) => {\n            return (\n              data?.records.find((singleRow) => {\n                if (isArray(singleRow?.[firstKey])) {\n                  const values = singleRow?.[firstKey].includes(variable);\n                  return values;\n                }\n\n                return singleRow && singleRow[firstKey] === variable;\n              }) ?? null\n            );\n          })\n          .filter((value) => value !== null);\n\n        const segmentVariables = convertQueryRecordToStoreSegmentVariables(\n          dataEnrichedVariables,\n        );\n\n        if (segmentVariables) {\n          updateUISegment(\n            {\n              ...segment.segment,\n              variables: [],\n            },\n            {\n              ...segment.segment,\n              variables: segmentVariables,\n            },\n          );\n        }\n      }}\n      data-dt-name=\"segment-variable-select\"\n    >\n      <Select.Trigger\n        className={clsx(styles.variablesSelectTriggerCSS, triggerClassName)}\n        placeholder={intl.formatMessage(\n          SEGMENTSELECTOR_MESSAGES.segmentsVariableTriggerPlaceholder,\n        )}\n      >\n        {variables?.length > 0 && (\n          <Select.DisplayValue>\n            <TextEllipsis>\n              {variables\n                .map((variable) => getReadableValue(variable, intl))\n                .join(', ')}\n            </TextEllipsis>\n          </Select.DisplayValue>\n        )}\n      </Select.Trigger>\n      <Select.Filter />\n      <Select.Content\n        loading={isDqlLoading}\n        showSelectedOptionsFirst\n        width=\"trigger\"\n      >\n        {!data &&\n          variables?.map((variable) => (\n            <Select.Option\n              key={variable}\n              value={variable}\n              textValue={getReadableValue(variable, intl) ?? undefined}\n            >\n              {getReadableValue(variable, intl)}\n            </Select.Option>\n          ))}\n        {unavailableVariables?.map((unlistedVariable) => (\n          <Select.Option\n            key={unlistedVariable}\n            value={unlistedVariable}\n            textValue={getReadableValue(unlistedVariable, intl) ?? undefined}\n          >\n            <Grid\n              gridTemplateColumns=\"auto auto\"\n              width=\"100%\"\n              alignItems=\"baseline\"\n            >\n              <Text>{getReadableValue(unlistedVariable, intl)}</Text>\n              <Text\n                textStyle=\"small\"\n                style={{\n                  color: Colors.Text.Neutral.Subdued,\n                  textAlign: 'right',\n                  textWrap: 'nowrap',\n                }}\n              >\n                {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.unavailable)}\n              </Text>\n            </Grid>\n          </Select.Option>\n        ))}\n        {availableVariables?.map((variable) => (\n          <Select.Option\n            key={variable}\n            value={variable}\n            textValue={getReadableValue(variable, intl) ?? undefined}\n          >\n            {/** The option should wrap and not truncate, therefore, it is wrapped in a Text. */}{' '}\n            <Text>{getReadableValue(variable, intl)}</Text>\n          </Select.Option>\n        ))}\n        <Select.EmptyState>\n          {data?.records.length ? (\n            <FormattedMessage\n              id=\"nIw/xeiGNJsj+a+5\"\n              defaultMessage=\"No matching values for this segment found.\"\n              description=\"Hint shown when searching for a segment variable that isn't in the list.\"\n            />\n          ) : (\n            <FormattedMessage\n              defaultMessage=\"No values for this segment available. You can manage this segment in {link}.\"\n              id=\"72DlIwYKB9UTEzlA\"\n              description=\"Empty state message if no variables for the segment are available.\"\n              values={{\n                link: (\n                  <Link\n                    href={getSegmentHref(segment.segment.id)}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <FormattedMessage\n                      defaultMessage=\"settings\"\n                      id=\"u55UYpLvXi//xGEn\"\n                      description=\"Link text to segments app in empty state message if no variables for the segment are available.\"\n                    />\n                  </Link>\n                ),\n              }}\n            />\n          )}\n        </Select.EmptyState>\n      </Select.Content>\n    </Select>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import { useQuery } from '@tanstack/react-query';\nimport clsx from 'clsx';\nimport { isArray } from 'lodash-es';\nimport { useContext, useEffect, useMemo, useRef } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport Colors from '@dynatrace/strato-design-tokens/colors';\nimport type { ResultRecord } from '@dynatrace-sdk/client-query';\nimport { useDql } from '@dynatrace-sdk/react-hooks';\nimport { getSegmentVariables } from '@dynatrace-sdk/segments-presets';\n\nimport * as styles from './SegmentSelect.sty.js';\nimport { StratoLoggerContext } from '../../../../core/sdk/StratoLoggerContext.js';\nimport { useFormFieldMessagesContext } from '../../../../forms/forms-core/hooks/useFormFieldMessagesContext.js';\nimport { FormFieldMessagesAction } from '../../../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport { Select } from '../../../../forms/select/Select.js';\nimport type { FormControlWithOverlayRef } from '../../../../forms/shared-types.js';\nimport { Grid } from '../../../../layouts/grid/Grid.js';\nimport { Link } from '../../../../typography/link/Link.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport { TextEllipsis } from '../../../../typography/text-ellipsis/TextEllipsis.js';\nimport {\n  segmentsClient,\n  type CachedSegment,\n} from '../../contexts/SegmentsCache/SegmentsCache.js';\nimport {\n  UISegmentsContext,\n  useSegmentsUIContext,\n} from '../../contexts/SegmentsUI/SegmentsUIContext.js';\nimport { SEGMENTSELECTOR_MESSAGES } from '../../segmentMessages.js';\nimport {\n  convertQueryRecordToStoreSegmentVariables,\n  getReadableValue,\n} from '../../utils.js';\nimport { getSegmentHref } from '../segmentManagementHref.js';\n\ntype ValueSelectProps = {\n  readOnly?: boolean;\n  segment: CachedSegment;\n  variables?: string[];\n  triggerClassName?: string;\n};\n\n/**\n * ValueSelect component that allows the selection of variables of the segment\n * @internal\n */\nexport const ValueSelect = (props: ValueSelectProps) => {\n  const { triggerClassName, readOnly, segment, variables = [] } = props;\n  const variableSelectRef =\n    useRef<FormControlWithOverlayRef<HTMLDivElement>>(null);\n\n  const { focusedSegmentId, isTouched } = useContext(UISegmentsContext);\n  const { updateUISegment, setArrayIdentifierError } = useSegmentsUIContext();\n  const { dispatch: messagesDispatch } = useFormFieldMessagesContext();\n\n  const intl = useIntl();\n\n  const stratoLogger = useContext(StratoLoggerContext);\n\n  const segmentId = segment?.segment?.id;\n\n  const dtClientContext = useMemo(\n    () =>\n      JSON.stringify({\n        source: 'SegmentSelector',\n        package: '@dynatrace/strato-components',\n        segmentId,\n      }),\n    [segmentId],\n  );\n\n  const query =\n    segment?.segment?.variables !== undefined &&\n    segment?.segment?.variables?.type === 'query'\n      ? segment.segment.variables.value\n      : '';\n\n  const {\n    data: faasResult,\n    isLoading: isFaasLoading,\n    error: faasError,\n    refetch: refetchFaas,\n  } = useQuery(\n    {\n      queryKey: ['getSegmentVariables', segment.segment.id],\n      queryFn: () => getSegmentVariables(segment.segment.id),\n    },\n    segmentsClient.queryClient,\n  );\n\n  const faasVariables =\n    faasResult !== null && faasResult !== undefined && 'variables' in faasResult\n      ? faasResult.variables\n      : undefined;\n\n  const {\n    data,\n    isLoading: isDqlLoading,\n    error: dqlError,\n    forceRefetch,\n  } = useDql(\n    {\n      query,\n      maxResultRecords: 15_000,\n      maxResultBytes: 5_242_880, // 5 MB\n      dtClientContext,\n    },\n    { enabled: faasResult?.accessible === false },\n  );\n\n  const effectiveRecords: ResultRecord[] | undefined =\n    faasVariables ?? data?.records;\n  const isLoading = isFaasLoading || isDqlLoading;\n  const error = faasError ?? dqlError;\n\n  useEffect(() => {\n    if (!isLoading && effectiveRecords?.length === 0) {\n      stratoLogger?.info(\n        'Failed to retrieve segment variables: query returned no records.',\n        error,\n        {\n          query: query.split('|')[0], // log query until first pipe to avoid reporting sensitive data.\n          id: segmentId,\n        },\n      );\n    }\n    // only update when the query changed and is not loading, to prevent multiple logs.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query, isLoading]);\n\n  // `accessible: true` with an `error` envelope does not trigger the useDql fallback,\n  // so the dropdown would silently show the empty state. Log so the failure is observable.\n  useEffect(() => {\n    if (faasResult?.accessible === true && 'error' in faasResult) {\n      stratoLogger?.warn(\n        'getSegmentVariables FaaS returned an error response.',\n        faasResult.error,\n        { id: segment?.segment?.id, code: faasResult.error.code },\n      );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [faasResult]);\n\n  /** Checks which variables are already selected but no longer available. */\n  const unavailableVariables = useMemo(() => {\n    if (effectiveRecords) {\n      const firstKey = Object.keys(effectiveRecords?.[0] ?? {})[0];\n      const dataRecordIds = new Set(\n        effectiveRecords.map((record) => record?.[firstKey]),\n      );\n\n      return variables?.filter((variable) => !dataRecordIds.has(variable));\n    }\n  }, [effectiveRecords, variables]);\n\n  /** Filters for all unique variable ids, strips duplicates, and tracks whether any identifier value is an array. */\n  const { availableVariables, hasArrayIdentifier } = useMemo(() => {\n    if (!effectiveRecords || effectiveRecords.length === 0) {\n      return { availableVariables: undefined, hasArrayIdentifier: false };\n    }\n\n    let hasArrayIdentifier = false;\n    const recordsArray = effectiveRecords\n      .map((singleRow) => {\n        const firstKey = singleRow ? Object.keys(singleRow)[0] : null;\n\n        if (!singleRow || !firstKey) {\n          return null;\n        }\n\n        if (isArray(singleRow[firstKey])) {\n          hasArrayIdentifier = true;\n        }\n\n        return `${singleRow[firstKey]}`;\n      })\n      .filter((value) => value !== 'null' && value !== null);\n\n    return {\n      availableVariables: Array.from(new Set(recordsArray)),\n      hasArrayIdentifier,\n    };\n  }, [effectiveRecords]);\n\n  useEffect(() => {\n    if (hasArrayIdentifier) {\n      messagesDispatch?.({\n        type: FormFieldMessagesAction.ADDMESSAGE,\n        payload: {\n          variant: 'error',\n          messageType: 'formcontrol',\n          id: 'array-identifier',\n          validityStateKey: 'customError',\n          message: (\n            <FormattedMessage\n              {...SEGMENTSELECTOR_MESSAGES.arrayIdentifierError}\n            />\n          ),\n        },\n      });\n    }\n    setArrayIdentifierError(hasArrayIdentifier, segment.segment.id);\n    // we only want to react to updates to the hasArrayIdentifier value to not run into an infinite loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [hasArrayIdentifier]);\n\n  const shouldOpen =\n    focusedSegmentId === segment.segment.id &&\n    variables.length === 0 &&\n    isTouched;\n\n  useEffect(() => {\n    shouldOpen && variableSelectRef.current?.open();\n  }, [shouldOpen]);\n\n  useEffect(() => {\n    // initially\n    !isTouched && variableSelectRef.current?.validate();\n    // we need to validate the select when the variables change\n    // this needs to be properly resolved in the select component,\n    // as this one needs to validate controlled values automatically.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isTouched, JSON.stringify(variables)]);\n\n  return (\n    <Select\n      ref={variableSelectRef}\n      multiple\n      className={styles.variablesSelectCSS}\n      required\n      readOnly={readOnly || segment?.temporarilyApplied}\n      clearable={false}\n      onOpenChange={(isOpen) => {\n        if (isOpen && query.length > 0) {\n          refetchFaas().catch(() => undefined);\n          if (faasResult?.accessible === false) {\n            forceRefetch().catch(() => undefined);\n          }\n        }\n      }}\n      value={variables}\n      onChange={(newVariables) => {\n        if (!newVariables || newVariables.length === 0) {\n          updateUISegment(\n            {\n              ...segment.segment,\n              variables: [],\n            },\n            {\n              ...segment.segment,\n              variables: [],\n            },\n          );\n          return;\n        }\n\n        // get all variable values from the actual data\n        const firstKey = Object.keys(effectiveRecords?.[0] ?? {})[0];\n        const dataEnrichedVariables = newVariables\n          .map((variable) => {\n            return (\n              effectiveRecords?.find((singleRow) => {\n                if (isArray(singleRow?.[firstKey])) {\n                  const values = singleRow?.[firstKey].includes(variable);\n                  return values;\n                }\n\n                return singleRow && singleRow[firstKey] === variable;\n              }) ?? null\n            );\n          })\n          .filter((value) => value !== null);\n\n        const segmentVariables = convertQueryRecordToStoreSegmentVariables(\n          dataEnrichedVariables,\n        );\n\n        if (segmentVariables) {\n          updateUISegment(\n            {\n              ...segment.segment,\n              variables: [],\n            },\n            {\n              ...segment.segment,\n              variables: segmentVariables,\n            },\n          );\n        }\n      }}\n      data-dt-name=\"segment-variable-select\"\n    >\n      <Select.Trigger\n        className={clsx(styles.variablesSelectTriggerCSS, triggerClassName)}\n        placeholder={intl.formatMessage(\n          SEGMENTSELECTOR_MESSAGES.segmentsVariableTriggerPlaceholder,\n        )}\n      >\n        {variables?.length > 0 && (\n          <Select.DisplayValue>\n            <TextEllipsis>\n              {variables\n                .map((variable) => getReadableValue(variable, intl))\n                .join(', ')}\n            </TextEllipsis>\n          </Select.DisplayValue>\n        )}\n      </Select.Trigger>\n      <Select.Filter />\n      <Select.Content\n        loading={isLoading}\n        showSelectedOptionsFirst\n        width=\"trigger\"\n      >\n        {!effectiveRecords &&\n          variables?.map((variable) => (\n            <Select.Option\n              key={variable}\n              value={variable}\n              textValue={getReadableValue(variable, intl) ?? undefined}\n            >\n              {getReadableValue(variable, intl)}\n            </Select.Option>\n          ))}\n        {unavailableVariables?.map((unlistedVariable) => (\n          <Select.Option\n            key={unlistedVariable}\n            value={unlistedVariable}\n            textValue={getReadableValue(unlistedVariable, intl) ?? undefined}\n          >\n            <Grid\n              gridTemplateColumns=\"auto auto\"\n              width=\"100%\"\n              alignItems=\"baseline\"\n            >\n              <Text>{getReadableValue(unlistedVariable, intl)}</Text>\n              <Text\n                textStyle=\"small\"\n                style={{\n                  color: Colors.Text.Neutral.Subdued,\n                  textAlign: 'right',\n                  textWrap: 'nowrap',\n                }}\n              >\n                {intl.formatMessage(SEGMENTSELECTOR_MESSAGES.unavailable)}\n              </Text>\n            </Grid>\n          </Select.Option>\n        ))}\n        {availableVariables?.map((variable) => (\n          <Select.Option\n            key={variable}\n            value={variable}\n            textValue={getReadableValue(variable, intl) ?? undefined}\n          >\n            {/** The option should wrap and not truncate, therefore, it is wrapped in a Text. */}{' '}\n            <Text>{getReadableValue(variable, intl)}</Text>\n          </Select.Option>\n        ))}\n        <Select.EmptyState>\n          {effectiveRecords?.length ? (\n            <FormattedMessage\n              id=\"nIw/xeiGNJsj+a+5\"\n              defaultMessage=\"No matching values for this segment found.\"\n              description=\"Hint shown when searching for a segment variable that isn't in the list.\"\n            />\n          ) : (\n            <FormattedMessage\n              defaultMessage=\"No values for this segment available. You can manage this segment in {link}.\"\n              id=\"72DlIwYKB9UTEzlA\"\n              description=\"Empty state message if no variables for the segment are available.\"\n              values={{\n                link: (\n                  <Link\n                    href={getSegmentHref(segment.segment.id)}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                  >\n                    <FormattedMessage\n                      defaultMessage=\"settings\"\n                      id=\"u55UYpLvXi//xGEn\"\n                      description=\"Link text to segments app in empty state message if no variables for the segment are available.\"\n                    />\n                  </Link>\n                ),\n              }}\n            />\n          )}\n        </Select.EmptyState>\n      </Select.Content>\n    </Select>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["hasArrayIdentifier"]
 }

package/esm/filters/segment-selector/segmentMessages.js

@@ -65,6 +65,11 @@ const SEGMENTSELECTOR_MESSAGES = defineMessages({
     description: "Error message indicating that something with the current selection is wrong and, therefore, should be checked.",
     id: "LhnAiI2sqynNbsba"
   },
+  invalidVariablesError: {
+    defaultMessage: "One or more variables don't match the segment's filter criteria. Please update the variables or select a different segment.",
+    description: "Error message shown when the selected variables are not valid for this segment. They don't match the segment's includes filter.",
+    id: "U8ktDsKphISwBpaV"
+  },
   legend: {
     defaultMessage: "Filter by segments",
     description: "FieldSet Label in SegmentSelector Overlay.",

package/esm/filters/segment-selector/segmentMessages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/segmentMessages.ts"],
-  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const SEGMENTSELECTOR_MESSAGES = defineMessages({\n  addSegment: {\n    defaultMessage: 'Add',\n    description:\n      'Aria-label for the + in the \"add segment\" button to convey the functionality.',\n    id: 'SzcXIJL/aWzjy5Ig',\n  },\n  arrayIdentifierError: {\n    id: 'eYRqhWFzgj9ne5TC',\n    defaultMessage: 'The first column of a variable cannot be an array.',\n    description:\n      'Error message shown when a segment variable is identified by a first column array.',\n  },\n  applyButton: {\n    defaultMessage: 'Apply',\n    description:\n      'Button in the SegmentSelector overlay to apply the segment selection.',\n    id: 'DswaMGT7rt2ajcbI',\n  },\n  clearAll: {\n    defaultMessage: 'Clear all',\n    description: 'Label for the clear all button.',\n    id: 'e2L/mGCBvRqDTvq2',\n  },\n  clearSegments: {\n    defaultMessage: 'Clear segments',\n    description:\n      'Label for the clear segments button when segments are applied but the user has no permissions.',\n    id: 'WxdPgLpYTL0pyM92',\n  },\n  copyDetailsButton: {\n    id: 'OVHWs31OggLCgWSq',\n    defaultMessage: 'Copy details',\n    description: 'Label for the copy details button in SegmentsOverlay.',\n  },\n  copyDetailsHint: {\n    id: 'bx7cExKj4X9tpZgs',\n    defaultMessage: 'Please copy the details and share them with your admin.',\n    description: 'Hint to copy details to share with an admin.',\n  },\n  defaultAriaLabel: {\n    defaultMessage: 'Filter by segments',\n    description:\n      'Text for SegmentSelector Trigger when no segment is selected yet.',\n    id: 'q/AKqzat66d0tRr7',\n  },\n  docsLinkText: {\n    defaultMessage: 'Learn more about segments',\n    description: 'Display text for the link to the segments documentation.',\n    id: 'ZFLXYT4zoCbKvGNP',\n  },\n  docsLinkTextShort: {\n    defaultMessage: 'Learn more',\n    description:\n      'Short version of the display text for the link to the segments documentation.',\n    id: 'Xxl1F0GNIQlu2LSH',\n  },\n  emptyString: {\n    defaultMessage: 'Empty value',\n    description:\n      'Display text for segment variable values that are an empty string.',\n    id: 'wtm8N4m0hully7OX',\n  },\n  filteredSegmentNotFound: {\n    defaultMessage:\n      'No matching segments found. If you\u2019re looking for a segment value, select the segment first.',\n    description:\n      \"Hint shown when searching for a segment variable that isn't in the list.\",\n    id: 'ovlsWnQ6TNpxUzyF',\n  },\n  genericSegmentError: {\n    defaultMessage:\n      'The applied segments are outdated. Please check your selection in the overlay.',\n    description:\n      'Error message indicating that something with the current selection is wrong and, therefore, should be checked.',\n    id: 'LhnAiI2sqynNbsba',\n  },\n  legend: {\n    defaultMessage: 'Filter by segments',\n    description: 'FieldSet Label in SegmentSelector Overlay.',\n    id: '+uTtPJkLATW51CDB',\n  },\n  linkMenuTrigger: {\n    defaultMessage: 'Open to find further resources',\n    description:\n      'Aria-label for menu trigger for collapsed resource links on mobile.',\n    id: 'ymTPa3UIE2oxpoEr',\n  },\n  loadingAriaLabel: {\n    defaultMessage: 'Loading segments',\n    description:\n      'Aria-label for the loading view within the SegmentSelector Overlay.',\n    id: 'iygPRzX1n+gL7TLR',\n  },\n  manageSegments: {\n    defaultMessage: 'Manage segments',\n    description: 'Display text for the link to the SegmentsManager app.',\n    id: 'MsfOpUQyZ0eEZ/5T',\n  },\n  moreTooltip: {\n    defaultMessage: '+{number} more',\n    description:\n      'Tooltip message when the tooltip is too big and shows the first selected segment and +X more for the remaining.',\n    id: 'GFd2oJ+U46/o0aMy',\n  },\n  noAccessNoSegments: {\n    id: 'eJrsgl5/4XpLIWxo',\n    defaultMessage:\n      \"Your assigned access control policies don't permit you to use segments.\",\n    description:\n      'Message shown when access control permissions are missing and no segments are applied.',\n  },\n  noReadAccess: {\n    id: 'ExRdGipMUK2Tldxd',\n    defaultMessage:\n      \"Segments are applied but your assigned access control policies don't permit you to read them.\",\n    description:\n      'Message shown when access control permissions (read) are missing and segments are already applied.',\n  },\n  noReadAndWriteAccess: {\n    id: 'mtKUJAn0mf0dbG4E',\n    defaultMessage:\n      \"Your assigned access control policies don't permit you to read or apply segments.\",\n    description:\n      'Message shown when access control permissions are missing but a query with segments was run.',\n  },\n  noSegmentsConfigured: {\n    defaultMessage: 'No segments configured.',\n    description: 'Message shown in the empty state of the segmentsSelector.',\n    id: 'Mexo5VI0BZU5Mw8b',\n  },\n  noSegmentVariablesAvailable: {\n    defaultMessage:\n      'No values for this segment available. You can manage this segment in settings.',\n    description:\n      'Empty state message if no variables for the segment are available.',\n    id: 'RoNWrUBQf8gR7lxZ',\n  },\n  pinButton: {\n    defaultMessage: 'Pin',\n    description: 'Text for the pin button of a segment preset.',\n    id: 'L4FYL0HqCIFzBkzf',\n  },\n  removedVariablesError: {\n    defaultMessage:\n      'This segment is no longer using variables. Click apply to refresh it.',\n    description:\n      'Error message shown when the selected segment has variables but does not expect any.',\n    id: 'aGMowcWvdm+5M63D',\n  },\n  removeSegmentButton: {\n    defaultMessage: 'Remove segment',\n    description: 'Aria-label for the remove button of a segments select.',\n    id: 'S6z4dIJ7FiELVt5X',\n  },\n  segmentsSelectEmptyState: {\n    defaultMessage: 'No other segments available.',\n    description: 'Message shown if all available segments have been selected.',\n    id: 'CzhNdiuuquVgEUTg',\n  },\n  segmentsSelectEmptyStateSearch: {\n    defaultMessage:\n      'No matching segments found. If you\u2019re looking for a segment value, select the segment first.',\n    description: 'Message for an empty search result in the segment select.',\n    id: 'yJBeHrP0dl2h/JIx',\n  },\n  segmentsTriggerPlaceholder: {\n    defaultMessage: 'Select segment',\n    description:\n      'Placeholder for the trigger of the select within the segmentSelector Overlay.',\n    id: 'oSKhN7fSy19ei878',\n  },\n  segmentsVariableTriggerPlaceholder: {\n    defaultMessage: 'Select value',\n    description:\n      'Placeholder for the trigger of the select within the segmentSelector Overlay.',\n    id: 'RuGHpilISAqb1dDM',\n  },\n  unavailable: {\n    defaultMessage: 'Unavailable',\n    description:\n      'Description for unavailable segment variables, e.g. if the variable is not available any longer.',\n    id: 'K+rYESaxckSqgeF/',\n  },\n  unavailableSegmentError: {\n    defaultMessage:\n      \"This segment doesn't exist anymore. Please remove it from the selection.\",\n    description:\n      'Error message if the segment was removed but is still selected.',\n    id: '+kn/ILSk7yxtVqQ/',\n  },\n  unlistedSegmentTooltip: {\n    defaultMessage:\n      'Someone else applied this segment, which is usually not available to you. You can only view or remove it.',\n    description: 'Description for the tooltip of an unlisted segment.',\n    id: 'UdBwDtbEgD8ojnmL',\n  },\n  valueMissingError: {\n    defaultMessage: 'At least one value must be selected.',\n    description: 'Error message shown when no value is selected.',\n    id: 'qDnh6SFkeo10shlI',\n  },\n});\n"],
-  "mappings": "AAAA,SAAS,sBAAsB;AAExB,MAAM,2BAA2B,eAAe;AAAA,EACrD,YAAY;AAAA,IACV,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,sBAAsB;AAAA,IACpB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aACE;AAAA,EACJ;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,eAAe;AAAA,IACb,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,mBAAmB;AAAA,IACjB,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,IACf,IAAI;AAAA,IACJ,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACf;AAAA,EACA,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,cAAc;AAAA,IACZ,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,mBAAmB;AAAA,IACjB,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,yBAAyB;AAAA,IACvB,gBACE;AAAA,IACF,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,qBAAqB;AAAA,IACnB,gBACE;AAAA,IACF,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,QAAQ;AAAA,IACN,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,iBAAiB;AAAA,IACf,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,kBAAkB;AAAA,IAChB,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,gBAAgB;AAAA,IACd,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,oBAAoB;AAAA,IAClB,IAAI;AAAA,IACJ,gBACE;AAAA,IACF,aACE;AAAA,EACJ;AAAA,EACA,cAAc;AAAA,IACZ,IAAI;AAAA,IACJ,gBACE;AAAA,IACF,aACE;AAAA,EACJ;AAAA,EACA,sBAAsB;AAAA,IACpB,IAAI;AAAA,IACJ,gBACE;AAAA,IACF,aACE;AAAA,EACJ;AAAA,EACA,sBAAsB;AAAA,IACpB,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,6BAA6B;AAAA,IAC3B,gBACE;AAAA,IACF,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,WAAW;AAAA,IACT,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,uBAAuB;AAAA,IACrB,gBACE;AAAA,IACF,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,qBAAqB;AAAA,IACnB,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,0BAA0B;AAAA,IACxB,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,gCAAgC;AAAA,IAC9B,gBACE;AAAA,IACF,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,4BAA4B;AAAA,IAC1B,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,oCAAoC;AAAA,IAClC,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,aAAa;AAAA,IACX,gBAAgB;AAAA,IAChB,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,yBAAyB;AAAA,IACvB,gBACE;AAAA,IACF,aACE;AAAA,IACF,IAAI;AAAA,EACN;AAAA,EACA,wBAAwB;AAAA,IACtB,gBACE;AAAA,IACF,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AAAA,EACA,mBAAmB;AAAA,IACjB,gBAAgB;AAAA,IAChB,aAAa;AAAA,IACb,IAAI;AAAA,EACN;AACF,CAAC;",
+  "sourcesContent": ["import { defineMessages } from 'react-intl';\n\nexport const SEGMENTSELECTOR_MESSAGES = defineMessages({\n  addSegment: {\n    defaultMessage: 'Add',\n    description:\n      'Aria-label for the + in the \"add segment\" button to convey the functionality.',\n    id: 'SzcXIJL/aWzjy5Ig',\n  },\n  arrayIdentifierError: {\n    id: 'eYRqhWFzgj9ne5TC',\n    defaultMessage: 'The first column of a variable cannot be an array.',\n    description:\n      'Error message shown when a segment variable is identified by a first column array.',\n  },\n  applyButton: {\n    defaultMessage: 'Apply',\n    description:\n      'Button in the SegmentSelector overlay to apply the segment selection.',\n    id: 'DswaMGT7rt2ajcbI',\n  },\n  clearAll: {\n    defaultMessage: 'Clear all',\n    description: 'Label for the clear all button.',\n    id: 'e2L/mGCBvRqDTvq2',\n  },\n  clearSegments: {\n    defaultMessage: 'Clear segments',\n    description:\n      'Label for the clear segments button when segments are applied but the user has no permissions.',\n    id: 'WxdPgLpYTL0pyM92',\n  },\n  copyDetailsButton: {\n    id: 'OVHWs31OggLCgWSq',\n    defaultMessage: 'Copy details',\n    description: 'Label for the copy details button in SegmentsOverlay.',\n  },\n  copyDetailsHint: {\n    id: 'bx7cExKj4X9tpZgs',\n    defaultMessage: 'Please copy the details and share them with your admin.',\n    description: 'Hint to copy details to share with an admin.',\n  },\n  defaultAriaLabel: {\n    defaultMessage: 'Filter by segments',\n    description:\n      'Text for SegmentSelector Trigger when no segment is selected yet.',\n    id: 'q/AKqzat66d0tRr7',\n  },\n  docsLinkText: {\n    defaultMessage: 'Learn more about segments',\n    description: 'Display text for the link to the segments documentation.',\n    id: 'ZFLXYT4zoCbKvGNP',\n  },\n  docsLinkTextShort: {\n    defaultMessage: 'Learn more',\n    description:\n      'Short version of the display text for the link to the segments documentation.',\n    id: 'Xxl1F0GNIQlu2LSH',\n  },\n  emptyString: {\n    defaultMessage: 'Empty value',\n    description:\n      'Display text for segment variable values that are an empty string.',\n    id: 'wtm8N4m0hully7OX',\n  },\n  filteredSegmentNotFound: {\n    defaultMessage:\n      'No matching segments found. If you\u2019re looking for a segment value, select the segment first.',\n    description:\n      \"Hint shown when searching for a segment variable that isn't in the list.\",\n    id: 'ovlsWnQ6TNpxUzyF',\n  },\n  genericSegmentError: {\n    defaultMessage:\n      'The applied segments are outdated. Please check your selection in the overlay.',\n    description:\n      'Error message indicating that something with the current selection is wrong and, therefore, should be checked.',\n    id: 'LhnAiI2sqynNbsba',\n  },\n  invalidVariablesError: {\n    defaultMessage:\n      \"One or more variables don't match the segment's filter criteria. Please update the variables or select a different segment.\",\n    description:\n      \"Error message shown when the selected variables are not valid for this segment. They don't match the segment's includes filter.\",\n    id: 'U8ktDsKphISwBpaV',\n  },\n  legend: {\n    defaultMessage: 'Filter by segments',\n    description: 'FieldSet Label in SegmentSelector Overlay.',\n    id: '+uTtPJkLATW51CDB',\n  },\n  linkMenuTrigger: {\n    defaultMessage: 'Open to find further resources',\n    description:\n      'Aria-label for menu trigger for collapsed resource links on mobile.',\n    id: 'ymTPa3UIE2oxpoEr',\n  },\n  loadingAriaLabel: {\n    defaultMessage: 'Loading segments',\n    description:\n      'Aria-label for the loading view within the SegmentSelector Overlay.',\n    id: 'iygPRzX1n+gL7TLR',\n  },\n  manageSegments: {\n    defaultMessage: 'Manage segments',\n    description: 'Display text for the link to the SegmentsManager app.',\n    id: 'MsfOpUQyZ0eEZ/5T',\n  },\n  moreTooltip: {\n    defaultMessage: '+{number} more',\n    description:\n      'Tooltip message when the tooltip is too big and shows the first selected segment and +X more for the remaining.',\n    id: 'GFd2oJ+U46/o0aMy',\n  },\n  noAccessNoSegments: {\n    id: 'eJrsgl5/4XpLIWxo',\n    defaultMessage:\n      \"Your assigned access control policies don't permit you to use segments.\",\n    description:\n      'Message shown when access control permissions are missing and no segments are applied.',\n  },\n  noReadAccess: {\n    id: 'ExRdGipMUK2Tldxd',\n    defaultMessage:\n      \"Segments are applied but your assigned access control policies don't permit you to read them.\",\n    description:\n      'Message shown when access control permissions (read) are missing and segments are already applied.',\n  },\n  noReadAndWriteAccess: {\n    id: 'mtKUJAn0mf0dbG4E',\n    defaultMessage:\n      \"Your assigned access control policies don't permit you to read or apply segments.\",\n    description:\n      'Message shown when access control permissions are missing but a query with segments was run.',\n  },\n  noSegmentsConfigured: {\n    defaultMessage: 'No segments configured.',\n    description: 'Message shown in the empty state of the segmentsSelector.',\n    id: 'Mexo5VI0BZU5Mw8b',\n  },\n  noSegmentVariablesAvailable: {\n    defaultMessage:\n      'No values for this segment available. You can manage this segment in settings.',\n    description:\n      'Empty state message if no variables for the segment are available.',\n    id: 'RoNWrUBQf8gR7lxZ',\n  },\n  pinButton: {\n    defaultMessage: 'Pin',\n    description: 'Text for the pin button of a segment preset.',\n    id: 'L4FYL0HqCIFzBkzf',\n  },\n  removedVariablesError: {\n    defaultMessage:\n      'This segment is no longer using variables. Click apply to refresh it.',\n    description:\n      'Error message shown when the selected segment has variables but does not expect any.',\n    id: 'aGMowcWvdm+5M63D',\n  },\n  removeSegmentButton: {\n    defaultMessage: 'Remove segment',\n    description: 'Aria-label for the remove button of a segments select.',\n    id: 'S6z4dIJ7FiELVt5X',\n  },\n  segmentsSelectEmptyState: {\n    defaultMessage: 'No other segments available.',\n    description: 'Message shown if all available segments have been selected.',\n    id: 'CzhNdiuuquVgEUTg',\n  },\n  segmentsSelectEmptyStateSearch: {\n    defaultMessage:\n      'No matching segments found. If you\u2019re looking for a segment value, select the segment first.',\n    description: 'Message for an empty search result in the segment select.',\n    id: 'yJBeHrP0dl2h/JIx',\n  },\n  segmentsTriggerPlaceholder: {\n    defaultMessage: 'Select segment',\n    description:\n      'Placeholder for the trigger of the select within the segmentSelector Overlay.',\n    id: 'oSKhN7fSy19ei878',\n  },\n  segmentsVariableTriggerPlaceholder: {\n    defaultMessage: 'Select value',\n    description:\n      'Placeholder for the trigger of the select within the segmentSelector Overlay.',\n    id: 'RuGHpilISAqb1dDM',\n  },\n  unavailable: {\n    defaultMessage: 'Unavailable',\n    description:\n      'Description for unavailable segment variables, e.g. if the variable is not available any longer.',\n    id: 'K+rYESaxckSqgeF/',\n  },\n  unavailableSegmentError: {\n    defaultMessage:\n      \"This segment doesn't exist anymore. Please remove it from the selection.\",\n    description:\n      'Error message if the segment was removed but is still selected.',\n    id: '+kn/ILSk7yxtVqQ/',\n  },\n  unlistedSegmentTooltip: {\n    defaultMessage:\n      'Someone else applied this segment, which is usually not available to you. You can only view or remove it.',\n    description: 'Description for the tooltip of an unlisted segment.',\n    id: 'UdBwDtbEgD8ojnmL',\n  },\n  valueMissingError: {\n    defaultMessage: 'At least one value must be selected.',\n    description: 'Error message shown when no value is selected.',\n    id: 'qDnh6SFkeo10shlI',\n  },\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/filters/segment-selector/utils.js

@@ -66,6 +66,7 @@ function getReadableValue(value, intl) {
 export {
   convertQueryRecordToStoreSegmentVariables,
   flattenQueryResultToValues,
-  getReadableValue
+  getReadableValue,
+  parsePossibleJson
 };
 //# sourceMappingURL=utils.js.map

package/esm/filters/segment-selector/utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/utils.ts"],
-  "sourcesContent": ["import { isArray } from 'lodash-es';\nimport type { IntlShape } from 'react-intl';\n\nimport type {\n  FilterSegmentVariableDefinition,\n  ResultRecord,\n  ResultRecordValue,\n} from '@dynatrace-sdk/client-query';\n\nimport { SEGMENTSELECTOR_MESSAGES } from './segmentMessages.js';\n\n/**\n * @internal\n */\nexport function convertQueryRecordToStoreSegmentVariables(\n  records: (ResultRecord | null)[],\n): FilterSegmentVariableDefinition[] {\n  if (records.length === 0) {\n    return [];\n  }\n\n  const allKeys = Object.keys(records[0] ?? {});\n\n  return allKeys.map((key) => {\n    const values = records.reduce<string[]>((values, singleRow) => {\n      if (!singleRow || !(key in singleRow)) {\n        values.push('null');\n        return values;\n      }\n\n      if (typeof singleRow[key] === 'string') {\n        values.push(singleRow[key]);\n      }\n\n      if (isArray(singleRow[key])) {\n        values = values.concat(\n          flattenQueryResultToValues(\n            values,\n            singleRow[key] as (ResultRecord | null)[],\n          ),\n        );\n      }\n\n      return Array.from(new Set(values));\n    }, []);\n\n    return { name: key, values };\n  });\n}\n\n/**\n * We try to parse a string that might be JSON, if it fails we return the original data.\n * In case the parse fails due to a SyntaxError, we assume it's not JSON (standard JSON.parse error type).\n * If it fails for any other reason, we return 'null' to avoid breaking the flow.\n * @param data\n * @returns\n */\nconst parsePossibleJson = (data: unknown) => {\n  try {\n    return typeof data === 'string' ? JSON.parse(data) : data;\n  } catch (error) {\n    if (error instanceof SyntaxError) {\n      return data;\n    }\n    return 'null';\n  }\n};\n\n/**\n *\n * @param record - ResultRecordValue\n * @returns stringified version of the result\n * @internal\n */\nexport function flattenQueryResultToValues(\n  base: string[],\n  row: ResultRecordValue[],\n): string[] {\n  const flattenedValues = row.reduce<string[]>((acc, data) => {\n    // When the values are retrieved from a preset, it might still be the former syntax where arrays are stringified.\n    // So we try to parse it first.\n    const parsedData = parsePossibleJson(data);\n\n    if (parsedData === null) {\n      acc.push('null');\n      return acc;\n    }\n\n    if (\n      typeof parsedData === 'string' ||\n      typeof parsedData === 'number' ||\n      typeof parsedData === 'boolean'\n    ) {\n      acc.push(parsedData.toString());\n      return acc;\n    }\n\n    if (isArray(parsedData) && isArray(acc)) {\n      acc = acc.concat(flattenQueryResultToValues(acc, parsedData));\n      return acc;\n    }\n\n    // We shouldn't reach this point, but just in case\n    acc.push(JSON.stringify(parsedData));\n    return acc;\n  }, base);\n\n  return Array.from(new Set(flattenedValues));\n}\n\n/**\n * Helper function to return a readable textvalue for segment variable values\n * that can be rendered in triggers, options, tooltips and presets.\n * @internal\n */\nexport function getReadableValue(\n  value: string | null | undefined,\n  intl: IntlShape,\n) {\n  if (value === '') {\n    return intl.formatMessage(SEGMENTSELECTOR_MESSAGES.emptyString);\n  }\n\n  return value;\n}\n"],
-  "mappings": "AAAA,SAAS,eAAe;AASxB,SAAS,gCAAgC;AAKlC,SAAS,0CACd,SACmC;AACnC,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,UAAU,OAAO,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAE5C,SAAO,QAAQ,IAAI,CAAC,QAAQ;AAC1B,UAAM,SAAS,QAAQ,OAAiB,CAACA,SAAQ,cAAc;AAC7D,UAAI,CAAC,aAAa,EAAE,OAAO,YAAY;AACrC,QAAAA,QAAO,KAAK,MAAM;AAClB,eAAOA;AAAA,MACT;AAEA,UAAI,OAAO,UAAU,GAAG,MAAM,UAAU;AACtC,QAAAA,QAAO,KAAK,UAAU,GAAG,CAAC;AAAA,MAC5B;AAEA,UAAI,QAAQ,UAAU,GAAG,CAAC,GAAG;AAC3B,QAAAA,UAASA,QAAO;AAAA,UACd;AAAA,YACEA;AAAA,YACA,UAAU,GAAG;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAEA,aAAO,MAAM,KAAK,IAAI,IAAIA,OAAM,CAAC;AAAA,IACnC,GAAG,CAAC,CAAC;AAEL,WAAO,EAAE,MAAM,KAAK,OAAO;AAAA,EAC7B,CAAC;AACH;AASA,MAAM,oBAAoB,CAAC,SAAkB;AAC3C,MAAI;AACF,WAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI;AAAA,EACvD,SAAS,OAAO;AACd,QAAI,iBAAiB,aAAa;AAChC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACF;AAQO,SAAS,2BACd,MACA,KACU;AACV,QAAM,kBAAkB,IAAI,OAAiB,CAAC,KAAK,SAAS;AAG1D,UAAM,aAAa,kBAAkB,IAAI;AAEzC,QAAI,eAAe,MAAM;AACvB,UAAI,KAAK,MAAM;AACf,aAAO;AAAA,IACT;AAEA,QACE,OAAO,eAAe,YACtB,OAAO,eAAe,YACtB,OAAO,eAAe,WACtB;AACA,UAAI,KAAK,WAAW,SAAS,CAAC;AAC9B,aAAO;AAAA,IACT;AAEA,QAAI,QAAQ,UAAU,KAAK,QAAQ,GAAG,GAAG;AACvC,YAAM,IAAI,OAAO,2BAA2B,KAAK,UAAU,CAAC;AAC5D,aAAO;AAAA,IACT;AAGA,QAAI,KAAK,KAAK,UAAU,UAAU,CAAC;AACnC,WAAO;AAAA,EACT,GAAG,IAAI;AAEP,SAAO,MAAM,KAAK,IAAI,IAAI,eAAe,CAAC;AAC5C;AAOO,SAAS,iBACd,OACA,MACA;AACA,MAAI,UAAU,IAAI;AAChB,WAAO,KAAK,cAAc,yBAAyB,WAAW;AAAA,EAChE;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { isArray } from 'lodash-es';\nimport type { IntlShape } from 'react-intl';\n\nimport type {\n  FilterSegmentVariableDefinition,\n  ResultRecord,\n  ResultRecordValue,\n} from '@dynatrace-sdk/client-query';\n\nimport { SEGMENTSELECTOR_MESSAGES } from './segmentMessages.js';\n\n/**\n * @internal\n */\nexport function convertQueryRecordToStoreSegmentVariables(\n  records: (ResultRecord | null)[],\n): FilterSegmentVariableDefinition[] {\n  if (records.length === 0) {\n    return [];\n  }\n\n  const allKeys = Object.keys(records[0] ?? {});\n\n  return allKeys.map((key) => {\n    const values = records.reduce<string[]>((values, singleRow) => {\n      if (!singleRow || !(key in singleRow)) {\n        values.push('null');\n        return values;\n      }\n\n      if (typeof singleRow[key] === 'string') {\n        values.push(singleRow[key]);\n      }\n\n      if (isArray(singleRow[key])) {\n        values = values.concat(\n          flattenQueryResultToValues(\n            values,\n            singleRow[key] as (ResultRecord | null)[],\n          ),\n        );\n      }\n\n      return Array.from(new Set(values));\n    }, []);\n\n    return { name: key, values };\n  });\n}\n\n/**\n * We try to parse a string that might be JSON, if it fails we return the original data.\n * In case the parse fails due to a SyntaxError, we assume it's not JSON (standard JSON.parse error type).\n * If it fails for any other reason, we return 'null' to avoid breaking the flow.\n * @param data\n * @returns\n */\nexport const parsePossibleJson = (data: unknown) => {\n  try {\n    return typeof data === 'string' ? JSON.parse(data) : data;\n  } catch (error) {\n    if (error instanceof SyntaxError) {\n      return data;\n    }\n    return 'null';\n  }\n};\n\n/**\n *\n * @param record - ResultRecordValue\n * @returns stringified version of the result\n * @internal\n */\nexport function flattenQueryResultToValues(\n  base: string[],\n  row: ResultRecordValue[],\n): string[] {\n  const flattenedValues = row.reduce<string[]>((acc, data) => {\n    // When the values are retrieved from a preset, it might still be the former syntax where arrays are stringified.\n    // So we try to parse it first.\n    const parsedData = parsePossibleJson(data);\n\n    if (parsedData === null) {\n      acc.push('null');\n      return acc;\n    }\n\n    if (\n      typeof parsedData === 'string' ||\n      typeof parsedData === 'number' ||\n      typeof parsedData === 'boolean'\n    ) {\n      acc.push(parsedData.toString());\n      return acc;\n    }\n\n    if (isArray(parsedData) && isArray(acc)) {\n      acc = acc.concat(flattenQueryResultToValues(acc, parsedData));\n      return acc;\n    }\n\n    // We shouldn't reach this point, but just in case\n    acc.push(JSON.stringify(parsedData));\n    return acc;\n  }, base);\n\n  return Array.from(new Set(flattenedValues));\n}\n\n/**\n * Helper function to return a readable textvalue for segment variable values\n * that can be rendered in triggers, options, tooltips and presets.\n * @internal\n */\nexport function getReadableValue(\n  value: string | null | undefined,\n  intl: IntlShape,\n) {\n  if (value === '') {\n    return intl.formatMessage(SEGMENTSELECTOR_MESSAGES.emptyString);\n  }\n\n  return value;\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AASxB,SAAS,gCAAgC;AAKlC,SAAS,0CACd,SACmC;AACnC,MAAI,QAAQ,WAAW,GAAG;AACxB,WAAO,CAAC;AAAA,EACV;AAEA,QAAM,UAAU,OAAO,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC;AAE5C,SAAO,QAAQ,IAAI,CAAC,QAAQ;AAC1B,UAAM,SAAS,QAAQ,OAAiB,CAACA,SAAQ,cAAc;AAC7D,UAAI,CAAC,aAAa,EAAE,OAAO,YAAY;AACrC,QAAAA,QAAO,KAAK,MAAM;AAClB,eAAOA;AAAA,MACT;AAEA,UAAI,OAAO,UAAU,GAAG,MAAM,UAAU;AACtC,QAAAA,QAAO,KAAK,UAAU,GAAG,CAAC;AAAA,MAC5B;AAEA,UAAI,QAAQ,UAAU,GAAG,CAAC,GAAG;AAC3B,QAAAA,UAASA,QAAO;AAAA,UACd;AAAA,YACEA;AAAA,YACA,UAAU,GAAG;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAEA,aAAO,MAAM,KAAK,IAAI,IAAIA,OAAM,CAAC;AAAA,IACnC,GAAG,CAAC,CAAC;AAEL,WAAO,EAAE,MAAM,KAAK,OAAO;AAAA,EAC7B,CAAC;AACH;AASO,MAAM,oBAAoB,CAAC,SAAkB;AAClD,MAAI;AACF,WAAO,OAAO,SAAS,WAAW,KAAK,MAAM,IAAI,IAAI;AAAA,EACvD,SAAS,OAAO;AACd,QAAI,iBAAiB,aAAa;AAChC,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACF;AAQO,SAAS,2BACd,MACA,KACU;AACV,QAAM,kBAAkB,IAAI,OAAiB,CAAC,KAAK,SAAS;AAG1D,UAAM,aAAa,kBAAkB,IAAI;AAEzC,QAAI,eAAe,MAAM;AACvB,UAAI,KAAK,MAAM;AACf,aAAO;AAAA,IACT;AAEA,QACE,OAAO,eAAe,YACtB,OAAO,eAAe,YACtB,OAAO,eAAe,WACtB;AACA,UAAI,KAAK,WAAW,SAAS,CAAC;AAC9B,aAAO;AAAA,IACT;AAEA,QAAI,QAAQ,UAAU,KAAK,QAAQ,GAAG,GAAG;AACvC,YAAM,IAAI,OAAO,2BAA2B,KAAK,UAAU,CAAC;AAC5D,aAAO;AAAA,IACT;AAGA,QAAI,KAAK,KAAK,UAAU,UAAU,CAAC;AACnC,WAAO;AAAA,EACT,GAAG,IAAI;AAEP,SAAO,MAAM,KAAK,IAAI,IAAI,eAAe,CAAC;AAC5C;AAOO,SAAS,iBACd,OACA,MACA;AACA,MAAI,UAAU,IAAI;AAChB,WAAO,KAAK,cAAc,yBAAyB,WAAW;AAAA,EAChE;AAEA,SAAO;AACT;",
   "names": ["values"]
 }

package/esm/filters/timeframe-selector/TimeframeSelector.css

@@ -1,8 +1,8 @@
-._1sqhmjg0-3-7-1 {
+._1sqhmjg0-3-9-0 {
   min-width: 0;
   box-sizing: border-box;
 }
-._1sqhmjg1-3-7-1 {
+._1sqhmjg1-3-9-0 {
   display: inline-flex;
   align-self: start;
 }

package/esm/filters/timeframe-selector/TimeframeSelector.js

@@ -15,6 +15,7 @@ import { DisplayValue } from "./components/trigger/DisplayValue.js";
 import { Trigger } from "./components/trigger/Trigger.js";
 import { TIMEFRAMESELECTOR_ERROR_MESSAGES } from "./constants/timeframeSelectorMessages.js";
 import { TimeframeSelectorRoot } from "./TimeframeSelectorRoot.js";
+import { saveRecentTimeframe } from "./utils/presets-helpers.js";
 import { useCallbackRef } from "../../core/hooks/useCallbackRef.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { getTimeframeSelectorActions } from "../../core/time/timeframeStore/actions/timeframeSelector.js";
@@ -24,8 +25,7 @@ import { useDateTimeMessages } from "../../core/time/useDateTimeMessages.js";
 import { useMinMax, useMinMaxStoreSync } from "../../core/time/useMinMax.js";
 import { validate } from "../../core/time/validation.js";
 import { getTimeOffsetFromInitialValue } from "../../forms/calendar/utils/helpers.js";
-import { useFormFieldMessagesContext } from "../../forms/forms-core/hooks/useFormFieldMessagesContext.js";
-import { useSyncedFormControlProps } from "../../forms/forms-core/hooks/useSyncedFormControlProps.js";
+import { useFormControl } from "../../forms/forms-core/hooks/useFormControl.js";
 import {
   GRAIL_MAX_DATE,
   GRAIL_MIN_DATE
@@ -115,6 +115,9 @@ const _TimeframeSelector = forwardRef(
     readOnly: propReadOnly,
     id: propId,
     "aria-disabled": propAriaDisabled,
+    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
+    controlState,
+    // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321
     precision = "minutes",
     ...remainingProps
   }, forwardedRef) => {
@@ -136,17 +139,21 @@ const _TimeframeSelector = forwardRef(
     const dateTimeRangePickerRef = useRef(null);
     const timeframeSelectorRef = useRef(null);
     const { formatString } = useDateTimeMessages({ precision });
-    const { dispatch: formFieldMessagesDispatch } = useFormFieldMessagesContext();
-    const { disabled, required, id, ariaDisabled, readOnly } = useSyncedFormControlProps({
+    const formControl = useFormControl({
       propDisabled,
       propRequired,
       propId,
       propAriaDisabled,
-      propReadOnly
+      propReadOnly,
+      controlState
     });
+    const { required, messageDispatch: formFieldMessagesDispatch } = formControl;
     const debouncedOnChangeRef = useRef(
       debounce((timeframe) => {
         onChangeProp?.(timeframe);
+        if (timeframe) {
+          saveRecentTimeframe(timeframe);
+        }
       }, STEPPER_DEBOUNCE_MS)
     );
     useEffect(() => {
@@ -254,11 +261,8 @@ const _TimeframeSelector = forwardRef(
       TimeframeSelectorRoot,
       {
         ...remainingProps,
-        id,
-        ref: mergedRef,
-        "aria-disabled": ariaDisabled,
-        disabled,
-        readOnly
+        formControl,
+        ref: mergedRef
       }
     ) });
   }