@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/filters/segment-selector/hooks/useSegments.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/hooks/useSegments.ts"],
-  "sourcesContent": ["import { useMutation } from '@tanstack/react-query';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\n\nimport type { FilterSegment as QueryFilterSegment } from '@dynatrace-sdk/client-query';\nimport {\n  addRecentSegmentsPreset,\n  type UserSegmentsPresets,\n} from '@dynatrace-sdk/segments-presets';\n\nimport { useStoreSelector } from '../../../core/store/selector.js';\nimport { isDev } from '../../../core/utils/is-node-environment.js';\nimport {\n  handleFailedOptimisticMutation,\n  handleSettledOptimisticMutation,\n  runOptimisticMutation,\n} from '../../helper/queryHelper.js';\nimport {\n  useSegmentsCache,\n  segmentsClient,\n  type CachedSegment,\n} from '../contexts/SegmentsCache/SegmentsCache.js';\nimport { SegmentsContext } from '../contexts/SegmentsStore/SegmentsContext.js';\nimport { UISegmentsDispatchContext } from '../contexts/SegmentsUI/SegmentsUIDispatchContext.js';\nimport { areUiSegmentsValid } from '../contexts/SegmentsUI/segmentValidationHelper.js';\nimport { isSelectedPreset } from '../parts/segmentsPresets/isSelectedPreset.js';\n\nfunction updateCache(\n  segments: QueryFilterSegment[],\n  old?: UserSegmentsPresets,\n): UserSegmentsPresets {\n  if (!old) {\n    return { recentPresets: [], pinnedPresets: [] };\n  }\n\n  const recentPresets = old.recentPresets;\n  const recentPresetIndex = recentPresets.findIndex((preset) =>\n    isSelectedPreset(segments, preset.segments),\n  );\n\n  if (recentPresetIndex > 0) {\n    const oldPreset = old.recentPresets[recentPresetIndex];\n    recentPresets.splice(recentPresetIndex, 1);\n    recentPresets.unshift(oldPreset);\n  }\n\n  if (recentPresetIndex === -1) {\n    const tempId = crypto.randomUUID();\n    recentPresets.unshift({ id: tempId, segments });\n    recentPresets.splice(10);\n  }\n\n  return {\n    ...old,\n    recentPresets,\n  };\n}\n\n/**\n * @public\n * Provides the currently selected segments and helper functions to programmatically adjust the selection.\n *\n * @returns an object containing:\n * * segments - current selection of segments\n * * addSegment - function to add a segment to the selection\n * * removeSegment - function to remove a segment from the selection\n * * removeAllSegments - function to clear the selection\n * * setSegments - function to overwrite the current selection with a new one. If called with force=true, validation and permission checks are skipped\n */\nexport const useSegments = () => {\n  const store = useContext(SegmentsContext);\n  const storeRef = useRef(store);\n\n  const segments = useStoreSelector<QueryFilterSegment[], QueryFilterSegment[]>(\n    SegmentsContext,\n    (state) => state,\n  );\n  const segmentsRef = useRef(segments);\n\n  const { getSegment, getAllSegments } = useSegmentsCache();\n  const { dispatch } = useContext(UISegmentsDispatchContext);\n  const getAllSegmentsRef = useRef(getAllSegments);\n  const getSegmentRef = useRef(getSegment);\n\n  const { mutate: addToRecentPresetsMutationFn } = useMutation(\n    {\n      mutationKey: ['add-recent-segment-preset'],\n      mutationFn: (segments: QueryFilterSegment[]) =>\n        addRecentSegmentsPreset(segments),\n      onMutate: async () =>\n        runOptimisticMutation<UserSegmentsPresets>(\n          'getSegmentsPresets',\n          (prevState) => updateCache(segments, prevState),\n        ),\n      onError: (error, _, context) =>\n        handleFailedOptimisticMutation('getSegmentsPresets', error, context),\n      onSettled: () =>\n        handleSettledOptimisticMutation(\n          ['getSegmentsPresets'],\n          ['add-recent-segment-preset'],\n        ),\n    },\n    segmentsClient.queryClient,\n  );\n\n  useEffect(() => {\n    segmentsRef.current = segments;\n  }, [segments]);\n\n  useEffect(() => {\n    storeRef.current = store;\n  }, [store]);\n\n  useEffect(() => {\n    getAllSegmentsRef.current = getAllSegments;\n  }, [getAllSegments]);\n\n  useEffect(() => {\n    getSegmentRef.current = getSegment;\n  }, [getSegment]);\n\n  /**\n   * Adds a segment to the store.\n   * Validates segment before adding them.\n   * @param segment - the segment to be added\n   */\n  const addSegment = useCallback(\n    async (segment: QueryFilterSegment) => {\n      const isAlreadyInStore = segmentsRef.current.find(\n        (storeSegment) => storeSegment.id === segment.id,\n      );\n\n      if (isAlreadyInStore) {\n        return false;\n      }\n\n      try {\n        const safeSegment = await segmentsClient.queryClient.fetchQuery({\n          queryKey: ['getSegment', segment.id],\n          queryFn: () => getSegmentRef.current(segment.id),\n        });\n        if (safeSegment) {\n          storeRef.current.setState((state) => {\n            const newState = [...state];\n            newState.push({ id: segment.id, variables: segment.variables });\n            addToRecentPresetsMutationFn(newState);\n            return newState;\n          });\n        }\n      } catch (e) {\n        if (isDev()) {\n          // eslint-disable-next-line no-console\n          console.warn(\n            'SegmentSelector: The segment is not in the segments manager.',\n            e,\n          );\n        }\n\n        dispatch({ type: 'remove', payload: { id: segment.id } });\n        return false;\n      }\n    },\n    [dispatch, addToRecentPresetsMutationFn, getSegmentRef],\n  );\n\n  /**\n   * Removes a segment from the store.\n   * @param segment - the segment to be removed\n   */\n  const removeSegment = useCallback((id?: string | null) => {\n    if (!id) {\n      return;\n    }\n\n    storeRef.current.setState((state) =>\n      state.filter((storeSegments) => id !== storeSegments.id),\n    );\n  }, []);\n\n  /**\n   * Removes all segments from the store.\n   */\n  const removeAllSegments = useCallback(\n    () => storeRef.current.setState([]),\n    [],\n  );\n\n  /**\n   * Overwrites all segments with the provided segments array.\n   * @param segments - new segments that should be applied\n   * @param force - always apply segments ignoring validation and permissions\n   */\n  const setSegments = useCallback(\n    async (segments: QueryFilterSegment[], force?: boolean) => {\n      if (force) {\n        storeRef.current.setState(segments);\n        addToRecentPresetsMutationFn(segments);\n        return;\n      }\n\n      // If the segments aren't in the cache, we need to fetch them.\n      if (\n        segmentsClient.queryClient.getQueryData<Map<string, CachedSegment>>([\n          'getAllSegments',\n        ]) === undefined\n      ) {\n        try {\n          await segmentsClient.queryClient.fetchQuery({\n            queryKey: ['getAllSegments'],\n            queryFn: getAllSegmentsRef.current,\n          });\n        } catch (error) {\n          if (isDev()) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              \"SegmentSelector: Couldn't set segments due to a failed fetch.\",\n              error,\n            );\n          }\n\n          if (segmentsClient.hasAccessRights) {\n            // eslint-disable-next-line no-console\n            console.error(\n              \"SegmentSelector: Couldn't set segments due to a failed fetch.\",\n              { cause: error },\n            );\n            return;\n          }\n        }\n      }\n\n      if (!segmentsClient.hasAccessRights) {\n        storeRef.current.setState(segments);\n        return;\n      }\n\n      const isValid = await areUiSegmentsValid(segments);\n\n      if (!isValid) {\n        // eslint-disable-next-line no-console\n        console.error(\n          \"SegmentSelector: Couldn't set segments due to an invalid selection.\",\n        );\n        return;\n      }\n\n      storeRef.current.setState(segments);\n      addToRecentPresetsMutationFn(segments);\n    },\n    [addToRecentPresetsMutationFn],\n  );\n\n  return {\n    segments,\n    addSegment,\n    removeSegment,\n    removeAllSegments,\n    setSegments,\n  };\n};\n"],
+  "sourcesContent": ["import { useMutation } from '@tanstack/react-query';\nimport { useCallback, useContext, useEffect, useRef } from 'react';\n\nimport type { FilterSegment as QueryFilterSegment } from '@dynatrace-sdk/client-query';\nimport {\n  addRecentSegmentsPreset,\n  type UserSegmentsPresets,\n} from '@dynatrace-sdk/segments-presets';\n\nimport { useStoreSelector } from '../../../core/store/selector.js';\nimport { isDev } from '../../../core/utils/is-node-environment.js';\nimport {\n  handleFailedOptimisticMutation,\n  handleSettledOptimisticMutation,\n  runOptimisticMutation,\n} from '../../helper/queryHelper.js';\nimport {\n  useSegmentsCache,\n  segmentsClient,\n  type CachedSegment,\n} from '../contexts/SegmentsCache/SegmentsCache.js';\nimport { SegmentsContext } from '../contexts/SegmentsStore/SegmentsContext.js';\nimport { UISegmentsDispatchContext } from '../contexts/SegmentsUI/SegmentsUIDispatchContext.js';\nimport { areUiSegmentsValid } from '../contexts/SegmentsUI/segmentValidationHelper.js';\nimport { isSelectedPreset } from '../parts/segmentsPresets/isSelectedPreset.js';\n\nfunction updateCache(\n  segments: QueryFilterSegment[],\n  old?: UserSegmentsPresets,\n): UserSegmentsPresets {\n  if (!old) {\n    return { recentPresets: [], pinnedPresets: [] };\n  }\n\n  const recentPresets = old.recentPresets;\n  const recentPresetIndex = recentPresets.findIndex((preset) =>\n    isSelectedPreset(segments, preset.segments),\n  );\n\n  if (recentPresetIndex > 0) {\n    const oldPreset = old.recentPresets[recentPresetIndex];\n    recentPresets.splice(recentPresetIndex, 1);\n    recentPresets.unshift(oldPreset);\n  }\n\n  if (recentPresetIndex === -1) {\n    const tempId = crypto.randomUUID();\n    recentPresets.unshift({ id: tempId, segments });\n    recentPresets.splice(10);\n  }\n\n  return {\n    ...old,\n    recentPresets,\n  };\n}\n\n/**\n * @public\n * Provides the currently selected segments and helper functions to programmatically adjust the selection.\n *\n * @returns an object containing:\n * * segments - current selection of segments\n * * addSegment - function to add a segment to the selection\n * * removeSegment - function to remove a segment from the selection\n * * removeAllSegments - function to clear the selection\n * * setSegments - function to overwrite the current selection with a new one. If called with force=true, validation and permission checks are skipped\n */\nexport const useSegments = () => {\n  const store = useContext(SegmentsContext);\n  const storeRef = useRef(store);\n\n  const segments = useStoreSelector<QueryFilterSegment[], QueryFilterSegment[]>(\n    SegmentsContext,\n    (state) => state,\n  );\n  const segmentsRef = useRef(segments);\n\n  const { getSegment, getAllSegments } = useSegmentsCache();\n  const { dispatch } = useContext(UISegmentsDispatchContext);\n  const getAllSegmentsRef = useRef(getAllSegments);\n  const getSegmentRef = useRef(getSegment);\n\n  const { mutate: addToRecentPresetsMutationFn } = useMutation(\n    {\n      mutationKey: ['add-recent-segment-preset'],\n      mutationFn: (segments: QueryFilterSegment[]) =>\n        addRecentSegmentsPreset(segments),\n      onMutate: async () =>\n        runOptimisticMutation<UserSegmentsPresets>(\n          'getSegmentsPresets',\n          (prevState) => updateCache(segments, prevState),\n        ),\n      onError: (error, _, context) =>\n        handleFailedOptimisticMutation('getSegmentsPresets', error, context),\n      onSettled: () =>\n        handleSettledOptimisticMutation(\n          ['getSegmentsPresets'],\n          ['add-recent-segment-preset'],\n        ),\n    },\n    segmentsClient.queryClient,\n  );\n\n  useEffect(() => {\n    segmentsRef.current = segments;\n  }, [segments]);\n\n  useEffect(() => {\n    storeRef.current = store;\n  }, [store]);\n\n  useEffect(() => {\n    getAllSegmentsRef.current = getAllSegments;\n  }, [getAllSegments]);\n\n  useEffect(() => {\n    getSegmentRef.current = getSegment;\n  }, [getSegment]);\n\n  /**\n   * Adds a segment to the store.\n   * Validates segment before adding them.\n   * @param segment - the segment to be added\n   */\n  const addSegment = useCallback(\n    async (segment: QueryFilterSegment) => {\n      const isAlreadyInStore = segmentsRef.current.find(\n        (storeSegment) => storeSegment.id === segment.id,\n      );\n\n      if (isAlreadyInStore) {\n        return false;\n      }\n\n      try {\n        const safeSegment = await segmentsClient.queryClient.fetchQuery({\n          queryKey: ['getSegment', segment.id],\n          queryFn: () => getSegmentRef.current(segment.id),\n        });\n        if (safeSegment) {\n          storeRef.current.setState((state) => {\n            const newState = [...state];\n            newState.push({ id: segment.id, variables: segment.variables });\n            addToRecentPresetsMutationFn(newState);\n            return newState;\n          });\n        }\n      } catch (e) {\n        if (isDev()) {\n          // oxlint-disable-next-line no-console\n          console.warn(\n            'SegmentSelector: The segment is not in the segments manager.',\n            e,\n          );\n        }\n\n        dispatch({ type: 'remove', payload: { id: segment.id } });\n        return false;\n      }\n    },\n    [dispatch, addToRecentPresetsMutationFn, getSegmentRef],\n  );\n\n  /**\n   * Removes a segment from the store.\n   * @param segment - the segment to be removed\n   */\n  const removeSegment = useCallback((id?: string | null) => {\n    if (!id) {\n      return;\n    }\n\n    storeRef.current.setState((state) =>\n      state.filter((storeSegments) => id !== storeSegments.id),\n    );\n  }, []);\n\n  /**\n   * Removes all segments from the store.\n   */\n  const removeAllSegments = useCallback(\n    () => storeRef.current.setState([]),\n    [],\n  );\n\n  /**\n   * Overwrites all segments with the provided segments array.\n   * @param segments - new segments that should be applied\n   * @param force - always apply segments ignoring validation and permissions\n   */\n  const setSegments = useCallback(\n    async (segments: QueryFilterSegment[], force?: boolean) => {\n      if (force) {\n        storeRef.current.setState(segments);\n        addToRecentPresetsMutationFn(segments);\n        return;\n      }\n\n      // If the segments aren't in the cache, we need to fetch them.\n      if (\n        segmentsClient.queryClient.getQueryData<Map<string, CachedSegment>>([\n          'getAllSegments',\n        ]) === undefined\n      ) {\n        try {\n          await segmentsClient.queryClient.fetchQuery({\n            queryKey: ['getAllSegments'],\n            queryFn: getAllSegmentsRef.current,\n          });\n        } catch (error) {\n          if (isDev()) {\n            // oxlint-disable-next-line no-console\n            console.warn(\n              \"SegmentSelector: Couldn't set segments due to a failed fetch.\",\n              error,\n            );\n          }\n\n          if (segmentsClient.hasAccessRights) {\n            // oxlint-disable-next-line no-console\n            console.error(\n              \"SegmentSelector: Couldn't set segments due to a failed fetch.\",\n              { cause: error },\n            );\n            return;\n          }\n        }\n      }\n\n      if (!segmentsClient.hasAccessRights) {\n        storeRef.current.setState(segments);\n        return;\n      }\n\n      const isValid = await areUiSegmentsValid(segments);\n\n      if (!isValid) {\n        // oxlint-disable-next-line no-console\n        console.error(\n          \"SegmentSelector: Couldn't set segments due to an invalid selection.\",\n        );\n        return;\n      }\n\n      storeRef.current.setState(segments);\n      addToRecentPresetsMutationFn(segments);\n    },\n    [addToRecentPresetsMutationFn],\n  );\n\n  return {\n    segments,\n    addSegment,\n    removeSegment,\n    removeAllSegments,\n    setSegments,\n  };\n};\n"],
   "mappings": "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",
   "names": ["segments"]
 }

