@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/editors/dql-editor/DQLEditor.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/dql-editor/DQLEditor.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  Children,\n  forwardRef,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport * as actionsMenuStyles from './actions-menu/ActionsMenu.sty.js';\nimport {\n  ActionsMenu,\n  ActionsMenuInternal,\n} from './actions-menu/ActionsMenu.js';\nimport { getDqlConfig } from './dql/dql-language.js';\nimport type { DQLEditorValidityInfo } from './dql-editor-types.js';\nimport { useValidationCallbacks } from './useValidationCallbacks.js';\nimport { useValidityInfo } from './useValidityInfo.js';\nimport { ErrorFallback as EditorErrorFallback } from '../../core/components/error-fallback/ErrorFallback.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport {\n  BaseCodeEditor,\n  type BaseCodeEditorRef,\n  type SharedBaseCodeEditorProps,\n} from '../base-code-editor/BaseCodeEditor.js';\n\nconst COMPONENT_NAME = 'DQLEditor';\n\n/**\n * Props for the `DQLEditor` component.\n * @public\n */\nexport interface DQLEditorBaseProps\n  extends SharedBaseCodeEditorProps,\n    WithChildren {\n  /**\n   * Callback fired when DQL validation starts.\n   * This can be used for setting a status that validation is in progress.\n   */\n  onValidationStart?: () => void;\n  /**\n   * Callback fired when DQL validation ends.\n   * This can be used for resetting a status that validation is in progress and to get the validation result.\n   */\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * Callback fired when new diagnostic information is available.\n   * This can be used to get the validation result from outside the editor.\n   */\n  onValidityChange?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * When `true`, shows a severity marker in a gutter column next to each line with a\n   * validation problem. Has no effect while the query has no current validation problems.\n   * @defaultValue false\n   */\n  showLintGutter?: boolean;\n}\n\n/**\n * Props for the `DQLEditor` in controlled usage.\n * @public\n */\nexport type DQLEditorControlledProps = {\n  /**\n   * The contents of the editor in controlled mode.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Not allowed in controlled mode. */\n  defaultValue?: never;\n};\n\n/**\n * Props for the `DQLEditor` in uncontrolled usage.\n * @public\n */\nexport type DQLEditorUncontrolledProps = {\n  /** Not allowed in uncontrolled mode. */\n  value?: never;\n  /** The initial contents of the editor for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * `isControlled` has no effect without `value`.\n   * @deprecated [APPDEV-17404] BREAKING-CHANGE: Will be removed when controlled behaviour becomes the default.\n   */\n  isControlled?: never;\n};\n\n/**\n * Props for the `DQLEditor` component.\n * @public\n */\nexport type DQLEditorProps = DQLEditorBaseProps &\n  (DQLEditorControlledProps | DQLEditorUncontrolledProps);\n\n/**\n * Ref handle exposed by the `DQLEditor` component.\n * @public\n */\nexport type DQLEditorRef = {\n  /**\n   * Moves focus to the editor.\n   */\n  focus: () => void;\n  /**\n   * Selects the text within the given character-offset range.\n   */\n  selectRange: (range: { from: number; to: number }) => void;\n  /**\n   * The underlying editor container DOM element.\n   */\n  readonly element: HTMLDivElement | null;\n  /**\n   * Moves the cursor to the given character offset, or to the end of the document when `'end'` is passed.\n   */\n  setCursorPosition: (position: number | 'end') => void;\n};\n\n/**\n * @internal\n */\nconst DQLEditorFwd = /* @__PURE__ */ forwardRef<DQLEditorRef, DQLEditorProps>(\n  (props, forwardedRef) => {\n    const intl = useIntl();\n\n    const defaultPlaceholder = intl.formatMessage({\n      defaultMessage: 'Add DQL',\n      id: 'Ir0YCuBX6vOM4t0J',\n      description: 'Default placeholder for the DQLEditor.',\n    });\n\n    const {\n      id,\n      defaultValue,\n      value,\n      // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n      controlState,\n      onChange,\n      folding,\n      onFoldingChange,\n      defaultFolding,\n      fullHeight = false,\n      lineWrap = false,\n      placeholder = defaultPlaceholder,\n      readOnly = false,\n      spellCheck = false,\n      onValidationStart,\n      onValidationEnd,\n      onValidityChange,\n      showLintGutter = false,\n      onFocus,\n      onBlur,\n      size = 'default',\n      required,\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      isControlled = false,\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const internalEditorRef = useRef<BaseCodeEditorRef>(null);\n    const mergedEditorRef = useMergeRefs<BaseCodeEditorRef>([\n      internalEditorRef,\n      forwardedRef,\n    ]);\n\n    // Tracks the live editor content so the ActionsMenu can copy the current value,\n    // not the stale `value` prop (which never updates in uncontrolled usage).\n    const internalValueRef = useRef(value ?? defaultValue ?? '');\n    useEffect(() => {\n      if (value !== undefined) {\n        internalValueRef.current = value;\n      }\n    }, [value]);\n\n    const handleChange = useCallback(\n      (newValue: string) => {\n        internalValueRef.current = newValue;\n        onChange?.(newValue);\n      },\n      [onChange],\n    );\n\n    const getInternalValue = useCallback(() => internalValueRef.current, []);\n\n    const [formatDqlFn, setFormatDqlFn] = useState<\n      ((value: string) => string) | undefined\n    >(undefined);\n\n    useEffect(() => {\n      // `@dynatrace-sdk/dqlint` is an optional peer dependency. The static string\n      // lets Vite discover and pre-bundle it in dev mode when the consumer has it\n      // installed. `webpackIgnore` prevents webpack from erroring at build time\n      // when it is absent; the catch handles the runtime failure in that case.\n      import(/* webpackIgnore: true */ '@dynatrace-sdk/dqlint')\n        .then(({ formatDql }: { formatDql: (value: string) => string }) => {\n          setFormatDqlFn(() => formatDql);\n        })\n        .catch(() => {\n          setFormatDqlFn(undefined);\n        });\n    }, []);\n\n    const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(\n      onValidationStart,\n      onValidationEnd,\n    );\n    const setValidityInfo = useValidityInfo(onValidityChange);\n\n    const editorConfig = useMemo(\n      () =>\n        getDqlConfig(\n          readOnly,\n          fireValidationStart,\n          fireValidationEnd,\n          setValidityInfo,\n        ),\n      [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd],\n    );\n\n    // Detect ActionsMenu slot in children and extract any custom items it carries\n    let hasActionsMenu = false;\n    let actionsMenuChildren: ReactNode | undefined;\n    Children.forEach(children, (child) => {\n      if (isSlot(child, ActionsMenu)) {\n        hasActionsMenu = true;\n        actionsMenuChildren = child.props.children;\n      }\n    });\n\n    const editorClassName = hasActionsMenu\n      ? clsx(\n          consumerClassName,\n          // Apply right padding on .cm-editor to prevent overlap with the menu trigger\n          actionsMenuStyles.editorWithActionsMenu[size],\n        )\n      : consumerClassName;\n\n    const valueProps = (\n      value !== undefined ? { value } : { defaultValue }\n    ) satisfies Partial<{ value: string; defaultValue: string }>;\n\n    const handleFormat = () => {\n      internalEditorRef.current?.format?.();\n    };\n\n    const editor = (\n      <BaseCodeEditor\n        id={id}\n        ref={mergedEditorRef}\n        onChange={handleChange}\n        placeholder={placeholder}\n        // eslint-disable-next-line @typescript-eslint/no-deprecated -- APPDEV-18321\n        controlState={controlState}\n        readOnly={readOnly}\n        defaultFolding={defaultFolding}\n        lineWrap={lineWrap}\n        {...valueProps}\n        spellCheck={spellCheck}\n        fullHeight={fullHeight}\n        folding={folding}\n        onFoldingChange={onFoldingChange}\n        configuration={editorConfig}\n        showLintGutter={showLintGutter}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        size={size}\n        required={required}\n        format={formatDqlFn}\n        // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        isControlled={isControlled}\n        className={editorClassName}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...forwardProps}\n        data-dt-component={COMPONENT_NAME}\n      />\n    );\n\n    if (hasActionsMenu) {\n      return (\n        <div\n          className={clsx(\n            actionsMenuStyles.editorWrapper,\n            fullHeight && actionsMenuStyles.editorWrapperFullHeight,\n          )}\n        >\n          {editor}\n          <ActionsMenuInternal\n            getValue={getInternalValue}\n            size={size}\n            onFormat={formatDqlFn ? handleFormat : undefined}\n          >\n            {actionsMenuChildren}\n          </ActionsMenuInternal>\n        </div>\n      );\n    }\n\n    return editor;\n  },\n);\n\nconst DQLEditorWithErrorBoundary = /* @__PURE__ */ forwardRef<\n  DQLEditorRef,\n  DQLEditorProps\n>((props, ref) => {\n  const stratoLogger = useMemo(\n    () => createStratoLogger.bind({ id: props.id })(COMPONENT_NAME),\n    [props.id],\n  );\n\n  return (\n    <ErrorBoundary\n      onError={(error) => stratoLogger.error(error?.message, error)}\n      FallbackComponent={(fbProps) => <EditorErrorFallback {...fbProps} />}\n    >\n      <DQLEditorFwd {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n});\n\n/**\n * The `DQLEditor` is specifically designed for editing DQL queries.\n *\n * It further offers syntax highlighting and autocomplete functionality specific to the Dynatrace Query Language (DQL).\n * Once the editor is focused via the keyboard, the user must press `Enter` to start editing\n * and `Escape` to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const DQLEditor = Object.assign(DQLEditorWithErrorBoundary, {\n  ActionsMenu,\n});\n"],
-  "mappings": "AA6QM,cAuCE,YAvCF;AA7QN,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,qBAAqB;AAC9B,SAAS,eAAe;AAExB,YAAY,uBAAuB;AACnC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAC3C,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAEnC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,OAGK;AAEP,MAAM,iBAAiB;AA+FvB,MAAM,eAA+B;AAAA,EACnC,CAAC,OAAO,iBAAiB;AACvB,UAAM,OAAO,QAAQ;AAErB,UAAM,qBAAqB,KAAK,cAAc;AAAA,MAC5C,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,aAAa;AAAA,IACf,CAAC;AAED,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,MACd,WAAW;AAAA,MACX,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MACP;AAAA;AAAA;AAAA,MAGA,eAAe;AAAA,MACf;AAAA,MACA,WAAW;AAAA,MACX,OAAO;AAAA,MACP,eAAe;AAAA,MACf,mBAAmB;AAAA,MACnB,oBAAoB;AAAA,MACpB,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,CAAC,yBAAyB,SAAS,IACvC,2BAA2B,cAAc;AAC3C,UAAM,oBAAoB,qBAAqB,SAAS;AACxD,UAAM,eAAe,oBAAoB,WAAW,iBAAiB;AAErE,UAAM,oBAAoB,OAA0B,IAAI;AACxD,UAAM,kBAAkB,aAAgC;AAAA,MACtD;AAAA,MACA;AAAA,IACF,CAAC;AAID,UAAM,mBAAmB,OAAO,SAAS,gBAAgB,EAAE;AAC3D,cAAU,MAAM;AACd,UAAI,UAAU,QAAW;AACvB,yBAAiB,UAAU;AAAA,MAC7B;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,eAAe;AAAA,MACnB,CAAC,aAAqB;AACpB,yBAAiB,UAAU;AAC3B,mBAAW,QAAQ;AAAA,MACrB;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,UAAM,mBAAmB,YAAY,MAAM,iBAAiB,SAAS,CAAC,CAAC;AAEvE,UAAM,CAAC,aAAa,cAAc,IAAI,SAEpC,MAAS;AAEX,cAAU,MAAM;AAKd;AAAA;AAAA,QAAiC;AAAA,MAAuB,EACrD,KAAK,CAAC,EAAE,UAAU,MAAgD;AACjE,uBAAe,MAAM,SAAS;AAAA,MAChC,CAAC,EACA,MAAM,MAAM;AACX,uBAAe,MAAS;AAAA,MAC1B,CAAC;AAAA,IACL,GAAG,CAAC,CAAC;AAEL,UAAM,CAAC,qBAAqB,iBAAiB,IAAI;AAAA,MAC/C;AAAA,MACA;AAAA,IACF;AACA,UAAM,kBAAkB,gBAAgB,gBAAgB;AAExD,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACF,CAAC,UAAU,iBAAiB,qBAAqB,iBAAiB;AAAA,IACpE;AAGA,QAAI,iBAAiB;AACrB,QAAI;AACJ,aAAS,QAAQ,UAAU,CAAC,UAAU;AACpC,UAAI,OAAO,OAAO,WAAW,GAAG;AAC9B,yBAAiB;AACjB,8BAAsB,MAAM,MAAM;AAAA,MACpC;AAAA,IACF,CAAC;AAED,UAAM,kBAAkB,iBACpB;AAAA,MACE;AAAA;AAAA,MAEA,kBAAkB,sBAAsB,IAAI;AAAA,IAC9C,IACA;AAEJ,UAAM,aACJ,UAAU,SAAY,EAAE,MAAM,IAAI,EAAE,aAAa;AAGnD,UAAM,eAAe,MAAM;AACzB,wBAAkB,SAAS,SAAS;AAAA,IACtC;AAEA,UAAM,SACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,UAAU;AAAA,QACV;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QAGR;AAAA,QACA,WAAW;AAAA,QACX,OAAO;AAAA,QACP,eAAa;AAAA,QACb,mBAAiB;AAAA,QACjB,oBAAkB;AAAA,QACjB,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,qBAAmB;AAAA;AAAA,IACrB;AAGF,QAAI,gBAAgB;AAClB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT,kBAAkB;AAAA,YAClB,cAAc,kBAAkB;AAAA,UAClC;AAAA,UAEC;AAAA;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV;AAAA,gBACA,UAAU,cAAc,eAAe;AAAA,gBAEtC;AAAA;AAAA,YACH;AAAA;AAAA;AAAA,MACF;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AACF;AAEA,MAAM,6BAA6C,2BAGjD,CAAC,OAAO,QAAQ;AAChB,QAAM,eAAe;AAAA,IACnB,MAAM,mBAAmB,KAAK,EAAE,IAAI,MAAM,GAAG,CAAC,EAAE,cAAc;AAAA,IAC9D,CAAC,MAAM,EAAE;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,UAAU,aAAa,MAAM,OAAO,SAAS,KAAK;AAAA,MAC5D,mBAAmB,CAAC,YAAY,oBAAC,uBAAqB,GAAG,SAAS;AAAA,MAElE,8BAAC,gBAAc,GAAG,OAAO,KAAU;AAAA;AAAA,EACrC;AAEJ,CAAC;AAUM,MAAM,YAAY,OAAO,OAAO,4BAA4B;AAAA,EACjE;AACF,CAAC;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n  Children,\n  forwardRef,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { ErrorBoundary } from 'react-error-boundary';\nimport { useIntl } from 'react-intl';\n\nimport * as actionsMenuStyles from './actions-menu/ActionsMenu.sty.js';\nimport {\n  ActionsMenu,\n  ActionsMenuInternal,\n} from './actions-menu/ActionsMenu.js';\nimport { getDqlConfig } from './dql/dql-language.js';\nimport type { DQLEditorValidityInfo } from './dql-editor-types.js';\nimport { useValidationCallbacks } from './useValidationCallbacks.js';\nimport { useValidityInfo } from './useValidityInfo.js';\nimport { ErrorFallback as EditorErrorFallback } from '../../core/components/error-fallback/ErrorFallback.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport { createStratoLogger } from '../../core/sdk/sdk-logger.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport {\n  BaseCodeEditor,\n  type BaseCodeEditorRef,\n  type SharedBaseCodeEditorProps,\n} from '../base-code-editor/BaseCodeEditor.js';\n\nconst COMPONENT_NAME = 'DQLEditor';\n\n/**\n * Props for the `DQLEditor` component.\n * @public\n */\nexport interface DQLEditorBaseProps\n  extends SharedBaseCodeEditorProps, WithChildren {\n  /**\n   * Callback fired when DQL validation starts.\n   * This can be used for setting a status that validation is in progress.\n   */\n  onValidationStart?: () => void;\n  /**\n   * Callback fired when DQL validation ends.\n   * This can be used for resetting a status that validation is in progress and to get the validation result.\n   */\n  onValidationEnd?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * Callback fired when new diagnostic information is available.\n   * This can be used to get the validation result from outside the editor.\n   */\n  onValidityChange?: (validityInfo: DQLEditorValidityInfo[]) => void;\n  /**\n   * When `true`, shows a severity marker in a gutter column next to each line with a\n   * validation problem. Has no effect while the query has no current validation problems.\n   * @defaultValue false\n   */\n  showLintGutter?: boolean;\n}\n\n/**\n * Props for the `DQLEditor` in controlled usage.\n * @public\n */\nexport type DQLEditorControlledProps = {\n  /**\n   * The contents of the editor in controlled mode.\n   * @defaultValue ''\n   */\n  value?: string;\n  /** Not allowed in controlled mode. */\n  defaultValue?: never;\n};\n\n/**\n * Props for the `DQLEditor` in uncontrolled usage.\n * @public\n */\nexport type DQLEditorUncontrolledProps = {\n  /** Not allowed in uncontrolled mode. */\n  value?: never;\n  /** The initial contents of the editor for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * `isControlled` has no effect without `value`.\n   * @deprecated [APPDEV-17404] BREAKING-CHANGE: Will be removed when controlled behaviour becomes the default.\n   */\n  isControlled?: never;\n};\n\n/**\n * Props for the `DQLEditor` component.\n * @public\n */\nexport type DQLEditorProps = DQLEditorBaseProps &\n  (DQLEditorControlledProps | DQLEditorUncontrolledProps);\n\n/**\n * Ref handle exposed by the `DQLEditor` component.\n * @public\n */\nexport type DQLEditorRef = {\n  /**\n   * Moves focus to the editor.\n   */\n  focus: () => void;\n  /**\n   * Selects the text within the given character-offset range.\n   */\n  selectRange: (range: { from: number; to: number }) => void;\n  /**\n   * The underlying editor container DOM element.\n   */\n  readonly element: HTMLDivElement | null;\n  /**\n   * Moves the cursor to the given character offset, or to the end of the document when `'end'` is passed.\n   */\n  setCursorPosition: (position: number | 'end') => void;\n};\n\n/**\n * @internal\n */\nconst DQLEditorFwd = /* @__PURE__ */ forwardRef<DQLEditorRef, DQLEditorProps>(\n  (props, forwardedRef) => {\n    const intl = useIntl();\n\n    const defaultPlaceholder = intl.formatMessage({\n      defaultMessage: 'Add DQL',\n      id: 'Ir0YCuBX6vOM4t0J',\n      description: 'Default placeholder for the DQLEditor.',\n    });\n\n    const {\n      id,\n      defaultValue,\n      value,\n      // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n      controlState,\n      onChange,\n      folding,\n      onFoldingChange,\n      defaultFolding,\n      fullHeight = false,\n      lineWrap = false,\n      placeholder = defaultPlaceholder,\n      readOnly = false,\n      spellCheck = false,\n      onValidationStart,\n      onValidationEnd,\n      onValidityChange,\n      showLintGutter = false,\n      onFocus,\n      onBlur,\n      size = 'default',\n      required,\n      // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n      // oxlint-disable-next-line typescript/no-deprecated\n      isControlled = false,\n      children,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const internalEditorRef = useRef<BaseCodeEditorRef>(null);\n    const mergedEditorRef = useMergeRefs<BaseCodeEditorRef>([\n      internalEditorRef,\n      forwardedRef,\n    ]);\n\n    // Tracks the live editor content so the ActionsMenu can copy the current value,\n    // not the stale `value` prop (which never updates in uncontrolled usage).\n    const internalValueRef = useRef(value ?? defaultValue ?? '');\n    useEffect(() => {\n      if (value !== undefined) {\n        internalValueRef.current = value;\n      }\n    }, [value]);\n\n    const handleChange = useCallback(\n      (newValue: string) => {\n        internalValueRef.current = newValue;\n        onChange?.(newValue);\n      },\n      [onChange],\n    );\n\n    const getInternalValue = useCallback(() => internalValueRef.current, []);\n\n    const [formatDqlFn, setFormatDqlFn] = useState<\n      ((value: string) => string) | undefined\n    >(undefined);\n\n    useEffect(() => {\n      // `@dynatrace-sdk/dqlint` is an optional peer dependency. The static string\n      // lets Vite discover and pre-bundle it in dev mode when the consumer has it\n      // installed. `webpackIgnore` prevents webpack from erroring at build time\n      // when it is absent; the catch handles the runtime failure in that case.\n      import(/* webpackIgnore: true */ '@dynatrace-sdk/dqlint')\n        .then(({ formatDql }: { formatDql: (value: string) => string }) => {\n          setFormatDqlFn(() => formatDql);\n        })\n        .catch(() => {\n          setFormatDqlFn(undefined);\n        });\n    }, []);\n\n    const [fireValidationStart, fireValidationEnd] = useValidationCallbacks(\n      onValidationStart,\n      onValidationEnd,\n    );\n    const setValidityInfo = useValidityInfo(onValidityChange);\n\n    const editorConfig = useMemo(\n      () =>\n        getDqlConfig(\n          readOnly,\n          fireValidationStart,\n          fireValidationEnd,\n          setValidityInfo,\n        ),\n      [readOnly, setValidityInfo, fireValidationStart, fireValidationEnd],\n    );\n\n    // Detect ActionsMenu slot in children and extract any custom items it carries\n    let hasActionsMenu = false;\n    let actionsMenuChildren: ReactNode | undefined;\n    Children.forEach(children, (child) => {\n      if (isSlot(child, ActionsMenu)) {\n        hasActionsMenu = true;\n        actionsMenuChildren = child.props.children;\n      }\n    });\n\n    const editorClassName = hasActionsMenu\n      ? clsx(\n          consumerClassName,\n          // Apply right padding on .cm-editor to prevent overlap with the menu trigger\n          actionsMenuStyles.editorWithActionsMenu[size],\n        )\n      : consumerClassName;\n\n    const valueProps = (\n      value !== undefined ? { value } : { defaultValue }\n    ) satisfies Partial<{ value: string; defaultValue: string }>;\n\n    const handleFormat = () => {\n      internalEditorRef.current?.format?.();\n    };\n\n    const editor = (\n      <BaseCodeEditor\n        id={id}\n        ref={mergedEditorRef}\n        onChange={handleChange}\n        placeholder={placeholder}\n        // oxlint-disable-next-line typescript/no-deprecated -- APPDEV-18321\n        controlState={controlState}\n        readOnly={readOnly}\n        defaultFolding={defaultFolding}\n        lineWrap={lineWrap}\n        {...valueProps}\n        spellCheck={spellCheck}\n        fullHeight={fullHeight}\n        folding={folding}\n        onFoldingChange={onFoldingChange}\n        configuration={editorConfig}\n        showLintGutter={showLintGutter}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        size={size}\n        required={required}\n        format={formatDqlFn}\n        // DEPRECATION: [APPDEV-17404] BREAKING-CHANGE: Remove isControlled prop.\n        // oxlint-disable-next-line typescript/no-deprecated\n        isControlled={isControlled}\n        className={editorClassName}\n        style={consumerStyle}\n        data-testid={dataTestId}\n        data-dtrum-mask={dataDtrumMask}\n        data-dtrum-allow={dataDtrumAllow}\n        {...ariaLabelingProps}\n        {...behavioralTrackingProps}\n        {...forwardProps}\n        data-dt-component={COMPONENT_NAME}\n      />\n    );\n\n    if (hasActionsMenu) {\n      return (\n        <div\n          className={clsx(\n            actionsMenuStyles.editorWrapper,\n            fullHeight && actionsMenuStyles.editorWrapperFullHeight,\n          )}\n        >\n          {editor}\n          <ActionsMenuInternal\n            getValue={getInternalValue}\n            size={size}\n            onFormat={formatDqlFn ? handleFormat : undefined}\n          >\n            {actionsMenuChildren}\n          </ActionsMenuInternal>\n        </div>\n      );\n    }\n\n    return editor;\n  },\n);\n\nconst DQLEditorWithErrorBoundary = /* @__PURE__ */ forwardRef<\n  DQLEditorRef,\n  DQLEditorProps\n>((props, ref) => {\n  const stratoLogger = useMemo(\n    () => createStratoLogger.bind({ id: props.id })(COMPONENT_NAME),\n    [props.id],\n  );\n\n  return (\n    <ErrorBoundary\n      onError={(error) => stratoLogger.error(error?.message, error)}\n      FallbackComponent={(fbProps) => <EditorErrorFallback {...fbProps} />}\n    >\n      <DQLEditorFwd {...props} ref={ref} />\n    </ErrorBoundary>\n  );\n});\n\n/**\n * The `DQLEditor` is specifically designed for editing DQL queries.\n *\n * It further offers syntax highlighting and autocomplete functionality specific to the Dynatrace Query Language (DQL).\n * Once the editor is focused via the keyboard, the user must press `Enter` to start editing\n * and `Escape` to quit editing and return to the keyboard navigation flow.\n * @public\n */\nexport const DQLEditor = Object.assign(DQLEditorWithErrorBoundary, {\n  ActionsMenu,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/editors/dql-editor/actions-menu/ActionsMenu.css

