@dynatrace/strato-components 3.11.0 → 3.11.2

package/esm/editors/base-code-editor/BaseCodeEditor.sty.js

@@ -2,8 +2,8 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../core/styles/diagnostic-tooltip.css";
 import "./BaseCodeEditor.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var autocompletionTypeText = "_mvxq7yx-3-11-0";
-var editorContainer = _7a468({ defaultClassName: "_mvxq7yl-3-11-0", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-11-0" }, fullHeight: { true: "_mvxq7yn-3-11-0" }, hasError: { true: "_mvxq7yo-3-11-0" }, lineNumbers: { hidden: "_mvxq7yp-3-11-0", visible: "_mvxq7yq-3-11-0" }, readOnly: { true: "_mvxq7yr-3-11-0" }, size: { "default": "_mvxq7ys-3-11-0", condensed: "_mvxq7yt-3-11-0" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-11-0"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-11-0"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-11-0"]] });
+var autocompletionTypeText = "_mvxq7yx-3-11-2";
+var editorContainer = _7a468({ defaultClassName: "_mvxq7yl-3-11-2", variantClassNames: { focusVisible: { true: "_mvxq7ym-3-11-2" }, fullHeight: { true: "_mvxq7yn-3-11-2" }, hasError: { true: "_mvxq7yo-3-11-2" }, lineNumbers: { hidden: "_mvxq7yp-3-11-2", visible: "_mvxq7yq-3-11-2" }, readOnly: { true: "_mvxq7yr-3-11-2" }, size: { "default": "_mvxq7ys-3-11-2", condensed: "_mvxq7yt-3-11-2" } }, defaultVariants: { fullHeight: false, hasError: false, lineNumbers: "visible", readOnly: false, size: "default" }, compoundVariants: [[{ hasError: true, readOnly: false }, "_mvxq7yu-3-11-2"], [{ lineNumbers: "hidden", size: "default" }, "_mvxq7yv-3-11-2"], [{ lineNumbers: "hidden", size: "condensed" }, "_mvxq7yw-3-11-2"]] });
 export {
   autocompletionTypeText,
   editorContainer

package/esm/editors/base-code-editor/BaseCodeEditor.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/editors/base-code-editor/BaseCodeEditor.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../core/styles/diagnostic-tooltip.css';\nimport './BaseCodeEditor.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var autocompletionTypeText = '_mvxq7yx-3-11-0';\nexport var editorContainer = _7a468({defaultClassName:'_mvxq7yl-3-11-0',variantClassNames:{focusVisible:{true:'_mvxq7ym-3-11-0'},fullHeight:{true:'_mvxq7yn-3-11-0'},hasError:{true:'_mvxq7yo-3-11-0'},lineNumbers:{hidden:'_mvxq7yp-3-11-0',visible:'_mvxq7yq-3-11-0'},readOnly:{true:'_mvxq7yr-3-11-0'},size:{'default':'_mvxq7ys-3-11-0',condensed:'_mvxq7yt-3-11-0'}},defaultVariants:{fullHeight:false,hasError:false,lineNumbers:'visible',readOnly:false,size:'default'},compoundVariants:[[{hasError:true,readOnly:false},'_mvxq7yu-3-11-0'],[{lineNumbers:'hidden',size:'default'},'_mvxq7yv-3-11-0'],[{lineNumbers:'hidden',size:'condensed'},'_mvxq7yw-3-11-0']]});"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../core/styles/diagnostic-tooltip.css';\nimport './BaseCodeEditor.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var autocompletionTypeText = '_mvxq7yx-3-11-2';\nexport var editorContainer = _7a468({defaultClassName:'_mvxq7yl-3-11-2',variantClassNames:{focusVisible:{true:'_mvxq7ym-3-11-2'},fullHeight:{true:'_mvxq7yn-3-11-2'},hasError:{true:'_mvxq7yo-3-11-2'},lineNumbers:{hidden:'_mvxq7yp-3-11-2',visible:'_mvxq7yq-3-11-2'},readOnly:{true:'_mvxq7yr-3-11-2'},size:{'default':'_mvxq7ys-3-11-2',condensed:'_mvxq7yt-3-11-2'}},defaultVariants:{fullHeight:false,hasError:false,lineNumbers:'visible',readOnly:false,size:'default'},compoundVariants:[[{hasError:true,readOnly:false},'_mvxq7yu-3-11-2'],[{lineNumbers:'hidden',size:'default'},'_mvxq7yv-3-11-2'],[{lineNumbers:'hidden',size:'condensed'},'_mvxq7yw-3-11-2']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,yBAAyB;AAC7B,IAAI,kBAAkB,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,cAAa,EAAC,MAAK,kBAAiB,GAAE,YAAW,EAAC,MAAK,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,aAAY,EAAC,QAAO,mBAAkB,SAAQ,kBAAiB,GAAE,UAAS,EAAC,MAAK,kBAAiB,GAAE,MAAK,EAAC,WAAU,mBAAkB,WAAU,kBAAiB,EAAC,GAAE,iBAAgB,EAAC,YAAW,OAAM,UAAS,OAAM,aAAY,WAAU,UAAS,OAAM,MAAK,UAAS,GAAE,kBAAiB,CAAC,CAAC,EAAC,UAAS,MAAK,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,UAAS,GAAE,iBAAiB,GAAE,CAAC,EAAC,aAAY,UAAS,MAAK,YAAW,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

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

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

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

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import {
   Children,
   Fragment,
+  isValidElement,
   useCallback
 } from "react";
 import { useIntl } from "react-intl";
-import { isElement } from "react-is";
 import {
   CodeIcon,
   CopyIcon,
@@ -40,7 +40,7 @@ function isWrapperElement(child) {
 function getValidChildren(children) {
   const validChildren = [];
   for (const child of Children.toArray(children)) {
-    if (isElement(child)) {
+    if (isValidElement(child)) {
       if (isWrapperElement(child)) {
         validChildren.push(...getValidChildren(child.props.children));
         continue;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/actions-menu/ActionsMenu.tsx"],
-  "sourcesContent": ["import {\n  Children,\n  Fragment,\n  useCallback,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\nimport { isElement } from 'react-is';\n\nimport {\n  CodeIcon,\n  CopyIcon,\n  DotMenuIcon,\n  ExternalLinkIcon,\n} from '@dynatrace/strato-icons';\n\nimport { dqlEditorActionsMenuMessages } from './actions-menu-messages.js';\nimport * as styles from './ActionsMenu.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { KeyboardShortcut } from '../../../content/keyboard-shortcut/KeyboardShortcut.js';\nimport { DQL_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport type { WithChildren } from '../../../core/types/with-children.js';\nimport { devLog } from '../../../core/utils/logging.js';\nimport { isMacPlatform } from '../../../core/utils/user-agent-utils.js';\nimport { Group } from '../../../navigation/menu/Group.js';\nimport { Intent } from '../../../navigation/menu/Intent.js';\nimport { Item } from '../../../navigation/menu/Item.js';\nimport { Label } from '../../../navigation/menu/Label.js';\nimport { Link } from '../../../navigation/menu/Link.js';\nimport { Menu } from '../../../navigation/menu/Menu.js';\nimport { Sub } from '../../../navigation/menu/Sub.js';\n\n// Menu slot components allowed as children of `DQLEditor.ActionsMenu`\nconst ALLOWED_MENU_CHILDREN = new Set<unknown>([\n  Item,\n  Group,\n  Label,\n  Link,\n  Intent,\n  Sub,\n]);\n\n/**\n * Type guard for transparent wrappers (fragments and divs) whose children are\n * flattened and validated individually.\n */\nfunction isWrapperElement(\n  child: ReactElement,\n): child is ReactElement<PropsWithChildren> {\n  return child.type === Fragment || child.type === 'div';\n}\n\n/**\n * Iterates over child nodes and keeps only supported Menu slot components.\n */\nfunction getValidChildren(children: ReactNode): ReactNode[] {\n  const validChildren: ReactNode[] = [];\n  for (const child of Children.toArray(children)) {\n    if (isElement(child)) {\n      if (isWrapperElement(child)) {\n        // Flatten fragments and divs so their children are validated individually.\n        validChildren.push(...getValidChildren(child.props.children));\n        continue;\n      }\n      if (ALLOWED_MENU_CHILDREN.has(child.type)) {\n        validChildren.push(child);\n        continue;\n      }\n    }\n    devLog(\n      'Only Menu component items are supported as children of DQLEditor.ActionsMenu.',\n    );\n  }\n\n  return validChildren;\n}\n\n/**\n * Slot component that enables the actions menu in the DQLEditor.\n *\n * Rendering this component as a child of `DQLEditor` displays a kebab menu\n * with built-in actions (Copy query, Format query, Open documentation). Custom menu items\n * can be passed as children and will be rendered between the built-in actions.\n * @public\n */\nexport const ActionsMenu = (props: WithChildren): null => null;\n(ActionsMenu as typeof ActionsMenu & { displayName: string }).displayName =\n  'DQLEditor.ActionsMenu';\n\n/**\n * Props for the `ActionsMenuInternal` component.\n * @internal\n */\nexport interface ActionsMenuInternalProps extends PropsWithChildren {\n  /**\n   * Returns the editor's current content, copied to clipboard when the copy action is triggered.\n   */\n  getValue: () => string;\n  /**\n   * The editor's size variant affecting the trigger button and positioning.\n   */\n  size: 'default' | 'condensed';\n  /**\n   * When provided, a \"Format query\" item is shown in the menu.\n   */\n  onFormat?: () => void;\n}\n\n/**\n * Internal component that renders the DQLEditor actions menu.\n * @internal\n */\nexport const ActionsMenuInternal = ({\n  getValue,\n  size,\n  children,\n  onFormat,\n}: ActionsMenuInternalProps) => {\n  const intl = useIntl();\n  // getValue() is called at copy time (not at render time) so it always reads\n  // the current editor content from the ref, regardless of re-renders.\n  const copyToClipboard = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(getValue());\n    } catch {\n      // For now, we silently ignore clipboard write errors.\n    }\n  }, [getValue]);\n\n  const validChildren = getValidChildren(children);\n\n  const copyQueryMenuItem = (\n    <Menu.Item\n      onSelect={() => {\n        copyToClipboard().catch(() => void 0);\n      }}\n      data-dt-children-name=\"CopyQuery\"\n    >\n      <Menu.Prefix>\n        <CopyIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.copyQuery)}\n    </Menu.Item>\n  );\n\n  const openDocumentationMenuItem = (\n    <Menu.Link\n      href={DQL_DOCUMENTATION_URL}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      data-dt-children-name=\"OpenDocumentation\"\n    >\n      <Menu.Prefix>\n        <ExternalLinkIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.openDocumentation)}\n    </Menu.Link>\n  );\n\n  const formatQueryMenuItem = onFormat ? (\n    <Menu.Item onSelect={onFormat} data-dt-children-name=\"FormatQuery\">\n      <Menu.Prefix>\n        <CodeIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.formatQuery)}\n      <Menu.Suffix className={styles.formatQueryShortcut}>\n        <KeyboardShortcut\n          keys={isMacPlatform() ? 'Cmd+Shift+F' : 'Control+Shift+F'}\n          variant=\"minimal\"\n        />\n      </Menu.Suffix>\n    </Menu.Item>\n  ) : null;\n\n  return (\n    <div className={styles.actionsMenuWrapper({ size })}>\n      <Menu>\n        <Menu.Trigger>\n          <Button\n            variant=\"default\"\n            size={size}\n            aria-label={intl.formatMessage(\n              dqlEditorActionsMenuMessages.triggerLabel,\n            )}\n            data-dt-children-name=\"OpenActionsMenu\"\n          >\n            <Button.Prefix>\n              <DotMenuIcon />\n            </Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n        <Menu.Content>\n          <Menu.Group>\n            {copyQueryMenuItem}\n            {formatQueryMenuItem}\n            {validChildren}\n          </Menu.Group>\n          <Menu.Group>{openDocumentationMenuItem}</Menu.Group>\n        </Menu.Content>\n      </Menu>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  Children,\n  Fragment,\n  isValidElement,\n  useCallback,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { useIntl } from 'react-intl';\n\nimport {\n  CodeIcon,\n  CopyIcon,\n  DotMenuIcon,\n  ExternalLinkIcon,\n} from '@dynatrace/strato-icons';\n\nimport { dqlEditorActionsMenuMessages } from './actions-menu-messages.js';\nimport * as styles from './ActionsMenu.sty.js';\nimport { Button } from '../../../buttons/button/Button.js';\nimport { KeyboardShortcut } from '../../../content/keyboard-shortcut/KeyboardShortcut.js';\nimport { DQL_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport type { WithChildren } from '../../../core/types/with-children.js';\nimport { devLog } from '../../../core/utils/logging.js';\nimport { isMacPlatform } from '../../../core/utils/user-agent-utils.js';\nimport { Group } from '../../../navigation/menu/Group.js';\nimport { Intent } from '../../../navigation/menu/Intent.js';\nimport { Item } from '../../../navigation/menu/Item.js';\nimport { Label } from '../../../navigation/menu/Label.js';\nimport { Link } from '../../../navigation/menu/Link.js';\nimport { Menu } from '../../../navigation/menu/Menu.js';\nimport { Sub } from '../../../navigation/menu/Sub.js';\n\n// Menu slot components allowed as children of `DQLEditor.ActionsMenu`\nconst ALLOWED_MENU_CHILDREN = new Set<unknown>([\n  Item,\n  Group,\n  Label,\n  Link,\n  Intent,\n  Sub,\n]);\n\n/**\n * Type guard for transparent wrappers (fragments and divs) whose children are\n * flattened and validated individually.\n */\nfunction isWrapperElement(\n  child: ReactElement,\n): child is ReactElement<PropsWithChildren> {\n  return child.type === Fragment || child.type === 'div';\n}\n\n/**\n * Iterates over child nodes and keeps only supported Menu slot components.\n */\nfunction getValidChildren(children: ReactNode): ReactNode[] {\n  const validChildren: ReactNode[] = [];\n  for (const child of Children.toArray(children)) {\n    if (isValidElement(child)) {\n      if (isWrapperElement(child)) {\n        // Flatten fragments and divs so their children are validated individually.\n        validChildren.push(...getValidChildren(child.props.children));\n        continue;\n      }\n      if (ALLOWED_MENU_CHILDREN.has(child.type)) {\n        validChildren.push(child);\n        continue;\n      }\n    }\n    devLog(\n      'Only Menu component items are supported as children of DQLEditor.ActionsMenu.',\n    );\n  }\n\n  return validChildren;\n}\n\n/**\n * Slot component that enables the actions menu in the DQLEditor.\n *\n * Rendering this component as a child of `DQLEditor` displays a kebab menu\n * with built-in actions (Copy query, Format query, Open documentation). Custom menu items\n * can be passed as children and will be rendered between the built-in actions.\n * @public\n */\nexport const ActionsMenu = (props: WithChildren): null => null;\n(ActionsMenu as typeof ActionsMenu & { displayName: string }).displayName =\n  'DQLEditor.ActionsMenu';\n\n/**\n * Props for the `ActionsMenuInternal` component.\n * @internal\n */\nexport interface ActionsMenuInternalProps extends PropsWithChildren {\n  /**\n   * Returns the editor's current content, copied to clipboard when the copy action is triggered.\n   */\n  getValue: () => string;\n  /**\n   * The editor's size variant affecting the trigger button and positioning.\n   */\n  size: 'default' | 'condensed';\n  /**\n   * When provided, a \"Format query\" item is shown in the menu.\n   */\n  onFormat?: () => void;\n}\n\n/**\n * Internal component that renders the DQLEditor actions menu.\n * @internal\n */\nexport const ActionsMenuInternal = ({\n  getValue,\n  size,\n  children,\n  onFormat,\n}: ActionsMenuInternalProps) => {\n  const intl = useIntl();\n  // getValue() is called at copy time (not at render time) so it always reads\n  // the current editor content from the ref, regardless of re-renders.\n  const copyToClipboard = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(getValue());\n    } catch {\n      // For now, we silently ignore clipboard write errors.\n    }\n  }, [getValue]);\n\n  const validChildren = getValidChildren(children);\n\n  const copyQueryMenuItem = (\n    <Menu.Item\n      onSelect={() => {\n        copyToClipboard().catch(() => void 0);\n      }}\n      data-dt-children-name=\"CopyQuery\"\n    >\n      <Menu.Prefix>\n        <CopyIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.copyQuery)}\n    </Menu.Item>\n  );\n\n  const openDocumentationMenuItem = (\n    <Menu.Link\n      href={DQL_DOCUMENTATION_URL}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      data-dt-children-name=\"OpenDocumentation\"\n    >\n      <Menu.Prefix>\n        <ExternalLinkIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.openDocumentation)}\n    </Menu.Link>\n  );\n\n  const formatQueryMenuItem = onFormat ? (\n    <Menu.Item onSelect={onFormat} data-dt-children-name=\"FormatQuery\">\n      <Menu.Prefix>\n        <CodeIcon />\n      </Menu.Prefix>\n      {intl.formatMessage(dqlEditorActionsMenuMessages.formatQuery)}\n      <Menu.Suffix className={styles.formatQueryShortcut}>\n        <KeyboardShortcut\n          keys={isMacPlatform() ? 'Cmd+Shift+F' : 'Control+Shift+F'}\n          variant=\"minimal\"\n        />\n      </Menu.Suffix>\n    </Menu.Item>\n  ) : null;\n\n  return (\n    <div className={styles.actionsMenuWrapper({ size })}>\n      <Menu>\n        <Menu.Trigger>\n          <Button\n            variant=\"default\"\n            size={size}\n            aria-label={intl.formatMessage(\n              dqlEditorActionsMenuMessages.triggerLabel,\n            )}\n            data-dt-children-name=\"OpenActionsMenu\"\n          >\n            <Button.Prefix>\n              <DotMenuIcon />\n            </Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n        <Menu.Content>\n          <Menu.Group>\n            {copyQueryMenuItem}\n            {formatQueryMenuItem}\n            {validChildren}\n          </Menu.Group>\n          <Menu.Group>{openDocumentationMenuItem}</Menu.Group>\n        </Menu.Content>\n      </Menu>\n    </div>\n  );\n};\n"],
+  "mappings": "AAsII,SAOI,KAPJ;AAtIJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oCAAoC;AAC7C,YAAY,YAAY;AACxB,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,6BAA6B;AAEtC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AAGpB,MAAM,wBAAwB,oBAAI,IAAa;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAMD,SAAS,iBACP,OAC0C;AAC1C,SAAO,MAAM,SAAS,YAAY,MAAM,SAAS;AACnD;AAKA,SAAS,iBAAiB,UAAkC;AAC1D,QAAM,gBAA6B,CAAC;AACpC,aAAW,SAAS,SAAS,QAAQ,QAAQ,GAAG;AAC9C,QAAI,eAAe,KAAK,GAAG;AACzB,UAAI,iBAAiB,KAAK,GAAG;AAE3B,sBAAc,KAAK,GAAG,iBAAiB,MAAM,MAAM,QAAQ,CAAC;AAC5D;AAAA,MACF;AACA,UAAI,sBAAsB,IAAI,MAAM,IAAI,GAAG;AACzC,sBAAc,KAAK,KAAK;AACxB;AAAA,MACF;AAAA,IACF;AACA;AAAA,MACE;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAUO,MAAM,cAAc,CAAC,UAA8B;AACzD,YAA6D,cAC5D;AAyBK,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAgC;AAC9B,QAAM,OAAO,QAAQ;AAGrB,QAAM,kBAAkB,YAAY,YAAY;AAC9C,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,SAAS,CAAC;AAAA,IAChD,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,gBAAgB,iBAAiB,QAAQ;AAE/C,QAAM,oBACJ;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,UAAU,MAAM;AACd,wBAAgB,EAAE,MAAM,MAAM,MAAM;AAAA,MACtC;AAAA,MACA,yBAAsB;AAAA,MAEtB;AAAA,4BAAC,KAAK,QAAL,EACC,8BAAC,YAAS,GACZ;AAAA,QACC,KAAK,cAAc,6BAA6B,SAAS;AAAA;AAAA;AAAA,EAC5D;AAGF,QAAM,4BACJ;AAAA,IAAC,KAAK;AAAA,IAAL;AAAA,MACC,MAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,yBAAsB;AAAA,MAEtB;AAAA,4BAAC,KAAK,QAAL,EACC,8BAAC,oBAAiB,GACpB;AAAA,QACC,KAAK,cAAc,6BAA6B,iBAAiB;AAAA;AAAA;AAAA,EACpE;AAGF,QAAM,sBAAsB,WAC1B,qBAAC,KAAK,MAAL,EAAU,UAAU,UAAU,yBAAsB,eACnD;AAAA,wBAAC,KAAK,QAAL,EACC,8BAAC,YAAS,GACZ;AAAA,IACC,KAAK,cAAc,6BAA6B,WAAW;AAAA,IAC5D,oBAAC,KAAK,QAAL,EAAY,WAAW,OAAO,qBAC7B;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,cAAc,IAAI,gBAAgB;AAAA,QACxC,SAAQ;AAAA;AAAA,IACV,GACF;AAAA,KACF,IACE;AAEJ,SACE,oBAAC,SAAI,WAAW,OAAO,mBAAmB,EAAE,KAAK,CAAC,GAChD,+BAAC,QACC;AAAA,wBAAC,KAAK,SAAL,EACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR;AAAA,QACA,cAAY,KAAK;AAAA,UACf,6BAA6B;AAAA,QAC/B;AAAA,QACA,yBAAsB;AAAA,QAEtB,8BAAC,OAAO,QAAP,EACC,8BAAC,eAAY,GACf;AAAA;AAAA,IACF,GACF;AAAA,IACA,qBAAC,KAAK,SAAL,EACC;AAAA,2BAAC,KAAK,OAAL,EACE;AAAA;AAAA,QACA;AAAA,QACA;AAAA,SACH;AAAA,MACA,oBAAC,KAAK,OAAL,EAAY,qCAA0B;AAAA,OACzC;AAAA,KACF,GACF;AAEJ;",
   "names": []
 }

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-11-0", variantClassNames: { size: { "default": "_1okebta3-3-11-0", condensed: "_1okebta4-3-11-0" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
-var editorWithActionsMenu = { "default": "_1okebta5-3-11-0", condensed: "_1okebta6-3-11-0" };
-var editorWrapper = "_1okebta0-3-11-0";
-var editorWrapperFullHeight = "_1okebta1-3-11-0";
-var formatQueryShortcut = "_1okebta7-3-11-0";
+var actionsMenuWrapper = _7a468({ defaultClassName: "_1okebta2-3-11-2", variantClassNames: { size: { "default": "_1okebta3-3-11-2", condensed: "_1okebta4-3-11-2" } }, defaultVariants: { size: "default" }, compoundVariants: [] });
+var editorWithActionsMenu = { "default": "_1okebta5-3-11-2", condensed: "_1okebta6-3-11-2" };
+var editorWrapper = "_1okebta0-3-11-2";
+var editorWrapperFullHeight = "_1okebta1-3-11-2";
+var formatQueryShortcut = "_1okebta7-3-11-2";
 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-11-0',variantClassNames:{size:{'default':'_1okebta3-3-11-0',condensed:'_1okebta4-3-11-0'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-11-0',condensed:'_1okebta6-3-11-0'};\nexport var editorWrapper = '_1okebta0-3-11-0';\nexport var editorWrapperFullHeight = '_1okebta1-3-11-0';\nexport var formatQueryShortcut = '_1okebta7-3-11-0';"],
+  "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-11-2',variantClassNames:{size:{'default':'_1okebta3-3-11-2',condensed:'_1okebta4-3-11-2'}},defaultVariants:{size:'default'},compoundVariants:[]});\nexport var editorWithActionsMenu = {'default':'_1okebta5-3-11-2',condensed:'_1okebta6-3-11-2'};\nexport var editorWrapper = '_1okebta0-3-11-2';\nexport var editorWrapperFullHeight = '_1okebta1-3-11-2';\nexport var formatQueryShortcut = '_1okebta7-3-11-2';"],
   "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/dql/SuggestionPart.css

@@ -1,4 +1,4 @@
-._yhio8f0-3-11-0 {
+._yhio8f0-3-11-2 {
   display: inline;
   margin-right: 0.5ch;
 }

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js

@@ -1,5 +1,5 @@
 import "./SuggestionPart.css";
-var suggestionPartSectionInfoCSS = "_yhio8f0-3-11-0";
+var suggestionPartSectionInfoCSS = "_yhio8f0-3-11-2";
 export {
   suggestionPartSectionInfoCSS
 };

package/esm/editors/dql-editor/dql/SuggestionPart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/editors/dql-editor/dql/SuggestionPart.css.ts"],
-  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-11-0';"],
+  "sourcesContent": ["import './SuggestionPart.css';\nexport var suggestionPartSectionInfoCSS = '_yhio8f0-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,+BAA+B;",
   "names": []
 }

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

@@ -1,8 +1,8 @@
 .cm-tooltip.cm-tooltip-autocomplete {
   container-type: inline-size;
-  container-name: _cpuf060-3-11-0;
+  container-name: _cpuf060-3-11-2;
 }
-._cpuf061-3-11-0 {
+._cpuf061-3-11-2 {
   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);
 }
-._cpuf062-3-11-0 {
+._cpuf062-3-11-2 {
   align-items: center;
   gap: var(--dt-spacings-size-16, 16px);
 }
-._cpuf063-3-11-0 {
+._cpuf063-3-11-2 {
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
 }
-@container _cpuf060-3-11-0 (max-width: 289px) {
-  ._cpuf061-3-11-0 {
+@container _cpuf060-3-11-2 (max-width: 289px) {
+  ._cpuf061-3-11-2 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);
   }
-  ._cpuf062-3-11-0 {
+  ._cpuf062-3-11-2 {
     flex-direction: column;
     align-items: flex-start;
     gap: var(--dt-spacings-size-8, 8px);

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

@@ -1,7 +1,7 @@
 import "./SuggestionsInfoSection.css";
-var container = "_cpuf061-3-11-0";
-var shortcutLabel = "_cpuf063-3-11-0";
-var shortcutsGroup = "_cpuf062-3-11-0";
+var container = "_cpuf061-3-11-2";
+var shortcutLabel = "_cpuf063-3-11-2";
+var shortcutsGroup = "_cpuf062-3-11-2";
 export {
   container,
   shortcutLabel,

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

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

package/esm/filters/filter/FilterBar.js

@@ -9,7 +9,6 @@ import {
   Children
 } from "react";
 import { IntlProvider } from "react-intl";
-import { isElement } from "react-is";
 import { getLanguage } from "@dynatrace-sdk/user-preferences";
 import { FilterBarContext } from "./contexts/FilterBarContext.js";
 import { Item } from "./Item.js";
@@ -44,7 +43,7 @@ function getItemSlotsAndDefaultPinnedFilters(children, defaultPinnedState) {
         default:
           slots.items.push(child);
       }
-    } else if (isElement(child) && child.type === ResetButton) {
+    } else if (isSlot(child, ResetButton)) {
       slots.reset = child;
     } else if (child !== null) {
       console.warn("The used child is not supported by the FilterBar.");
@@ -75,7 +74,7 @@ const _FilterBar = /* @__PURE__ */ forwardRef(
     const [isInitialized, setIsInitialized] = useState(false);
     const callback = useCallback(
       (state2, action) => (
-        // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore Strict mode transition - needs to be investigated
         reducer(state2, action, !!pinnedState, onPinnedStateChange)
       ),

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';\nimport { isElement } from 'react-is';\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,\n    DataTestId,\n    MaskingProps,\n    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 (isElement(child) && child.type === 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/prefer-ts-expect-error, @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      // 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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",
   "names": ["state"]
 }

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

@@ -4,9 +4,9 @@ import {
 import {
   FormattedMessage
 } from "react-intl";
-import { isElement } from "react-is";
+import { isSlot } from "../../../core/utils/is-slot.js";
 function isFormattedMessageElement(node) {
-  return isElement(node) && node.type !== void 0 && node.type === FormattedMessage;
+  return isSlot(node, FormattedMessage);
 }
 const getTextFromNode = (children, intl, name) => {
   if (!children) {

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';\nimport { isElement } from 'react-is';\n\nimport type { AriaLabelingProps } from '../../../core/types/a11y-props.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 (\n    isElement(node) && node.type !== undefined && node.type === FormattedMessage\n  );\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;AACP,SAAS,iBAAiB;AAI1B,SAAS,0BACP,MAG2E;AAC3E,SACE,UAAU,IAAI,KAAK,KAAK,SAAS,UAAa,KAAK,SAAS;AAEhE;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;",
+  "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"],
+  "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": []
 }