package/esm/filters/segment-selector/parts/EmptySegments.css

@@ -1,4 +1,4 @@
-._awal5d0-3-12-2._awal5d0-3-12-2 {
+._awal5d0-3-13-0._awal5d0-3-13-0 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);

package/esm/filters/segment-selector/parts/EmptySegments.sty.js

@@ -1,5 +1,5 @@
 import "./EmptySegments.css";
-var AppLinkButtonCSS = "_awal5d0-3-12-2";
+var AppLinkButtonCSS = "_awal5d0-3-13-0";
 export {
   AppLinkButtonCSS
 };

package/esm/filters/segment-selector/parts/EmptySegments.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/EmptySegments.css.ts"],
-  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-12-2';"],
+  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/filters/segment-selector/parts/Overlay.css

@@ -1,10 +1,10 @@
-._bqi6d90-3-12-2 {
+._bqi6d90-3-13-0 {
   height: 15px;
   align-self: center;
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: var(--dt-spacings-size-8, 8px);
 }
-._bqi6d91-3-12-2._bqi6d91-3-12-2 {
+._bqi6d91-3-13-0._bqi6d91-3-13-0 {
   display: flex;
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -14,24 +14,24 @@
   text-transform: var(--dt-typography-text-base-emphasized-text-transform, none);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._bqi6d92-3-12-2 {
+._bqi6d92-3-13-0 {
   max-width: 480px;
   min-width: 320px;
   box-sizing: border-box;
   overflow: hidden;
 }
-._bqi6d93-3-12-2 {
+._bqi6d93-3-13-0 {
   max-height: 396px;
   overflow: auto;
   box-sizing: border-box;
 }
-._bqi6d93-3-12-2 ._bqi6d94-3-12-2 {
+._bqi6d93-3-13-0 ._bqi6d94-3-13-0 {
   overflow: hidden;
 }
-._bqi6d95-3-12-2 {
+._bqi6d95-3-13-0 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._bqi6d96-3-12-2._bqi6d96-3-12-2 {
+._bqi6d96-3-13-0._bqi6d96-3-13-0 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
@@ -40,6 +40,6 @@
   text-decoration: var(--dt-typography-text-small-emphasized-text-decoration, none);
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._bqi6d97-3-12-2 > fieldset > div {
+._bqi6d97-3-13-0 > fieldset > div {
   gap: var(--dt-spacings-size-8, 8px);
 }

package/esm/filters/segment-selector/parts/Overlay.sty.js

@@ -1,12 +1,12 @@
 import "./Overlay.css";
-var divider = "_bqi6d90-3-12-2";
-var fieldSet = "_bqi6d97-3-12-2";
-var isAnimating = "_bqi6d94-3-12-2";
-var legend = "_bqi6d96-3-12-2";
-var link = "_bqi6d95-3-12-2";
-var menuLink = "_bqi6d91-3-12-2";
-var overlayDefaultWidth = "_bqi6d92-3-12-2";
-var scrollContainer = "_bqi6d93-3-12-2";
+var divider = "_bqi6d90-3-13-0";
+var fieldSet = "_bqi6d97-3-13-0";
+var isAnimating = "_bqi6d94-3-13-0";
+var legend = "_bqi6d96-3-13-0";
+var link = "_bqi6d95-3-13-0";
+var menuLink = "_bqi6d91-3-13-0";
+var overlayDefaultWidth = "_bqi6d92-3-13-0";
+var scrollContainer = "_bqi6d93-3-13-0";
 export {
   divider,
   fieldSet,

package/esm/filters/segment-selector/parts/Overlay.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/segment-selector/parts/Overlay.css.ts"],
-  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-12-2';\nexport var fieldSet = '_bqi6d97-3-12-2';\nexport var isAnimating = '_bqi6d94-3-12-2';\nexport var legend = '_bqi6d96-3-12-2';\nexport var link = '_bqi6d95-3-12-2';\nexport var menuLink = '_bqi6d91-3-12-2';\nexport var overlayDefaultWidth = '_bqi6d92-3-12-2';\nexport var scrollContainer = '_bqi6d93-3-12-2';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-13-0';\nexport var fieldSet = '_bqi6d97-3-13-0';\nexport var isAnimating = '_bqi6d94-3-13-0';\nexport var legend = '_bqi6d96-3-13-0';\nexport var link = '_bqi6d95-3-13-0';\nexport var menuLink = '_bqi6d91-3-13-0';\nexport var overlayDefaultWidth = '_bqi6d92-3-13-0';\nexport var scrollContainer = '_bqi6d93-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;AACd,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,sBAAsB;AAC1B,IAAI,kBAAkB;",
   "names": []
 }

package/esm/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.css

@@ -1,17 +1,17 @@
-._7mq3is0-3-12-2 {
+._7mq3is0-3-13-0 {
   all: unset;
   padding: 0;
   width: 100%;
   transition: height var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._7mq3is1-3-12-2 {
+._7mq3is1-3-13-0 {
   height: 0;
   opacity: 0;
 }
-._7mq3is2-3-12-2 {
+._7mq3is2-3-13-0 {
   height: auto;
   opacity: 1;
 }
-._7mq3is3-3-12-2 {
+._7mq3is3-3-13-0 {
   all: unset;
 }

package/esm/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.sty.js

@@ -1,8 +1,8 @@
 import "./ShowMorePanel.css";
-var expandableWrapper = "_7mq3is0-3-12-2";
-var expandableWrapperCollapsed = "_7mq3is1-3-12-2";
-var expandableWrapperExpanded = "_7mq3is2-3-12-2";
-var list = "_7mq3is3-3-12-2";
+var expandableWrapper = "_7mq3is0-3-13-0";
+var expandableWrapperCollapsed = "_7mq3is1-3-13-0";
+var expandableWrapperExpanded = "_7mq3is2-3-13-0";
+var list = "_7mq3is3-3-13-0";
 export {
   expandableWrapper,
   expandableWrapperCollapsed,

package/esm/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.css.ts"],
-  "sourcesContent": ["import './ShowMorePanel.css';\nexport var expandableWrapper = '_7mq3is0-3-12-2';\nexport var expandableWrapperCollapsed = '_7mq3is1-3-12-2';\nexport var expandableWrapperExpanded = '_7mq3is2-3-12-2';\nexport var list = '_7mq3is3-3-12-2';"],
+  "sourcesContent": ["import './ShowMorePanel.css';\nexport var expandableWrapper = '_7mq3is0-3-13-0';\nexport var expandableWrapperCollapsed = '_7mq3is1-3-13-0';\nexport var expandableWrapperExpanded = '_7mq3is2-3-13-0';\nexport var list = '_7mq3is3-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,oBAAoB;AACxB,IAAI,6BAA6B;AACjC,IAAI,4BAA4B;AAChC,IAAI,OAAO;",
   "names": []
 }

package/esm/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.css

@@ -1,27 +1,27 @@
-._1oehqvw3-3-12-2 {
+._1oehqvw3-3-13-0 {
   all: unset;
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw4-3-12-2 {
+._1oehqvw4-3-13-0 {
   all: unset;
   display: block;
 }
-._1oehqvw5-3-12-2._1oehqvw5-3-12-2 {
-  color: var(--_1oehqvw2-3-12-2);
+._1oehqvw5-3-13-0._1oehqvw5-3-13-0 {
+  color: var(--_1oehqvw2-3-13-0);
 }
-._1oehqvw6-3-12-2 {
+._1oehqvw6-3-13-0 {
   align-items: center;
   display: inline-block;
   text-wrap: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1oehqvw7-3-12-2._1oehqvw7-3-12-2 {
+._1oehqvw7-3-13-0._1oehqvw7-3-13-0 {
   padding-left: var(--dt-spacings-size-12, 12px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw8-3-12-2::before {
+._1oehqvw8-3-13-0::before {
   content: " ";
   position: absolute;
   display: block;
@@ -32,54 +32,54 @@
   left: 0px;
   transform: translate(4px);
 }
-._1oehqvw9-3-12-2 {
-  --_1oehqvw0-3-12-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_1oehqvw1-3-12-2: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
-  --_1oehqvw2-3-12-2: var(--dt-colors-text-neutral-subdued, #595a7d);
+._1oehqvw9-3-13-0 {
+  --_1oehqvw0-3-13-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_1oehqvw1-3-13-0: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+  --_1oehqvw2-3-13-0: var(--dt-colors-text-neutral-subdued, #595a7d);
   grid-template-columns: 1fr max-content;
 }
-._1jgl8s50-3-12-2 ._1oehqvw9-3-12-2._1oehqvw9-3-12-2._1oehqvw9-3-12-2 {
+._1jgl8s50-3-13-0 ._1oehqvw9-3-13-0._1oehqvw9-3-13-0._1oehqvw9-3-13-0 {
   gap: 1px;
 }
-._1jgl8s50-3-12-2 ._1oehqvw9-3-12-2 {
-  --_1oehqvw0-3-12-2: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
+._1jgl8s50-3-13-0 ._1oehqvw9-3-13-0 {
+  --_1oehqvw0-3-13-0: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1oehqvwa-3-12-2 {
-  --_1oehqvw0-3-12-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-  --_1oehqvw1-3-12-2: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
-  --_1oehqvw2-3-12-2: var(--dt-colors-text-primary-default, #464cce);
+._1oehqvwa-3-13-0 {
+  --_1oehqvw0-3-13-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+  --_1oehqvw1-3-13-0: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
+  --_1oehqvw2-3-13-0: var(--dt-colors-text-primary-default, #464cce);
 }
-._1jgl8s50-3-12-2 ._1oehqvwa-3-12-2 {
-  --_1oehqvw0-3-12-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+._1jgl8s50-3-13-0 ._1oehqvwa-3-13-0 {
+  --_1oehqvw0-3-13-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
 }
-._1oehqvwb-3-12-2:hover._1oehqvwb-3-12-2:hover, ._1oehqvwb-3-12-2:focus-visible._1oehqvwb-3-12-2:focus-visible {
-  background-color: var(--_1oehqvw1-3-12-2);
+._1oehqvwb-3-13-0:hover._1oehqvwb-3-13-0:hover, ._1oehqvwb-3-13-0:focus-visible._1oehqvwb-3-13-0:focus-visible {
+  background-color: var(--_1oehqvw1-3-13-0);
 }
-._1oehqvwb-3-12-2:disabled:hover._1oehqvwb-3-12-2:disabled:hover {
-  background-color: var(--_1oehqvw0-3-12-2);
+._1oehqvwb-3-13-0:disabled:hover._1oehqvwb-3-13-0:disabled:hover {
+  background-color: var(--_1oehqvw0-3-13-0);
   cursor: not-allowed;
 }
-._1oehqvwc-3-12-2._1oehqvwc-3-12-2 {
+._1oehqvwc-3-13-0._1oehqvwc-3-13-0 {
   opacity: 0;
-  background-color: var(--_1oehqvw0-3-12-2);
+  background-color: var(--_1oehqvw0-3-13-0);
 }
-._1oehqvwc-3-12-2:hover._1oehqvwc-3-12-2:hover, ._1oehqvwc-3-12-2:focus-visible._1oehqvwc-3-12-2:focus-visible {
-  background-color: var(--_1oehqvw1-3-12-2);
+._1oehqvwc-3-13-0:hover._1oehqvwc-3-13-0:hover, ._1oehqvwc-3-13-0:focus-visible._1oehqvwc-3-13-0:focus-visible {
+  background-color: var(--_1oehqvw1-3-13-0);
 }
-._1oehqvwc-3-12-2:disabled, ._1oehqvwc-3-12-2:disabled:hover._1oehqvwc-3-12-2:disabled:hover {
+._1oehqvwc-3-13-0:disabled, ._1oehqvwc-3-13-0:disabled:hover._1oehqvwc-3-13-0:disabled:hover {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   cursor: not-allowed;
 }
-._1jgl8s50-3-12-2 ._1oehqvwc-3-12-2._1oehqvwc-3-12-2._1oehqvwc-3-12-2 {
+._1jgl8s50-3-13-0 ._1oehqvwc-3-13-0._1oehqvwc-3-13-0._1oehqvwc-3-13-0 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._1oehqvw9-3-12-2:has(button:focus-visible) ._1oehqvwc-3-12-2, ._1oehqvw9-3-12-2:hover ._1oehqvwc-3-12-2 {
+._1oehqvw9-3-13-0:has(button:focus-visible) ._1oehqvwc-3-13-0, ._1oehqvw9-3-13-0:hover ._1oehqvwc-3-13-0 {
   opacity: 1;
 }
-._1oehqvw9-3-12-2:has(._1oehqvwc-3-12-2:focus-visible) ._1oehqvwb-3-12-2, ._1oehqvw9-3-12-2:hover ._1oehqvwb-3-12-2:not(:hover) {
-  background-color: var(--_1oehqvw0-3-12-2);
+._1oehqvw9-3-13-0:has(._1oehqvwc-3-13-0:focus-visible) ._1oehqvwb-3-13-0, ._1oehqvw9-3-13-0:hover ._1oehqvwb-3-13-0:not(:hover) {
+  background-color: var(--_1oehqvw0-3-13-0);
 }
-._1oehqvw9-3-12-2 button, ._1oehqvw9-3-12-2:hover button {
+._1oehqvw9-3-13-0 button, ._1oehqvw9-3-13-0:hover button {
   transition-timing-function: unset;
   transition-duration: 0s;
   transition: none;

package/esm/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.sty.js

@@ -1,15 +1,15 @@
 import "../../../../core/components/app-root/AppRoot.css";
 import "./SegmentsPresets.css";
-var and = "_1oehqvw5-3-12-2";
-var buttonLabel = "_1oehqvw6-3-12-2";
-var inputGroup = "_1oehqvw9-3-12-2";
-var inputGroupSelected = "_1oehqvwa-3-12-2";
-var list = "_1oehqvw3-3-12-2";
-var listItem = "_1oehqvw4-3-12-2";
-var presetButton = "_1oehqvwb-3-12-2";
-var sectionHeadline = "_1oehqvw7-3-12-2";
-var selectionMark = "_1oehqvw8-3-12-2";
-var suffixButton = "_1oehqvwc-3-12-2";
+var and = "_1oehqvw5-3-13-0";
+var buttonLabel = "_1oehqvw6-3-13-0";
+var inputGroup = "_1oehqvw9-3-13-0";
+var inputGroupSelected = "_1oehqvwa-3-13-0";
+var list = "_1oehqvw3-3-13-0";
+var listItem = "_1oehqvw4-3-13-0";
+var presetButton = "_1oehqvwb-3-13-0";
+var sectionHeadline = "_1oehqvw7-3-13-0";
+var selectionMark = "_1oehqvw8-3-13-0";
+var suffixButton = "_1oehqvwc-3-13-0";
 export {
   and,
   buttonLabel,

package/esm/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport './SegmentsPresets.css';\nexport var and = '_1oehqvw5-3-12-2';\nexport var buttonLabel = '_1oehqvw6-3-12-2';\nexport var inputGroup = '_1oehqvw9-3-12-2';\nexport var inputGroupSelected = '_1oehqvwa-3-12-2';\nexport var list = '_1oehqvw3-3-12-2';\nexport var listItem = '_1oehqvw4-3-12-2';\nexport var presetButton = '_1oehqvwb-3-12-2';\nexport var sectionHeadline = '_1oehqvw7-3-12-2';\nexport var selectionMark = '_1oehqvw8-3-12-2';\nexport var suffixButton = '_1oehqvwc-3-12-2';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport './SegmentsPresets.css';\nexport var and = '_1oehqvw5-3-13-0';\nexport var buttonLabel = '_1oehqvw6-3-13-0';\nexport var inputGroup = '_1oehqvw9-3-13-0';\nexport var inputGroupSelected = '_1oehqvwa-3-13-0';\nexport var list = '_1oehqvw3-3-13-0';\nexport var listItem = '_1oehqvw4-3-13-0';\nexport var presetButton = '_1oehqvwb-3-13-0';\nexport var sectionHeadline = '_1oehqvw7-3-13-0';\nexport var selectionMark = '_1oehqvw8-3-13-0';\nexport var suffixButton = '_1oehqvwc-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,aAAa;AACjB,IAAI,qBAAqB;AACzB,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,eAAe;",
   "names": []
 }

package/esm/filters/segment-selector/parts/selectionBar/SegmentSelect.css

@@ -1,83 +1,83 @@
-._1fuxi5m0-3-12-2 {
+._1fuxi5m0-3-13-0 {
   grid-area: segment;
 }
-._1jgl8s50-3-12-2 ._1fuxi5m0-3-12-2 {
+._1jgl8s50-3-13-0 ._1fuxi5m0-3-13-0 {
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-12-2 ._1fuxi5m0-3-12-2:hover, ._1jgl8s50-3-12-2 ._1fuxi5m0-3-12-2:active, ._1jgl8s50-3-12-2 ._1fuxi5m0-3-12-2:focus-within {
+._1jgl8s50-3-13-0 ._1fuxi5m0-3-13-0:hover, ._1jgl8s50-3-13-0 ._1fuxi5m0-3-13-0:active, ._1jgl8s50-3-13-0 ._1fuxi5m0-3-13-0:focus-within {
   z-index: 1;
 }
-._1fuxi5m2-3-12-2._1fuxi5m2-3-12-2 {
+._1fuxi5m2-3-13-0._1fuxi5m2-3-13-0 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._1fuxi5m3-3-12-2 {
+._1fuxi5m3-3-13-0 {
   grid-area: variables;
 }
-._1jgl8s50-3-12-2 ._1fuxi5m3-3-12-2 {
+._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0 {
   margin-left: -1px;
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-12-2 ._1fuxi5m3-3-12-2:hover, ._1jgl8s50-3-12-2 ._1fuxi5m3-3-12-2:active, ._1jgl8s50-3-12-2 ._1fuxi5m3-3-12-2:focus-within {
+._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0:hover, ._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0:active, ._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0:focus-within {
   z-index: 1;
 }
-._1fuxi5m4-3-12-2 {
+._1fuxi5m4-3-13-0 {
   width: 100%;
   border-top-left-radius: 0;
 }
-._1fuxi5m5-3-12-2 {
+._1fuxi5m5-3-13-0 {
   grid-area: clear;
   grid-row-start: 1;
 }
-._1fuxi5m5-3-12-2._1fuxi5m5-3-12-2 {
+._1fuxi5m5-3-13-0._1fuxi5m5-3-13-0 {
   height: 100%;
   border-radius: 0 var(--dt-borders-radius-field-default, 6px) var(--dt-borders-radius-field-default, 6px) 0;
 }
-._1jgl8s50-3-12-2 ._1fuxi5m5-3-12-2 {
+._1jgl8s50-3-13-0 ._1fuxi5m5-3-13-0 {
   margin-left: -1px;
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-12-2 ._1fuxi5m5-3-12-2:hover, ._1jgl8s50-3-12-2 ._1fuxi5m5-3-12-2:active, ._1jgl8s50-3-12-2 ._1fuxi5m5-3-12-2:focus-within {
+._1jgl8s50-3-13-0 ._1fuxi5m5-3-13-0:hover, ._1jgl8s50-3-13-0 ._1fuxi5m5-3-13-0:active, ._1jgl8s50-3-13-0 ._1fuxi5m5-3-13-0:focus-within {
   z-index: 1;
 }
-._1fuxi5m6-3-12-2 {
+._1fuxi5m6-3-13-0 {
   gap: var(--dt-spacings-size-2, 2px);
   width: 100%;
   grid-template-columns: 40% auto max-content;
 }
-._1jgl8s50-3-12-2 ._1fuxi5m6-3-12-2 {
+._1jgl8s50-3-13-0 ._1fuxi5m6-3-13-0 {
   gap: var(--dt-spacings-size-0, 0);
 }
-._1fuxi5m7-3-12-2 {
+._1fuxi5m7-3-13-0 {
   grid-template-areas: "segment variables clear";
 }
-._1fuxi5m8-3-12-2 {
+._1fuxi5m8-3-13-0 {
   grid-template-areas: "segment variables";
   grid-template-columns: 40% auto;
 }
-._1fuxi5m9-3-12-2 {
+._1fuxi5m9-3-13-0 {
   grid-template-areas: "segment segment clear";
 }
-._1fuxi5ma-3-12-2 {
+._1fuxi5ma-3-13-0 {
   grid-template-areas: "segment segment";
 }
 @media screen and (max-width: 640px) {
-  ._1fuxi5m1-3-12-2 {
+  ._1fuxi5m1-3-13-0 {
     border-bottom-left-radius: 0;
   }
-  ._1jgl8s50-3-12-2 ._1fuxi5m3-3-12-2 {
+  ._1jgl8s50-3-13-0 ._1fuxi5m3-3-13-0 {
     margin-left: 0;
     margin-top: -1px;
   }
-  ._1fuxi5m7-3-12-2 {
+  ._1fuxi5m7-3-13-0 {
     grid-template-areas: "segment segment clear" "variables variables clear";
   }
 }
 @media screen and (min-width: 641px) {
-  ._1fuxi5m4-3-12-2 {
+  ._1fuxi5m4-3-13-0 {
     border-bottom-left-radius: 0;
   }
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/selectionBar/SegmentSelect.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useContext, useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './SegmentSelect.sty.js';\nimport { useMergeRefs } from '../../../../core/hooks/useMergeRefs.js';\nimport { isDev } from '../../../../core/utils/is-node-environment.js';\nimport { Select } from '../../../../forms/select/Select.js';\nimport type { FormControlWithOverlayRef } from '../../../../forms/shared-types.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport {\n  segmentsClient,\n  useSegmentsCache,\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';\n\ntype SegmentsSelectProps = {\n  id: string;\n  availableSegments: CachedSegment['segment'][];\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  segment?: CachedSegment | null;\n  overlayWidth: string;\n  triggerClassName?: string;\n  isPlaceholder?: boolean;\n  'aria-describedby'?: string;\n};\n\nfunction getSafeSegmentName(\n  segment: CachedSegment['segment'] | null | undefined,\n  fallback: string,\n) {\n  return segment?.name && segment.name !== '' ? segment.name : fallback;\n}\n\n/**\n * SegmentsSelect component\n * @internal\n */\nexport const SegmentSelect = forwardRef<\n  FormControlWithOverlayRef<HTMLDivElement>,\n  SegmentsSelectProps\n>((props, forwardedRef) => {\n  const {\n    availableSegments,\n    readOnly,\n    triggerClassName,\n    overlayWidth,\n    segment: cachedSegment,\n    autoFocus,\n    isPlaceholder,\n    id,\n    'aria-describedby': ariaDescribedBy,\n  } = props;\n  const intl = useIntl();\n\n  const segmentSelectRef =\n    useRef<FormControlWithOverlayRef<HTMLDivElement>>(null);\n  const mergedRef = useMergeRefs([forwardedRef, segmentSelectRef]);\n  const variableSelectRef =\n    useRef<FormControlWithOverlayRef<HTMLDivElement>>(null);\n\n  const { updateUISegment, removeUISegment } = useSegmentsUIContext();\n\n  const { getSegment } = useSegmentsCache();\n\n  const { uiSegments } = useContext(UISegmentsContext);\n\n  const refIsDefined = segmentSelectRef.current !== null;\n\n  useEffect(() => {\n    segmentsClient.hasAccessRights && segmentSelectRef.current?.validate();\n    // We only want to shift the focus initially if it has autofocus (typically first select on open).\n    // when the first selected one is cleared and replaced by the placeholder we want to focus the select, but not open it.\n    if (uiSegments.length === 1 || autoFocus) {\n      segmentSelectRef.current?.focus?.();\n      return;\n    }\n\n    // If a new placeholder is added it should be opened.\n    // The open also moves the focus to the hidden input which isn't available on first render.\n    if (isPlaceholder && !autoFocus) {\n      segmentSelectRef.current?.open();\n    }\n\n    // The hidden trigger ref (coming from the react select) is not defined after the first render and,\n    // therefore, we must manually check the existence and then only once trigger the focus.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [refIsDefined]);\n\n  return (\n    <Select\n      ref={mergedRef}\n      className={styles.segmentsSelectCSS}\n      value={id}\n      id={id}\n      required={!isPlaceholder}\n      clearable={false}\n      readOnly={readOnly || cachedSegment?.temporarilyApplied}\n      aria-describedby={ariaDescribedBy}\n      onOpenChange={(isOpen) => {\n        if (isOpen) {\n          return;\n        }\n\n        variableSelectRef.current?.open();\n      }}\n      onChange={(segmentUid) => {\n        if (segmentUid) {\n          getSegment(segmentUid)\n            .then((newSegment) => {\n              updateUISegment(\n                { id },\n                {\n                  ...newSegment.segment,\n                  variables: !newSegment.segment.variables ? undefined : [],\n                },\n              );\n            })\n            .catch((error) => {\n              if (isDev()) {\n                // eslint-disable-next-line no-console\n                console.log(\n                  `SegmentSelector: fetching the segment with id ${id} failed.`,\n                  error,\n                );\n              }\n              removeUISegment(id);\n            });\n        }\n      }}\n      data-dt-name=\"segment-select\"\n    >\n      <Select.Trigger\n        width=\"full\"\n        className={clsx(triggerClassName, {\n          [styles.segmentsSelectTriggerCSS]: cachedSegment?.segment?.variables,\n        })}\n        placeholder={intl.formatMessage(\n          SEGMENTSELECTOR_MESSAGES.segmentsTriggerPlaceholder,\n        )}\n      />\n      <Select.Filter />\n      <Select.Content showSelectedOptionsFirst width={overlayWidth}>\n        <Select.EmptyState>\n          {availableSegments.length === 0\n            ? intl.formatMessage(\n                SEGMENTSELECTOR_MESSAGES.segmentsSelectEmptyState,\n              )\n            : intl.formatMessage(\n                SEGMENTSELECTOR_MESSAGES.segmentsSelectEmptyStateSearch,\n              )}\n        </Select.EmptyState>\n\n        {/**\n         * The availableSegments removes the current selection to only show the other options.\n         * This would also clear the select value and therefore this one is additionally rendered.\n         */}\n        {((id && !isPlaceholder) || cachedSegment?.segment) && (\n          <Select.Option\n            value={id}\n            key={id}\n            textValue={getSafeSegmentName(cachedSegment?.segment, id)}\n          >\n            {/** The option should wrap and not truncate, therefore, it is wrapped in a Text. */}\n            <Text>{getSafeSegmentName(cachedSegment?.segment, id)}</Text>\n          </Select.Option>\n        )}\n        {availableSegments.map((segmentOption) => (\n          <Select.Option\n            key={segmentOption.id}\n            value={segmentOption.id}\n            textValue={getSafeSegmentName(segmentOption, segmentOption.id)}\n          >\n            {/** The option should wrap and not truncate, therefore, it is wrapped in a Text. */}\n            <Text>{getSafeSegmentName(segmentOption, segmentOption.id)}</Text>\n          </Select.Option>\n        ))}\n      </Select.Content>\n    </Select>\n  );\n});\n"],
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useContext, useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './SegmentSelect.sty.js';\nimport { useMergeRefs } from '../../../../core/hooks/useMergeRefs.js';\nimport { isDev } from '../../../../core/utils/is-node-environment.js';\nimport { Select } from '../../../../forms/select/Select.js';\nimport type { FormControlWithOverlayRef } from '../../../../forms/shared-types.js';\nimport { Text } from '../../../../typography/text/Text.js';\nimport {\n  segmentsClient,\n  useSegmentsCache,\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';\n\ntype SegmentsSelectProps = {\n  id: string;\n  availableSegments: CachedSegment['segment'][];\n  readOnly?: boolean;\n  autoFocus?: boolean;\n  segment?: CachedSegment | null;\n  overlayWidth: string;\n  triggerClassName?: string;\n  isPlaceholder?: boolean;\n  'aria-describedby'?: string;\n};\n\nfunction getSafeSegmentName(\n  segment: CachedSegment['segment'] | null | undefined,\n  fallback: string,\n) {\n  return segment?.name && segment.name !== '' ? segment.name : fallback;\n}\n\n/**\n * SegmentsSelect component\n * @internal\n */\nexport const SegmentSelect = forwardRef<\n  FormControlWithOverlayRef<HTMLDivElement>,\n  SegmentsSelectProps\n>((props, forwardedRef) => {\n  const {\n    availableSegments,\n    readOnly,\n    triggerClassName,\n    overlayWidth,\n    segment: cachedSegment,\n    autoFocus,\n    isPlaceholder,\n    id,\n    'aria-describedby': ariaDescribedBy,\n  } = props;\n  const intl = useIntl();\n\n  const segmentSelectRef =\n    useRef<FormControlWithOverlayRef<HTMLDivElement>>(null);\n  const mergedRef = useMergeRefs([forwardedRef, segmentSelectRef]);\n  const variableSelectRef =\n    useRef<FormControlWithOverlayRef<HTMLDivElement>>(null);\n\n  const { updateUISegment, removeUISegment } = useSegmentsUIContext();\n\n  const { getSegment } = useSegmentsCache();\n\n  const { uiSegments } = useContext(UISegmentsContext);\n\n  const refIsDefined = segmentSelectRef.current !== null;\n\n  useEffect(() => {\n    segmentsClient.hasAccessRights && segmentSelectRef.current?.validate();\n    // We only want to shift the focus initially if it has autofocus (typically first select on open).\n    // when the first selected one is cleared and replaced by the placeholder we want to focus the select, but not open it.\n    if (uiSegments.length === 1 || autoFocus) {\n      segmentSelectRef.current?.focus?.();\n      return;\n    }\n\n    // If a new placeholder is added it should be opened.\n    // The open also moves the focus to the hidden input which isn't available on first render.\n    if (isPlaceholder && !autoFocus) {\n      segmentSelectRef.current?.open();\n    }\n\n    // The hidden trigger ref (coming from the react select) is not defined after the first render and,\n    // therefore, we must manually check the existence and then only once trigger the focus.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [refIsDefined]);\n\n  return (\n    <Select\n      ref={mergedRef}\n      className={styles.segmentsSelectCSS}\n      value={id}\n      id={id}\n      required={!isPlaceholder}\n      clearable={false}\n      readOnly={readOnly || cachedSegment?.temporarilyApplied}\n      aria-describedby={ariaDescribedBy}\n      onOpenChange={(isOpen) => {\n        if (isOpen) {\n          return;\n        }\n\n        variableSelectRef.current?.open();\n      }}\n      onChange={(segmentUid) => {\n        if (segmentUid) {\n          getSegment(segmentUid)\n            .then((newSegment) => {\n              updateUISegment(\n                { id },\n                {\n                  ...newSegment.segment,\n                  variables: !newSegment.segment.variables ? undefined : [],\n                },\n              );\n            })\n            .catch((error) => {\n              if (isDev()) {\n                // oxlint-disable-next-line no-console\n                console.log(\n                  `SegmentSelector: fetching the segment with id ${id} failed.`,\n                  error,\n                );\n              }\n              removeUISegment(id);\n            });\n        }\n      }}\n      data-dt-name=\"segment-select\"\n    >\n      <Select.Trigger\n        width=\"full\"\n        className={clsx(triggerClassName, {\n          [styles.segmentsSelectTriggerCSS]: cachedSegment?.segment?.variables,\n        })}\n        placeholder={intl.formatMessage(\n          SEGMENTSELECTOR_MESSAGES.segmentsTriggerPlaceholder,\n        )}\n      />\n      <Select.Filter />\n      <Select.Content showSelectedOptionsFirst width={overlayWidth}>\n        <Select.EmptyState>\n          {availableSegments.length === 0\n            ? intl.formatMessage(\n                SEGMENTSELECTOR_MESSAGES.segmentsSelectEmptyState,\n              )\n            : intl.formatMessage(\n                SEGMENTSELECTOR_MESSAGES.segmentsSelectEmptyStateSearch,\n              )}\n        </Select.EmptyState>\n\n        {/**\n         * The availableSegments removes the current selection to only show the other options.\n         * This would also clear the select value and therefore this one is additionally rendered.\n         */}\n        {((id && !isPlaceholder) || cachedSegment?.segment) && (\n          <Select.Option\n            value={id}\n            key={id}\n            textValue={getSafeSegmentName(cachedSegment?.segment, id)}\n          >\n            {/** The option should wrap and not truncate, therefore, it is wrapped in a Text. */}\n            <Text>{getSafeSegmentName(cachedSegment?.segment, id)}</Text>\n          </Select.Option>\n        )}\n        {availableSegments.map((segmentOption) => (\n          <Select.Option\n            key={segmentOption.id}\n            value={segmentOption.id}\n            textValue={getSafeSegmentName(segmentOption, segmentOption.id)}\n          >\n            {/** The option should wrap and not truncate, therefore, it is wrapped in a Text. */}\n            <Text>{getSafeSegmentName(segmentOption, segmentOption.id)}</Text>\n          </Select.Option>\n        ))}\n      </Select.Content>\n    </Select>\n  );\n});\n"],
   "mappings": "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",
   "names": []
 }

package/esm/filters/segment-selector/parts/selectionBar/SegmentSelect.sty.js

@@ -1,13 +1,13 @@
 import "../../../../core/components/app-root/AppRoot.css";
 import "./SegmentSelect.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var clearButtonCSS = "_1fuxi5m5-3-12-2";
-var noBorderRadiusRight = "_1fuxi5m2-3-12-2";
-var segmentsSelectCSS = "_1fuxi5m0-3-12-2";
-var segmentsSelectGridCSS = _7a468({ defaultClassName: "_1fuxi5m6-3-12-2", variantClassNames: { layout: { full: "_1fuxi5m7-3-12-2", "full-readonly": "_1fuxi5m8-3-12-2", "no-variables": "_1fuxi5m9-3-12-2", "no-variables-readonly": "_1fuxi5ma-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
-var segmentsSelectTriggerCSS = "_1fuxi5m1-3-12-2";
-var variablesSelectCSS = "_1fuxi5m3-3-12-2";
-var variablesSelectTriggerCSS = "_1fuxi5m4-3-12-2";
+var clearButtonCSS = "_1fuxi5m5-3-13-0";
+var noBorderRadiusRight = "_1fuxi5m2-3-13-0";
+var segmentsSelectCSS = "_1fuxi5m0-3-13-0";
+var segmentsSelectGridCSS = _7a468({ defaultClassName: "_1fuxi5m6-3-13-0", variantClassNames: { layout: { full: "_1fuxi5m7-3-13-0", "full-readonly": "_1fuxi5m8-3-13-0", "no-variables": "_1fuxi5m9-3-13-0", "no-variables-readonly": "_1fuxi5ma-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
+var segmentsSelectTriggerCSS = "_1fuxi5m1-3-13-0";
+var variablesSelectCSS = "_1fuxi5m3-3-13-0";
+var variablesSelectTriggerCSS = "_1fuxi5m4-3-13-0";
 export {
   clearButtonCSS,
   noBorderRadiusRight,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/selectionBar/SegmentSelect.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport './SegmentSelect.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var clearButtonCSS = '_1fuxi5m5-3-12-2';\nexport var noBorderRadiusRight = '_1fuxi5m2-3-12-2';\nexport var segmentsSelectCSS = '_1fuxi5m0-3-12-2';\nexport var segmentsSelectGridCSS = _7a468({defaultClassName:'_1fuxi5m6-3-12-2',variantClassNames:{layout:{full:'_1fuxi5m7-3-12-2','full-readonly':'_1fuxi5m8-3-12-2','no-variables':'_1fuxi5m9-3-12-2','no-variables-readonly':'_1fuxi5ma-3-12-2'}},defaultVariants:{},compoundVariants:[]});\nexport var segmentsSelectTriggerCSS = '_1fuxi5m1-3-12-2';\nexport var variablesSelectCSS = '_1fuxi5m3-3-12-2';\nexport var variablesSelectTriggerCSS = '_1fuxi5m4-3-12-2';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport './SegmentSelect.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var clearButtonCSS = '_1fuxi5m5-3-13-0';\nexport var noBorderRadiusRight = '_1fuxi5m2-3-13-0';\nexport var segmentsSelectCSS = '_1fuxi5m0-3-13-0';\nexport var segmentsSelectGridCSS = _7a468({defaultClassName:'_1fuxi5m6-3-13-0',variantClassNames:{layout:{full:'_1fuxi5m7-3-13-0','full-readonly':'_1fuxi5m8-3-13-0','no-variables':'_1fuxi5m9-3-13-0','no-variables-readonly':'_1fuxi5ma-3-13-0'}},defaultVariants:{},compoundVariants:[]});\nexport var segmentsSelectTriggerCSS = '_1fuxi5m1-3-13-0';\nexport var variablesSelectCSS = '_1fuxi5m3-3-13-0';\nexport var variablesSelectTriggerCSS = '_1fuxi5m4-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,iBAAiB;AACrB,IAAI,sBAAsB;AAC1B,IAAI,oBAAoB;AACxB,IAAI,wBAAwB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,QAAO,EAAC,MAAK,oBAAmB,iBAAgB,oBAAmB,gBAAe,oBAAmB,yBAAwB,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACpR,IAAI,2BAA2B;AAC/B,IAAI,qBAAqB;AACzB,IAAI,4BAA4B;",
   "names": []
 }

package/esm/filters/segment-selector/parts/selectionBar/SegmentSelectorTrigger.css

@@ -1,3 +1,3 @@
-._1e5el1o0-3-12-2 {
+._1e5el1o0-3-13-0 {
   max-width: 400px;
 }

package/esm/filters/segment-selector/parts/selectionBar/SegmentSelectorTrigger.sty.js

@@ -1,5 +1,5 @@
 import "./SegmentSelectorTrigger.css";
-var trigger = "_1e5el1o0-3-12-2";
+var trigger = "_1e5el1o0-3-13-0";
 export {
   trigger
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/selectionBar/SegmentSelectorTrigger.css.ts"],
-  "sourcesContent": ["import './SegmentSelectorTrigger.css';\nexport var trigger = '_1e5el1o0-3-12-2';"],
+  "sourcesContent": ["import './SegmentSelectorTrigger.css';\nexport var trigger = '_1e5el1o0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

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

@@ -58,7 +58,7 @@ const ValueSelect = (props) => {
   const { data: faasResult, isLoading: isFaasLoading } = useQuery(
     // excluded segment.segment.version: keying on it would refetch on every segment edit,
     // not just ones that change the query; overlay-reopen invalidation covers the rest.
-    // eslint-disable-next-line @tanstack/query/exhaustive-deps
+    // oxlint-disable-next-line @tanstack/query/exhaustive-deps
     {
       queryKey: ["getSegmentVariables", segment.segment.id, query],
       queryFn: () => getSegmentVariables(segment.segment.id, segment.segment.version)