@@ -1,42 +1,42 @@
-._1okebta0-3-12-2 {
+._1okebta0-3-13-0 {
   position: relative;
   width: 100%;
 }
-._1okebta1-3-12-2 {
+._1okebta1-3-13-0 {
   display: flex;
   flex-grow: 1;
   max-height: 100%;
   min-height: 100%;
 }
-._1okebta2-3-12-2 {
+._1okebta2-3-13-0 {
   position: absolute;
   z-index: var(--dt-elevations-default, 1);
   top: 0;
   right: 0;
 }
-._1okebta3-3-12-2 {
+._1okebta3-3-13-0 {
   top: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-emphasized, 2px));
   right: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-12-2 ._1okebta3-3-12-2 {
+._1jgl8s50-3-13-0 ._1okebta3-3-13-0 {
   top: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-default, 1px));
   right: calc(var(--dt-spacings-size-6, 6px) + var(--dt-borders-width-default, 1px));
 }
-._1okebta4-3-12-2 {
+._1okebta4-3-13-0 {
   top: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-emphasized, 2px));
   right: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-emphasized, 2px));
 }
-._1jgl8s50-3-12-2 ._1okebta4-3-12-2 {
+._1jgl8s50-3-13-0 ._1okebta4-3-13-0 {
   top: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-default, 1px));
   right: calc(var(--dt-spacings-size-2, 2px) + var(--dt-borders-width-default, 1px));
 }
