@dynatrace/strato-components 3.11.3 → 3.12.0

package/typography/code/Code.css

@@ -1,4 +1,4 @@
-._1v51izp0-3-11-3 {
+._1v51izp0-3-12-0 {
   background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);

package/typography/code/Code.sty.js

@@ -21,4 +21,4 @@ __export(Code_css_exports, {
 });
 module.exports = __toCommonJS(Code_css_exports);
 var import_Code_css_ts_vanilla = require("./Code.css");
-var codeCSS = "_1v51izp0-3-11-3";
+var codeCSS = "_1v51izp0-3-12-0";

package/typography/emphasis/Emphasis.css

@@ -1,4 +1,4 @@
-._1r35rtu0-3-11-3 {
+._1r35rtu0-3-12-0 {
   font-style: italic;
   overflow-wrap: break-word;
 }

package/typography/emphasis/Emphasis.sty.js

@@ -21,4 +21,4 @@ __export(Emphasis_css_exports, {
 });
 module.exports = __toCommonJS(Emphasis_css_exports);
 var import_Emphasis_css_ts_vanilla = require("./Emphasis.css");
-var emphasisCSS = "_1r35rtu0-3-11-3";
+var emphasisCSS = "_1r35rtu0-3-12-0";

package/typography/external-link/ExternalLink.css

@@ -1,22 +1,22 @@
-._1v1skpy0-3-11-3 {
+._1v1skpy0-3-12-0 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1v1skpy0-3-11-3:hover {
+._1v1skpy0-3-12-0:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1v1skpy0-3-11-3:active {
+._1v1skpy0-3-12-0:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1v1skpy0-3-11-3:focus-visible {
+._1v1skpy0-3-12-0:focus-visible {
   text-decoration: none;
 }
-._1v1skpy0-3-11-3 > span:last-child {
+._1v1skpy0-3-12-0 > span:last-child {
   white-space: nowrap;
 }
-._1v1skpy0-3-11-3 > span:last-child > svg {
+._1v1skpy0-3-12-0 > span:last-child > svg {
   margin-left: var(--dt-spacings-size-2, 2px);
   width: 1lh;
   height: 1lh;

package/typography/external-link/ExternalLink.d.ts

@@ -1,4 +1,4 @@
-import { type MouseEventHandler } from 'react';
+import { type AriaRole, type MouseEventHandler } from 'react';
 import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
 import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
 import type { DataTestId } from '../../core/types/data-props.js';
@@ -13,6 +13,8 @@ import type { WithChildren } from '../../core/types/with-children.js';
 export interface ExternalLinkProps extends WithChildren, DOMProps, AriaLabelingProps, StylingProps, DataTestId, MaskingProps, BehaviorTrackingProps {
     /** The href used for the link. */
     href: string;
+    /** Explicit ARIA role for the rendered anchor element. */
+    role?: AriaRole;
     /** Callback handler called on click. */
     onClick?: MouseEventHandler;
 }

package/typography/external-link/ExternalLink.sty.js

@@ -22,4 +22,4 @@ __export(ExternalLink_css_exports, {
 module.exports = __toCommonJS(ExternalLink_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_ExternalLink_css_ts_vanilla = require("./ExternalLink.css");
-var externalLink = "_1v1skpy0-3-11-3 _z0fq9b4-3-11-3 _z0fq9be-3-11-3 _z0fq9b5-3-11-3 _z0fq9b9-3-11-3";
+var externalLink = "_1v1skpy0-3-12-0 _z0fq9b4-3-12-0 _z0fq9be-3-12-0 _z0fq9b5-3-12-0 _z0fq9b9-3-12-0";

package/typography/heading/Heading.css

@@ -1,10 +1,10 @@
-._5ei34w0-3-11-3 {
+._5ei34w0-3-12-0 {
   margin: 0;
   overflow-wrap: break-word;
   font-style: normal;
   color: inherit;
 }
-._5ei34w1-3-11-3 {
+._5ei34w1-3-12-0 {
   font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-1-size, 32px);
   font-weight: var(--dt-typography-heading-level-1-weight, 600);
@@ -12,7 +12,7 @@
   text-transform: var(--dt-typography-heading-level-1-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
 }
-._5ei34w2-3-11-3 {
+._5ei34w2-3-12-0 {
   font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-2-size, 28px);
   font-weight: var(--dt-typography-heading-level-2-weight, 600);
@@ -20,7 +20,7 @@
   text-transform: var(--dt-typography-heading-level-2-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
 }
-._5ei34w3-3-11-3 {
+._5ei34w3-3-12-0 {
   font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-3-size, 24px);
   font-weight: var(--dt-typography-heading-level-3-weight, 600);
@@ -28,7 +28,7 @@
   text-transform: var(--dt-typography-heading-level-3-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
 }
-._5ei34w4-3-11-3 {
+._5ei34w4-3-12-0 {
   font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-4-size, 20px);
   font-weight: var(--dt-typography-heading-level-4-weight, 600);
@@ -36,7 +36,7 @@
   text-transform: var(--dt-typography-heading-level-4-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
 }
-._5ei34w5-3-11-3 {
+._5ei34w5-3-12-0 {
   font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-5-size, 16px);
   font-weight: var(--dt-typography-heading-level-5-weight, 600);
@@ -44,7 +44,7 @@
   text-transform: var(--dt-typography-heading-level-5-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
 }
-._5ei34w6-3-11-3 {
+._5ei34w6-3-12-0 {
   font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-6-size, 14px);
   font-weight: var(--dt-typography-heading-level-6-weight, 600);

package/typography/heading/Heading.sty.js

@@ -22,4 +22,4 @@ __export(Heading_css_exports, {
 module.exports = __toCommonJS(Heading_css_exports);
 var import_Heading_css_ts_vanilla = require("./Heading.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-3-11-3", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-11-3", "2": "_5ei34w2-3-11-3", "3": "_5ei34w3-3-11-3", "4": "_5ei34w4-3-11-3", "5": "_5ei34w5-3-11-3", "6": "_5ei34w6-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
+var headingCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_5ei34w0-3-12-0", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-12-0", "2": "_5ei34w2-3-12-0", "3": "_5ei34w3-3-12-0", "4": "_5ei34w4-3-12-0", "5": "_5ei34w5-3-12-0", "6": "_5ei34w6-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/highlight/Highlight.css

@@ -1,8 +1,8 @@
-._lajjl30-3-11-3 {
+._lajjl30-3-12-0 {
   white-space: pre-wrap;
   flex: none;
 }
-._lajjl30-3-11-3::highlight(strato-typography-highlight), ._lajjl30-3-11-3 *::highlight(strato-typography-highlight) {
+._lajjl30-3-12-0::highlight(strato-typography-highlight), ._lajjl30-3-12-0 *::highlight(strato-typography-highlight) {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   background: var(--dt-colors-background-container-neutral-accent, #5b5c81);
 }

package/typography/highlight/Highlight.sty.js

@@ -21,4 +21,4 @@ __export(Highlight_css_exports, {
 });
 module.exports = __toCommonJS(Highlight_css_exports);
 var import_Highlight_css_ts_vanilla = require("./Highlight.css");
-var wrapper = "_lajjl30-3-11-3";
+var wrapper = "_lajjl30-3-12-0";

package/typography/link/Link.css

@@ -1,15 +1,15 @@
-._1iksxp40-3-11-3 {
+._1iksxp40-3-12-0 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1iksxp40-3-11-3:hover {
+._1iksxp40-3-12-0:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1iksxp40-3-11-3:active {
+._1iksxp40-3-12-0:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1iksxp40-3-11-3:focus-visible {
+._1iksxp40-3-12-0:focus-visible {
   text-decoration: none;
 }

package/typography/link/Link.sty.js

@@ -22,4 +22,4 @@ __export(Link_css_exports, {
 module.exports = __toCommonJS(Link_css_exports);
 var import_focusRingStatic_css_ts_vanilla = require("../../core/styles/focusRingStatic.css");
 var import_Link_css_ts_vanilla = require("./Link.css");
-var link = "_1iksxp40-3-11-3 _z0fq9b4-3-11-3 _z0fq9be-3-11-3 _z0fq9b5-3-11-3 _z0fq9b9-3-11-3";
+var link = "_1iksxp40-3-12-0 _z0fq9b4-3-12-0 _z0fq9be-3-12-0 _z0fq9b5-3-12-0 _z0fq9b9-3-12-0";

package/typography/list/List.css

@@ -1,16 +1,16 @@
-._16276mt0-3-11-3 {
+._16276mt0-3-12-0 {
   margin: 0;
   padding-left: var(--dt-spacings-size-40, 40px);
 }
-._16276mt0-3-11-3 ._16276mt0-3-11-3 {
+._16276mt0-3-12-0 ._16276mt0-3-12-0 {
   margin-block: var(--dt-spacings-size-4, 4px);
   padding-left: var(--dt-spacings-size-28, 28px);
 }
-._16276mt1-3-11-3 {
+._16276mt1-3-12-0 {
   position: relative;
   overflow-wrap: break-word;
   margin-block: var(--dt-spacings-size-2, 2px);
 }
-._16276mt1-3-11-3::marker {
+._16276mt1-3-12-0::marker {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
 }

package/typography/list/List.sty.js

@@ -22,5 +22,5 @@ __export(List_css_exports, {
 });
 module.exports = __toCommonJS(List_css_exports);
 var import_List_css_ts_vanilla = require("./List.css");
-var listCSS = "_16276mt0-3-11-3";
-var listItemCSS = "_16276mt1-3-11-3";
+var listCSS = "_16276mt0-3-12-0";
+var listItemCSS = "_16276mt1-3-12-0";

package/typography/paragraph/Paragraph.css

@@ -1,17 +1,17 @@
-._487p2n0-3-11-3 {
+._487p2n0-3-12-0 {
   margin-top: 0;
   margin-bottom: 0;
   overflow-wrap: break-word;
   color: inherit;
   font-style: normal;
 }
-._487p2n1-3-11-3 {
+._487p2n1-3-12-0 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._487p2n2-3-11-3 {
+._487p2n2-3-12-0 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/paragraph/Paragraph.sty.js

@@ -22,4 +22,4 @@ __export(Paragraph_css_exports, {
 module.exports = __toCommonJS(Paragraph_css_exports);
 var import_Paragraph_css_ts_vanilla = require("./Paragraph.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-3-11-3", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-11-3", multiLine: "_487p2n2-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
+var paragraph = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_487p2n0-3-12-0", variantClassNames: { ellipsis: { singleLine: "_487p2n1-3-12-0", multiLine: "_487p2n2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/strikethrough/Strikethrough.css

@@ -1,4 +1,4 @@
-._4oao6y0-3-11-3 {
+._4oao6y0-3-12-0 {
   text-decoration: line-through;
   text-decoration-style: solid;
   overflow-wrap: break-word;

package/typography/strikethrough/Strikethrough.sty.js

@@ -21,4 +21,4 @@ __export(Strikethrough_css_exports, {
 });
 module.exports = __toCommonJS(Strikethrough_css_exports);
 var import_Strikethrough_css_ts_vanilla = require("./Strikethrough.css");
-var strikethroughCSS = "_4oao6y0-3-11-3";
+var strikethroughCSS = "_4oao6y0-3-12-0";

package/typography/strong/Strong.css

@@ -1,4 +1,4 @@
-._wxp4dd0-3-11-3 {
+._wxp4dd0-3-12-0 {
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   overflow-wrap: break-word;
 }

package/typography/strong/Strong.sty.js

@@ -21,4 +21,4 @@ __export(Strong_css_exports, {
 });
 module.exports = __toCommonJS(Strong_css_exports);
 var import_Strong_css_ts_vanilla = require("./Strong.css");
-var strongCSS = "_wxp4dd0-3-11-3";
+var strongCSS = "_wxp4dd0-3-12-0";

package/typography/text/Text.css

@@ -1,16 +1,16 @@
-._rup8ap0-3-11-3 {
+._rup8ap0-3-12-0 {
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   overflow-wrap: break-word;
 }
-._rup8ap1-3-11-3 {
+._rup8ap1-3-12-0 {
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-._rup8ap2-3-11-3 {
+._rup8ap2-3-12-0 {
   display: -webkit-box;
   -webkit-line-clamp: var(--strato-ellipsis-line-clamp);
   -webkit-box-orient: vertical;

package/typography/text/Text.sty.js

@@ -22,4 +22,4 @@ __export(Text_css_exports, {
 module.exports = __toCommonJS(Text_css_exports);
 var import_Text_css_ts_vanilla = require("./Text.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-3-11-3", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-11-3", multiLine: "_rup8ap2-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
+var text = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_rup8ap0-3-12-0", variantClassNames: { ellipsis: { singleLine: "_rup8ap1-3-12-0", multiLine: "_rup8ap2-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/text-ellipsis/TextEllipsis.css

@@ -1,4 +1,4 @@
-._1mnpbqs1-3-11-3 {
+._1mnpbqs1-3-12-0 {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: middle;
@@ -9,18 +9,18 @@
   text-decoration: inherit;
   width: 100%;
 }
-._1mnpbqs2-3-11-3 {
+._1mnpbqs2-3-12-0 {
   text-overflow: ellipsis;
   direction: rtl;
   text-align: left;
 }
-._1mnpbqs2-3-11-3::after, ._1mnpbqs2-3-11-3::before {
+._1mnpbqs2-3-12-0::after, ._1mnpbqs2-3-12-0::before {
   content: "‎";
 }
-._1mnpbqs3-3-11-3 {
+._1mnpbqs3-3-12-0 {
   text-overflow: clip;
 }
-._1mnpbqs3-3-11-3._1mnpbqs0-3-11-3:after {
+._1mnpbqs3-3-12-0._1mnpbqs0-3-12-0:after {
   content: attr(data-sourcetext) / "";
   color: transparent;
   display: table;
@@ -28,6 +28,6 @@
   line-height: 0;
   user-select: none;
 }
-._1mnpbqs4-3-11-3 {
+._1mnpbqs4-3-12-0 {
   text-overflow: ellipsis;
 }

package/typography/text-ellipsis/TextEllipsis.sty.js

@@ -23,5 +23,5 @@ __export(TextEllipsis_css_exports, {
 module.exports = __toCommonJS(TextEllipsis_css_exports);
 var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var active = "_1mnpbqs0-3-11-3";
-var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-3-11-3", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-11-3", middle: "_1mnpbqs3-3-11-3", end: "_1mnpbqs4-3-11-3" } }, defaultVariants: {}, compoundVariants: [] });
+var active = "_1mnpbqs0-3-12-0";
+var ellipsis = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs1-3-12-0", variantClassNames: { truncationMode: { start: "_1mnpbqs2-3-12-0", middle: "_1mnpbqs3-3-12-0", end: "_1mnpbqs4-3-12-0" } }, defaultVariants: {}, compoundVariants: [] });

package/editors/dql-editor/dql/DocumentationLink.d.ts

@@ -1,13 +0,0 @@
-import type { AutocompleteSuggestionPart } from '@dynatrace-sdk/client-query';
-/**
- * Generates URLs to the docs for DQL commands and functions.
- * Maps supported token types to static URL parts ('COMMAND_NAME' to 'command', 'FUNCTION_NAME' to 'function', 'TIMESERIES_AGGREGATION' to 'timeseries').
- * FIXME: This is a tempory solution (EXA-4874) and will be replaced by URLs provided by the server (EXA-5121).
- * @param suggestion - the autocomplete suggestion as returned by the endpoint
- * @returns the generated URL, or 'undefined' if any other token type then 'COMMAND_NAME' or 'FUNCTION_NAME'
- */
-export declare function generateDocumentationLink(suggestion: AutocompleteSuggestionPart | undefined): string | undefined;
-export declare const DocumentationLink: ({ suggestionPart, }: {
-    suggestionPart: AutocompleteSuggestionPart | undefined;
-}) => import("react").JSX.Element | null;
-//# sourceMappingURL=DocumentationLink.d.ts.map

package/editors/dql-editor/dql/SuggestionPart.css

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

package/editors/dql-editor/dql/SuggestionPart.css.d.ts

@@ -1,2 +0,0 @@
-export declare const suggestionPartSectionInfoCSS: string;
-//# sourceMappingURL=SuggestionPart.css.d.ts.map

package/editors/dql-editor/dql/SuggestionPart.d.ts

@@ -1,7 +0,0 @@
-import { AutocompleteSuggestionPart } from '@dynatrace-sdk/client-query';
-type Props = {
-    suggestionPart: AutocompleteSuggestionPart;
-};
-export declare const SuggestionPart: (props: Props) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=SuggestionPart.d.ts.map

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

@@ -1,50 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SuggestionPart_exports = {};
-__export(SuggestionPart_exports, {
-  SuggestionPart: () => SuggestionPart
-});
-module.exports = __toCommonJS(SuggestionPart_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_DocumentationLink = require("./DocumentationLink.js");
-var import_SuggestionPart_css = require("./SuggestionPart.sty.js");
-var import_CodeSnippet = require("../../../content/code-snippet/CodeSnippet.js");
-var import_Flex = require("../../../layouts/flex/Flex.js");
-var import_safe_sprinkles = require("../../../styles/safe-sprinkles.js");
-var import_Text = require("../../../typography/text/Text.js");
-const SuggestionPart = (props) => {
-  const { suggestionPart } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Flex.Flex, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Text.Text, { textStyle: "base", className: import_SuggestionPart_css.suggestionPartSectionInfoCSS, children: [
-      suggestionPart.info,
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DocumentationLink.DocumentationLink, { suggestionPart })
-    ] }),
-    suggestionPart.synopsis && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_CodeSnippet.CodeSnippet,
-      {
-        language: "dql",
-        showLineNumbers: false,
-        showCopyAction: false,
-        lineBreaks: true,
-        className: (0, import_safe_sprinkles.globalSprinkles)({ marginTop: 4 }),
-        children: suggestionPart.synopsis
-      }
-    )
-  ] });
-};

package/editors/dql-editor/dql/SuggestionsInfoSection.d.ts

@@ -1,2 +0,0 @@
-export declare const SuggestionsInfoSection: () => import("react").JSX.Element;
-//# sourceMappingURL=SuggestionsInfoSection.d.ts.map

package/editors/dql-editor/dql/suggestion-autocompletions.d.ts

@@ -1,10 +0,0 @@
-import { type SuggestionCache } from './get-suggestions.js';
-import type { AutocompleteProvider } from '../../base-code-editor/auto-completion/autocompletion.extension.js';
-/**
- * Creates the DQL autocomplete provider bound to a `cache` owned by the calling
- * editor instance. Keeping the cache per-instance ensures suggestions never
- * outlive the editor or leak between editors (or between dev-app stories).
- * @param cache - the suggestion cache owned by the editor instance.
- */
-export declare const createSuggestionAutocompletion: (cache: SuggestionCache) => AutocompleteProvider;
-//# sourceMappingURL=suggestion-autocompletions.d.ts.map

package/esm/editors/dql-editor/dql/DocumentationLink.js

@@ -1,27 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { DQL_DOCUMENTATION_URL_PREFIX } from "../../../core/external-links.js";
-import { ExternalLink } from "../../../typography/external-link/ExternalLink.js";
-function generateDocumentationLink(suggestion) {
-  const supportedTypes = /* @__PURE__ */ new Map();
-  supportedTypes.set("COMMAND_NAME", "command");
-  supportedTypes.set("FUNCTION_NAME", "function");
-  supportedTypes.set("TIMESERIES_AGGREGATION", "timeseries");
-  if (!suggestion?.type || !Array.from(supportedTypes.keys()).includes(suggestion.type)) {
-    return void 0;
-  }
-  const encoded = encodeURI(
-    `${supportedTypes.get(suggestion.type)}_${suggestion.suggestion}`
-  );
-  return `${DQL_DOCUMENTATION_URL_PREFIX}${encoded}`;
-}
-const DocumentationLink = ({
-  suggestionPart
-}) => {
-  const docUrl = generateDocumentationLink(suggestionPart);
-  return docUrl ? /* @__PURE__ */ jsx(ExternalLink, { href: docUrl, "data-dt-name": "LearnMore", children: "Learn more" }) : null;
-};
-export {
-  DocumentationLink,
-  generateDocumentationLink
-};
-//# sourceMappingURL=DocumentationLink.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/editors/dql-editor/dql/DocumentationLink.tsx"],
-  "sourcesContent": ["import type { AutocompleteSuggestionPart } from '@dynatrace-sdk/client-query';\n\nimport { DQL_DOCUMENTATION_URL_PREFIX } from '../../../core/external-links.js';\nimport { ExternalLink } from '../../../typography/external-link/ExternalLink.js';\n\n/**\n * Generates URLs to the docs for DQL commands and functions.\n * Maps supported token types to static URL parts ('COMMAND_NAME' to 'command', 'FUNCTION_NAME' to 'function', 'TIMESERIES_AGGREGATION' to 'timeseries').\n * FIXME: This is a tempory solution (EXA-4874) and will be replaced by URLs provided by the server (EXA-5121).\n * @param suggestion - the autocomplete suggestion as returned by the endpoint\n * @returns the generated URL, or 'undefined' if any other token type then 'COMMAND_NAME' or 'FUNCTION_NAME'\n */\nexport function generateDocumentationLink(\n  suggestion: AutocompleteSuggestionPart | undefined,\n): string | undefined {\n  const supportedTypes = new Map<string, string>();\n  supportedTypes.set('COMMAND_NAME', 'command');\n  supportedTypes.set('FUNCTION_NAME', 'function');\n  supportedTypes.set('TIMESERIES_AGGREGATION', 'timeseries');\n\n  if (\n    !suggestion?.type ||\n    !Array.from(supportedTypes.keys()).includes(suggestion.type)\n  ) {\n    return undefined;\n  }\n\n  const encoded = encodeURI(\n    `${supportedTypes.get(suggestion.type)}_${suggestion.suggestion}`,\n  );\n\n  return `${DQL_DOCUMENTATION_URL_PREFIX}${encoded}`;\n}\n\nexport const DocumentationLink = ({\n  suggestionPart,\n}: {\n  suggestionPart: AutocompleteSuggestionPart | undefined;\n}) => {\n  const docUrl = generateDocumentationLink(suggestionPart);\n  return docUrl ? (\n    <ExternalLink href={docUrl} data-dt-name=\"LearnMore\">\n      Learn more\n    </ExternalLink>\n  ) : null;\n};\n"],
-  "mappings": "AAyCI;AAvCJ,SAAS,oCAAoC;AAC7C,SAAS,oBAAoB;AAStB,SAAS,0BACd,YACoB;AACpB,QAAM,iBAAiB,oBAAI,IAAoB;AAC/C,iBAAe,IAAI,gBAAgB,SAAS;AAC5C,iBAAe,IAAI,iBAAiB,UAAU;AAC9C,iBAAe,IAAI,0BAA0B,YAAY;AAEzD,MACE,CAAC,YAAY,QACb,CAAC,MAAM,KAAK,eAAe,KAAK,CAAC,EAAE,SAAS,WAAW,IAAI,GAC3D;AACA,WAAO;AAAA,EACT;AAEA,QAAM,UAAU;AAAA,IACd,GAAG,eAAe,IAAI,WAAW,IAAI,CAAC,IAAI,WAAW,UAAU;AAAA,EACjE;AAEA,SAAO,GAAG,4BAA4B,GAAG,OAAO;AAClD;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC;AACF,MAEM;AACJ,QAAM,SAAS,0BAA0B,cAAc;AACvD,SAAO,SACL,oBAAC,gBAAa,MAAM,QAAQ,gBAAa,aAAY,wBAErD,IACE;AACN;",
-  "names": []
-}

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

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

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

@@ -1,32 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { DocumentationLink } from "./DocumentationLink.js";
-import { suggestionPartSectionInfoCSS } from "./SuggestionPart.sty.js";
-import { CodeSnippet } from "../../../content/code-snippet/CodeSnippet.js";
-import { Flex } from "../../../layouts/flex/Flex.js";
-import { globalSprinkles } from "../../../styles/safe-sprinkles.js";
-import { Text } from "../../../typography/text/Text.js";
-const SuggestionPart = (props) => {
-  const { suggestionPart } = props;
-  return /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs(Text, { textStyle: "base", className: suggestionPartSectionInfoCSS, children: [
-      suggestionPart.info,
-      " ",
-      /* @__PURE__ */ jsx(DocumentationLink, { suggestionPart })
-    ] }),
-    suggestionPart.synopsis && /* @__PURE__ */ jsx(
-      CodeSnippet,
-      {
-        language: "dql",
-        showLineNumbers: false,
-        showCopyAction: false,
-        lineBreaks: true,
-        className: globalSprinkles({ marginTop: 4 }),
-        children: suggestionPart.synopsis
-      }
-    )
-  ] });
-};
-export {
-  SuggestionPart
-};
-//# sourceMappingURL=SuggestionPart.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/editors/dql-editor/dql/SuggestionPart.tsx"],
-  "sourcesContent": ["import { AutocompleteSuggestionPart } from '@dynatrace-sdk/client-query';\n\nimport { DocumentationLink } from './DocumentationLink.js';\nimport { suggestionPartSectionInfoCSS } from './SuggestionPart.sty.js';\nimport { CodeSnippet } from '../../../content/code-snippet/CodeSnippet.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { globalSprinkles } from '../../../styles/safe-sprinkles.js';\nimport { Text } from '../../../typography/text/Text.js';\n\ntype Props = {\n  suggestionPart: AutocompleteSuggestionPart;\n};\n\nexport const SuggestionPart = (props: Props) => {\n  const { suggestionPart } = props;\n\n  return (\n    <Flex flexDirection=\"column\" gap={0}>\n      <Text textStyle=\"base\" className={suggestionPartSectionInfoCSS}>\n        {suggestionPart.info}{' '}\n        <DocumentationLink suggestionPart={suggestionPart} />\n      </Text>\n\n      {suggestionPart.synopsis && (\n        <CodeSnippet\n          language=\"dql\"\n          showLineNumbers={false}\n          showCopyAction={false}\n          lineBreaks\n          className={globalSprinkles({ marginTop: 4 })}\n        >\n          {suggestionPart.synopsis}\n        </CodeSnippet>\n      )}\n    </Flex>\n  );\n};\n"],
-  "mappings": "AAkBM,SAEE,KAFF;AAhBN,SAAS,yBAAyB;AAClC,SAAS,oCAAoC;AAC7C,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,YAAY;AAMd,MAAM,iBAAiB,CAAC,UAAiB;AAC9C,QAAM,EAAE,eAAe,IAAI;AAE3B,SACE,qBAAC,QAAK,eAAc,UAAS,KAAK,GAChC;AAAA,yBAAC,QAAK,WAAU,QAAO,WAAW,8BAC/B;AAAA,qBAAe;AAAA,MAAM;AAAA,MACtB,oBAAC,qBAAkB,gBAAgC;AAAA,OACrD;AAAA,IAEC,eAAe,YACd;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,QAChB,YAAU;AAAA,QACV,WAAW,gBAAgB,EAAE,WAAW,EAAE,CAAC;AAAA,QAE1C,yBAAe;AAAA;AAAA,IAClB;AAAA,KAEJ;AAEJ;",
-  "names": []
-}

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

@@ -1,6 +0,0 @@
-import "./SuggestionPart.css";
-var suggestionPartSectionInfoCSS = "_yhio8f0-3-11-3";
-export {
-  suggestionPartSectionInfoCSS
-};
-//# sourceMappingURL=SuggestionPart.sty.js.map

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

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/editors/dql-editor/dql/SuggestionsInfoSection.tsx"],
-  "sourcesContent": ["import { useIntl } from 'react-intl';\n\nimport { dqlEditorMessages as messages } from './messages.js';\nimport * as styles from './SuggestionsInfoSection.sty.js';\nimport { DQL_DOCUMENTATION_URL } from '../../../core/external-links.js';\nimport { Flex } from '../../../layouts/flex/Flex.js';\nimport { textStyle } from '../../../styles/textStyle.sty.js';\nimport { ExternalLink } from '../../../typography/external-link/ExternalLink.js';\nimport { Text } from '../../../typography/text/Text.js';\n\nexport const SuggestionsInfoSection = () => {\n  const intl = useIntl();\n\n  return (\n    <Flex\n      className={styles.container}\n      data-dt-name=\"SuggestionsInfoSection\"\n      flexWrap=\"wrap\"\n      justifyContent=\"space-between\"\n    >\n      <Flex className={styles.shortcutsGroup}>\n        <Flex alignItems=\"baseline\" gap={4}>\n          <Text textStyle=\"small-emphasized\">Esc</Text>\n          <Text className={styles.shortcutLabel} textStyle=\"small\">\n            {intl.formatMessage(messages.closePanel)}\n          </Text>\n        </Flex>\n        <Flex alignItems=\"baseline\" gap={4}>\n          <Text textStyle=\"small-emphasized\">Ctrl+Space</Text>\n          <Text className={styles.shortcutLabel} textStyle=\"small\">\n            {intl.formatMessage(messages.openPanel)}\n          </Text>\n        </Flex>\n      </Flex>\n\n      <ExternalLink\n        href={DQL_DOCUMENTATION_URL}\n        className={textStyle({ textStyle: 'small' })}\n        data-dt-name=\"DqlSyntax\"\n      >\n        {intl.formatMessage(messages.dqlSyntaxLink)}\n      </ExternalLink>\n    </Flex>\n  );\n};\n"],
-  "mappings": "AAqBQ,SACE,KADF;AArBR,SAAS,eAAe;AAExB,SAAS,qBAAqB,gBAAgB;AAC9C,YAAY,YAAY;AACxB,SAAS,6BAA6B;AACtC,SAAS,YAAY;AACrB,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AAEd,MAAM,yBAAyB,MAAM;AAC1C,QAAM,OAAO,QAAQ;AAErB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,gBAAa;AAAA,MACb,UAAS;AAAA,MACT,gBAAe;AAAA,MAEf;AAAA,6BAAC,QAAK,WAAW,OAAO,gBACtB;AAAA,+BAAC,QAAK,YAAW,YAAW,KAAK,GAC/B;AAAA,gCAAC,QAAK,WAAU,oBAAmB,iBAAG;AAAA,YACtC,oBAAC,QAAK,WAAW,OAAO,eAAe,WAAU,SAC9C,eAAK,cAAc,SAAS,UAAU,GACzC;AAAA,aACF;AAAA,UACA,qBAAC,QAAK,YAAW,YAAW,KAAK,GAC/B;AAAA,gCAAC,QAAK,WAAU,oBAAmB,wBAAU;AAAA,YAC7C,oBAAC,QAAK,WAAW,OAAO,eAAe,WAAU,SAC9C,eAAK,cAAc,SAAS,SAAS,GACxC;AAAA,aACF;AAAA,WACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,WAAW,UAAU,EAAE,WAAW,QAAQ,CAAC;AAAA,YAC3C,gBAAa;AAAA,YAEZ,eAAK,cAAc,SAAS,aAAa;AAAA;AAAA,QAC5C;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

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

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