@dynatrace/strato-components 3.6.0 → 3.7.0

package/esm/layouts/app-header/action-group/ActionButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/app-header/action-group/ActionButton.css.ts"],
-  "sourcesContent": ["import './ActionButton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabled = '_otmjah3-3-6-0';\nexport var navItem = _7a468({defaultClassName:'_otmjah0-3-6-0',variantClassNames:{density:{'default':'_otmjah1-3-6-0',condensed:'_otmjah2-3-6-0'}},defaultVariants:{},compoundVariants:[]});\nexport var navItemSelectionStyle = '_otmjah4-3-6-0';"],
+  "sourcesContent": ["import './ActionButton.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var disabled = '_otmjah3-3-7-0';\nexport var navItem = _7a468({defaultClassName:'_otmjah0-3-7-0',variantClassNames:{density:{'default':'_otmjah1-3-7-0',condensed:'_otmjah2-3-7-0'}},defaultVariants:{},compoundVariants:[]});\nexport var navItemSelectionStyle = '_otmjah4-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,WAAW;AACf,IAAI,UAAU,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,SAAQ,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AACnL,IAAI,wBAAwB;",
   "names": []
 }

package/esm/layouts/app-header/action-group/ActionGroup.css

@@ -1,4 +1,4 @@
-._1d2ks7u0-3-6-0 {
+._1d2ks7u0-3-7-0 {
   position: absolute;
   visibility: hidden;
   z-index: -1;

package/esm/layouts/app-header/action-group/ActionGroup.sty.js

@@ -1,5 +1,5 @@
 import "./ActionGroup.css";
-var actionGroupHiddenItemCSS = "_1d2ks7u0-3-6-0";
+var actionGroupHiddenItemCSS = "_1d2ks7u0-3-7-0";
 export {
   actionGroupHiddenItemCSS
 };

package/esm/layouts/app-header/action-group/ActionGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/app-header/action-group/ActionGroup.css.ts"],
-  "sourcesContent": ["import './ActionGroup.css';\nexport var actionGroupHiddenItemCSS = '_1d2ks7u0-3-6-0';"],
+  "sourcesContent": ["import './ActionGroup.css';\nexport var actionGroupHiddenItemCSS = '_1d2ks7u0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,2BAA2B;",
   "names": []
 }

package/esm/layouts/app-header/action-group/NavItem.css

@@ -1,13 +1,13 @@
-._bf74pw2-3-6-0 {
+._bf74pw2-3-7-0 {
   position: relative;
 }
-._bf74pw2-3-6-0._bf74pw0-3-6-0:not(._bf74pw1-3-6-0), ._bf74pw2-3-6-0.active:not(._bf74pw1-3-6-0) {
+._bf74pw2-3-7-0._bf74pw0-3-7-0:not(._bf74pw1-3-7-0), ._bf74pw2-3-7-0.active:not(._bf74pw1-3-7-0) {
   color: var(--dt-colors-text-primary-default, #464cce);
 }
-._bf74pw2-3-6-0._bf74pw0-3-6-0:not(._bf74pw1-3-6-0):hover, ._bf74pw2-3-6-0.active:not(._bf74pw1-3-6-0):hover {
+._bf74pw2-3-7-0._bf74pw0-3-7-0:not(._bf74pw1-3-7-0):hover, ._bf74pw2-3-7-0.active:not(._bf74pw1-3-7-0):hover {
   background-color: var(--dt-colors-background-field-primary-default-hover, #d5dbf6);
 }
-._bf74pw2-3-6-0._bf74pw0-3-6-0::after, ._bf74pw2-3-6-0.active::after {
+._bf74pw2-3-7-0._bf74pw0-3-7-0::after, ._bf74pw2-3-7-0.active::after {
   content: "";
   position: absolute;
   width: 20px;

package/esm/layouts/app-header/action-group/NavItem.sty.js

@@ -1,7 +1,7 @@
 import "./NavItem.css";
-var button = "_bf74pw2-3-6-0";
-var isDisabled = "_bf74pw1-3-6-0";
-var isSelected = "_bf74pw0-3-6-0";
+var button = "_bf74pw2-3-7-0";
+var isDisabled = "_bf74pw1-3-7-0";
+var isSelected = "_bf74pw0-3-7-0";
 export {
   button,
   isDisabled,

package/esm/layouts/app-header/action-group/NavItem.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/app-header/action-group/NavItem.css.ts"],
-  "sourcesContent": ["import './NavItem.css';\nexport var button = '_bf74pw2-3-6-0';\nexport var isDisabled = '_bf74pw1-3-6-0';\nexport var isSelected = '_bf74pw0-3-6-0';"],
+  "sourcesContent": ["import './NavItem.css';\nexport var button = '_bf74pw2-3-7-0';\nexport var isDisabled = '_bf74pw1-3-7-0';\nexport var isSelected = '_bf74pw0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,aAAa;",
   "names": []
 }

package/esm/layouts/app-header/app-icon/AppIcon.css

@@ -1,4 +1,4 @@
-@keyframes _1dtfpz50-3-6-0 {
+@keyframes _1dtfpz50-3-7-0 {
   0% {
     opacity: 0;
   }
@@ -6,11 +6,11 @@
     opacity: 1;
   }
 }
-._1dtfpz51-3-6-0 {
+._1dtfpz51-3-7-0 {
   object-fit: contain;
 }
-._1dtfpz52-3-6-0 {
-  animation-name: _1dtfpz50-3-6-0;
+._1dtfpz52-3-7-0 {
+  animation-name: _1dtfpz50-3-7-0;
   animation-duration: var(--dt-animations-fade-in-duration-slow, 350ms);
   animation-timing-function: var(--dt-animations-fade-in-easing, cubic-bezier(0.5, 0, 1, 1));
 }

package/esm/layouts/app-header/app-icon/AppIcon.sty.js

@@ -1,6 +1,6 @@
 import "./AppIcon.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var icon = _7a468({ defaultClassName: "_1dtfpz51-3-6-0", variantClassNames: { fadeIn: { true: "_1dtfpz52-3-6-0" } }, defaultVariants: {}, compoundVariants: [] });
+var icon = _7a468({ defaultClassName: "_1dtfpz51-3-7-0", variantClassNames: { fadeIn: { true: "_1dtfpz52-3-7-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   icon
 };

package/esm/layouts/app-header/app-icon/AppIcon.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/layouts/app-header/app-icon/AppIcon.css.ts"],
-  "sourcesContent": ["import './AppIcon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var icon = _7a468({defaultClassName:'_1dtfpz51-3-6-0',variantClassNames:{fadeIn:{true:'_1dtfpz52-3-6-0'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './AppIcon.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var icon = _7a468({defaultClassName:'_1dtfpz51-3-7-0',variantClassNames:{fadeIn:{true:'_1dtfpz52-3-7-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,OAAO,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,QAAO,EAAC,MAAK,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/layouts/container/Container.css

@@ -1,11 +1,11 @@
-._f32lcd0-3-6-0 {
+._f32lcd0-3-7-0 {
   border-style: var(--dt-borders-style-default, solid);
   border-width: var(--dt-borders-width-emphasized, 2px);
   border-radius: var(--dt-borders-radius-container-default, 9px);
-  color: var(--_6levse0-3-6-0);
-  border-color: var(--_6levse2-3-6-0);
-  background-color: var(--_6levse1-3-6-0);
+  color: var(--_6levse0-3-7-0);
+  border-color: var(--_6levse2-3-7-0);
+  background-color: var(--_6levse1-3-7-0);
 }
-._1jgl8s50-3-6-0 ._f32lcd0-3-6-0 {
+._1jgl8s50-3-7-0 ._f32lcd0-3-7-0 {
   border-width: var(--dt-borders-width-default, 1px);
 }

package/esm/layouts/container/Container.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/app-root/AppRoot.css";
 import "../../styles/container.css";
 import "./Container.css";
-var containerCSS = "_f32lcd0-3-6-0";
+var containerCSS = "_f32lcd0-3-7-0";
 export {
   containerCSS
 };

package/esm/layouts/container/Container.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/container/Container.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/container.css';\nimport './Container.css';\nexport var containerCSS = '_f32lcd0-3-6-0';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/container.css';\nimport './Container.css';\nexport var containerCSS = '_f32lcd0-3-7-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/layouts/divider/Divider.css

@@ -1,21 +1,21 @@
-._1thxv8m0-3-6-0 {
+._1thxv8m0-3-7-0 {
   border: none;
   margin: 0;
   overflow-wrap: break-word;
-  background-color: var(--_k096v42-3-6-0);
+  background-color: var(--_k096v42-3-7-0);
 }
-._1thxv8m1-3-6-0 {
+._1thxv8m1-3-7-0 {
   width: 100%;
   height: var(--dt-borders-width-default, 1px);
 }
-._1thxv8m2-3-6-0 {
+._1thxv8m2-3-7-0 {
   width: var(--dt-borders-width-default, 1px);
   height: 100%;
 }
-._1thxv8m5-3-6-0 {
+._1thxv8m5-3-7-0 {
   flex-shrink: 0;
 }
-._1thxv8m6-3-6-0 {
+._1thxv8m6-3-7-0 {
   flex-shrink: 0;
   width: var(--dt-borders-width-default, 1px);
   height: auto;

package/esm/layouts/divider/Divider.sty.js

@@ -1,7 +1,7 @@
 import "../../core/utils/colorUtils.css";
 import "./Divider.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var dividerCSS = _7a468({ defaultClassName: "_1thxv8m0-3-6-0", variantClassNames: { orientation: { horizontal: "_1thxv8m1-3-6-0", vertical: "_1thxv8m2-3-6-0" }, flexItem: { true: "_1thxv8m3-3-6-0", false: "_1thxv8m4-3-6-0" } }, defaultVariants: {}, compoundVariants: [[{ orientation: "horizontal", flexItem: false }, "_1thxv8m5-3-6-0"], [{ orientation: "vertical", flexItem: true }, "_1thxv8m6-3-6-0"]] });
+var dividerCSS = _7a468({ defaultClassName: "_1thxv8m0-3-7-0", variantClassNames: { orientation: { horizontal: "_1thxv8m1-3-7-0", vertical: "_1thxv8m2-3-7-0" }, flexItem: { true: "_1thxv8m3-3-7-0", false: "_1thxv8m4-3-7-0" } }, defaultVariants: {}, compoundVariants: [[{ orientation: "horizontal", flexItem: false }, "_1thxv8m5-3-7-0"], [{ orientation: "vertical", flexItem: true }, "_1thxv8m6-3-7-0"]] });
 export {
   dividerCSS
 };

package/esm/layouts/divider/Divider.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/divider/Divider.css.ts"],
-  "sourcesContent": ["import '../../core/utils/colorUtils.css';\nimport './Divider.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var dividerCSS = _7a468({defaultClassName:'_1thxv8m0-3-6-0',variantClassNames:{orientation:{horizontal:'_1thxv8m1-3-6-0',vertical:'_1thxv8m2-3-6-0'},flexItem:{true:'_1thxv8m3-3-6-0',false:'_1thxv8m4-3-6-0'}},defaultVariants:{},compoundVariants:[[{orientation:'horizontal',flexItem:false},'_1thxv8m5-3-6-0'],[{orientation:'vertical',flexItem:true},'_1thxv8m6-3-6-0']]});"],
+  "sourcesContent": ["import '../../core/utils/colorUtils.css';\nimport './Divider.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var dividerCSS = _7a468({defaultClassName:'_1thxv8m0-3-7-0',variantClassNames:{orientation:{horizontal:'_1thxv8m1-3-7-0',vertical:'_1thxv8m2-3-7-0'},flexItem:{true:'_1thxv8m3-3-7-0',false:'_1thxv8m4-3-7-0'}},defaultVariants:{},compoundVariants:[[{orientation:'horizontal',flexItem:false},'_1thxv8m5-3-7-0'],[{orientation:'vertical',flexItem:true},'_1thxv8m6-3-7-0']]});"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,aAAY,EAAC,YAAW,mBAAkB,UAAS,kBAAiB,GAAE,UAAS,EAAC,MAAK,mBAAkB,OAAM,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,CAAC,EAAC,aAAY,cAAa,UAAS,MAAK,GAAE,iBAAiB,GAAE,CAAC,EAAC,aAAY,YAAW,UAAS,KAAI,GAAE,iBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/layouts/help-menu/HelpMenu.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { QueryClient, useQuery } from "@tanstack/react-query";
+import { Suspense, useMemo, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
 import {
   DescriptionIcon,
@@ -12,11 +13,20 @@ import {
   PlayIcon,
   WhatsNewIcon
 } from "@dynatrace/strato-icons";
-import { getAppId, getAppVersion } from "@dynatrace-sdk/app-environment";
+import {
+  getAppId,
+  getAppVersion,
+  getCurrentUserDetails
+} from "@dynatrace-sdk/app-environment";
 import { sendIntent } from "@dynatrace-sdk/navigation";
 import { Button } from "../../buttons/button/Button.js";
+import { FormField } from "../../forms/forms-core/components/form-field/FormField.js";
+import { Label } from "../../forms/forms-core/components/label/Label.js";
+import { TextInput } from "../../forms/text-input/TextInput.js";
 import { Menu } from "../../navigation/menu/Menu.js";
+import { Modal } from "../../overlays/modal/Modal.js";
 import { Tooltip } from "../../overlays/tooltip/Tooltip.js";
+import { SimpleTable } from "../../tables/SimpleTable/SimpleTable.js";
 import { Flex } from "../flex/Flex.js";
 const COMPONENT_NAME = "HelpMenu";
 const MENU_ITEMS = [
@@ -68,6 +78,121 @@ const MENU_ITEMS = [
     key: "about"
   }
 ];
+const DuplicateCell = ({ value }) => value ? /* @__PURE__ */ jsx(FormattedMessage, { defaultMessage: "Yes", id: "U5fgWD8U9siN4Gse" }) : /* @__PURE__ */ jsx(FormattedMessage, { defaultMessage: "No", id: "gWxS/SvdlKY80JRI" });
+const manifestQueryClient = new QueryClient({
+  defaultOptions: { queries: { staleTime: Infinity, retry: 0 } }
+});
+const PackageVersionsModal = ({
+  show,
+  onDismiss
+}) => {
+  const intl = useIntl();
+  const [filter, setFilter] = useState("");
+  const { data: dependencies = [] } = useQuery(
+    {
+      queryKey: ["appManifest"],
+      enabled: show,
+      queryFn: async () => {
+        try {
+          const manifestSdk = await import("@dynatrace-sdk/client-app-engine-registry").catch(() => {
+            return {
+              appEngineRegistryAppsClient: {
+                getApp: () => Promise.resolve({ manifest: { packages: [] } })
+              }
+            };
+          });
+          const client = manifestSdk.appEngineRegistryAppsClient;
+          const appInfo = await client.getApp({
+            id: getAppId(),
+            addFields: "manifest"
+          });
+          return appInfo?.manifest?.packages ?? [];
+        } catch {
+          return [];
+        }
+      }
+    },
+    manifestQueryClient
+  );
+  const rows = useMemo(() => {
+    const counts = /* @__PURE__ */ new Map();
+    for (const dep of dependencies) {
+      counts.set(dep.name, (counts.get(dep.name) ?? 0) + 1);
+    }
+    return dependencies.map((dep) => ({
+      ...dep,
+      duplicate: (counts.get(dep.name) ?? 0) > 1
+    }));
+  }, [dependencies]);
+  const filteredData = useMemo(() => {
+    const query = filter.trim().toLowerCase();
+    if (!query) {
+      return rows;
+    }
+    return rows.filter((pkg) => pkg.name.toLowerCase().includes(query));
+  }, [filter, rows]);
+  const columns = useMemo(
+    () => [
+      {
+        id: "package",
+        accessor: "name",
+        header: intl.formatMessage({
+          defaultMessage: "Package",
+          id: "dDHj3yQ8W+M8/6Cy"
+        })
+      },
+      {
+        id: "version",
+        accessor: "version",
+        header: intl.formatMessage({
+          defaultMessage: "Version",
+          id: "LaYAv5QEhDEHqVMW"
+        })
+      },
+      {
+        id: "duplicate",
+        accessor: "duplicate",
+        header: intl.formatMessage({
+          defaultMessage: "Duplicate",
+          id: "ly1XN52z5b521OrX"
+        }),
+        cell: DuplicateCell
+      }
+    ],
+    [intl]
+  );
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      title: intl.formatMessage({
+        defaultMessage: "Built with",
+        id: "vkJWCbh6wLAsnHfT"
+      }),
+      show,
+      onDismiss,
+      children: /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: 16, width: "100%", children: [
+        /* @__PURE__ */ jsxs(FormField, { children: [
+          /* @__PURE__ */ jsx(Label, { children: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              defaultMessage: "Filter Dependencies",
+              id: "u0KgUM/9t1gS7DB9"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(TextInput, { value: filter, onChange: setFilter })
+        ] }),
+        /* @__PURE__ */ jsx(
+          SimpleTable,
+          {
+            data: filteredData,
+            columns,
+            style: { width: "100%" }
+          }
+        )
+      ] })
+    }
+  );
+};
 const HelpMenuFooter = () => {
   const version = getAppVersion();
   if (!version) {
@@ -140,6 +265,7 @@ const HelpMenu = (props) => {
     "data-dtrum-allow": dataDtrumAllow
   } = props;
   const [isOpen, setIsOpen] = useState(false);
+  const [isPackageVersionsOpen, setIsPackageVersionsOpen] = useState(false);
   const intl = useIntl();
   const label = intl.formatMessage({
     defaultMessage: "Help",
@@ -149,6 +275,8 @@ const HelpMenu = (props) => {
     setIsOpen(value);
     onOpenChange?.(value);
   };
+  const email = getCurrentUserDetails().email.toLowerCase();
+  const showPackageVersionsOnInternalUser = (email.includes("@dynatrace") || email.includes("@ruxit")) && email.endsWith(".com");
   return /* @__PURE__ */ jsxs(
     Menu,
     {
@@ -238,8 +366,29 @@ const HelpMenu = (props) => {
             );
           }),
           children,
+          showPackageVersionsOnInternalUser && /* @__PURE__ */ jsx(
+            HelpMenuButton,
+            {
+              onSelect: () => setIsPackageVersionsOpen(true),
+              label: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  defaultMessage: "Package versions",
+                  description: "HelpMenu entry that opens the package versions modal",
+                  id: "+1GjcNJdKJiZg6v/"
+                }
+              )
+            }
+          ),
           /* @__PURE__ */ jsx(HelpMenuFooter, {})
-        ] })
+        ] }),
+        showPackageVersionsOnInternalUser && /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(
+          PackageVersionsModal,
+          {
+            show: isPackageVersionsOpen,
+            onDismiss: () => setIsPackageVersionsOpen(false)
+          }
+        ) })
       ]
     }
   );
@@ -306,6 +455,7 @@ const HelpMenuDefaults = (props) => {
   }
 };
 export {
-  HelpMenu
+  HelpMenu,
+  manifestQueryClient
 };
 //# sourceMappingURL=HelpMenu.js.map

package/esm/layouts/help-menu/HelpMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/help-menu/HelpMenu.tsx"],
-  "sourcesContent": ["import { type ReactNode, useState } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport {\n  DescriptionIcon,\n  ExternalLinkIcon,\n  FeedbackIcon,\n  GuideIcon,\n  HelpIcon,\n  InformationIcon,\n  KeyboardIcon,\n  PlayIcon,\n  WhatsNewIcon,\n} from '@dynatrace/strato-icons';\nimport { getAppId, getAppVersion } from '@dynatrace-sdk/app-environment';\nimport { sendIntent } from '@dynatrace-sdk/navigation';\n\nimport { Button } from '../../buttons/button/Button.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Menu } from '../../navigation/menu/Menu.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\nimport { Flex } from '../flex/Flex.js';\n\nconst COMPONENT_NAME = 'HelpMenu';\n\ntype MenuItem = {\n  label: ReactNode;\n  icon: ReactNode;\n  key: keyof HelpMenuProps['entries'];\n};\n\nconst MENU_ITEMS: MenuItem[] = [\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"What's new\" id=\"TY3F/kE6n91t0TL0\" />\n    ),\n    icon: <WhatsNewIcon />,\n    key: 'whatsNew',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Get started\" id=\"kOQNUENAg02eeaTY\" />\n    ),\n    icon: <GuideIcon />,\n    key: 'getStarted',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Documentation\" id=\"npzzIhowJGIZhj8d\" />\n    ),\n    icon: <DescriptionIcon />,\n    key: 'documentation',\n  },\n  {\n    label: (\n      <FormattedMessage\n        defaultMessage=\"Keyboard shortcuts\"\n        id=\"JmaVR5qUnuxE3qnb\"\n      />\n    ),\n    icon: <KeyboardIcon />,\n    key: 'keyboardShortcuts',\n  },\n  {\n    label: (\n      <FormattedMessage\n        defaultMessage=\"Try in Playground\"\n        id=\"Nar807M4NJhqMw/T\"\n      />\n    ),\n    icon: <PlayIcon />,\n    key: 'playground',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Share feedback\" id=\"Ia87HCOLBoxMcV9t\" />\n    ),\n    icon: <FeedbackIcon />,\n    key: 'feedback',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"About this app\" id=\"9/nhbjHpPPAhMbHo\" />\n    ),\n    icon: <InformationIcon />,\n    key: 'about',\n  },\n] as const;\n\nconst HelpMenuFooter = () => {\n  const version = getAppVersion();\n  if (!version) {\n    return null;\n  }\n  return (\n    <Menu.Label>\n      <div\n        style={{\n          maxWidth: 500,\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n        }}\n      >\n        <FormattedMessage\n          defaultMessage=\"Version {version}\"\n          description=\"App version label\"\n          id=\"W2KEm8AIcM8pOixf\"\n          values={{ version }}\n        />\n      </div>\n    </Menu.Label>\n  );\n};\n\nconst HelpMenuLink = ({\n  href,\n  target = '_blank',\n  onSelect,\n  label,\n  icon,\n  ...rest\n}: {\n  href: string;\n  target?: string;\n  onSelect?: () => void;\n  label: ReactNode;\n  icon?: ReactNode;\n}) => {\n  return (\n    <Menu.Link\n      {...rest}\n      onClick={() => onSelect?.()}\n      href={href}\n      target={target}\n    >\n      {icon ? <Menu.Prefix>{icon}</Menu.Prefix> : null}\n      <Flex justifyContent=\"space-between\" width=\"inherit\">\n        {label}\n        <ExternalLinkIcon style={{ flexShrink: 0 }} />\n      </Flex>\n    </Menu.Link>\n  );\n};\n\nconst HelpMenuButton = ({\n  onSelect,\n  label,\n  icon,\n  ...rest\n}: {\n  onSelect: () => void;\n  label: ReactNode;\n  icon?: ReactNode;\n}) => {\n  return (\n    <Menu.Item onSelect={onSelect} {...rest}>\n      {icon ? <Menu.Prefix>{icon}</Menu.Prefix> : null}\n      {label}\n    </Menu.Item>\n  );\n};\n\n/** @public */\nexport type HelpMenuButtonEntry = {\n  onSelect: () => void;\n};\n\n/** @public */\nexport type HelpMenuLinkEntry = {\n  href: string;\n  /** Specify how to open the linked content. */\n  target?: string;\n  onSelect?: () => void;\n};\n\n/**\n * Use the default behavior via app configuration / SDKs\n * @public\n **/\nexport type HelpMenuDefault = 'default';\n\n/** @public */\nexport interface HelpMenuCustomLinkEntry extends HelpMenuLinkEntry {\n  label: string;\n}\n/** @public */\nexport interface HelpMenuCustomItemEntry extends HelpMenuButtonEntry {\n  label: string;\n}\n/** @public */\nexport type HelpMenuChildrenEntry = Array<\n  HelpMenuCustomLinkEntry | HelpMenuCustomItemEntry\n>;\n\n/** @public */\nexport interface HelpMenuProps\n  extends WithChildren,\n    StylingProps,\n    DataTestId,\n    MaskingProps {\n  entries: {\n    whatsNew?: HelpMenuButtonEntry | HelpMenuLinkEntry | HelpMenuDefault;\n    getStarted?:\n      | HelpMenuButtonEntry\n      | HelpMenuLinkEntry\n      | HelpMenuChildrenEntry;\n    documentation?:\n      | HelpMenuButtonEntry\n      | HelpMenuLinkEntry\n      | HelpMenuChildrenEntry;\n    keyboardShortcuts?:\n      | HelpMenuButtonEntry\n      | HelpMenuLinkEntry\n      | HelpMenuDefault;\n    playground?: HelpMenuButtonEntry | HelpMenuLinkEntry | HelpMenuDefault;\n    feedback?: HelpMenuButtonEntry | HelpMenuLinkEntry | HelpMenuChildrenEntry;\n    about?: HelpMenuButtonEntry | HelpMenuLinkEntry | HelpMenuDefault;\n  };\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * A prebuilt menu as entrypoint for app specific help links and actions.\n * @public\n */\nexport const HelpMenu = (props: HelpMenuProps) => {\n  const {\n    entries,\n    onOpenChange,\n    children,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const intl = useIntl();\n\n  const label = intl.formatMessage({\n    defaultMessage: 'Help',\n    id: 'xHrhU3DP4e0nge7c',\n  });\n\n  const handleOpenChange = (value: boolean) => {\n    setIsOpen(value);\n    onOpenChange?.(value);\n  };\n\n  return (\n    <Menu\n      open={isOpen}\n      onOpenChange={handleOpenChange}\n      data-dt-component={COMPONENT_NAME}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n    >\n      <Tooltip text={label}>\n        <Menu.Trigger\n          data-dt-component={COMPONENT_NAME}\n          data-dt-name=\"OpenHelpMenu\"\n        >\n          <Button aria-label={label}>\n            <Button.Prefix>\n              <HelpIcon />\n            </Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n      <Menu.Content>\n        {MENU_ITEMS.map(({ label, key, icon }) => {\n          const entry = entries[key];\n          if (!entry) {\n            return null;\n          }\n\n          if (entry === 'default') {\n            return (\n              <HelpMenuDefaults\n                key={key}\n                entryKey={key}\n                icon={icon}\n                label={label}\n              />\n            );\n          }\n\n          if (Array.isArray(entry)) {\n            return (\n              <Menu.Sub key={key}>\n                <Menu.SubTrigger>\n                  <Menu.Prefix>{icon}</Menu.Prefix>\n                  {label}\n                </Menu.SubTrigger>\n                <Menu.SubContent>\n                  {entry.map((entryChild) => {\n                    if ('href' in entryChild) {\n                      return (\n                        <HelpMenuLink\n                          key={entryChild.label}\n                          label={entryChild.label}\n                          onSelect={entryChild.onSelect}\n                          href={entryChild.href}\n                          target={entryChild.target}\n                        />\n                      );\n                    }\n                    return (\n                      <HelpMenuButton\n                        key={entryChild.label}\n                        label={entryChild.label}\n                        onSelect={entryChild.onSelect}\n                      />\n                    );\n                  })}\n                </Menu.SubContent>\n              </Menu.Sub>\n            );\n          }\n\n          if ('href' in entry) {\n            return (\n              <HelpMenuLink\n                key={key}\n                label={label}\n                icon={icon}\n                onSelect={entry.onSelect}\n                href={entry.href}\n                target={entry.target}\n              />\n            );\n          }\n          return (\n            <HelpMenuButton\n              key={key}\n              label={label}\n              icon={icon}\n              onSelect={entry.onSelect}\n            />\n          );\n        })}\n        {children}\n        <HelpMenuFooter />\n      </Menu.Content>\n    </Menu>\n  );\n};\n\nconst HelpMenuDefaults = (props: {\n  label: ReactNode;\n  entryKey: keyof HelpMenuProps['entries'];\n  icon: ReactNode;\n}) => {\n  switch (props.entryKey) {\n    case 'whatsNew':\n      return (\n        <HelpMenuButton\n          onSelect={() =>\n            sendIntent(\n              {\n                appId: getAppId(),\n                version: getAppVersion(),\n              },\n              {\n                recommendedAppId: 'dynatrace.hub',\n                recommendedIntentId: 'view_app_releases_add_on_intent',\n              },\n            )\n          }\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'keyboardShortcuts':\n      return (\n        <HelpMenuButton\n          onSelect={() => {\n            // This is a workaround to call the keyboard modal for now.\n            // In the future this should be called via an sdk.\n            // It is not yet clear yet in which sdk this will be available.\n            // If it is available this will be replaced.\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (globalThis as any).dtRuntime?.uiCommands?.showUiCommands?.();\n          }}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'playground':\n      return (\n        <HelpMenuLink\n          href={`https://wkf10640.apps.dynatrace.com/ui/apps/${getAppId()}`}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'about':\n      return (\n        <HelpMenuButton\n          onSelect={() => {\n            sendIntent(\n              { appId: getAppId() },\n              {\n                recommendedAppId: 'dynatrace.hub',\n                recommendedIntentId: 'view_app_details',\n              },\n            );\n          }}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    default:\n      return null;\n  }\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { QueryClient, useQuery } from '@tanstack/react-query';\nimport { type ReactNode, Suspense, useMemo, useState } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport {\n  DescriptionIcon,\n  ExternalLinkIcon,\n  FeedbackIcon,\n  GuideIcon,\n  HelpIcon,\n  InformationIcon,\n  KeyboardIcon,\n  PlayIcon,\n  WhatsNewIcon,\n} from '@dynatrace/strato-icons';\nimport {\n  getAppId,\n  getAppVersion,\n  getCurrentUserDetails,\n} from '@dynatrace-sdk/app-environment';\nimport { sendIntent } from '@dynatrace-sdk/navigation';\n\nimport { Button } from '../../buttons/button/Button.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { FormField } from '../../forms/forms-core/components/form-field/FormField.js';\nimport { Label } from '../../forms/forms-core/components/label/Label.js';\nimport { TextInput } from '../../forms/text-input/TextInput.js';\nimport { Menu } from '../../navigation/menu/Menu.js';\nimport { Modal } from '../../overlays/modal/Modal.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\nimport type { SimpleTableColumnDef } from '../../tables/SimpleTable/public.api.js';\nimport { SimpleTable } from '../../tables/SimpleTable/SimpleTable.js';\nimport { Flex } from '../flex/Flex.js';\n\nconst COMPONENT_NAME = 'HelpMenu';\n\ntype MenuItem = {\n  label: ReactNode;\n  icon: ReactNode;\n  key: keyof HelpMenuProps['entries'];\n};\n\nconst MENU_ITEMS: MenuItem[] = [\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"What's new\" id=\"TY3F/kE6n91t0TL0\" />\n    ),\n    icon: <WhatsNewIcon />,\n    key: 'whatsNew',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Get started\" id=\"kOQNUENAg02eeaTY\" />\n    ),\n    icon: <GuideIcon />,\n    key: 'getStarted',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Documentation\" id=\"npzzIhowJGIZhj8d\" />\n    ),\n    icon: <DescriptionIcon />,\n    key: 'documentation',\n  },\n  {\n    label: (\n      <FormattedMessage\n        defaultMessage=\"Keyboard shortcuts\"\n        id=\"JmaVR5qUnuxE3qnb\"\n      />\n    ),\n    icon: <KeyboardIcon />,\n    key: 'keyboardShortcuts',\n  },\n  {\n    label: (\n      <FormattedMessage\n        defaultMessage=\"Try in Playground\"\n        id=\"Nar807M4NJhqMw/T\"\n      />\n    ),\n    icon: <PlayIcon />,\n    key: 'playground',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Share feedback\" id=\"Ia87HCOLBoxMcV9t\" />\n    ),\n    icon: <FeedbackIcon />,\n    key: 'feedback',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"About this app\" id=\"9/nhbjHpPPAhMbHo\" />\n    ),\n    icon: <InformationIcon />,\n    key: 'about',\n  },\n] as const;\n\ntype PackageVersionRow = HelpMenuDependency & { duplicate: boolean };\n\nconst DuplicateCell = ({ value }: { value: boolean }) =>\n  value ? (\n    <FormattedMessage defaultMessage=\"Yes\" id=\"U5fgWD8U9siN4Gse\" />\n  ) : (\n    <FormattedMessage defaultMessage=\"No\" id=\"gWxS/SvdlKY80JRI\" />\n  );\n\nexport const manifestQueryClient = new QueryClient({\n  defaultOptions: { queries: { staleTime: Infinity, retry: 0 } },\n});\n\nconst PackageVersionsModal = ({\n  show,\n  onDismiss,\n}: {\n  show: boolean;\n  onDismiss: () => void;\n}) => {\n  const intl = useIntl();\n  const [filter, setFilter] = useState('');\n\n  const { data: dependencies = [] } = useQuery<HelpMenuDependency[]>(\n    {\n      queryKey: ['appManifest'],\n      enabled: show,\n      queryFn: async () => {\n        try {\n          const manifestSdk = await import(\n            '@dynatrace-sdk/client-app-engine-registry'\n          ).catch(() => {\n            return {\n              appEngineRegistryAppsClient: {\n                getApp: () => Promise.resolve({ manifest: { packages: [] } }),\n              },\n            };\n          });\n          const client = manifestSdk.appEngineRegistryAppsClient;\n\n          const appInfo = await client.getApp({\n            id: getAppId(),\n            addFields: 'manifest',\n          });\n\n          return appInfo?.manifest?.packages ?? [];\n        } catch {\n          return [];\n        }\n      },\n    },\n    manifestQueryClient,\n  );\n\n  const rows = useMemo<PackageVersionRow[]>(() => {\n    const counts = new Map<string, number>();\n    for (const dep of dependencies) {\n      counts.set(dep.name, (counts.get(dep.name) ?? 0) + 1);\n    }\n    return dependencies.map((dep) => ({\n      ...dep,\n      duplicate: (counts.get(dep.name) ?? 0) > 1,\n    }));\n  }, [dependencies]);\n\n  const filteredData = useMemo(() => {\n    const query = filter.trim().toLowerCase();\n    if (!query) {\n      return rows;\n    }\n    return rows.filter((pkg) => pkg.name.toLowerCase().includes(query));\n  }, [filter, rows]);\n\n  const columns = useMemo<SimpleTableColumnDef<PackageVersionRow>[]>(\n    () => [\n      {\n        id: 'package',\n        accessor: 'name',\n        header: intl.formatMessage({\n          defaultMessage: 'Package',\n          id: 'dDHj3yQ8W+M8/6Cy',\n        }),\n      },\n      {\n        id: 'version',\n        accessor: 'version',\n        header: intl.formatMessage({\n          defaultMessage: 'Version',\n          id: 'LaYAv5QEhDEHqVMW',\n        }),\n      },\n      {\n        id: 'duplicate',\n        accessor: 'duplicate',\n        header: intl.formatMessage({\n          defaultMessage: 'Duplicate',\n          id: 'ly1XN52z5b521OrX',\n        }),\n        cell: DuplicateCell,\n      },\n    ],\n    [intl],\n  );\n\n  return (\n    <Modal\n      title={intl.formatMessage({\n        defaultMessage: 'Built with',\n        id: 'vkJWCbh6wLAsnHfT',\n      })}\n      show={show}\n      onDismiss={onDismiss}\n    >\n      <Flex flexDirection=\"column\" gap={16} width=\"100%\">\n        <FormField>\n          <Label>\n            <FormattedMessage\n              defaultMessage=\"Filter Dependencies\"\n              id=\"u0KgUM/9t1gS7DB9\"\n            />\n          </Label>\n          <TextInput value={filter} onChange={setFilter} />\n        </FormField>\n        <SimpleTable\n          data={filteredData}\n          columns={columns}\n          style={{ width: '100%' }}\n        />\n      </Flex>\n    </Modal>\n  );\n};\n\nconst HelpMenuFooter = () => {\n  const version = getAppVersion();\n  if (!version) {\n    return null;\n  }\n  return (\n    <Menu.Label>\n      <div\n        style={{\n          maxWidth: 500,\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n        }}\n      >\n        <FormattedMessage\n          defaultMessage=\"Version {version}\"\n          description=\"App version label\"\n          id=\"W2KEm8AIcM8pOixf\"\n          values={{ version }}\n        />\n      </div>\n    </Menu.Label>\n  );\n};\n\nconst HelpMenuLink = ({\n  href,\n  target = '_blank',\n  onSelect,\n  label,\n  icon,\n  ...rest\n}: {\n  href: string;\n  target?: string;\n  onSelect?: () => void;\n  label: ReactNode;\n  icon?: ReactNode;\n}) => {\n  return (\n    <Menu.Link\n      {...rest}\n      onClick={() => onSelect?.()}\n      href={href}\n      target={target}\n    >\n      {icon ? <Menu.Prefix>{icon}</Menu.Prefix> : null}\n      <Flex justifyContent=\"space-between\" width=\"inherit\">\n        {label}\n        <ExternalLinkIcon style={{ flexShrink: 0 }} />\n      </Flex>\n    </Menu.Link>\n  );\n};\n\nconst HelpMenuButton = ({\n  onSelect,\n  label,\n  icon,\n  ...rest\n}: {\n  onSelect: () => void;\n  label: ReactNode;\n  icon?: ReactNode;\n}) => {\n  return (\n    <Menu.Item onSelect={onSelect} {...rest}>\n      {icon ? <Menu.Prefix>{icon}</Menu.Prefix> : null}\n      {label}\n    </Menu.Item>\n  );\n};\n\n/** @public */\nexport type HelpMenuButtonEntry = {\n  onSelect: () => void;\n};\n\n/** @public */\nexport type HelpMenuLinkEntry = {\n  href: string;\n  /** Specify how to open the linked content. */\n  target?: string;\n  onSelect?: () => void;\n};\n\n/**\n * Use the default behavior via app configuration / SDKs\n * @public\n **/\nexport type HelpMenuDefault = 'default';\n\n/** @public */\nexport interface HelpMenuCustomLinkEntry extends HelpMenuLinkEntry {\n  label: string;\n}\n/** @public */\nexport interface HelpMenuCustomItemEntry extends HelpMenuButtonEntry {\n  label: string;\n}\n/** @public */\nexport type HelpMenuChildrenEntry = Array<\n  HelpMenuCustomLinkEntry | HelpMenuCustomItemEntry\n>;\n\n/**\n * A single dependency rendered in the package versions modal.\n * @public\n */\nexport type HelpMenuDependency = {\n  name: string;\n  version: string;\n};\n\n/**\n * An entry that can either trigger a custom callback/link or fall back to the\n * platform-provided default behavior.\n * @public\n */\nexport type HelpMenuDefaultableEntry =\n  | HelpMenuButtonEntry\n  | HelpMenuLinkEntry\n  | HelpMenuDefault;\n\n/**\n * An entry that can either trigger a custom callback/link or expand into a\n * sub-menu of nested entries.\n * @public\n */\nexport type HelpMenuExpandableEntry =\n  | HelpMenuButtonEntry\n  | HelpMenuLinkEntry\n  | HelpMenuChildrenEntry;\n\n/** @public */\nexport interface HelpMenuProps\n  extends WithChildren,\n    StylingProps,\n    DataTestId,\n    MaskingProps {\n  entries: {\n    whatsNew?: HelpMenuDefaultableEntry;\n    getStarted?: HelpMenuExpandableEntry;\n    documentation?: HelpMenuExpandableEntry;\n    keyboardShortcuts?: HelpMenuDefaultableEntry;\n    playground?: HelpMenuDefaultableEntry;\n    feedback?: HelpMenuExpandableEntry;\n    about?: HelpMenuDefaultableEntry;\n  };\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * A prebuilt menu as entrypoint for app specific help links and actions.\n * @public\n */\nexport const HelpMenu = (props: HelpMenuProps) => {\n  const {\n    entries,\n    onOpenChange,\n    children,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isPackageVersionsOpen, setIsPackageVersionsOpen] = useState(false);\n  const intl = useIntl();\n\n  const label = intl.formatMessage({\n    defaultMessage: 'Help',\n    id: 'xHrhU3DP4e0nge7c',\n  });\n\n  const handleOpenChange = (value: boolean) => {\n    setIsOpen(value);\n    onOpenChange?.(value);\n  };\n\n  const email = getCurrentUserDetails().email.toLowerCase();\n  const showPackageVersionsOnInternalUser =\n    (email.includes('@dynatrace') || email.includes('@ruxit')) &&\n    email.endsWith('.com');\n\n  return (\n    <Menu\n      open={isOpen}\n      onOpenChange={handleOpenChange}\n      data-dt-component={COMPONENT_NAME}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n    >\n      <Tooltip text={label}>\n        <Menu.Trigger\n          data-dt-component={COMPONENT_NAME}\n          data-dt-name=\"OpenHelpMenu\"\n        >\n          <Button aria-label={label}>\n            <Button.Prefix>\n              <HelpIcon />\n            </Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n      <Menu.Content>\n        {MENU_ITEMS.map(({ label, key, icon }) => {\n          const entry = entries[key];\n          if (!entry) {\n            return null;\n          }\n\n          if (entry === 'default') {\n            return (\n              <HelpMenuDefaults\n                key={key}\n                entryKey={key}\n                icon={icon}\n                label={label}\n              />\n            );\n          }\n\n          if (Array.isArray(entry)) {\n            return (\n              <Menu.Sub key={key}>\n                <Menu.SubTrigger>\n                  <Menu.Prefix>{icon}</Menu.Prefix>\n                  {label}\n                </Menu.SubTrigger>\n                <Menu.SubContent>\n                  {entry.map((entryChild) => {\n                    if ('href' in entryChild) {\n                      return (\n                        <HelpMenuLink\n                          key={entryChild.label}\n                          label={entryChild.label}\n                          onSelect={entryChild.onSelect}\n                          href={entryChild.href}\n                          target={entryChild.target}\n                        />\n                      );\n                    }\n                    return (\n                      <HelpMenuButton\n                        key={entryChild.label}\n                        label={entryChild.label}\n                        onSelect={entryChild.onSelect}\n                      />\n                    );\n                  })}\n                </Menu.SubContent>\n              </Menu.Sub>\n            );\n          }\n\n          if ('href' in entry) {\n            return (\n              <HelpMenuLink\n                key={key}\n                label={label}\n                icon={icon}\n                onSelect={entry.onSelect}\n                href={entry.href}\n                target={entry.target}\n              />\n            );\n          }\n          return (\n            <HelpMenuButton\n              key={key}\n              label={label}\n              icon={icon}\n              onSelect={entry.onSelect}\n            />\n          );\n        })}\n        {children}\n        {showPackageVersionsOnInternalUser && (\n          <HelpMenuButton\n            onSelect={() => setIsPackageVersionsOpen(true)}\n            label={\n              <FormattedMessage\n                defaultMessage=\"Package versions\"\n                description=\"HelpMenu entry that opens the package versions modal\"\n                id=\"+1GjcNJdKJiZg6v/\"\n              />\n            }\n          />\n        )}\n        <HelpMenuFooter />\n      </Menu.Content>\n      {showPackageVersionsOnInternalUser && (\n        <Suspense>\n          <PackageVersionsModal\n            show={isPackageVersionsOpen}\n            onDismiss={() => setIsPackageVersionsOpen(false)}\n          />\n        </Suspense>\n      )}\n    </Menu>\n  );\n};\n\nconst HelpMenuDefaults = (props: {\n  label: ReactNode;\n  entryKey: keyof HelpMenuProps['entries'];\n  icon: ReactNode;\n}) => {\n  switch (props.entryKey) {\n    case 'whatsNew':\n      return (\n        <HelpMenuButton\n          onSelect={() =>\n            sendIntent(\n              {\n                appId: getAppId(),\n                version: getAppVersion(),\n              },\n              {\n                recommendedAppId: 'dynatrace.hub',\n                recommendedIntentId: 'view_app_releases_add_on_intent',\n              },\n            )\n          }\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'keyboardShortcuts':\n      return (\n        <HelpMenuButton\n          onSelect={() => {\n            // This is a workaround to call the keyboard modal for now.\n            // In the future this should be called via an sdk.\n            // It is not yet clear yet in which sdk this will be available.\n            // If it is available this will be replaced.\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (globalThis as any).dtRuntime?.uiCommands?.showUiCommands?.();\n          }}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'playground':\n      return (\n        <HelpMenuLink\n          href={`https://wkf10640.apps.dynatrace.com/ui/apps/${getAppId()}`}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'about':\n      return (\n        <HelpMenuButton\n          onSelect={() => {\n            sendIntent(\n              { appId: getAppId() },\n              {\n                recommendedAppId: 'dynatrace.hub',\n                recommendedIntentId: 'view_app_details',\n              },\n            );\n          }}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    default:\n      return null;\n  }\n};\n"],
+  "mappings": "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",
   "names": ["label"]
 }

package/esm/layouts/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/index.ts"],
-  "sourcesContent": ["export { Flex, type FlexOwnProps, type FlexProps } from './flex/Flex.js';\nexport { Grid, type GridOwnProps, type GridProps } from './grid/Grid.js';\nexport { Divider } from './divider/Divider.js';\nexport type { DividerProps } from './divider/Divider.js';\nexport {\n  Container,\n  useContainerColoring as _useContainerColoring,\n  type ContainerColoring as _ContainerColoring,\n} from './container/Container.js';\nexport type {\n  ContainerOwnProps,\n  ContainerProps,\n} from './container/Container.js';\nexport type { LayoutSizeCSS } from './types/layout.types.js';\nexport { Surface } from './surface/Surface.js';\nexport type { SurfaceOwnProps, SurfaceProps } from './surface/surface-types.js';\nexport { surfaceBorderRadius as _surfaceBorderRadius } from './surface/variables.sty.js';\nexport { useBreakpoint } from './hooks/useBreakpoint.js';\nexport { AppHeader } from './app-header/AppHeader.js';\nexport type { AppHeaderProps } from './app-header/AppHeader.js';\nexport type {\n  AppHeaderActionButtonOwnProps,\n  AppHeaderActionButtonProps,\n} from './app-header/ActionButton.js';\nexport type { AppHeaderActionItemsProps } from './app-header/ActionItems.js';\nexport type { ActionItemGroupProps } from './app-header/ActionItemGroup.js';\nexport { HelpMenu } from './help-menu/HelpMenu.js';\nexport type {\n  HelpMenuProps,\n  HelpMenuButtonEntry,\n  HelpMenuLinkEntry,\n  HelpMenuChildrenEntry,\n  HelpMenuCustomLinkEntry,\n  HelpMenuCustomItemEntry,\n  HelpMenuDefault,\n} from './help-menu/HelpMenu.js';\nexport type {\n  AppHeaderNavigationProps,\n  AppHeaderNavigationItemOwnProps,\n  AppHeaderNavigationItemProps,\n  // exported with alternate name for backwards compatibility\n  AppHeaderNavigationProps as AppHeaderNavItemsProps,\n} from './app-header/Navigation.js';\nexport type { AppIconProps } from './app-header/app-icon/AppIcon.js';\nexport { Logo, Logo as AppNavLink } from './app-header/Logo.js';\nexport type {\n  AppHeaderLogoProps,\n  AppHeaderLogoOwnProps,\n  // exported with alternate name for backwards compatibility\n  AppHeaderLogoProps as AppNavLinkProps,\n  AppHeaderLogoOwnProps as AppNavLinkOwnProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  AppNavLinkInternalOwnProps, // exported for backwards compatibility\n} from './app-header/Logo.js';\nexport type {\n  ActionButtonOwnProps,\n  ActionButtonProps,\n} from './app-header/action-group/ActionButton.js';\nexport { ActionGroup as _ActionGroup } from './app-header/action-group/ActionGroup.js';\nexport type { ActionGroupProps as _ActionGroupProps } from './app-header/action-group/ActionGroup.js';\nexport type {\n  NavItemProps,\n  NavItemOwnProps,\n} from './app-header/action-group/NavItem.js';\nexport type { GroupProps } from './app-header/action-group/Group.js';\n\nexport type {\n  ControlledDetailViewProps,\n  DetailViewOwnProps,\n  DetailViewProps,\n  UncontrolledDetailViewProps,\n} from './page/DetailView.js';\nexport type { HeaderProps } from './page/Header.js';\nexport type { MainProps } from './page/Main.js';\nexport { Page } from './page/Page.js';\nexport type { PageProps } from './page/Page.js';\nexport { panelSizeUnits } from './page/panel-types.js';\nexport type {\n  PanelSize,\n  PanelSizeUnit,\n  Direction as _Direction,\n} from './page/panel-types.js';\nexport type { PanelControlButtonProps } from './page/PanelControlButton.js';\nexport type {\n  ControlledSidebarProps,\n  SidebarOwnProps,\n  SidebarProps,\n  UncontrolledSidebarProps,\n} from './page/Sidebar.js';\nexport { pagePanels } from './page/page-types.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  DismissiblePagePanels,\n  PagePanelSizes,\n  PanelName,\n  /** @deprecated Use `PanelName` instead. */\n  PanelName as PagePanels,\n  ControlledPagePanelProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PagePanelProps,\n  UncontrolledPagePanelProps,\n} from './page/page-types.js';\n\nexport type { TitleBarActionProps } from './title-bar/Action.js';\nexport type { TitleBarNavigationProps } from './title-bar/Navigation.js';\nexport type { TitleBarPrefixProps } from './title-bar/Prefix.js';\nexport type { TitleBarSubtitleProps } from './title-bar/Subtitle.js';\nexport type { TitleBarSuffixProps } from './title-bar/Suffix.js';\nexport type { TitleBarTitleProps } from './title-bar/Title.js';\nexport { TitleBar } from './title-bar/TitleBar.js';\nexport type { TitleBarProps } from './title-bar/TitleBar.js';\n\nexport { InputGroup, type InputGroupProps } from './input-group/InputGroup.js';\nexport { inputGroupClassName } from './input-group/InputGroup.sty.js';\n\nexport { SplitLayout as _SplitLayout } from './split-layout/SplitLayout.js';\nexport type { SplitLayoutProps as _SplitLayoutProps } from './split-layout/SplitLayout.js';\nexport type { ResizeHandleProps as _SplitLayoutResizeHandleProps } from './split-layout/slots.js';\nexport { PageLayout } from './page-layout/PageLayout.js';\nexport type { ResizablePanelProps } from './split-layout/slots.js';\nexport type { PanelWidth } from './split-layout/width-utils.js';\nexport type { PageLayoutProps } from './page-layout/PageLayout.js';\nexport type { CollapsiblePanel } from './page-layout/shared/collapsible.js';\nexport type { HeaderProps as PageLayoutHeaderProps } from './page-layout/shared/portal-slots.js';\nexport type { SidebarProps as PageLayoutSidebarProps } from './page-layout/sidebar-layout/slots.js';\nexport type { DetailsProps as PageLayoutDetailsProps } from './page-layout/details-layout/slots.js';\nexport type { ContentProps as PageLayoutContentProps } from './split-layout/slots.js';\nexport type { LayoutMode as PageLayoutDetailsLayoutMode } from './page-layout/details-layout/DetailsLayoutContext.js';\nexport type { DetailsControlBarProps as PageLayoutDetailsControlBarProps } from './page-layout/details-layout/slots.js';\n"],
-  "mappings": "AAAA,SAAS,YAA+C;AACxD,SAAS,YAA+C;AACxD,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACwB;AAAA,OAEnB;AAMP,SAAS,eAAe;AAExB,SAAgC,2BAA4B;AAC5D,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAQ1B,SAAS,gBAAgB;AAkBzB,SAAS,MAAc,QAARA,aAA0B;AAczC,SAAwB,mBAAoB;AAgB5C,SAAS,YAAY;AAErB,SAAS,sBAAsB;AAa/B,SAAS,kBAAkB;AAoB3B,SAAS,gBAAgB;AAGzB,SAAS,kBAAwC;AACjD,SAAS,2BAA2B;AAEpC,SAAwB,mBAAoB;AAG5C,SAAS,kBAAkB;",
+  "sourcesContent": ["export { Flex, type FlexOwnProps, type FlexProps } from './flex/Flex.js';\nexport { Grid, type GridOwnProps, type GridProps } from './grid/Grid.js';\nexport { Divider } from './divider/Divider.js';\nexport type { DividerProps } from './divider/Divider.js';\nexport {\n  Container,\n  useContainerColoring as _useContainerColoring,\n  type ContainerColoring as _ContainerColoring,\n} from './container/Container.js';\nexport type {\n  ContainerOwnProps,\n  ContainerProps,\n} from './container/Container.js';\nexport type { LayoutSizeCSS } from './types/layout.types.js';\nexport { Surface } from './surface/Surface.js';\nexport type { SurfaceOwnProps, SurfaceProps } from './surface/surface-types.js';\nexport { surfaceBorderRadius as _surfaceBorderRadius } from './surface/variables.sty.js';\nexport { useBreakpoint } from './hooks/useBreakpoint.js';\nexport { AppHeader } from './app-header/AppHeader.js';\nexport type { AppHeaderProps } from './app-header/AppHeader.js';\nexport type {\n  AppHeaderActionButtonOwnProps,\n  AppHeaderActionButtonProps,\n} from './app-header/ActionButton.js';\nexport type { AppHeaderActionItemsProps } from './app-header/ActionItems.js';\nexport type { ActionItemGroupProps } from './app-header/ActionItemGroup.js';\nexport { HelpMenu } from './help-menu/HelpMenu.js';\nexport type {\n  HelpMenuProps,\n  HelpMenuButtonEntry,\n  HelpMenuLinkEntry,\n  HelpMenuChildrenEntry,\n  HelpMenuCustomLinkEntry,\n  HelpMenuCustomItemEntry,\n  HelpMenuDefault,\n  HelpMenuDefaultableEntry,\n  HelpMenuExpandableEntry,\n  HelpMenuDependency,\n} from './help-menu/HelpMenu.js';\nexport type {\n  AppHeaderNavigationProps,\n  AppHeaderNavigationItemOwnProps,\n  AppHeaderNavigationItemProps,\n  // exported with alternate name for backwards compatibility\n  AppHeaderNavigationProps as AppHeaderNavItemsProps,\n} from './app-header/Navigation.js';\nexport type { AppIconProps } from './app-header/app-icon/AppIcon.js';\nexport { Logo, Logo as AppNavLink } from './app-header/Logo.js';\nexport type {\n  AppHeaderLogoProps,\n  AppHeaderLogoOwnProps,\n  // exported with alternate name for backwards compatibility\n  AppHeaderLogoProps as AppNavLinkProps,\n  AppHeaderLogoOwnProps as AppNavLinkOwnProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  AppNavLinkInternalOwnProps, // exported for backwards compatibility\n} from './app-header/Logo.js';\nexport type {\n  ActionButtonOwnProps,\n  ActionButtonProps,\n} from './app-header/action-group/ActionButton.js';\nexport { ActionGroup as _ActionGroup } from './app-header/action-group/ActionGroup.js';\nexport type { ActionGroupProps as _ActionGroupProps } from './app-header/action-group/ActionGroup.js';\nexport type {\n  NavItemProps,\n  NavItemOwnProps,\n} from './app-header/action-group/NavItem.js';\nexport type { GroupProps } from './app-header/action-group/Group.js';\n\nexport type {\n  ControlledDetailViewProps,\n  DetailViewOwnProps,\n  DetailViewProps,\n  UncontrolledDetailViewProps,\n} from './page/DetailView.js';\nexport type { HeaderProps } from './page/Header.js';\nexport type { MainProps } from './page/Main.js';\nexport { Page } from './page/Page.js';\nexport type { PageProps } from './page/Page.js';\nexport { panelSizeUnits } from './page/panel-types.js';\nexport type {\n  PanelSize,\n  PanelSizeUnit,\n  Direction as _Direction,\n} from './page/panel-types.js';\nexport type { PanelControlButtonProps } from './page/PanelControlButton.js';\nexport type {\n  ControlledSidebarProps,\n  SidebarOwnProps,\n  SidebarProps,\n  UncontrolledSidebarProps,\n} from './page/Sidebar.js';\nexport { pagePanels } from './page/page-types.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  DismissiblePagePanels,\n  PagePanelSizes,\n  PanelName,\n  /** @deprecated Use `PanelName` instead. */\n  PanelName as PagePanels,\n  ControlledPagePanelProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PagePanelProps,\n  UncontrolledPagePanelProps,\n} from './page/page-types.js';\n\nexport type { TitleBarActionProps } from './title-bar/Action.js';\nexport type { TitleBarNavigationProps } from './title-bar/Navigation.js';\nexport type { TitleBarPrefixProps } from './title-bar/Prefix.js';\nexport type { TitleBarSubtitleProps } from './title-bar/Subtitle.js';\nexport type { TitleBarSuffixProps } from './title-bar/Suffix.js';\nexport type { TitleBarTitleProps } from './title-bar/Title.js';\nexport { TitleBar } from './title-bar/TitleBar.js';\nexport type { TitleBarProps } from './title-bar/TitleBar.js';\n\nexport { InputGroup, type InputGroupProps } from './input-group/InputGroup.js';\nexport { inputGroupClassName } from './input-group/InputGroup.sty.js';\n\nexport { SplitLayout as _SplitLayout } from './split-layout/SplitLayout.js';\nexport type { SplitLayoutProps as _SplitLayoutProps } from './split-layout/SplitLayout.js';\nexport type { ResizeHandleProps as _SplitLayoutResizeHandleProps } from './split-layout/slots.js';\nexport { PageLayout } from './page-layout/PageLayout.js';\nexport type { ResizablePanelProps } from './split-layout/slots.js';\nexport type { PanelWidth } from './split-layout/width-utils.js';\nexport type { PageLayoutProps } from './page-layout/PageLayout.js';\nexport type { CollapsiblePanel } from './page-layout/shared/collapsible.js';\nexport type { HeaderProps as PageLayoutHeaderProps } from './page-layout/shared/portal-slots.js';\nexport type { SidebarProps as PageLayoutSidebarProps } from './page-layout/sidebar-layout/slots.js';\nexport type { DetailsProps as PageLayoutDetailsProps } from './page-layout/details-layout/slots.js';\nexport type { ContentProps as PageLayoutContentProps } from './split-layout/slots.js';\nexport type { LayoutMode as PageLayoutDetailsLayoutMode } from './page-layout/details-layout/DetailsLayoutContext.js';\nexport type { DetailsControlBarProps as PageLayoutDetailsControlBarProps } from './page-layout/details-layout/slots.js';\n"],
+  "mappings": "AAAA,SAAS,YAA+C;AACxD,SAAS,YAA+C;AACxD,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACwB;AAAA,OAEnB;AAMP,SAAS,eAAe;AAExB,SAAgC,2BAA4B;AAC5D,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAQ1B,SAAS,gBAAgB;AAqBzB,SAAS,MAAc,QAARA,aAA0B;AAczC,SAAwB,mBAAoB;AAgB5C,SAAS,YAAY;AAErB,SAAS,sBAAsB;AAa/B,SAAS,kBAAkB;AAoB3B,SAAS,gBAAgB;AAGzB,SAAS,kBAAwC;AACjD,SAAS,2BAA2B;AAEpC,SAAwB,mBAAoB;AAG5C,SAAS,kBAAkB;",
   "names": ["Logo"]
 }