-._1okebta5-3-12-2 .cm-editor {
+._1okebta5-3-13-0 .cm-editor {
   padding-right: calc(var(--dt-spacings-size-40, 40px) + var(--dt-spacings-size-4, 4px));
 }
-._1okebta6-3-12-2 .cm-editor {
+._1okebta6-3-13-0 .cm-editor {
   padding-right: calc(var(--dt-spacings-size-28, 28px) + var(--dt-spacings-size-4, 4px));
 }
-._1okebta7-3-12-2 {
+._1okebta7-3-13-0 {
   white-space: nowrap;
   margin-left: var(--dt-spacings-size-8, 8px);
 }

package/esm/editors/dql-editor/actions-menu/ActionsMenu.sty.js

@@ -1,11 +1,11 @@
 import "../../../core/components/app-root/AppRoot.css";
 import "./ActionsMenu.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-12-2", variantClassNames: { size: { "default": "_1okebta3-3-12-2", condensed: "_1okebta4-3-12-2" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var editorWithActionsMenu = { "default": "_1okebta5-3-12-2", condensed: "_1okebta6-3-12-2" };
-var editorWrapper = "_1okebta0-3-12-2";
-var editorWrapperFullHeight = "_1okebta1-3-12-2";
-var formatQueryShortcut = "_1okebta7-3-12-2";
+var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-13-0", variantClassNames: { size: { "default": "_1okebta3-3-13-0", condensed: "_1okebta4-3-13-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var editorWithActionsMenu = { "default": "_1okebta5-3-13-0", condensed: "_1okebta6-3-13-0" };
+var editorWrapper = "_1okebta0-3-13-0";
+var editorWrapperFullHeight = "_1okebta1-3-13-0";
+var formatQueryShortcut = "_1okebta7-3-13-0";
 export {
   actionsMenuWrapper,
   editorWithActionsMenu,

package/esm/editors/dql-editor/actions-menu/ActionsMenu.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/actions-menu/ActionsMenu.css.ts"],
-  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './ActionsMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsMenuWrapper = _7a468({defaultClassName:'_1okebta2-3-12-2',variantClassNames:{size:{'default':'_1okebta3-3-12-2',condensed:'_1okebta4-3-12-2'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-12-2',condensed:'_1okebta6-3-12-2'};\nexport var editorWrapper = '_1okebta0-3-12-2';\nexport var editorWrapperFullHeight = '_1okebta1-3-12-2';\nexport var formatQueryShortcut = '_1okebta7-3-12-2';"],
+  "sourcesContent": ["import '../../../core/components/app-root/AppRoot.css';\nimport './ActionsMenu.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var actionsMenuWrapper = _7a468({defaultClassName:'_1okebta2-3-13-0',variantClassNames:{size:{'default':'_1okebta3-3-13-0',condensed:'_1okebta4-3-13-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-13-0',condensed:'_1okebta6-3-13-0'};\nexport var editorWrapper = '_1okebta0-3-13-0';\nexport var editorWrapperFullHeight = '_1okebta1-3-13-0';\nexport var formatQueryShortcut = '_1okebta7-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,qBAAqB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,WAAU,oBAAmB,WAAU,mBAAkB,EAAC,GAAE,iBAAgB,EAAC,MAAK,UAAS,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC/M,IAAI,wBAAwB,EAAC,WAAU,oBAAmB,WAAU,mBAAkB;AACtF,IAAI,gBAAgB;AACpB,IAAI,0BAA0B;AAC9B,IAAI,sBAAsB;",
   "names": []
 }

package/esm/editors/dql-editor/autocomplete/SuggestionsInfoSection.css

@@ -1,8 +1,8 @@
 .cm-tooltip.cm-tooltip-autocomplete {
   container-type: inline-size;
-  container-name: _1pyam7v0-3-12-2;
+  container-name: _1pyam7v0-3-13-0;
 }
-._1pyam7v1-3-12-2 {
+._1pyam7v1-3-13-0 {
   background: var(--dt-colors-background-surface-default, #fff);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
@@ -15,20 +15,20 @@
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._1pyam7v2-3-12-2 {
+._1pyam7v2-3-13-0 {
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._1pyam7v3-3-12-2 {
+._1pyam7v3-3-13-0 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-@container _1pyam7v0-3-12-2 (max-width: 289px) {
-  ._1pyam7v1-3-12-2 {
+@container _1pyam7v0-3-13-0 (max-width: 289px) {
+  ._1pyam7v1-3-13-0 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);
   }
-  ._1pyam7v2-3-12-2 {
+  ._1pyam7v2-3-13-0 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);

package/esm/editors/dql-editor/autocomplete/SuggestionsInfoSection.sty.js

@@ -1,7 +1,7 @@
 import "./SuggestionsInfoSection.css";
-var container = "_1pyam7v1-3-12-2";
-var shortcutLabel = "_1pyam7v3-3-12-2";
-var shortcutsGroup = "_1pyam7v2-3-12-2";
+var container = "_1pyam7v1-3-13-0";
+var shortcutLabel = "_1pyam7v3-3-13-0";
+var shortcutsGroup = "_1pyam7v2-3-13-0";
 export {
   container,
   shortcutLabel,

package/esm/editors/dql-editor/autocomplete/SuggestionsInfoSection.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/autocomplete/SuggestionsInfoSection.css.ts"],
-  "sourcesContent": ["import './SuggestionsInfoSection.css';\nexport var container = '_1pyam7v1-3-12-2';\nexport var shortcutLabel = '_1pyam7v3-3-12-2';\nexport var shortcutsGroup = '_1pyam7v2-3-12-2';"],
+  "sourcesContent": ["import './SuggestionsInfoSection.css';\nexport var container = '_1pyam7v1-3-13-0';\nexport var shortcutLabel = '_1pyam7v3-3-13-0';\nexport var shortcutsGroup = '_1pyam7v2-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,YAAY;AAChB,IAAI,gBAAgB;AACpB,IAAI,iBAAiB;",
   "names": []
 }

package/esm/filters/filter/FilterBar.js

@@ -74,12 +74,11 @@ const _FilterBar = /* @__PURE__ */ forwardRef(
     const [isInitialized, setIsInitialized] = useState(false);
     const callback = useCallback(
       (state2, action) => (
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore Strict mode transition - needs to be investigated
+        // @ts-expect-error: Strict mode transition — the `reducer` function's typed signature doesn't include the extra `pinnedState` and `onPinnedStateChange` arguments
         reducer(state2, action, !!pinnedState, onPinnedStateChange)
       ),
       // pinnedState is excluded since if it would change the component would switch from controlled to uncontrolled.
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // oxlint-disable-next-line react-hooks/exhaustive-deps
       [onFilterChange, onPinnedStateChange]
     );
     const [state, dispatch] = useReducer(callback, {
@@ -114,7 +113,7 @@ const _FilterBar = /* @__PURE__ */ forwardRef(
       /**
        * Disabled for defaultPinnedState, since this should only be considered when rendered initially.
        */
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // oxlint-disable-next-line react-hooks/exhaustive-deps
       [children, pinnedState]
     );
     return /* @__PURE__ */ jsx(

package/esm/filters/filter/FilterBar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/filter/FilterBar.tsx"],
-  "sourcesContent": ["import {\n  forwardRef,\n  type Key,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useState,\n  Children,\n} from 'react';\nimport { IntlProvider } from 'react-intl';\n\nimport { getLanguage } from '@dynatrace-sdk/user-preferences';\n\nimport { FilterBarContext } from './contexts/FilterBarContext.js';\nimport { Item } from './Item.js';\nimport { MoreMenu } from './MoreMenu.js';\nimport { ResetButton } from './ResetButton.js';\nimport { reducer } from './state/filter-state-reducer.js';\nimport {\n  FilterBarActions,\n  type FilterBarReducerAction,\n  type PinnedState,\n} from './types/filter-state.types.js';\nimport type {\n  FilterItemValues,\n  FilterState,\n} from './types/shared-filter-types.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\n\nconst COMPONENT_NAME = 'FilterBar';\n\n// #region Typings\n/**\n * Props for the Filter component.\n * @public\n */\nexport interface BaseFilterBarProps\n  extends StylingProps, DataTestId, MaskingProps, BehaviorTrackingProps {\n  /** Handler that is called when the value of the sub-filter changes. */\n  onFilterChange: (value: FilterItemValues) => void;\n  /**\n   * All sub-filters connected to this filter.\n   * Only components compatible with FilterItemProps are supported!\n   */\n  children: ReactNode;\n  /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n  id?: string;\n  /** Defines if the labels are shown for the filter item. If set to false the label will be placed as aria-label instead. It can be overwritten for a single filter item by setting the showLabel-prop of the item as well. */\n  showLabels?: boolean;\n}\n\n/**\n * @public\n */\nexport interface ControlledFilterBarProps {\n  /** The current pinned state of the item. */\n  pinnedState: PinnedState;\n  /** Handler that is called when the pinned state changes. */\n  onPinnedStateChange: (\n    newState: PinnedState,\n    changedItems: Array<string>,\n  ) => void;\n  /** Determines if a filter item is removable and its initial pinning state. */\n  defaultPinnedState?: never;\n}\n\n/**\n * @public\n */\nexport interface UncontrolledFilterBarProps {\n  /** The current pinned state of the item. */\n  pinnedState?: never;\n  /** Handler that is called when the pinned state changes. */\n  onPinnedStateChange?: (newState: PinnedState, changedItems: Key[]) => void;\n  /**\n   * Determines if a filter item is removable and its initial pinning state.\n   * @defaultValue 'pinned'\n   */\n  defaultPinnedState?: PinnedState;\n}\n\n/**\n * @public\n */\nexport type FilterBarProps = (\n  | ControlledFilterBarProps\n  | UncontrolledFilterBarProps\n) &\n  BaseFilterBarProps;\n\n/**\n * Defines slots into which children of the filter should be rendered.\n * The 'more' slot is used for rendering filter items in addition to the 'items' slot.\n */\ntype FilterBarSlots = {\n  items: ReactNode[];\n  more: ReactNode[];\n  reset: ReactNode;\n};\n// #endregion\n\n/** Iterates over child nodes to extract specific component slots. */\nfunction getItemSlotsAndDefaultPinnedFilters(\n  children: ReactNode,\n  defaultPinnedState: PinnedState,\n) {\n  const slots: FilterBarSlots = {\n    items: [],\n    more: [],\n    reset: null,\n  };\n  const defaultPinnedFilters: Key[] = [];\n\n  for (const child of Children.toArray(children)) {\n    if (isSlot(child, Item)) {\n      const pinnedState = defaultPinnedState[child.props.name] ?? 'pinned';\n      switch (pinnedState) {\n        case 'optional':\n          slots.more.push(child);\n          break;\n        case 'pinned-optional':\n          defaultPinnedFilters.push(child.props.name);\n          slots.more.push(child);\n          break;\n        default:\n          slots.items.push(child);\n      }\n    } else if (isSlot(child, ResetButton)) {\n      slots.reset = child;\n    } else if (child !== null) {\n      // do nothing if the child is null (when rendered conditionally for example) and throw a warning otherwise\n      // eslint-disable-next-line no-console\n      console.warn('The used child is not supported by the FilterBar.');\n    }\n  }\n\n  return { slots, defaultPinnedFilters };\n}\n\nconst _FilterBar = /* @__PURE__ */ forwardRef<HTMLDivElement, FilterBarProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      id,\n      onFilterChange,\n      onPinnedStateChange,\n      defaultPinnedState,\n      pinnedState,\n      showLabels = true,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    }: FilterBarProps = props;\n    const [behavioralTrackingProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const language = getLanguage();\n    const [lastAddedItem, setLastAddedItem] = useState<string | null>(null);\n    const [isInitialized, setIsInitialized] = useState<boolean>(false);\n\n    const callback = useCallback(\n      (state: FilterState, action: FilterBarReducerAction) =>\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore Strict mode transition - needs to be investigated\n        reducer(state, action, !!pinnedState, onPinnedStateChange),\n      // pinnedState is excluded since if it would change the component would switch from controlled to uncontrolled.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [onFilterChange, onPinnedStateChange],\n    );\n\n    // Initialize state and action dispatcher of the filter\n    const [state, dispatch] = useReducer(callback, {\n      filters: undefined,\n      itemsPinnedState: defaultPinnedState ?? pinnedState,\n    });\n\n    useEffect(() => {\n      if (pinnedState) {\n        dispatch({\n          type: FilterBarActions.CHANGEPINNEDSTATE,\n          payload: {\n            newPinnedState: pinnedState,\n          },\n        });\n      }\n    }, [pinnedState]);\n\n    // Since the filter items register themselves in the state, the state is correctly initialized after the first render.\n    // To not trigger the onChange initially we need to set the starting point manually.\n    useEffect(() => {\n      if (state.filters === undefined) {\n        return;\n      }\n\n      if (!isInitialized) {\n        setIsInitialized(true);\n      } else {\n        onFilterChange(state.filters);\n      }\n\n      // onFilterChange callback dependency changes every render and is therefore excluded.\n      // the changes in isInitialized should only be considered in the next real render and not rerender the filterbar.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [state.filters]);\n\n    const { slots } = useMemo(\n      () =>\n        getItemSlotsAndDefaultPinnedFilters(\n          children,\n          defaultPinnedState ?? pinnedState ?? {},\n        ),\n      /**\n       * Disabled for defaultPinnedState, since this should only be considered when rendered initially.\n       */\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [children, pinnedState],\n    );\n\n    return (\n      <FilterBarContext.Provider\n        value={{\n          state,\n          showLabels,\n          dispatch,\n          lastAddedItem,\n          setLastAddedItem,\n          hasControlledPinnedState: !!pinnedState,\n        }}\n      >\n        <Flex\n          flexWrap=\"wrap\"\n          id={id}\n          ref={forwardedRef}\n          data-testid={dataTestId}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          alignItems=\"end\"\n          className={consumerClassName}\n          style={consumerStyle}\n          {...behavioralTrackingProps}\n          data-dt-component={COMPONENT_NAME}\n        >\n          {slots.items}\n          {/* Because the items in the slots are cloned, we need to reprovide intl. */}\n          {slots.more?.length > 0 && (\n            <IntlProvider locale={language}>\n              <MoreMenu>{slots.more}</MoreMenu>\n            </IntlProvider>\n          )}\n          {slots.reset}\n        </Flex>\n      </FilterBarContext.Provider>\n    );\n  },\n);\n\n(_FilterBar as typeof _FilterBar & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\n/**\n * Use the `FilterBar` to let users filter datasets using one or more filter controls, such as text inputs, selects, and other form elements.\n * @public\n */\nexport const FilterBar = Object.assign(_FilterBar, {\n  Item,\n  ResetButton,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  forwardRef,\n  type Key,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useReducer,\n  useState,\n  Children,\n} from 'react';\nimport { IntlProvider } from 'react-intl';\n\nimport { getLanguage } from '@dynatrace-sdk/user-preferences';\n\nimport { FilterBarContext } from './contexts/FilterBarContext.js';\nimport { Item } from './Item.js';\nimport { MoreMenu } from './MoreMenu.js';\nimport { ResetButton } from './ResetButton.js';\nimport { reducer } from './state/filter-state-reducer.js';\nimport {\n  FilterBarActions,\n  type FilterBarReducerAction,\n  type PinnedState,\n} from './types/filter-state.types.js';\nimport type {\n  FilterItemValues,\n  FilterState,\n} from './types/shared-filter-types.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { MaskingProps } from '../../core/types/masking-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { isSlot } from '../../core/utils/is-slot.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\n\nconst COMPONENT_NAME = 'FilterBar';\n\n// #region Typings\n/**\n * Props for the Filter component.\n * @public\n */\nexport interface BaseFilterBarProps\n  extends StylingProps, DataTestId, MaskingProps, BehaviorTrackingProps {\n  /** Handler that is called when the value of the sub-filter changes. */\n  onFilterChange: (value: FilterItemValues) => void;\n  /**\n   * All sub-filters connected to this filter.\n   * Only components compatible with FilterItemProps are supported!\n   */\n  children: ReactNode;\n  /** The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id). */\n  id?: string;\n  /** Defines if the labels are shown for the filter item. If set to false the label will be placed as aria-label instead. It can be overwritten for a single filter item by setting the showLabel-prop of the item as well. */\n  showLabels?: boolean;\n}\n\n/**\n * @public\n */\nexport interface ControlledFilterBarProps {\n  /** The current pinned state of the item. */\n  pinnedState: PinnedState;\n  /** Handler that is called when the pinned state changes. */\n  onPinnedStateChange: (\n    newState: PinnedState,\n    changedItems: Array<string>,\n  ) => void;\n  /** Determines if a filter item is removable and its initial pinning state. */\n  defaultPinnedState?: never;\n}\n\n/**\n * @public\n */\nexport interface UncontrolledFilterBarProps {\n  /** The current pinned state of the item. */\n  pinnedState?: never;\n  /** Handler that is called when the pinned state changes. */\n  onPinnedStateChange?: (newState: PinnedState, changedItems: Key[]) => void;\n  /**\n   * Determines if a filter item is removable and its initial pinning state.\n   * @defaultValue 'pinned'\n   */\n  defaultPinnedState?: PinnedState;\n}\n\n/**\n * @public\n */\nexport type FilterBarProps = (\n  | ControlledFilterBarProps\n  | UncontrolledFilterBarProps\n) &\n  BaseFilterBarProps;\n\n/**\n * Defines slots into which children of the filter should be rendered.\n * The 'more' slot is used for rendering filter items in addition to the 'items' slot.\n */\ntype FilterBarSlots = {\n  items: ReactNode[];\n  more: ReactNode[];\n  reset: ReactNode;\n};\n// #endregion\n\n/** Iterates over child nodes to extract specific component slots. */\nfunction getItemSlotsAndDefaultPinnedFilters(\n  children: ReactNode,\n  defaultPinnedState: PinnedState,\n) {\n  const slots: FilterBarSlots = {\n    items: [],\n    more: [],\n    reset: null,\n  };\n  const defaultPinnedFilters: Key[] = [];\n\n  for (const child of Children.toArray(children)) {\n    if (isSlot(child, Item)) {\n      const pinnedState = defaultPinnedState[child.props.name] ?? 'pinned';\n      switch (pinnedState) {\n        case 'optional':\n          slots.more.push(child);\n          break;\n        case 'pinned-optional':\n          defaultPinnedFilters.push(child.props.name);\n          slots.more.push(child);\n          break;\n        default:\n          slots.items.push(child);\n      }\n    } else if (isSlot(child, ResetButton)) {\n      slots.reset = child;\n    } else if (child !== null) {\n      // do nothing if the child is null (when rendered conditionally for example) and throw a warning otherwise\n      // oxlint-disable-next-line no-console\n      console.warn('The used child is not supported by the FilterBar.');\n    }\n  }\n\n  return { slots, defaultPinnedFilters };\n}\n\nconst _FilterBar = /* @__PURE__ */ forwardRef<HTMLDivElement, FilterBarProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      id,\n      onFilterChange,\n      onPinnedStateChange,\n      defaultPinnedState,\n      pinnedState,\n      showLabels = true,\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    }: FilterBarProps = props;\n    const [behavioralTrackingProps] =\n      useBehavioralTrackingProps(remainingProps);\n\n    const language = getLanguage();\n    const [lastAddedItem, setLastAddedItem] = useState<string | null>(null);\n    const [isInitialized, setIsInitialized] = useState<boolean>(false);\n\n    const callback = useCallback(\n      (state: FilterState, action: FilterBarReducerAction) =>\n        // @ts-expect-error: Strict mode transition \u2014 the `reducer` function's typed signature doesn't include the extra `pinnedState` and `onPinnedStateChange` arguments\n        reducer(state, action, !!pinnedState, onPinnedStateChange),\n      // pinnedState is excluded since if it would change the component would switch from controlled to uncontrolled.\n      // oxlint-disable-next-line react-hooks/exhaustive-deps\n      [onFilterChange, onPinnedStateChange],\n    );\n\n    // Initialize state and action dispatcher of the filter\n    const [state, dispatch] = useReducer(callback, {\n      filters: undefined,\n      itemsPinnedState: defaultPinnedState ?? pinnedState,\n    });\n\n    useEffect(() => {\n      if (pinnedState) {\n        dispatch({\n          type: FilterBarActions.CHANGEPINNEDSTATE,\n          payload: {\n            newPinnedState: pinnedState,\n          },\n        });\n      }\n    }, [pinnedState]);\n\n    // Since the filter items register themselves in the state, the state is correctly initialized after the first render.\n    // To not trigger the onChange initially we need to set the starting point manually.\n    useEffect(() => {\n      if (state.filters === undefined) {\n        return;\n      }\n\n      if (!isInitialized) {\n        setIsInitialized(true);\n      } else {\n        onFilterChange(state.filters);\n      }\n\n      // onFilterChange callback dependency changes every render and is therefore excluded.\n      // the changes in isInitialized should only be considered in the next real render and not rerender the filterbar.\n      // oxlint-disable-next-line react-hooks/exhaustive-deps\n    }, [state.filters]);\n\n    const { slots } = useMemo(\n      () =>\n        getItemSlotsAndDefaultPinnedFilters(\n          children,\n          defaultPinnedState ?? pinnedState ?? {},\n        ),\n      /**\n       * Disabled for defaultPinnedState, since this should only be considered when rendered initially.\n       */\n      // oxlint-disable-next-line react-hooks/exhaustive-deps\n      [children, pinnedState],\n    );\n\n    return (\n      <FilterBarContext.Provider\n        value={{\n          state,\n          showLabels,\n          dispatch,\n          lastAddedItem,\n          setLastAddedItem,\n          hasControlledPinnedState: !!pinnedState,\n        }}\n      >\n        <Flex\n          flexWrap=\"wrap\"\n          id={id}\n          ref={forwardedRef}\n          data-testid={dataTestId}\n          data-dtrum-mask={dataDtrumMask}\n          data-dtrum-allow={dataDtrumAllow}\n          alignItems=\"end\"\n          className={consumerClassName}\n          style={consumerStyle}\n          {...behavioralTrackingProps}\n          data-dt-component={COMPONENT_NAME}\n        >\n          {slots.items}\n          {/* Because the items in the slots are cloned, we need to reprovide intl. */}\n          {slots.more?.length > 0 && (\n            <IntlProvider locale={language}>\n              <MoreMenu>{slots.more}</MoreMenu>\n            </IntlProvider>\n          )}\n          {slots.reset}\n        </Flex>\n      </FilterBarContext.Provider>\n    );\n  },\n);\n\n(_FilterBar as typeof _FilterBar & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\n/**\n * Use the `FilterBar` to let users filter datasets using one or more filter controls, such as text inputs, selects, and other form elements.\n * @public\n */\nexport const FilterBar = Object.assign(_FilterBar, {\n  Item,\n  ResetButton,\n});\n"],
+  "mappings": "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",
   "names": ["state"]
 }

package/esm/filters/filter/Item.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/filters/filter/Item.tsx"],
-  "sourcesContent": ["import {\n  type ReactElement,\n  type ReactNode,\n  useEffect,\n  useRef,\n  cloneElement,\n} from 'react';\n\nimport { useFilterBarContext } from './hooks/useFilterBarContext.js';\nimport { FilterBarActions } from './types/filter-state.types.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport { FormField } from '../../forms/forms-core/components/form-field/FormField.js';\nimport { Label } from '../../forms/forms-core/components/label/Label.js';\nimport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n} from '../../forms/shared-types.js';\nimport { isFormControlWithOverlayRef } from '../../forms/shared-types.js';\n\n//#region Typings\n/**\n * @public\n */\nexport interface FilterBarItemProps\n  extends StylingProps,\n    DataTestId,\n    BehaviorTrackingProps {\n  /** A unique identifier for this sub-filter (must only be unique for this filter). In case custom labels are used without text children, this is displayed on the MoreMenu trigger instead. */\n  name: string;\n  /** Description text of this sub-filter. If you use a custom label without text children, the name will be displayed on the MoreMenu instead. */\n  label: ReactNode;\n  /** Only one element, is expected here. */\n  // TODO: React 19 update - We will need to check if limiting the props here actually has an effect to the public api validation.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  children: ReactElement<any>;\n  /** Defines if the label is shown for the filter item. If set specifically, it also overwrites the general configuration set with the showLabels prop on the FilterBar for one item. */\n  showLabel?: boolean;\n}\n//#endregion Typings\n\nconst InternalItem = (props: FilterBarItemProps) => {\n  const {\n    name,\n    label,\n    children: child,\n    showLabel: propShowLabel,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: FilterBarItemProps = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n  const { defaultValue, value, onChange, ...propsWithoutContractProperties } =\n    child.props;\n  const [filterValue, setFilterValue] = useControllableState({\n    defaultValue,\n    value,\n    onChange,\n  });\n\n  const { dispatch, showLabels, lastAddedItem, state } = useFilterBarContext();\n  const showLabel = propShowLabel ?? showLabels;\n  const isStringLabel = typeof label === 'string';\n\n  const filterItemRef = useRef<FormControlRef | FormControlWithOverlayRef>(\n    null,\n  );\n\n  if (!isStringLabel && !showLabel && isDev()) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"FilterBar.Item: the showLabel prop was set to false but the provided label can't be used as aria-label because it is not a string. \" +\n        'Please provide a string-based label or set showLabel to true for this FilterBar.Item.',\n    );\n  }\n\n  // Is only called on the first render or if the name changes when conditionally rendering it, for the context to have the proper initial state.\n  useEffect(() => {\n    dispatch({\n      type: FilterBarActions.INITIALIZE,\n      payload: {\n        name,\n        value: filterValue,\n      },\n    });\n\n    setTimeout(() => {\n      // If the item was added via the addFilter-dropdown the newly added item should be focused or opened depending on the control.\n      if (lastAddedItem === name) {\n        filterItemRef?.current?.focus?.();\n\n        if (\n          filterItemRef?.current &&\n          isFormControlWithOverlayRef(filterItemRef?.current)\n        ) {\n          filterItemRef?.current?.open();\n        }\n      }\n    });\n\n    return () => {\n      dispatch({\n        type: FilterBarActions.REMOVE,\n        payload: {\n          name,\n        },\n      });\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [name]);\n\n  // must trigger the change after rendering to avoid a state update during rendering.\n  useEffect(() => {\n    if (state.filters?.[name] && filterValue !== state.filters?.[name].value) {\n      dispatch({\n        type: FilterBarActions.CHANGE,\n        payload: {\n          name,\n          value: filterValue,\n        },\n      });\n    }\n    // name is excluded since the Filter.Item must be reinitialized when it changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [filterValue, state.filters?.[name]]);\n\n  return (\n    <FormField\n      data-testid={dataTestId}\n      id={propsWithoutContractProperties.id}\n      className={consumerClassName}\n      style={consumerStyle}\n      {...behavioralTrackingProps}\n    >\n      {showLabel && <Label>{label}</Label>}\n      {cloneElement(child, {\n        ..._mergeProps(propsWithoutContractProperties, {\n          value: filterValue,\n          onChange: setFilterValue,\n          'aria-label': isStringLabel && !showLabel ? label : undefined,\n          ref: filterItemRef,\n        }),\n      })}\n    </FormField>\n  );\n};\n\n/**\n * FilterBar.Item component, used for rendering custom filters inside the filter bar. Requires a unique name prop in order to keep track of the filter.\n * @public\n */\nexport const Item = (props: FilterBarItemProps) => {\n  /* We need to pass a key so that we invalidate the useControllableState hook usage and remount the component when rendered conditionally.\n   This is a code sample of the issue and possible fixes: https://codesandbox.io/s/smoosh-frog-q57xiw?file=/src/App.tsx\n   Also, this is a blog post describing the key issue in more detail: https://www.nikgraf.com/blog/using-reacts-key-attribute-to-remount-a-component */\n  return <InternalItem {...props} key={props.name} />;\n};\nItem['displayName'] = 'FilterBar.Item';\n"],
-  "mappings": "AAqII,SAOgB,KAPhB;AA4BK;AAjKT;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AAIrC,SAAS,aAAa;AACtB,SAAS,cAAc,mBAAmB;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAKtB,SAAS,mCAAmC;AAuB5C,MAAM,eAAe,CAAC,UAA8B;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAwB;AACxB,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,cAAc;AAC3E,QAAM,EAAE,cAAc,OAAO,UAAU,GAAG,+BAA+B,IACvE,MAAM;AACR,QAAM,CAAC,aAAa,cAAc,IAAI,qBAAqB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,UAAU,YAAY,eAAe,MAAM,IAAI,oBAAoB;AAC3E,QAAM,YAAY,iBAAiB;AACnC,QAAM,gBAAgB,OAAO,UAAU;AAEvC,QAAM,gBAAgB;AAAA,IACpB;AAAA,EACF;AAEA,MAAI,CAAC,iBAAiB,CAAC,aAAa,MAAM,GAAG;AAE3C,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AAGA,YAAU,MAAM;AACd,aAAS;AAAA,MACP,MAAM,iBAAiB;AAAA,MACvB,SAAS;AAAA,QACP;AAAA,QACA,OAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,eAAW,MAAM;AAEf,UAAI,kBAAkB,MAAM;AAC1B,uBAAe,SAAS,QAAQ;AAEhC,YACE,eAAe,WACf,4BAA4B,eAAe,OAAO,GAClD;AACA,yBAAe,SAAS,KAAK;AAAA,QAC/B;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,eAAS;AAAA,QACP,MAAM,iBAAiB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EAEF,GAAG,CAAC,IAAI,CAAC;AAGT,YAAU,MAAM;AACd,QAAI,MAAM,UAAU,IAAI,KAAK,gBAAgB,MAAM,UAAU,IAAI,EAAE,OAAO;AACxE,eAAS;AAAA,QACP,MAAM,iBAAiB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,UACA,OAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EAGF,GAAG,CAAC,aAAa,MAAM,UAAU,IAAI,CAAC,CAAC;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,IAAI,+BAA+B;AAAA,MACnC,WAAW;AAAA,MACX,OAAO;AAAA,MACN,GAAG;AAAA,MAEH;AAAA,qBAAa,oBAAC,SAAO,iBAAM;AAAA,QAC3B,aAAa,OAAO;AAAA,UACnB,GAAG,YAAY,gCAAgC;AAAA,YAC7C,OAAO;AAAA,YACP,UAAU;AAAA,YACV,cAAc,iBAAiB,CAAC,YAAY,QAAQ;AAAA,YACpD,KAAK;AAAA,UACP,CAAC;AAAA,QACH,CAAC;AAAA;AAAA;AAAA,EACH;AAEJ;AAMO,MAAM,OAAO,CAAC,UAA8B;AAIjD,SAAO,8BAAC,gBAAc,GAAG,OAAO,KAAK,MAAM,MAAM;AACnD;AACA,KAAK,aAAa,IAAI;",
+  "sourcesContent": ["import {\n  type ReactElement,\n  type ReactNode,\n  useEffect,\n  useRef,\n  cloneElement,\n} from 'react';\n\nimport { useFilterBarContext } from './hooks/useFilterBarContext.js';\nimport { FilterBarActions } from './types/filter-state.types.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport { DataTestId } from '../../core/types/data-props.js';\nimport { StylingProps } from '../../core/types/styling-props.js';\nimport { isDev } from '../../core/utils/is-node-environment.js';\nimport { mergeProps as _mergeProps } from '../../core/utils/merge-props.js';\nimport { FormField } from '../../forms/forms-core/components/form-field/FormField.js';\nimport { Label } from '../../forms/forms-core/components/label/Label.js';\nimport type {\n  FormControlRef,\n  FormControlWithOverlayRef,\n} from '../../forms/shared-types.js';\nimport { isFormControlWithOverlayRef } from '../../forms/shared-types.js';\n\n//#region Typings\n/**\n * @public\n */\nexport interface FilterBarItemProps\n  extends StylingProps, DataTestId, BehaviorTrackingProps {\n  /** A unique identifier for this sub-filter (must only be unique for this filter). In case custom labels are used without text children, this is displayed on the MoreMenu trigger instead. */\n  name: string;\n  /** Description text of this sub-filter. If you use a custom label without text children, the name will be displayed on the MoreMenu instead. */\n  label: ReactNode;\n  /** Only one element, is expected here. */\n  // TODO: React 19 update - We will need to check if limiting the props here actually has an effect to the public api validation.\n  // oxlint-disable-next-line typescript/no-explicit-any\n  children: ReactElement<any>;\n  /** Defines if the label is shown for the filter item. If set specifically, it also overwrites the general configuration set with the showLabels prop on the FilterBar for one item. */\n  showLabel?: boolean;\n}\n//#endregion Typings\n\nconst InternalItem = (props: FilterBarItemProps) => {\n  const {\n    name,\n    label,\n    children: child,\n    showLabel: propShowLabel,\n    className: consumerClassName,\n    style: consumerStyle,\n    'data-testid': dataTestId,\n    ...remainingProps\n  }: FilterBarItemProps = props;\n  const [behavioralTrackingProps] = useBehavioralTrackingProps(remainingProps);\n  const { defaultValue, value, onChange, ...propsWithoutContractProperties } =\n    child.props;\n  const [filterValue, setFilterValue] = useControllableState({\n    defaultValue,\n    value,\n    onChange,\n  });\n\n  const { dispatch, showLabels, lastAddedItem, state } = useFilterBarContext();\n  const showLabel = propShowLabel ?? showLabels;\n  const isStringLabel = typeof label === 'string';\n\n  const filterItemRef = useRef<FormControlRef | FormControlWithOverlayRef>(\n    null,\n  );\n\n  if (!isStringLabel && !showLabel && isDev()) {\n    // oxlint-disable-next-line no-console\n    console.warn(\n      \"FilterBar.Item: the showLabel prop was set to false but the provided label can't be used as aria-label because it is not a string. \" +\n        'Please provide a string-based label or set showLabel to true for this FilterBar.Item.',\n    );\n  }\n\n  // Is only called on the first render or if the name changes when conditionally rendering it, for the context to have the proper initial state.\n  useEffect(() => {\n    dispatch({\n      type: FilterBarActions.INITIALIZE,\n      payload: {\n        name,\n        value: filterValue,\n      },\n    });\n\n    setTimeout(() => {\n      // If the item was added via the addFilter-dropdown the newly added item should be focused or opened depending on the control.\n      if (lastAddedItem === name) {\n        filterItemRef?.current?.focus?.();\n\n        if (\n          filterItemRef?.current &&\n          isFormControlWithOverlayRef(filterItemRef?.current)\n        ) {\n          filterItemRef?.current?.open();\n        }\n      }\n    });\n\n    return () => {\n      dispatch({\n        type: FilterBarActions.REMOVE,\n        payload: {\n          name,\n        },\n      });\n    };\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [name]);\n\n  // must trigger the change after rendering to avoid a state update during rendering.\n  useEffect(() => {\n    if (state.filters?.[name] && filterValue !== state.filters?.[name].value) {\n      dispatch({\n        type: FilterBarActions.CHANGE,\n        payload: {\n          name,\n          value: filterValue,\n        },\n      });\n    }\n    // name is excluded since the Filter.Item must be reinitialized when it changes.\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [filterValue, state.filters?.[name]]);\n\n  return (\n    <FormField\n      data-testid={dataTestId}\n      id={propsWithoutContractProperties.id}\n      className={consumerClassName}\n      style={consumerStyle}\n      {...behavioralTrackingProps}\n    >\n      {showLabel && <Label>{label}</Label>}\n      {cloneElement(child, {\n        ..._mergeProps(propsWithoutContractProperties, {\n          value: filterValue,\n          onChange: setFilterValue,\n          'aria-label': isStringLabel && !showLabel ? label : undefined,\n          ref: filterItemRef,\n        }),\n      })}\n    </FormField>\n  );\n};\n\n/**\n * FilterBar.Item component, used for rendering custom filters inside the filter bar. Requires a unique name prop in order to keep track of the filter.\n * @public\n */\nexport const Item = (props: FilterBarItemProps) => {\n  /* We need to pass a key so that we invalidate the useControllableState hook usage and remount the component when rendered conditionally.\n   This is a code sample of the issue and possible fixes: https://codesandbox.io/s/smoosh-frog-q57xiw?file=/src/App.tsx\n   Also, this is a blog post describing the key issue in more detail: https://www.nikgraf.com/blog/using-reacts-key-attribute-to-remount-a-component */\n  return <InternalItem {...props} key={props.name} />;\n};\nItem['displayName'] = 'FilterBar.Item';\n"],
+  "mappings": "AAmII,SAOgB,KAPhB;AA4BK;AA/JT;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,kCAAkC;AAC3C,SAAS,4BAA4B;AAIrC,SAAS,aAAa;AACtB,SAAS,cAAc,mBAAmB;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AAKtB,SAAS,mCAAmC;AAqB5C,MAAM,eAAe,CAAC,UAA8B;AAClD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,IACP,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAwB;AACxB,QAAM,CAAC,uBAAuB,IAAI,2BAA2B,cAAc;AAC3E,QAAM,EAAE,cAAc,OAAO,UAAU,GAAG,+BAA+B,IACvE,MAAM;AACR,QAAM,CAAC,aAAa,cAAc,IAAI,qBAAqB;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,EAAE,UAAU,YAAY,eAAe,MAAM,IAAI,oBAAoB;AAC3E,QAAM,YAAY,iBAAiB;AACnC,QAAM,gBAAgB,OAAO,UAAU;AAEvC,QAAM,gBAAgB;AAAA,IACpB;AAAA,EACF;AAEA,MAAI,CAAC,iBAAiB,CAAC,aAAa,MAAM,GAAG;AAE3C,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AAGA,YAAU,MAAM;AACd,aAAS;AAAA,MACP,MAAM,iBAAiB;AAAA,MACvB,SAAS;AAAA,QACP;AAAA,QACA,OAAO;AAAA,MACT;AAAA,IACF,CAAC;AAED,eAAW,MAAM;AAEf,UAAI,kBAAkB,MAAM;AAC1B,uBAAe,SAAS,QAAQ;AAEhC,YACE,eAAe,WACf,4BAA4B,eAAe,OAAO,GAClD;AACA,yBAAe,SAAS,KAAK;AAAA,QAC/B;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,eAAS;AAAA,QACP,MAAM,iBAAiB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EAEF,GAAG,CAAC,IAAI,CAAC;AAGT,YAAU,MAAM;AACd,QAAI,MAAM,UAAU,IAAI,KAAK,gBAAgB,MAAM,UAAU,IAAI,EAAE,OAAO;AACxE,eAAS;AAAA,QACP,MAAM,iBAAiB;AAAA,QACvB,SAAS;AAAA,UACP;AAAA,UACA,OAAO;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EAGF,GAAG,CAAC,aAAa,MAAM,UAAU,IAAI,CAAC,CAAC;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,IAAI,+BAA+B;AAAA,MACnC,WAAW;AAAA,MACX,OAAO;AAAA,MACN,GAAG;AAAA,MAEH;AAAA,qBAAa,oBAAC,SAAO,iBAAM;AAAA,QAC3B,aAAa,OAAO;AAAA,UACnB,GAAG,YAAY,gCAAgC;AAAA,YAC7C,OAAO;AAAA,YACP,UAAU;AAAA,YACV,cAAc,iBAAiB,CAAC,YAAY,QAAQ;AAAA,YACpD,KAAK;AAAA,UACP,CAAC;AAAA,QACH,CAAC;AAAA;AAAA;AAAA,EACH;AAEJ;AAMO,MAAM,OAAO,CAAC,UAA8B;AAIjD,SAAO,8BAAC,gBAAc,GAAG,OAAO,KAAK,MAAM,MAAM;AACnD;AACA,KAAK,aAAa,IAAI;",
   "names": []
 }

package/esm/filters/filter/utils/getTextFromNode.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/filters/filter/utils/getTextFromNode.ts"],
-  "sourcesContent": ["import {\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  FormattedMessage,\n  type IntlShape,\n  type MessageDescriptor,\n} from 'react-intl';\n\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\n\nfunction isFormattedMessageElement(\n  node: ReactNode,\n  // Needs to overlap with the types from the FormattedMessage function\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): node is ReactElement<MessageDescriptor & { values: Record<string, any> }> {\n  return isSlot(node, FormattedMessage);\n}\n\n/**\n * This extracts the text content from a `ReactNode` label. If there are no text children - e.g. the user defined their own component\n * and passes it to the label like this: `label={<ComplexLabel/>}` - then the name is used as fallback.\n * The name is the unique identifier of each item and must be a string.\n */\nexport const getTextFromNode: (\n  node: ReactNode,\n  intl: IntlShape,\n  name: string,\n) => string = (children, intl, name) => {\n  if (!children) {\n    return '';\n  }\n\n  if (typeof children === 'string') {\n    return children;\n  }\n\n  if (typeof children === 'number') {\n    return children.toString();\n  }\n\n  if (isValidElement<PropsWithChildren<AriaLabelingProps>>(children)) {\n    if (children.props['aria-label']) {\n      return children.props['aria-label'];\n    }\n\n    if (children.props.children) {\n      return getTextFromNode(children.props.children, intl, name);\n    }\n\n    if (isFormattedMessageElement(children)) {\n      return intl.formatMessage(children.props);\n    }\n  }\n\n  return Array.isArray(children)\n    ? children\n        .map((child) => getTextFromNode(child, intl, name).trimEnd()) // the empty spaces are trimmed at the end because we add a whitespace when joining multiple text nodes (e.g. Country <Emphasis>Office</Emphasis>)\n        .join(' ')\n    : name;\n};\n"],
+  "sourcesContent": ["import {\n  isValidElement,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  FormattedMessage,\n  type IntlShape,\n  type MessageDescriptor,\n} from 'react-intl';\n\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.js';\nimport { isSlot } from '../../../core/utils/is-slot.js';\n\nfunction isFormattedMessageElement(\n  node: ReactNode,\n  // Needs to overlap with the types from the FormattedMessage function\n  // oxlint-disable-next-line typescript/no-explicit-any\n): node is ReactElement<MessageDescriptor & { values: Record<string, any> }> {\n  return isSlot(node, FormattedMessage);\n}\n\n/**\n * This extracts the text content from a `ReactNode` label. If there are no text children - e.g. the user defined their own component\n * and passes it to the label like this: `label={<ComplexLabel/>}` - then the name is used as fallback.\n * The name is the unique identifier of each item and must be a string.\n */\nexport const getTextFromNode: (\n  node: ReactNode,\n  intl: IntlShape,\n  name: string,\n) => string = (children, intl, name) => {\n  if (!children) {\n    return '';\n  }\n\n  if (typeof children === 'string') {\n    return children;\n  }\n\n  if (typeof children === 'number') {\n    return children.toString();\n  }\n\n  if (isValidElement<PropsWithChildren<AriaLabelingProps>>(children)) {\n    if (children.props['aria-label']) {\n      return children.props['aria-label'];\n    }\n\n    if (children.props.children) {\n      return getTextFromNode(children.props.children, intl, name);\n    }\n\n    if (isFormattedMessageElement(children)) {\n      return intl.formatMessage(children.props);\n    }\n  }\n\n  return Array.isArray(children)\n    ? children\n        .map((child) => getTextFromNode(child, intl, name).trimEnd()) // the empty spaces are trimmed at the end because we add a whitespace when joining multiple text nodes (e.g. Country <Emphasis>Office</Emphasis>)\n        .join(' ')\n    : name;\n};\n"],
   "mappings": "AAAA;AAAA,EACE;AAAA,OAIK;AACP;AAAA,EACE;AAAA,OAGK;AAGP,SAAS,cAAc;AAEvB,SAAS,0BACP,MAG2E;AAC3E,SAAO,OAAO,MAAM,gBAAgB;AACtC;AAOO,MAAM,kBAIC,CAAC,UAAU,MAAM,SAAS;AACtC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,aAAa,UAAU;AAChC,WAAO;AAAA,EACT;AAEA,MAAI,OAAO,aAAa,UAAU;AAChC,WAAO,SAAS,SAAS;AAAA,EAC3B;AAEA,MAAI,eAAqD,QAAQ,GAAG;AAClE,QAAI,SAAS,MAAM,YAAY,GAAG;AAChC,aAAO,SAAS,MAAM,YAAY;AAAA,IACpC;AAEA,QAAI,SAAS,MAAM,UAAU;AAC3B,aAAO,gBAAgB,SAAS,MAAM,UAAU,MAAM,IAAI;AAAA,IAC5D;AAEA,QAAI,0BAA0B,QAAQ,GAAG;AACvC,aAAO,KAAK,cAAc,SAAS,KAAK;AAAA,IAC1C;AAAA,EACF;AAEA,SAAO,MAAM,QAAQ,QAAQ,IACzB,SACG,IAAI,CAAC,UAAU,gBAAgB,OAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,EAC3D,KAAK,GAAG,IACX;AACN;",
   "names": []
 }