@dynatrace/strato-components 3.11.1 → 3.11.2

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

@@ -2,6 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import {
   Children,
   forwardRef,
+  isValidElement,
   useCallback,
   useEffect,
   useImperativeHandle,
@@ -9,7 +10,6 @@ import {
   useRef
 } from "react";
 import { useIntl } from "react-intl";
-import { isElement } from "react-is";
 import { useInternalFormRegistration } from "../../forms/form/hooks/useInternalFormRegistration.js";
 import { useFormControl } from "../../forms/forms-core/hooks/useFormControl.js";
 import { FormFieldMessagesAction } from "../../forms/forms-core/state/formfield-messages-state-reducer.js";
@@ -37,7 +37,8 @@ import { useId } from "../../core/hooks/useId.js";
 import { useMergeRefs } from "../../core/hooks/useMergeRefs.js";
 import { createStratoLogger } from "../../core/sdk/sdk-logger.js";
 import { StratoLoggerContext } from "../../core/sdk/StratoLoggerContext.js";
-import { isDev } from "../../core/utils/is-node-environment.js";
+import { isSlot } from "../../core/utils/is-slot.js";
+import { devLog } from "../../core/utils/logging.js";
 import { mergeProps } from "../../core/utils/merge-props.js";
 import { withFormFieldMessageContextProvider } from "../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js";
 import {
@@ -54,22 +55,14 @@ const COMPONENT_NAME = "SegmentSelector";
 function getCustomTriggerSlot(children) {
   let customTrigger;
   Children.forEach(children, (child) => {
-    if (isElement(child)) {
-      switch (child.type) {
-        case CustomTrigger:
-          customTrigger = child;
-          break;
-        default: {
-          if (isDev()) {
-            console.warn(
-              "Only CustomTrigger is a valid child of the SegmentSelector."
-            );
-          }
-          break;
-        }
+    if (isValidElement(child)) {
+      if (isSlot(child, CustomTrigger)) {
+        customTrigger = child;
+      } else if (child) {
+        devLog("Only CustomTrigger is a valid child of the SegmentSelector.");
       }
-    } else if (child && isDev()) {
-      console.warn("The used child is not supported by the SegmentSelector.");
+    } else {
+      devLog("The used child is not supported by the SegmentSelector.");
     }
   });
   return customTrigger;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/SegmentSelector.tsx"],
-  "sourcesContent": ["\uFEFFimport {\n  Children,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport { useInternalFormRegistration } from '../../forms/form/hooks/useInternalFormRegistration.js';\nimport { useFormControl } from '../../forms/forms-core/hooks/useFormControl.js';\nimport { FormFieldMessagesAction } from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlWithOverlayRef } from '../../forms/shared-types.js';\nimport { segmentsClient } from './contexts/SegmentsCache/SegmentsCache.js';\nimport { SegmentsTriggerContext } from './contexts/SegmentsUI/SegmentsTriggerContext.js';\nimport { UISegmentsProvider } from './contexts/SegmentsUI/SegmentsUIContext.js';\nimport {\n  getErrorKey,\n  validateSegments,\n} from './contexts/SegmentsUI/segmentValidationHelper.js';\nimport { CustomTrigger } from './CustomTrigger.js';\nimport { useSegments } from './hooks/useSegments.js';\nimport { useTooltipHandler } from './hooks/useTooltipHandler.js';\nimport { useTriggerProps } from './hooks/useTriggerProps.js';\nimport { SegmentsOverlay } from './parts/Overlay.js';\nimport { SegmentSelectorTrigger } from './parts/selectionBar/SegmentSelectorTrigger.js';\nimport { TooltipMessages } from './parts/TooltipMessages.js';\nimport { SEGMENTSELECTOR_MESSAGES } from './segmentMessages.js';\nimport * as styles from './SegmentSelector.sty.js';\nimport type {\n  SegmentSelectorProps,\n  SegmentSelectorRef,\n} from './SegmentSelector.types.js';\nimport { FocusScope } from '../../core/components/focus-scope/FocusScope.js';\nimport { OverlayContainer } from '../../core/components/OverlayContainer.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { StratoLoggerContext } from '../../core/sdk/StratoLoggerContext.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport { withFormFieldMessageContextProvider } from '../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport {\n  getI18nValidationState,\n  useFormFieldValidation,\n} from '../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport type {\n  ValidationState,\n  ValidationTrigger,\n} from '../../forms/validation/types.js';\nimport { useCustomMessageEmitter } from '../../forms/validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../../forms/validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../../forms/validation/validation-builders.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { overlayCSS } from '../../overlays/overlay/Overlay.sty.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\n\nconst COMPONENT_NAME = 'SegmentSelector';\n\n/** Iterates over child nodes to extract the content component slot. */\nfunction getCustomTriggerSlot(children: ReactNode) {\n  let customTrigger: ReactElement | undefined;\n\n  Children.forEach(children, (child) => {\n    if (isElement(child)) {\n      switch (child.type) {\n        case CustomTrigger:\n          customTrigger = child;\n          break;\n        default: {\n          if (isDev()) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              'Only CustomTrigger is a valid child of the SegmentSelector.',\n            );\n          }\n          break;\n        }\n      }\n    } else if (child && isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn('The used child is not supported by the SegmentSelector.');\n    }\n  });\n\n  return customTrigger;\n}\n\nconst SegmentSelectorFwd = forwardRef<\n  SegmentSelectorRef<HTMLButtonElement>,\n  SegmentSelectorProps\n>((props, forwardedRef) => {\n  const {\n    className: consumerClassName,\n    style: consumerStyle,\n    id: propId,\n    'data-testid': dataTestId,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    variant = 'default',\n    onOpenChange,\n    onValidityChange,\n    readOnly: propReadOnly,\n    disabled: propDisabled,\n    required: propRequired,\n    name,\n    _form,\n    _messageTarget,\n    ...remainingProps\n  }: SegmentSelectorProps = props;\n\n  const intl = useIntl();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalButtonRef = useRef<HTMLButtonElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n\n  const {\n    disabled,\n    required,\n    id,\n    ariaDisabled,\n    readOnly,\n    showError,\n    messageState: formFieldMessagesState,\n    messageDispatch: formFieldMessagesDispatch,\n  } = useFormControl({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: remainingProps['aria-disabled'],\n    propReadOnly,\n  });\n\n  const {\n    isLoading,\n    text,\n    ariaProps: triggerAriaProps,\n  } = useTriggerProps(variant, remainingProps);\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { onChange, onInvalid, ariaProps } = useFormFieldValidation(\n    inputRef,\n    { required },\n    triggerAriaProps,\n    id,\n  );\n\n  const errorId = useId();\n\n  const { segments } = useSegments();\n  const stringifiedValue = JSON.stringify(segments);\n\n  const getSegmentValidationState = useCallback(\n    async (trigger: ValidationTrigger): Promise<ValidationState> => {\n      if (inputRef.current && !inputRef.current.validity.valid) {\n        return getI18nValidationState(intl, inputRef.current, trigger);\n      }\n\n      const errorKeys = await Promise.all(segments.map(getErrorKey));\n      return getValidationState(\n        errorKeys.find((key) => key !== null) ?? undefined,\n        trigger,\n        undefined,\n        id,\n      );\n    },\n    [id, intl, segments],\n  );\n\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getSegmentValidationState('manual'),\n  );\n\n  const runValidation = useCallback(async () => {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n    if (segmentsClient.hasAccessRights === false) {\n      formFieldMessagesDispatch?.({\n        type: FormFieldMessagesAction.ADDMESSAGE,\n        payload: {\n          id: errorId,\n          variant: 'error',\n          validityStateKey: 'customError',\n          messageType: 'formcontrol',\n          showError: true,\n          message: intl.formatMessage(\n            SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess,\n          ),\n        },\n      });\n    }\n    await validateSegments(\n      segments,\n      onChange,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      errorId,\n      true,\n    ).catch(() => undefined);\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.formControlMessages,\n    intl,\n    onChange,\n    segments,\n  ]);\n\n  const formControl = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    value: segments.length > 0 ? stringifiedValue : '',\n    onValidityChange,\n    focus: () => internalButtonRef.current?.focus(),\n    validateField: async ({ reveal, trigger }) => {\n      inputRef.current?.checkValidity();\n      if (reveal) {\n        await runValidation();\n      }\n      const validationState = await getSegmentValidationState(trigger);\n      return emitValidationState(validationState);\n    },\n    resetValidation: () => {\n      inputRef.current?.setCustomValidity('');\n      formFieldMessagesDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n    },\n  });\n  formValidityChangeRef.current = formControl.onValidityChange;\n\n  const segmentSelectorProps = {\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-testid': dataTestId,\n    style: consumerStyle,\n    className: consumerClassName,\n    ...mergeProps(behavioralTrackingProps, ariaProps),\n  };\n\n  const customTrigger = useMemo(\n    () => getCustomTriggerSlot(remainingProps.children),\n    [remainingProps.children],\n  );\n\n  const {\n    targetRef,\n    triggerRef,\n    overlayRef,\n    overlayState,\n    overlayProps: _overlayProps,\n    overlayTriggerProps,\n    overlayContainerProps,\n  } = useOverlayWithTrigger({\n    placement: 'bottom-start',\n    placementFallbacks: ['bottom-end', 'top-start', 'top-end'],\n    offset: 4,\n    shouldCloseOnBlur: false,\n    onOpenChange: (isOpen) => {\n      if (\n        !isOpen &&\n        !formFieldMessagesState.isTouched &&\n        segmentsClient.hasAccessRights !== false\n      ) {\n        formFieldMessagesDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n\n        inputRef.current?.checkValidity();\n        void getSegmentValidationState('blur').then(emitValidationState);\n      }\n\n      if (!isOpen) {\n        validateSegments(\n          segments,\n          onChange,\n          formFieldMessagesDispatch,\n          formFieldMessagesState.formControlMessages,\n          errorId,\n          true,\n        ).catch(() => undefined);\n      }\n\n      if (isOpen) {\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getAllSegments'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getSegment'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['errorKey'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getSegmentVariables'],\n        });\n      }\n\n      onOpenChange?.(isOpen);\n    },\n    additionalElevation: 'overlay',\n    disabled,\n  });\n  const { trapFocus, ...overlayProps } = _overlayProps;\n\n  const { onOpenTooltip, isOpen, textEllipsisRef } = useTooltipHandler(\n    !customTrigger && variant === 'default',\n  );\n  const overlayAriaLabelledById = useId();\n\n  useImperativeHandle(\n    forwardedRef,\n    (): SegmentSelectorRef<HTMLButtonElement> => ({\n      element: internalButtonRef.current,\n      triggerRef: internalButtonRef.current,\n      inputRef: inputRef.current,\n      focus: () => internalButtonRef.current?.focus(),\n      open: overlayState.open,\n      close: overlayState.close,\n      validate: async () => {\n        inputRef.current?.checkValidity();\n        await runValidation();\n\n        emitValidationState(await getSegmentValidationState('manual'));\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        inputRef.current?.checkValidity();\n        await runValidation();\n\n        const state = await getSegmentValidationState('manual');\n        return emitValidationState(state);\n      },\n    }),\n    [\n      runValidation,\n      emitValidationState,\n      overlayState.close,\n      overlayState.open,\n      getSegmentValidationState,\n    ],\n  );\n\n  const buttonRef = useMergeRefs([triggerRef, targetRef, internalButtonRef]);\n\n  const handleOnBlur = useCallback(() => {\n    if (!overlayState.isOpen) {\n      formFieldMessagesDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n\n      if (!formFieldMessagesState.isTouched) {\n        inputRef.current?.checkValidity();\n        void getSegmentValidationState('blur').then(emitValidationState);\n      }\n    }\n  }, [\n    overlayState.isOpen,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.isTouched,\n    getSegmentValidationState,\n    emitValidationState,\n  ]);\n\n  // Since the value update is delayed by the async fetching of the data\n  // we need to check the validity as soon as the value is up to date.\n  useEffect(() => {\n    validateSegments(\n      segments,\n      onChange,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      errorId,\n    ).catch(() => undefined);\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.formControlMessages,\n    onChange,\n    segments,\n    stringifiedValue,\n  ]);\n\n  // Surface validation state whenever the selected segments change (`change`\n  // trigger), keeping `onValidityChange` in sync as the selection is edited.\n  useEffect(() => {\n    void getSegmentValidationState('change').then(emitValidationState);\n    // Fire only on actual segment changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stringifiedValue]);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      displayValue: text,\n      triggerProps: {\n        ...overlayTriggerProps,\n        'data-dt-component': COMPONENT_NAME,\n        onBlur: handleOnBlur,\n      },\n      buttonRef,\n      showError,\n      ...ariaProps,\n    }),\n    [\n      isLoading,\n      text,\n      overlayTriggerProps,\n      buttonRef,\n      showError,\n      ariaProps,\n      handleOnBlur,\n    ],\n  );\n\n  const stratoLogger = useMemo(() => {\n    return createStratoLogger.bind({\n      name,\n      id: propId,\n      ariaLabel: triggerAriaProps['aria-label'],\n    })(COMPONENT_NAME);\n  }, [name, propId, triggerAriaProps]);\n\n  return (\n    <>\n      <SegmentsTriggerContext.Provider value={providerValue}>\n        <Tooltip\n          text={<TooltipMessages ariaLabel={triggerAriaProps['aria-label']} />}\n          className={styles.overwriteTooltipElementPadding}\n          onOpenChange={onOpenTooltip}\n          open={isOpen}\n        >\n          {customTrigger ?? (\n            <SegmentSelectorTrigger\n              textEllipsisRef={textEllipsisRef}\n              {...segmentSelectorProps}\n            />\n          )}\n        </Tooltip>\n        <VisuallyHidden>\n          <input\n            ref={inputRef}\n            id={id}\n            value={segments.length > 0 ? stringifiedValue : ''}\n            onChange={() => undefined}\n            aria-hidden={true}\n            readOnly={readOnly}\n            disabled={disabled}\n            name={name}\n            form={_form}\n            required={required}\n            tabIndex={-1}\n            aria-disabled={ariaDisabled}\n            onInvalid={onInvalid}\n          />\n        </VisuallyHidden>\n      </SegmentsTriggerContext.Provider>\n\n      {overlayState.isOpen && (\n        <StratoLoggerContext.Provider value={stratoLogger}>\n          <OverlayContainer\n            data-testid={dataTestId}\n            {...overlayContainerProps}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n          >\n            <FocusScope autoFocus contain={trapFocus}>\n              <div\n                ref={overlayRef}\n                className={overlayCSS}\n                {...overlayProps}\n                aria-labelledby={overlayAriaLabelledById}\n              >\n                <UISegmentsProvider\n                  readOnly={readOnly}\n                  overlayState={overlayState}\n                >\n                  <SegmentsOverlay labelId={overlayAriaLabelledById} />\n                </UISegmentsProvider>\n              </div>\n            </FocusScope>\n          </OverlayContainer>\n        </StratoLoggerContext.Provider>\n      )}\n    </>\n  );\n});\n\n/**\n * SegmentSelector component that uses a fallback formFieldMessages-context if it wasn't wrapped in a FormField.\n */\nconst SegmentSelectorRoot = withFormFieldMessageContextProvider<\n  SegmentSelectorProps,\n  FormControlWithOverlayRef<HTMLButtonElement>\n>(SegmentSelectorFwd);\n\n/**\n * Use the `SegmentSelector` as a top-level filter to narrow data by segment, setting the scope for any additional filters applied alongside it.\n * @public\n */\nexport const SegmentSelector = Object.assign(SegmentSelectorRoot, {\n  CustomTrigger,\n});\n\n(\n  SegmentSelector as typeof SegmentSelector & { displayName: string }\n).displayName = COMPONENT_NAME;\n"],
-  "mappings": "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",
+  "sourcesContent": ["\uFEFFimport {\n  Children,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport { useInternalFormRegistration } from '../../forms/form/hooks/useInternalFormRegistration.js';\nimport { useFormControl } from '../../forms/forms-core/hooks/useFormControl.js';\nimport { FormFieldMessagesAction } from '../../forms/forms-core/state/formfield-messages-state-reducer.js';\nimport type { FormControlWithOverlayRef } from '../../forms/shared-types.js';\nimport { segmentsClient } from './contexts/SegmentsCache/SegmentsCache.js';\nimport { SegmentsTriggerContext } from './contexts/SegmentsUI/SegmentsTriggerContext.js';\nimport { UISegmentsProvider } from './contexts/SegmentsUI/SegmentsUIContext.js';\nimport {\n  getErrorKey,\n  validateSegments,\n} from './contexts/SegmentsUI/segmentValidationHelper.js';\nimport { CustomTrigger } from './CustomTrigger.js';\nimport { useSegments } from './hooks/useSegments.js';\nimport { useTooltipHandler } from './hooks/useTooltipHandler.js';\nimport { useTriggerProps } from './hooks/useTriggerProps.js';\nimport { SegmentsOverlay } from './parts/Overlay.js';\nimport { SegmentSelectorTrigger } from './parts/selectionBar/SegmentSelectorTrigger.js';\nimport { TooltipMessages } from './parts/TooltipMessages.js';\nimport { SEGMENTSELECTOR_MESSAGES } from './segmentMessages.js';\nimport * as styles from './SegmentSelector.sty.js';\nimport type {\n  SegmentSelectorProps,\n  SegmentSelectorRef,\n} from './SegmentSelector.types.js';\nimport { FocusScope } from '../../core/components/focus-scope/FocusScope.js';\nimport { OverlayContainer } from '../../core/components/OverlayContainer.js';\nimport { VisuallyHidden } from '../../core/components/visually-hidden/VisuallyHidden.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport { StratoLoggerContext } from '../../core/sdk/StratoLoggerContext.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport { devLog } from '../../core/utils/logging.js';\nimport { mergeProps } from '../../core/utils/merge-props.js';\nimport { withFormFieldMessageContextProvider } from '../../forms/forms-core/components/form-field/FormFieldMessageContextProvider.js';\nimport {\n  getI18nValidationState,\n  useFormFieldValidation,\n} from '../../forms/forms-core/hooks/useFormFieldValidation.js';\nimport type {\n  ValidationState,\n  ValidationTrigger,\n} from '../../forms/validation/types.js';\nimport { useCustomMessageEmitter } from '../../forms/validation/useCustomMessageEmitter.js';\nimport { useValidationStateEmitter } from '../../forms/validation/useValidationStateEmitter.js';\nimport { getValidationState } from '../../forms/validation/validation-builders.js';\nimport { useOverlayWithTrigger } from '../../overlays/hooks/useOverlayWithTrigger.js';\nimport { overlayCSS } from '../../overlays/overlay/Overlay.sty.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\n\nconst COMPONENT_NAME = 'SegmentSelector';\n\n/** Iterates over child nodes to extract the content component slot. */\nfunction getCustomTriggerSlot(children: ReactNode) {\n  let customTrigger: ReactElement | undefined;\n\n  Children.forEach(children, (child) => {\n    if (isValidElement(child)) {\n      if (isSlot(child, CustomTrigger)) {\n        customTrigger = child;\n      } else if (child) {\n        devLog('Only CustomTrigger is a valid child of the SegmentSelector.');\n      }\n    } else {\n      devLog('The used child is not supported by the SegmentSelector.');\n    }\n  });\n\n  return customTrigger;\n}\n\nconst SegmentSelectorFwd = forwardRef<\n  SegmentSelectorRef<HTMLButtonElement>,\n  SegmentSelectorProps\n>((props, forwardedRef) => {\n  const {\n    className: consumerClassName,\n    style: consumerStyle,\n    id: propId,\n    'data-testid': dataTestId,\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    variant = 'default',\n    onOpenChange,\n    onValidityChange,\n    readOnly: propReadOnly,\n    disabled: propDisabled,\n    required: propRequired,\n    name,\n    _form,\n    _messageTarget,\n    ...remainingProps\n  }: SegmentSelectorProps = props;\n\n  const intl = useIntl();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalButtonRef = useRef<HTMLButtonElement>(null);\n  const formValidityChangeRef = useRef<\n    ((state: ValidationState) => void) | undefined\n  >(undefined);\n  const _emitValidationState = useValidationStateEmitter((state) =>\n    formValidityChangeRef.current?.(state),\n  );\n\n  const {\n    disabled,\n    required,\n    id,\n    ariaDisabled,\n    readOnly,\n    showError,\n    messageState: formFieldMessagesState,\n    messageDispatch: formFieldMessagesDispatch,\n  } = useFormControl({\n    propDisabled,\n    propRequired,\n    propId,\n    propAriaDisabled: remainingProps['aria-disabled'],\n    propReadOnly,\n  });\n\n  const {\n    isLoading,\n    text,\n    ariaProps: triggerAriaProps,\n  } = useTriggerProps(variant, remainingProps);\n\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n\n  const { onChange, onInvalid, ariaProps } = useFormFieldValidation(\n    inputRef,\n    { required },\n    triggerAriaProps,\n    id,\n  );\n\n  const errorId = useId();\n\n  const { segments } = useSegments();\n  const stringifiedValue = JSON.stringify(segments);\n\n  const getSegmentValidationState = useCallback(\n    async (trigger: ValidationTrigger): Promise<ValidationState> => {\n      if (inputRef.current && !inputRef.current.validity.valid) {\n        return getI18nValidationState(intl, inputRef.current, trigger);\n      }\n\n      const errorKeys = await Promise.all(segments.map(getErrorKey));\n      return getValidationState(\n        errorKeys.find((key) => key !== null) ?? undefined,\n        trigger,\n        undefined,\n        id,\n      );\n    },\n    [id, intl, segments],\n  );\n\n  const emitValidationState = useCustomMessageEmitter(\n    _emitValidationState,\n    () => getSegmentValidationState('manual'),\n  );\n\n  const runValidation = useCallback(async () => {\n    formFieldMessagesDispatch?.({\n      type: FormFieldMessagesAction.SETISTOUCHED,\n      payload: { isTouched: true },\n    });\n    if (segmentsClient.hasAccessRights === false) {\n      formFieldMessagesDispatch?.({\n        type: FormFieldMessagesAction.ADDMESSAGE,\n        payload: {\n          id: errorId,\n          variant: 'error',\n          validityStateKey: 'customError',\n          messageType: 'formcontrol',\n          showError: true,\n          message: intl.formatMessage(\n            SEGMENTSELECTOR_MESSAGES.noReadAndWriteAccess,\n          ),\n        },\n      });\n    }\n    await validateSegments(\n      segments,\n      onChange,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      errorId,\n      true,\n    ).catch(() => undefined);\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.formControlMessages,\n    intl,\n    onChange,\n    segments,\n  ]);\n\n  const formControl = useInternalFormRegistration({\n    id,\n    name,\n    form: _form,\n    messageTarget: _messageTarget,\n    value: segments.length > 0 ? stringifiedValue : '',\n    onValidityChange,\n    focus: () => internalButtonRef.current?.focus(),\n    validateField: async ({ reveal, trigger }) => {\n      inputRef.current?.checkValidity();\n      if (reveal) {\n        await runValidation();\n      }\n      const validationState = await getSegmentValidationState(trigger);\n      return emitValidationState(validationState);\n    },\n    resetValidation: () => {\n      inputRef.current?.setCustomValidity('');\n      formFieldMessagesDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: false, resetShowError: true },\n      });\n    },\n  });\n  formValidityChangeRef.current = formControl.onValidityChange;\n\n  const segmentSelectorProps = {\n    'data-dtrum-allow': dataDtrumAllow,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-testid': dataTestId,\n    style: consumerStyle,\n    className: consumerClassName,\n    ...mergeProps(behavioralTrackingProps, ariaProps),\n  };\n\n  const customTrigger = useMemo(\n    () => getCustomTriggerSlot(remainingProps.children),\n    [remainingProps.children],\n  );\n\n  const {\n    targetRef,\n    triggerRef,\n    overlayRef,\n    overlayState,\n    overlayProps: _overlayProps,\n    overlayTriggerProps,\n    overlayContainerProps,\n  } = useOverlayWithTrigger({\n    placement: 'bottom-start',\n    placementFallbacks: ['bottom-end', 'top-start', 'top-end'],\n    offset: 4,\n    shouldCloseOnBlur: false,\n    onOpenChange: (isOpen) => {\n      if (\n        !isOpen &&\n        !formFieldMessagesState.isTouched &&\n        segmentsClient.hasAccessRights !== false\n      ) {\n        formFieldMessagesDispatch?.({\n          type: FormFieldMessagesAction.SETISTOUCHED,\n          payload: { isTouched: true },\n        });\n\n        inputRef.current?.checkValidity();\n        void getSegmentValidationState('blur').then(emitValidationState);\n      }\n\n      if (!isOpen) {\n        validateSegments(\n          segments,\n          onChange,\n          formFieldMessagesDispatch,\n          formFieldMessagesState.formControlMessages,\n          errorId,\n          true,\n        ).catch(() => undefined);\n      }\n\n      if (isOpen) {\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getAllSegments'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getSegment'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['errorKey'],\n        });\n        void segmentsClient.queryClient.invalidateQueries({\n          queryKey: ['getSegmentVariables'],\n        });\n      }\n\n      onOpenChange?.(isOpen);\n    },\n    additionalElevation: 'overlay',\n    disabled,\n  });\n  const { trapFocus, ...overlayProps } = _overlayProps;\n\n  const { onOpenTooltip, isOpen, textEllipsisRef } = useTooltipHandler(\n    !customTrigger && variant === 'default',\n  );\n  const overlayAriaLabelledById = useId();\n\n  useImperativeHandle(\n    forwardedRef,\n    (): SegmentSelectorRef<HTMLButtonElement> => ({\n      element: internalButtonRef.current,\n      triggerRef: internalButtonRef.current,\n      inputRef: inputRef.current,\n      focus: () => internalButtonRef.current?.focus(),\n      open: overlayState.open,\n      close: overlayState.close,\n      validate: async () => {\n        inputRef.current?.checkValidity();\n        await runValidation();\n\n        emitValidationState(await getSegmentValidationState('manual'));\n      },\n      // DEPRECATION: [APPDEV-18178] BREAKING-CHANGE: Remove validateAsync() and change validate() to return Promise<ValidationState>.\n      validateAsync: async () => {\n        inputRef.current?.checkValidity();\n        await runValidation();\n\n        const state = await getSegmentValidationState('manual');\n        return emitValidationState(state);\n      },\n    }),\n    [\n      runValidation,\n      emitValidationState,\n      overlayState.close,\n      overlayState.open,\n      getSegmentValidationState,\n    ],\n  );\n\n  const buttonRef = useMergeRefs([triggerRef, targetRef, internalButtonRef]);\n\n  const handleOnBlur = useCallback(() => {\n    if (!overlayState.isOpen) {\n      formFieldMessagesDispatch?.({\n        type: FormFieldMessagesAction.SETISTOUCHED,\n        payload: { isTouched: true },\n      });\n\n      if (!formFieldMessagesState.isTouched) {\n        inputRef.current?.checkValidity();\n        void getSegmentValidationState('blur').then(emitValidationState);\n      }\n    }\n  }, [\n    overlayState.isOpen,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.isTouched,\n    getSegmentValidationState,\n    emitValidationState,\n  ]);\n\n  // Since the value update is delayed by the async fetching of the data\n  // we need to check the validity as soon as the value is up to date.\n  useEffect(() => {\n    validateSegments(\n      segments,\n      onChange,\n      formFieldMessagesDispatch,\n      formFieldMessagesState.formControlMessages,\n      errorId,\n    ).catch(() => undefined);\n  }, [\n    errorId,\n    formFieldMessagesDispatch,\n    formFieldMessagesState.formControlMessages,\n    onChange,\n    segments,\n    stringifiedValue,\n  ]);\n\n  // Surface validation state whenever the selected segments change (`change`\n  // trigger), keeping `onValidityChange` in sync as the selection is edited.\n  useEffect(() => {\n    void getSegmentValidationState('change').then(emitValidationState);\n    // Fire only on actual segment changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stringifiedValue]);\n\n  const providerValue = useMemo(\n    () => ({\n      isLoading,\n      displayValue: text,\n      triggerProps: {\n        ...overlayTriggerProps,\n        'data-dt-component': COMPONENT_NAME,\n        onBlur: handleOnBlur,\n      },\n      buttonRef,\n      showError,\n      ...ariaProps,\n    }),\n    [\n      isLoading,\n      text,\n      overlayTriggerProps,\n      buttonRef,\n      showError,\n      ariaProps,\n      handleOnBlur,\n    ],\n  );\n\n  const stratoLogger = useMemo(() => {\n    return createStratoLogger.bind({\n      name,\n      id: propId,\n      ariaLabel: triggerAriaProps['aria-label'],\n    })(COMPONENT_NAME);\n  }, [name, propId, triggerAriaProps]);\n\n  return (\n    <>\n      <SegmentsTriggerContext.Provider value={providerValue}>\n        <Tooltip\n          text={<TooltipMessages ariaLabel={triggerAriaProps['aria-label']} />}\n          className={styles.overwriteTooltipElementPadding}\n          onOpenChange={onOpenTooltip}\n          open={isOpen}\n        >\n          {customTrigger ?? (\n            <SegmentSelectorTrigger\n              textEllipsisRef={textEllipsisRef}\n              {...segmentSelectorProps}\n            />\n          )}\n        </Tooltip>\n        <VisuallyHidden>\n          <input\n            ref={inputRef}\n            id={id}\n            value={segments.length > 0 ? stringifiedValue : ''}\n            onChange={() => undefined}\n            aria-hidden={true}\n            readOnly={readOnly}\n            disabled={disabled}\n            name={name}\n            form={_form}\n            required={required}\n            tabIndex={-1}\n            aria-disabled={ariaDisabled}\n            onInvalid={onInvalid}\n          />\n        </VisuallyHidden>\n      </SegmentsTriggerContext.Provider>\n\n      {overlayState.isOpen && (\n        <StratoLoggerContext.Provider value={stratoLogger}>\n          <OverlayContainer\n            data-testid={dataTestId}\n            {...overlayContainerProps}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n          >\n            <FocusScope autoFocus contain={trapFocus}>\n              <div\n                ref={overlayRef}\n                className={overlayCSS}\n                {...overlayProps}\n                aria-labelledby={overlayAriaLabelledById}\n              >\n                <UISegmentsProvider\n                  readOnly={readOnly}\n                  overlayState={overlayState}\n                >\n                  <SegmentsOverlay labelId={overlayAriaLabelledById} />\n                </UISegmentsProvider>\n              </div>\n            </FocusScope>\n          </OverlayContainer>\n        </StratoLoggerContext.Provider>\n      )}\n    </>\n  );\n});\n\n/**\n * SegmentSelector component that uses a fallback formFieldMessages-context if it wasn't wrapped in a FormField.\n */\nconst SegmentSelectorRoot = withFormFieldMessageContextProvider<\n  SegmentSelectorProps,\n  FormControlWithOverlayRef<HTMLButtonElement>\n>(SegmentSelectorFwd);\n\n/**\n * Use the `SegmentSelector` as a top-level filter to narrow data by segment, setting the scope for any additional filters applied alongside it.\n * @public\n */\nexport const SegmentSelector = Object.assign(SegmentSelectorRoot, {\n  CustomTrigger,\n});\n\n(\n  SegmentSelector as typeof SegmentSelector & { displayName: string }\n).displayName = COMPONENT_NAME;\n"],
+  "mappings": "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",
   "names": ["isOpen"]
 }

package/esm/filters/segment-selector/SegmentSelector.sty.js

@@ -1,8 +1,8 @@
 import "./SegmentSelector.css";
-var overwriteTooltipElementPadding = "_11m6jkl3-3-11-1";
-var segmentSelectorList = "_11m6jkl0-3-11-1";
-var segmentSelectorListItem = "_11m6jkl1-3-11-1";
-var tooltipMaxHeight = "_11m6jkl2-3-11-1";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-11-2";
+var segmentSelectorList = "_11m6jkl0-3-11-2";
+var segmentSelectorListItem = "_11m6jkl1-3-11-2";
+var tooltipMaxHeight = "_11m6jkl2-3-11-2";
 export {
   overwriteTooltipElementPadding,
   segmentSelectorList,

package/esm/filters/segment-selector/SegmentSelector.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/segment-selector/SegmentSelector.css.ts"],
-  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-11-1';\nexport var segmentSelectorList = '_11m6jkl0-3-11-1';\nexport var segmentSelectorListItem = '_11m6jkl1-3-11-1';\nexport var tooltipMaxHeight = '_11m6jkl2-3-11-1';"],
+  "sourcesContent": ["import './SegmentSelector.css';\nexport var overwriteTooltipElementPadding = '_11m6jkl3-3-11-2';\nexport var segmentSelectorList = '_11m6jkl0-3-11-2';\nexport var segmentSelectorListItem = '_11m6jkl1-3-11-2';\nexport var tooltipMaxHeight = '_11m6jkl2-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iCAAiC;AACrC,IAAI,sBAAsB;AAC1B,IAAI,0BAA0B;AAC9B,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,4 +1,4 @@
-._awal5d0-3-11-1._awal5d0-3-11-1 {
+._awal5d0-3-11-2._awal5d0-3-11-2 {
   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-11-1";
+var AppLinkButtonCSS = "_awal5d0-3-11-2";
 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-11-1';"],
+  "sourcesContent": ["import './EmptySegments.css';\nexport var AppLinkButtonCSS = '_awal5d0-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

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

@@ -1,10 +1,10 @@
-._bqi6d90-3-11-1 {
+._bqi6d90-3-11-2 {
   height: 15px;
   align-self: center;
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: var(--dt-spacings-size-8, 8px);
 }
-._bqi6d91-3-11-1._bqi6d91-3-11-1 {
+._bqi6d91-3-11-2._bqi6d91-3-11-2 {
   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-11-1 {
+._bqi6d92-3-11-2 {
   max-width: 480px;
   min-width: 320px;
   box-sizing: border-box;
   overflow: hidden;
 }
-._bqi6d93-3-11-1 {
+._bqi6d93-3-11-2 {
   max-height: 396px;
   overflow: auto;
   box-sizing: border-box;
 }
-._bqi6d93-3-11-1 ._bqi6d94-3-11-1 {
+._bqi6d93-3-11-2 ._bqi6d94-3-11-2 {
   overflow: hidden;
 }
-._bqi6d95-3-11-1 {
+._bqi6d95-3-11-2 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._bqi6d96-3-11-1._bqi6d96-3-11-1 {
+._bqi6d96-3-11-2._bqi6d96-3-11-2 {
   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-11-1 > fieldset > div {
+._bqi6d97-3-11-2 > 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-11-1";
-var fieldSet = "_bqi6d97-3-11-1";
-var isAnimating = "_bqi6d94-3-11-1";
-var legend = "_bqi6d96-3-11-1";
-var link = "_bqi6d95-3-11-1";
-var menuLink = "_bqi6d91-3-11-1";
-var overlayDefaultWidth = "_bqi6d92-3-11-1";
-var scrollContainer = "_bqi6d93-3-11-1";
+var divider = "_bqi6d90-3-11-2";
+var fieldSet = "_bqi6d97-3-11-2";
+var isAnimating = "_bqi6d94-3-11-2";
+var legend = "_bqi6d96-3-11-2";
+var link = "_bqi6d95-3-11-2";
+var menuLink = "_bqi6d91-3-11-2";
+var overlayDefaultWidth = "_bqi6d92-3-11-2";
+var scrollContainer = "_bqi6d93-3-11-2";
 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-11-1';\nexport var fieldSet = '_bqi6d97-3-11-1';\nexport var isAnimating = '_bqi6d94-3-11-1';\nexport var legend = '_bqi6d96-3-11-1';\nexport var link = '_bqi6d95-3-11-1';\nexport var menuLink = '_bqi6d91-3-11-1';\nexport var overlayDefaultWidth = '_bqi6d92-3-11-1';\nexport var scrollContainer = '_bqi6d93-3-11-1';"],
+  "sourcesContent": ["import './Overlay.css';\nexport var divider = '_bqi6d90-3-11-2';\nexport var fieldSet = '_bqi6d97-3-11-2';\nexport var isAnimating = '_bqi6d94-3-11-2';\nexport var legend = '_bqi6d96-3-11-2';\nexport var link = '_bqi6d95-3-11-2';\nexport var menuLink = '_bqi6d91-3-11-2';\nexport var overlayDefaultWidth = '_bqi6d92-3-11-2';\nexport var scrollContainer = '_bqi6d93-3-11-2';"],
   "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-11-1 {
+._7mq3is0-3-11-2 {
   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-11-1 {
+._7mq3is1-3-11-2 {
   height: 0;
   opacity: 0;
 }
-._7mq3is2-3-11-1 {
+._7mq3is2-3-11-2 {
   height: auto;
   opacity: 1;
 }
-._7mq3is3-3-11-1 {
+._7mq3is3-3-11-2 {
   all: unset;
 }

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

@@ -3,17 +3,18 @@ import clsx from "clsx";
 import {
   useMemo,
   useState,
-  Children
+  Children,
+  isValidElement
 } from "react";
 import { FormattedMessage } from "react-intl";
-import { isElement } from "react-is";
 import {
   ChevronDownSmallIcon,
   ChevronUpSmallIcon
 } from "@dynatrace/strato-icons";
 import * as styles from "./ShowMorePanel.sty.js";
 import { Button } from "../../../../buttons/button/Button.js";
-import { isDev } from "../../../../core/utils/is-node-environment.js";
+import { isSlot } from "../../../../core/utils/is-slot.js";
+import { devLog } from "../../../../core/utils/logging.js";
 import { Flex } from "../../../../layouts/flex/Flex.js";
 const ExtendedContent = ({ children }) => children;
 const PrimaryContent = ({ children }) => children;
@@ -21,15 +22,13 @@ function useChildrenSlots(children) {
   const memoizedSlots = useMemo(() => {
     const slots = {};
     Children.forEach(children, (child) => {
-      if (isElement(child)) {
-        switch (child.type) {
-          case ExtendedContent:
-            slots.extendedContent = child;
-            break;
-          case PrimaryContent:
-          default:
-            slots.primaryContent = child;
-            break;
+      if (isValidElement(child)) {
+        if (isSlot(child, ExtendedContent)) {
+          slots.extendedContent = child;
+        } else if (isSlot(child, PrimaryContent)) {
+          slots.primaryContent = child;
+        } else {
+          slots.primaryContent = child;
         }
       }
     });
@@ -41,11 +40,9 @@ const ShowMorePanelRoot = ({ children }) => {
   const { primaryContent, extendedContent } = useChildrenSlots(children);
   const [isExpanded, setIsExpanded] = useState(false);
   if (!children) {
-    if (isDev()) {
-      console.warn(
-        "SegmentSelector: The used child is not supported by the ExpandableSection."
-      );
-    }
+    devLog(
+      "SegmentSelector: The used child is not supported by the ExpandableSection."
+    );
     return null;
   }
   if (!extendedContent) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  useMemo,\n  useState,\n  type PropsWithChildren,\n  type ReactNode,\n  Children,\n} from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport {\n  ChevronDownSmallIcon,\n  ChevronUpSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './ShowMorePanel.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { isDev } from '../../../../core/utils/is-node-environment.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\n\n/**\n * Compound component for the extendable content of the show more panel.\n */\nconst ExtendedContent = ({ children }: PropsWithChildren) => children;\n\n/**\n * Compound component for the always visible content of the show more panel.\n */\nconst PrimaryContent = ({ children }: PropsWithChildren) => children;\n\nfunction useChildrenSlots(children: ReactNode) {\n  const memoizedSlots = useMemo(() => {\n    const slots: {\n      extendedContent?: ReactNode;\n      primaryContent?: ReactNode;\n    } = {};\n\n    Children.forEach(children, (child) => {\n      if (isElement(child)) {\n        switch (child.type) {\n          case ExtendedContent:\n            slots.extendedContent = child;\n            break;\n          case PrimaryContent:\n          default:\n            slots.primaryContent = child;\n            break;\n        }\n      }\n    });\n    return slots;\n  }, [children]);\n\n  return memoizedSlots;\n}\n\n/**\n * Panel with a show more/less control for the collapsing of segment presets.\n * @internal\n */\nconst ShowMorePanelRoot = ({ children }: PropsWithChildren) => {\n  const { primaryContent, extendedContent } = useChildrenSlots(children);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!children) {\n    if (isDev()) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'SegmentSelector: The used child is not supported by the ExpandableSection.',\n      );\n    }\n    return null;\n  }\n\n  if (!extendedContent) {\n    return primaryContent;\n  }\n\n  const icon = isExpanded ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />;\n  const dataDtProperties = `state:${isExpanded ? 'less' : 'more'}`;\n\n  return (\n    <>\n      <ul className={styles.list}>{primaryContent}</ul>\n      {isExpanded && (\n        <ul\n          className={clsx(styles.expandableWrapper, {\n            [styles.expandableWrapperExpanded]: isExpanded,\n            [styles.expandableWrapperCollapsed]: !isExpanded,\n          })}\n        >\n          {extendedContent}\n        </ul>\n      )}\n      <Button\n        onClick={() => setIsExpanded((previousState) => !previousState)}\n        width=\"full\"\n        textAlign=\"start\"\n        style={{\n          transitionTimingFunction: 'none',\n          transitionDuration: '0s',\n          transition: 'none',\n        }}\n        data-dt-children-name=\"ShowMoreLess\"\n        data-dt-properties={dataDtProperties}\n      >\n        <Flex gap={2} as=\"span\" paddingLeft={4}>\n          <FormattedMessage\n            defaultMessage=\"Show {isExpanded, select, true {less} false {more} other{}}\"\n            id=\"mYmd/xMZulbADHsY\"\n            description=\"Text shown on the expanding button within the SegmentSelector preset list, when currently expanded.\"\n            values={{ isExpanded }}\n          />\n          {icon}\n        </Flex>\n      </Button>\n    </>\n  );\n};\n\n/**\n * Panel with a show more/less control for the collapsing of segment presets.\n * @internal\n */\nexport const ShowMorePanel = Object.assign(ShowMorePanelRoot, {\n  PrimaryContent,\n  ExtendedContent,\n});\n"],
-  "mappings": "AA+E4B,SAIxB,UAJwB,KA4BpB,YA5BoB;AA/E5B,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAGA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,YAAY;AAKrB,MAAM,kBAAkB,CAAC,EAAE,SAAS,MAAyB;AAK7D,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAyB;AAE5D,SAAS,iBAAiB,UAAqB;AAC7C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,QAGF,CAAC;AAEL,aAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,UAAI,UAAU,KAAK,GAAG;AACpB,gBAAQ,MAAM,MAAM;AAAA,UAClB,KAAK;AACH,kBAAM,kBAAkB;AACxB;AAAA,UACF,KAAK;AAAA,UACL;AACE,kBAAM,iBAAiB;AACvB;AAAA,QACJ;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACT;AAMA,MAAM,oBAAoB,CAAC,EAAE,SAAS,MAAyB;AAC7D,QAAM,EAAE,gBAAgB,gBAAgB,IAAI,iBAAiB,QAAQ;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,MAAI,CAAC,UAAU;AACb,QAAI,MAAM,GAAG;AAEX,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,aAAa,oBAAC,sBAAmB,IAAK,oBAAC,wBAAqB;AACzE,QAAM,mBAAmB,SAAS,aAAa,SAAS,MAAM;AAE9D,SACE,iCACE;AAAA,wBAAC,QAAG,WAAW,OAAO,MAAO,0BAAe;AAAA,IAC3C,cACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,OAAO,mBAAmB;AAAA,UACxC,CAAC,OAAO,yBAAyB,GAAG;AAAA,UACpC,CAAC,OAAO,0BAA0B,GAAG,CAAC;AAAA,QACxC,CAAC;AAAA,QAEA;AAAA;AAAA,IACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,cAAc,CAAC,kBAAkB,CAAC,aAAa;AAAA,QAC9D,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,oBAAoB;AAAA,UACpB,YAAY;AAAA,QACd;AAAA,QACA,yBAAsB;AAAA,QACtB,sBAAoB;AAAA,QAEpB,+BAAC,QAAK,KAAK,GAAG,IAAG,QAAO,aAAa,GACnC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA,cACZ,QAAQ,EAAE,WAAW;AAAA;AAAA,UACvB;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAMO,MAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC5D;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  useMemo,\n  useState,\n  type PropsWithChildren,\n  type ReactNode,\n  Children,\n  isValidElement,\n} from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport {\n  ChevronDownSmallIcon,\n  ChevronUpSmallIcon,\n} from '@dynatrace/strato-icons';\n\nimport * as styles from './ShowMorePanel.sty.js';\nimport { Button } from '../../../../buttons/button/Button.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { devLog } from '../../../../core/utils/logging.js';\nimport { Flex } from '../../../../layouts/flex/Flex.js';\n\n/**\n * Compound component for the extendable content of the show more panel.\n */\nconst ExtendedContent = ({ children }: PropsWithChildren) => children;\n\n/**\n * Compound component for the always visible content of the show more panel.\n */\nconst PrimaryContent = ({ children }: PropsWithChildren) => children;\n\nfunction useChildrenSlots(children: ReactNode) {\n  const memoizedSlots = useMemo(() => {\n    const slots: {\n      extendedContent?: ReactNode;\n      primaryContent?: ReactNode;\n    } = {};\n\n    Children.forEach(children, (child) => {\n      if (isValidElement(child)) {\n        if (isSlot(child, ExtendedContent)) {\n          slots.extendedContent = child;\n        } else if (isSlot(child, PrimaryContent)) {\n          slots.primaryContent = child;\n        } else {\n          slots.primaryContent = child;\n        }\n      }\n    });\n    return slots;\n  }, [children]);\n\n  return memoizedSlots;\n}\n\n/**\n * Panel with a show more/less control for the collapsing of segment presets.\n * @internal\n */\nconst ShowMorePanelRoot = ({ children }: PropsWithChildren) => {\n  const { primaryContent, extendedContent } = useChildrenSlots(children);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  if (!children) {\n    devLog(\n      'SegmentSelector: The used child is not supported by the ExpandableSection.',\n    );\n\n    return null;\n  }\n\n  if (!extendedContent) {\n    return primaryContent;\n  }\n\n  const icon = isExpanded ? <ChevronUpSmallIcon /> : <ChevronDownSmallIcon />;\n  const dataDtProperties = `state:${isExpanded ? 'less' : 'more'}`;\n\n  return (\n    <>\n      <ul className={styles.list}>{primaryContent}</ul>\n      {isExpanded && (\n        <ul\n          className={clsx(styles.expandableWrapper, {\n            [styles.expandableWrapperExpanded]: isExpanded,\n            [styles.expandableWrapperCollapsed]: !isExpanded,\n          })}\n        >\n          {extendedContent}\n        </ul>\n      )}\n      <Button\n        onClick={() => setIsExpanded((previousState) => !previousState)}\n        width=\"full\"\n        textAlign=\"start\"\n        style={{\n          transitionTimingFunction: 'none',\n          transitionDuration: '0s',\n          transition: 'none',\n        }}\n        data-dt-children-name=\"ShowMoreLess\"\n        data-dt-properties={dataDtProperties}\n      >\n        <Flex gap={2} as=\"span\" paddingLeft={4}>\n          <FormattedMessage\n            defaultMessage=\"Show {isExpanded, select, true {less} false {more} other{}}\"\n            id=\"mYmd/xMZulbADHsY\"\n            description=\"Text shown on the expanding button within the SegmentSelector preset list, when currently expanded.\"\n            values={{ isExpanded }}\n          />\n          {icon}\n        </Flex>\n      </Button>\n    </>\n  );\n};\n\n/**\n * Panel with a show more/less control for the collapsing of segment presets.\n * @internal\n */\nexport const ShowMorePanel = Object.assign(ShowMorePanelRoot, {\n  PrimaryContent,\n  ExtendedContent,\n});\n"],
+  "mappings": "AA4E4B,SAIxB,UAJwB,KA4BpB,YA5BoB;AA5E5B,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAKrB,MAAM,kBAAkB,CAAC,EAAE,SAAS,MAAyB;AAK7D,MAAM,iBAAiB,CAAC,EAAE,SAAS,MAAyB;AAE5D,SAAS,iBAAiB,UAAqB;AAC7C,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,QAGF,CAAC;AAEL,aAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,UAAI,eAAe,KAAK,GAAG;AACzB,YAAI,OAAO,OAAO,eAAe,GAAG;AAClC,gBAAM,kBAAkB;AAAA,QAC1B,WAAW,OAAO,OAAO,cAAc,GAAG;AACxC,gBAAM,iBAAiB;AAAA,QACzB,OAAO;AACL,gBAAM,iBAAiB;AAAA,QACzB;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AACT;AAMA,MAAM,oBAAoB,CAAC,EAAE,SAAS,MAAyB;AAC7D,QAAM,EAAE,gBAAgB,gBAAgB,IAAI,iBAAiB,QAAQ;AACrE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,MAAI,CAAC,UAAU;AACb;AAAA,MACE;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,MAAI,CAAC,iBAAiB;AACpB,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,aAAa,oBAAC,sBAAmB,IAAK,oBAAC,wBAAqB;AACzE,QAAM,mBAAmB,SAAS,aAAa,SAAS,MAAM;AAE9D,SACE,iCACE;AAAA,wBAAC,QAAG,WAAW,OAAO,MAAO,0BAAe;AAAA,IAC3C,cACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,KAAK,OAAO,mBAAmB;AAAA,UACxC,CAAC,OAAO,yBAAyB,GAAG;AAAA,UACpC,CAAC,OAAO,0BAA0B,GAAG,CAAC;AAAA,QACxC,CAAC;AAAA,QAEA;AAAA;AAAA,IACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,cAAc,CAAC,kBAAkB,CAAC,aAAa;AAAA,QAC9D,OAAM;AAAA,QACN,WAAU;AAAA,QACV,OAAO;AAAA,UACL,0BAA0B;AAAA,UAC1B,oBAAoB;AAAA,UACpB,YAAY;AAAA,QACd;AAAA,QACA,yBAAsB;AAAA,QACtB,sBAAoB;AAAA,QAEpB,+BAAC,QAAK,KAAK,GAAG,IAAG,QAAO,aAAa,GACnC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,gBAAe;AAAA,cACf,IAAG;AAAA,cACH,aAAY;AAAA,cACZ,QAAQ,EAAE,WAAW;AAAA;AAAA,UACvB;AAAA,UACC;AAAA,WACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAMO,MAAM,gBAAgB,OAAO,OAAO,mBAAmB;AAAA,EAC5D;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 import "./ShowMorePanel.css";
-var expandableWrapper = "_7mq3is0-3-11-1";
-var expandableWrapperCollapsed = "_7mq3is1-3-11-1";
-var expandableWrapperExpanded = "_7mq3is2-3-11-1";
-var list = "_7mq3is3-3-11-1";
+var expandableWrapper = "_7mq3is0-3-11-2";
+var expandableWrapperCollapsed = "_7mq3is1-3-11-2";
+var expandableWrapperExpanded = "_7mq3is2-3-11-2";
+var list = "_7mq3is3-3-11-2";
 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-11-1';\nexport var expandableWrapperCollapsed = '_7mq3is1-3-11-1';\nexport var expandableWrapperExpanded = '_7mq3is2-3-11-1';\nexport var list = '_7mq3is3-3-11-1';"],
+  "sourcesContent": ["import './ShowMorePanel.css';\nexport var expandableWrapper = '_7mq3is0-3-11-2';\nexport var expandableWrapperCollapsed = '_7mq3is1-3-11-2';\nexport var expandableWrapperExpanded = '_7mq3is2-3-11-2';\nexport var list = '_7mq3is3-3-11-2';"],
   "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-11-1 {
+._1oehqvw3-3-11-2 {
   all: unset;
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw4-3-11-1 {
+._1oehqvw4-3-11-2 {
   all: unset;
   display: block;
 }
-._1oehqvw5-3-11-1._1oehqvw5-3-11-1 {
-  color: var(--_1oehqvw2-3-11-1);
+._1oehqvw5-3-11-2._1oehqvw5-3-11-2 {
+  color: var(--_1oehqvw2-3-11-2);
 }
-._1oehqvw6-3-11-1 {
+._1oehqvw6-3-11-2 {
   align-items: center;
   display: inline-block;
   text-wrap: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1oehqvw7-3-11-1._1oehqvw7-3-11-1 {
+._1oehqvw7-3-11-2._1oehqvw7-3-11-2 {
   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-11-1::before {
+._1oehqvw8-3-11-2::before {
   content: " ";
   position: absolute;
   display: block;
@@ -32,54 +32,54 @@
   left: 0px;
   transform: translate(4px);
 }
-._1oehqvw9-3-11-1 {
-  --_1oehqvw0-3-11-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_1oehqvw1-3-11-1: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
-  --_1oehqvw2-3-11-1: var(--dt-colors-text-neutral-subdued, #595a7d);
+._1oehqvw9-3-11-2 {
+  --_1oehqvw0-3-11-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_1oehqvw1-3-11-2: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+  --_1oehqvw2-3-11-2: var(--dt-colors-text-neutral-subdued, #595a7d);
   grid-template-columns: 1fr max-content;
 }
-._1jgl8s50-3-11-1 ._1oehqvw9-3-11-1._1oehqvw9-3-11-1._1oehqvw9-3-11-1 {
+._1jgl8s50-3-11-2 ._1oehqvw9-3-11-2._1oehqvw9-3-11-2._1oehqvw9-3-11-2 {
   gap: 1px;
 }
-._1jgl8s50-3-11-1 ._1oehqvw9-3-11-1 {
-  --_1oehqvw0-3-11-1: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
+._1jgl8s50-3-11-2 ._1oehqvw9-3-11-2 {
+  --_1oehqvw0-3-11-2: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1oehqvwa-3-11-1 {
-  --_1oehqvw0-3-11-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-  --_1oehqvw1-3-11-1: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
-  --_1oehqvw2-3-11-1: var(--dt-colors-text-primary-default, #464cce);
+._1oehqvwa-3-11-2 {
+  --_1oehqvw0-3-11-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+  --_1oehqvw1-3-11-2: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
+  --_1oehqvw2-3-11-2: var(--dt-colors-text-primary-default, #464cce);
 }
-._1jgl8s50-3-11-1 ._1oehqvwa-3-11-1 {
-  --_1oehqvw0-3-11-1: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+._1jgl8s50-3-11-2 ._1oehqvwa-3-11-2 {
+  --_1oehqvw0-3-11-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
 }
-._1oehqvwb-3-11-1:hover._1oehqvwb-3-11-1:hover, ._1oehqvwb-3-11-1:focus-visible._1oehqvwb-3-11-1:focus-visible {
-  background-color: var(--_1oehqvw1-3-11-1);
+._1oehqvwb-3-11-2:hover._1oehqvwb-3-11-2:hover, ._1oehqvwb-3-11-2:focus-visible._1oehqvwb-3-11-2:focus-visible {
+  background-color: var(--_1oehqvw1-3-11-2);
 }
-._1oehqvwb-3-11-1:disabled:hover._1oehqvwb-3-11-1:disabled:hover {
-  background-color: var(--_1oehqvw0-3-11-1);
+._1oehqvwb-3-11-2:disabled:hover._1oehqvwb-3-11-2:disabled:hover {
+  background-color: var(--_1oehqvw0-3-11-2);
   cursor: not-allowed;
 }
-._1oehqvwc-3-11-1._1oehqvwc-3-11-1 {
+._1oehqvwc-3-11-2._1oehqvwc-3-11-2 {
   opacity: 0;
-  background-color: var(--_1oehqvw0-3-11-1);
+  background-color: var(--_1oehqvw0-3-11-2);
 }
-._1oehqvwc-3-11-1:hover._1oehqvwc-3-11-1:hover, ._1oehqvwc-3-11-1:focus-visible._1oehqvwc-3-11-1:focus-visible {
-  background-color: var(--_1oehqvw1-3-11-1);
+._1oehqvwc-3-11-2:hover._1oehqvwc-3-11-2:hover, ._1oehqvwc-3-11-2:focus-visible._1oehqvwc-3-11-2:focus-visible {
+  background-color: var(--_1oehqvw1-3-11-2);
 }
-._1oehqvwc-3-11-1:disabled, ._1oehqvwc-3-11-1:disabled:hover._1oehqvwc-3-11-1:disabled:hover {
+._1oehqvwc-3-11-2:disabled, ._1oehqvwc-3-11-2:disabled:hover._1oehqvwc-3-11-2:disabled:hover {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   cursor: not-allowed;
 }
-._1jgl8s50-3-11-1 ._1oehqvwc-3-11-1._1oehqvwc-3-11-1._1oehqvwc-3-11-1 {
+._1jgl8s50-3-11-2 ._1oehqvwc-3-11-2._1oehqvwc-3-11-2._1oehqvwc-3-11-2 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._1oehqvw9-3-11-1:has(button:focus-visible) ._1oehqvwc-3-11-1, ._1oehqvw9-3-11-1:hover ._1oehqvwc-3-11-1 {
+._1oehqvw9-3-11-2:has(button:focus-visible) ._1oehqvwc-3-11-2, ._1oehqvw9-3-11-2:hover ._1oehqvwc-3-11-2 {
   opacity: 1;
 }
-._1oehqvw9-3-11-1:has(._1oehqvwc-3-11-1:focus-visible) ._1oehqvwb-3-11-1, ._1oehqvw9-3-11-1:hover ._1oehqvwb-3-11-1:not(:hover) {
-  background-color: var(--_1oehqvw0-3-11-1);
+._1oehqvw9-3-11-2:has(._1oehqvwc-3-11-2:focus-visible) ._1oehqvwb-3-11-2, ._1oehqvw9-3-11-2:hover ._1oehqvwb-3-11-2:not(:hover) {
+  background-color: var(--_1oehqvw0-3-11-2);
 }
-._1oehqvw9-3-11-1 button, ._1oehqvw9-3-11-1:hover button {
+._1oehqvw9-3-11-2 button, ._1oehqvw9-3-11-2: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-11-1";
-var buttonLabel = "_1oehqvw6-3-11-1";
-var inputGroup = "_1oehqvw9-3-11-1";
-var inputGroupSelected = "_1oehqvwa-3-11-1";
-var list = "_1oehqvw3-3-11-1";
-var listItem = "_1oehqvw4-3-11-1";
-var presetButton = "_1oehqvwb-3-11-1";
-var sectionHeadline = "_1oehqvw7-3-11-1";
-var selectionMark = "_1oehqvw8-3-11-1";
-var suffixButton = "_1oehqvwc-3-11-1";
+var and = "_1oehqvw5-3-11-2";
+var buttonLabel = "_1oehqvw6-3-11-2";
+var inputGroup = "_1oehqvw9-3-11-2";
+var inputGroupSelected = "_1oehqvwa-3-11-2";
+var list = "_1oehqvw3-3-11-2";
+var listItem = "_1oehqvw4-3-11-2";
+var presetButton = "_1oehqvwb-3-11-2";
+var sectionHeadline = "_1oehqvw7-3-11-2";
+var selectionMark = "_1oehqvw8-3-11-2";
+var suffixButton = "_1oehqvwc-3-11-2";
 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-11-1';\nexport var buttonLabel = '_1oehqvw6-3-11-1';\nexport var inputGroup = '_1oehqvw9-3-11-1';\nexport var inputGroupSelected = '_1oehqvwa-3-11-1';\nexport var list = '_1oehqvw3-3-11-1';\nexport var listItem = '_1oehqvw4-3-11-1';\nexport var presetButton = '_1oehqvwb-3-11-1';\nexport var sectionHeadline = '_1oehqvw7-3-11-1';\nexport var selectionMark = '_1oehqvw8-3-11-1';\nexport var suffixButton = '_1oehqvwc-3-11-1';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport './SegmentsPresets.css';\nexport var and = '_1oehqvw5-3-11-2';\nexport var buttonLabel = '_1oehqvw6-3-11-2';\nexport var inputGroup = '_1oehqvw9-3-11-2';\nexport var inputGroupSelected = '_1oehqvwa-3-11-2';\nexport var list = '_1oehqvw3-3-11-2';\nexport var listItem = '_1oehqvw4-3-11-2';\nexport var presetButton = '_1oehqvwb-3-11-2';\nexport var sectionHeadline = '_1oehqvw7-3-11-2';\nexport var selectionMark = '_1oehqvw8-3-11-2';\nexport var suffixButton = '_1oehqvwc-3-11-2';"],
   "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": []
 }