@kartverket/backstage-plugin-risk-scorecard 3.8.0 → 3.9.1

package/dist/PluginRoot.esm.js

@@ -6,8 +6,8 @@ import { RiScPlugin } from './components/riScPlugin/RiScPlugin.esm.js';
 import { ScenarioProvider } from './contexts/ScenarioContext.esm.js';
 import { riScRouteRef, scenarioRouteRef } from './routes.esm.js';
 import { RiScProvider } from './contexts/RiScContext.esm.js';
-import '@backstage/ui/css/styles.css';
 import 'remixicon/fonts/remixicon.css';
+import './theme.css.esm.js';
 import { DefaultRiScTypesProvider } from './contexts/DefaultRiScTypesContext.esm.js';
 
 const emotionInsertionPoint = document.createElement("meta");

package/dist/PluginRoot.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import { Route, Routes } from 'react-router-dom';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { RiScPlugin } from './components/riScPlugin/RiScPlugin';\nimport { ScenarioProvider } from './contexts/ScenarioContext';\nimport { riScRouteRef, scenarioRouteRef } from './routes';\nimport { RiScProvider } from './contexts/RiScContext';\nimport '@backstage/ui/css/styles.css';\nimport 'remixicon/fonts/remixicon.css';\nimport { DefaultRiScTypesProvider } from './contexts/DefaultRiScTypesContext.tsx';\n\nconst emotionInsertionPoint = document.createElement('meta');\nemotionInsertionPoint.setAttribute('name', 'emotion-insertion-point');\ndocument.querySelector('head')?.appendChild(emotionInsertionPoint);\n\nconst cache = createCache({\n  key: 'css',\n  insertionPoint: emotionInsertionPoint,\n});\n\nfunction ProvidedPlugin() {\n  return (\n    <CacheProvider value={cache}>\n      <RiScProvider>\n        <DefaultRiScTypesProvider>\n          <ScenarioProvider>\n            <RiScPlugin />\n          </ScenarioProvider>\n        </DefaultRiScTypesProvider>\n      </RiScProvider>\n    </CacheProvider>\n  );\n}\n\nexport function PluginRoot() {\n  return (\n    <Routes>\n      <Route path=\"/\" element={<ProvidedPlugin />} />\n      <Route path={riScRouteRef.path} element={<ProvidedPlugin />} />\n      <Route path={scenarioRouteRef.path} element={<ProvidedPlugin />} />\n    </Routes>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAWA,MAAM,qBAAA,GAAwB,QAAS,CAAA,aAAA,CAAc,MAAM,CAAA;AAC3D,qBAAsB,CAAA,YAAA,CAAa,QAAQ,yBAAyB,CAAA;AACpE,QAAA,CAAS,aAAc,CAAA,MAAM,CAAG,EAAA,WAAA,CAAY,qBAAqB,CAAA;AAEjE,MAAM,QAAQ,WAAY,CAAA;AAAA,EACxB,GAAK,EAAA,KAAA;AAAA,EACL,cAAgB,EAAA;AAClB,CAAC,CAAA;AAED,SAAS,cAAiB,GAAA;AACxB,EAAA,uBACG,GAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,KAAA,EACpB,8BAAC,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,wBACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,oBACC,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,CACd,EAAA,CAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;AAEO,SAAS,UAAa,GAAA;AAC3B,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7C,GAAA,CAAC,SAAM,IAAM,EAAA,YAAA,CAAa,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA,CAAA;AAAA,oBAC7D,GAAA,CAAC,SAAM,IAAM,EAAA,gBAAA,CAAiB,MAAM,OAAS,kBAAA,GAAA,CAAC,kBAAe,CAAI,EAAA;AAAA,GACnE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PluginRoot.esm.js","sources":["../src/PluginRoot.tsx"],"sourcesContent":["import { Route, Routes } from 'react-router-dom';\nimport { CacheProvider } from '@emotion/react';\nimport createCache from '@emotion/cache';\nimport { RiScPlugin } from './components/riScPlugin/RiScPlugin';\nimport { ScenarioProvider } from './contexts/ScenarioContext';\nimport { riScRouteRef, scenarioRouteRef } from './routes';\nimport { RiScProvider } from './contexts/RiScContext';\nimport 'remixicon/fonts/remixicon.css';\nimport './theme.css';\nimport { DefaultRiScTypesProvider } from './contexts/DefaultRiScTypesContext.tsx';\n\nconst emotionInsertionPoint = document.createElement('meta');\nemotionInsertionPoint.setAttribute('name', 'emotion-insertion-point');\ndocument.querySelector('head')?.appendChild(emotionInsertionPoint);\n\nconst cache = createCache({\n  key: 'css',\n  insertionPoint: emotionInsertionPoint,\n});\n\nfunction ProvidedPlugin() {\n  return (\n    <CacheProvider value={cache}>\n      <RiScProvider>\n        <DefaultRiScTypesProvider>\n          <ScenarioProvider>\n            <RiScPlugin />\n          </ScenarioProvider>\n        </DefaultRiScTypesProvider>\n      </RiScProvider>\n    </CacheProvider>\n  );\n}\n\nexport function PluginRoot() {\n  return (\n    <Routes>\n      <Route path=\"/\" element={<ProvidedPlugin />} />\n      <Route path={riScRouteRef.path} element={<ProvidedPlugin />} />\n      <Route path={scenarioRouteRef.path} element={<ProvidedPlugin />} />\n    </Routes>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAWA,MAAM,qBAAA,GAAwB,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA;AAC3D,qBAAA,CAAsB,YAAA,CAAa,QAAQ,yBAAyB,CAAA;AACpE,QAAA,CAAS,aAAA,CAAc,MAAM,CAAA,EAAG,WAAA,CAAY,qBAAqB,CAAA;AAEjE,MAAM,QAAQ,WAAA,CAAY;AAAA,EACxB,GAAA,EAAK,KAAA;AAAA,EACL,cAAA,EAAgB;AAClB,CAAC,CAAA;AAED,SAAS,cAAA,GAAiB;AACxB,EAAA,uBACE,GAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAO,KAAA,EACpB,8BAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,oBACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,CAAA,EACd,CAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;AAEO,SAAS,UAAA,GAAa;AAC3B,EAAA,4BACG,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,oBAC7C,GAAA,CAAC,SAAM,IAAA,EAAM,YAAA,CAAa,MAAM,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI,CAAA;AAAA,oBAC7D,GAAA,CAAC,SAAM,IAAA,EAAM,gBAAA,CAAiB,MAAM,OAAA,kBAAS,GAAA,CAAC,kBAAe,CAAA,EAAI;AAAA,GAAA,EACnE,CAAA;AAEJ;;;;"}

package/dist/components/common/DualButton/DualButton.esm.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Button, Box, MenuTrigger, Menu, MenuItem } from '@backstage/ui';
+import styles from './DualButton.module.css.esm.js';
+
+function DualButton({
+  menuItems,
+  propsLeft,
+  propsRight,
+  className,
+  propsCommon,
+  ...props
+}) {
+  const leftButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      size: "small",
+      ...propsCommon,
+      ...propsLeft,
+      className: `${styles.DualButtonLeft} ${propsCommon?.className || ""} ${propsLeft?.className || ""}`
+    }
+  );
+  const ConditionalMenuWrapper = ({
+    children
+  }) => {
+    const hasMenu = menuItems && menuItems.length > 0;
+    if (!hasMenu) {
+      return /* @__PURE__ */ jsx(Fragment, { children });
+    }
+    return /* @__PURE__ */ jsxs(MenuTrigger, { children: [
+      children,
+      /* @__PURE__ */ jsx(Menu, { children: menuItems.map((item) => /* @__PURE__ */ jsx(
+        MenuItem,
+        {
+          style: item.selected ? { backgroundColor: "var(--bui-gray-3)" } : {},
+          onAction: () => item.onClick(),
+          children: item.label
+        },
+        item.key
+      )) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(Box, { ...props, className: `${styles.DualButton} ${className || ""}`, children: [
+    /* @__PURE__ */ jsx(ConditionalMenuWrapper, { children: leftButton }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        ...propsCommon,
+        ...propsRight,
+        className: `${styles.DualButtonRight} ${propsCommon?.className || ""} ${propsRight?.className || ""}`
+      }
+    )
+  ] });
+}
+
+export { DualButton };
+//# sourceMappingURL=DualButton.esm.js.map

package/dist/components/common/DualButton/DualButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualButton.esm.js","sources":["../../../../src/components/common/DualButton/DualButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonProps,\n  MenuTrigger,\n  Menu,\n  MenuItem,\n} from '@backstage/ui';\nimport styles from './DualButton.module.css';\n\ntype MenuItemDef = {\n  key: string;\n  label: React.ReactNode;\n  onClick: () => void;\n  selected?: boolean;\n};\n\nexport type DualButtonProps = {\n  menuItems?: MenuItemDef[];\n  propsLeft?: ButtonProps;\n  propsRight?: ButtonProps;\n  propsCommon?: ButtonProps;\n} & React.HTMLAttributes<HTMLDivElement>;\n\n/** Base component for dual sided button component.\n * props provided serves as configuration for the left and right button.\n * propsCommon applies to both sides.\n * Specificity takes precedence.\n */\nexport function DualButton({\n  menuItems,\n  propsLeft,\n  propsRight,\n  className,\n  propsCommon,\n  ...props\n}: DualButtonProps) {\n  const leftButton = (\n    <Button\n      size=\"small\"\n      {...propsCommon}\n      {...propsLeft}\n      className={`${styles.DualButtonLeft} ${propsCommon?.className || ''} ${propsLeft?.className || ''}`}\n    />\n  );\n\n  const ConditionalMenuWrapper: React.FC<{ children: React.ReactNode }> = ({\n    children,\n  }) => {\n    const hasMenu = menuItems && menuItems.length > 0;\n\n    if (!hasMenu) {\n      return <>{children}</>;\n    }\n\n    return (\n      <MenuTrigger>\n        {children}\n        <Menu>\n          {menuItems.map(item => (\n            <MenuItem\n              key={item.key}\n              style={\n                item.selected ? { backgroundColor: 'var(--bui-gray-3)' } : {}\n              }\n              onAction={() => item.onClick()}\n            >\n              {item.label}\n            </MenuItem>\n          ))}\n        </Menu>\n      </MenuTrigger>\n    );\n  };\n\n  return (\n    <Box {...props} className={`${styles.DualButton} ${className || ''}`}>\n      <ConditionalMenuWrapper>{leftButton}</ConditionalMenuWrapper>\n      <Button\n        size=\"small\"\n        {...propsCommon}\n        {...propsRight}\n        className={`${styles.DualButtonRight} ${propsCommon?.className || ''} ${propsRight?.className || ''}`}\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;AA6BO,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,UAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACJ,GAAG,WAAA;AAAA,MACH,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,cAAc,CAAA,CAAA,EAAI,WAAA,EAAa,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,SAAA,EAAW,SAAA,IAAa,EAAE,CAAA;AAAA;AAAA,GACnG;AAGF,EAAA,MAAM,yBAAkE,CAAC;AAAA,IACvE;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,OAAA,GAAU,SAAA,IAAa,SAAA,CAAU,MAAA,GAAS,CAAA;AAEhD,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,IACrB;AAEA,IAAA,4BACG,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAA,IAAA,qBACb,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,OACE,IAAA,CAAK,QAAA,GAAW,EAAE,eAAA,EAAiB,mBAAA,KAAwB,EAAC;AAAA,UAE9D,QAAA,EAAU,MAAM,IAAA,CAAK,OAAA,EAAQ;AAAA,UAE5B,QAAA,EAAA,IAAA,CAAK;AAAA,SAAA;AAAA,QAND,IAAA,CAAK;AAAA,OAQb,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAK,GAAG,KAAA,EAAO,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EAChE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,0BAAwB,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,oBACpC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACJ,GAAG,WAAA;AAAA,QACH,GAAG,UAAA;AAAA,QACJ,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,eAAe,CAAA,CAAA,EAAI,WAAA,EAAa,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,UAAA,EAAY,SAAA,IAAa,EAAE,CAAA;AAAA;AAAA;AACrG,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/common/DualButton/DualButton.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".DualButton-module_DualButton__KpQUp {\n  display: flex;\n  text-wrap: nowrap;\n  gap: 4px;\n\n  .DualButton-module_DualButtonLeft__pbMAT {\n    border-top-left-radius: 1000px;\n    border-bottom-left-radius: 1000px;\n    text-transform: none;\n    min-width: 110px;\n  }\n\n  .DualButton-module_DualButtonRight__gS0At {\n    border-top-right-radius: 1000px;\n    border-bottom-right-radius: 1000px;\n    text-transform: none;\n  }\n}\n";
+var styles = {"DualButton":"DualButton-module_DualButton__KpQUp","DualButtonLeft":"DualButton-module_DualButtonLeft__pbMAT","DualButtonRight":"DualButton-module_DualButtonRight__gS0At"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=DualButton.module.css.esm.js.map

package/dist/components/common/DualButton/DualButton.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DualButton.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/common/DualButtonWithMenu.esm.js

@@ -1,33 +1,23 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useCallback } from 'react';
-import Menu from '@mui/material/Menu';
-import MenuItem from '@mui/material/MenuItem';
-import { DualButton } from './DualButton.esm.js';
+import { jsx } from 'react/jsx-runtime';
+import { useCallback } from 'react';
+import { DualButton } from './DualButton/DualButton.esm.js';
 
 function DualButtonWithMenu({
   propsLeft,
   propsRight,
   propsCommon,
   menuItems,
-  menuProps,
   openMenuOnLeftClick,
   ...props
 }) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
   const handleLeftClick = useCallback(
     (event) => {
       event.stopPropagation();
       propsLeft?.onClick?.(event);
       const shouldOpen = openMenuOnLeftClick !== void 0 ? openMenuOnLeftClick : Boolean(menuItems && menuItems.length > 0);
       if (!shouldOpen) return;
-      if (open) {
-        setAnchorEl(null);
-      } else {
-        setAnchorEl(event.currentTarget);
-      }
     },
-    [propsLeft, openMenuOnLeftClick, menuItems, open]
+    [propsLeft, openMenuOnLeftClick, menuItems]
   );
   const handleRightClick = useCallback(
     (event) => {
@@ -36,9 +26,6 @@ function DualButtonWithMenu({
     },
     [propsRight]
   );
-  const handleMenuClose = useCallback(() => {
-    setAnchorEl(null);
-  }, []);
   const wrappedLeft = {
     ...propsLeft || {},
     onClick: handleLeftClick
@@ -47,55 +34,17 @@ function DualButtonWithMenu({
     ...propsRight || {},
     onClick: handleRightClick
   };
-  return /* @__PURE__ */ jsxs(
-    "div",
+  return /* @__PURE__ */ jsx(
+    DualButton,
     {
-      ...props,
-      role: "presentation",
-      onClick: (e) => {
-        e.stopPropagation();
-      },
-      onKeyDown: (e) => {
-        e.stopPropagation();
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          DualButton,
-          {
-            propsLeft: wrappedLeft,
-            propsRight: wrappedRight,
-            propsCommon
-          }
-        ),
-        menuItems && /* @__PURE__ */ jsx(
-          Menu,
-          {
-            anchorEl,
-            open,
-            onClose: handleMenuClose,
-            ...menuProps,
-            children: menuItems.map((item) => /* @__PURE__ */ jsx(
-              MenuItem,
-              {
-                selected: item.selected,
-                onClick: (e) => {
-                  e.stopPropagation();
-                  try {
-                    item.onClick();
-                  } finally {
-                    handleMenuClose();
-                  }
-                },
-                children: item.label
-              },
-              item.key
-            ))
-          }
-        )
-      ]
+      menuItems,
+      propsLeft: wrappedLeft,
+      propsRight: wrappedRight,
+      propsCommon,
+      ...props
     }
   );
 }
 
-export { DualButtonWithMenu, DualButtonWithMenu as default };
+export { DualButtonWithMenu };
 //# sourceMappingURL=DualButtonWithMenu.esm.js.map

package/dist/components/common/DualButtonWithMenu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DualButtonWithMenu.esm.js","sources":["../../../src/components/common/DualButtonWithMenu.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport Menu, { MenuProps } from '@mui/material/Menu';\nimport MenuItem from '@mui/material/MenuItem';\nimport { ButtonProps } from '@mui/material';\nimport { DualButton } from './DualButton';\n\ntype MenuItemDef = {\n  key: string;\n  label: React.ReactNode;\n  onClick: () => void;\n  selected?: boolean;\n};\n\ntype DualButtonWithMenuProps = {\n  propsLeft?: ButtonProps;\n  propsRight?: ButtonProps;\n  propsCommon?: ButtonProps;\n  menuItems?: MenuItemDef[];\n  menuProps?: Partial<MenuProps>;\n  openMenuOnLeftClick?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport function DualButtonWithMenu({\n  propsLeft,\n  propsRight,\n  propsCommon,\n  menuItems,\n  menuProps,\n  openMenuOnLeftClick,\n  ...props\n}: DualButtonWithMenuProps) {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleLeftClick = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      event.stopPropagation();\n      propsLeft?.onClick?.(event as any);\n      const shouldOpen =\n        openMenuOnLeftClick !== undefined\n          ? openMenuOnLeftClick\n          : Boolean(menuItems && menuItems.length > 0);\n      if (!shouldOpen) return;\n\n      if (open) {\n        setAnchorEl(null);\n      } else {\n        setAnchorEl(event.currentTarget);\n      }\n    },\n    [propsLeft, openMenuOnLeftClick, menuItems, open],\n  );\n\n  const handleRightClick = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      event.stopPropagation();\n      propsRight?.onClick?.(event as any);\n    },\n    [propsRight],\n  );\n\n  const handleMenuClose = useCallback(() => {\n    setAnchorEl(null);\n  }, []);\n\n  const wrappedLeft = {\n    ...(propsLeft || {}),\n    onClick: handleLeftClick,\n  } as ButtonProps;\n  const wrappedRight = {\n    ...(propsRight || {}),\n    onClick: handleRightClick,\n  } as ButtonProps;\n\n  return (\n    <div\n      {...props}\n      role=\"presentation\"\n      onClick={e => {\n        e.stopPropagation();\n      }}\n      onKeyDown={e => {\n        e.stopPropagation();\n      }}\n    >\n      <DualButton\n        propsLeft={wrappedLeft}\n        propsRight={wrappedRight}\n        propsCommon={propsCommon}\n      />\n\n      {menuItems && (\n        <Menu\n          anchorEl={anchorEl}\n          open={open}\n          onClose={handleMenuClose}\n          {...menuProps}\n        >\n          {menuItems.map(item => (\n            <MenuItem\n              key={item.key}\n              selected={item.selected}\n              onClick={(e: React.MouseEvent<HTMLElement>) => {\n                e.stopPropagation();\n                try {\n                  item.onClick();\n                } finally {\n                  handleMenuClose();\n                }\n              }}\n            >\n              {item.label}\n            </MenuItem>\n          ))}\n        </Menu>\n      )}\n    </div>\n  );\n}\n\nexport default DualButtonWithMenu;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DualButtonWithMenu.esm.js","sources":["../../../src/components/common/DualButtonWithMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { ButtonProps } from '@backstage/ui';\nimport { DualButton } from './DualButton';\n\ntype MenuItemDef = {\n  key: string;\n  label: React.ReactNode;\n  onClick: () => void;\n  selected?: boolean;\n};\n\ntype DualButtonWithMenuProps = {\n  propsLeft?: ButtonProps;\n  propsRight?: ButtonProps;\n  propsCommon?: ButtonProps;\n  menuItems?: MenuItemDef[];\n  openMenuOnLeftClick?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport function DualButtonWithMenu({\n  propsLeft,\n  propsRight,\n  propsCommon,\n  menuItems,\n  openMenuOnLeftClick,\n  ...props\n}: DualButtonWithMenuProps) {\n  const handleLeftClick = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      event.stopPropagation();\n      propsLeft?.onClick?.(event as any);\n      const shouldOpen =\n        openMenuOnLeftClick !== undefined\n          ? openMenuOnLeftClick\n          : Boolean(menuItems && menuItems.length > 0);\n      if (!shouldOpen) return;\n    },\n    [propsLeft, openMenuOnLeftClick, menuItems],\n  );\n\n  const handleRightClick = useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      event.stopPropagation();\n      propsRight?.onClick?.(event as any);\n    },\n    [propsRight],\n  );\n\n  const wrappedLeft = {\n    ...(propsLeft || {}),\n    onClick: handleLeftClick,\n  } as ButtonProps;\n  const wrappedRight = {\n    ...(propsRight || {}),\n    onClick: handleRightClick,\n  } as ButtonProps;\n\n  return (\n    <DualButton\n      menuItems={menuItems}\n      propsLeft={wrappedLeft}\n      propsRight={wrappedRight}\n      propsCommon={propsCommon}\n      {...props}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAmBO,SAAS,kBAAA,CAAmB;AAAA,EACjC,SAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,IACtB,CAAC,KAAA,KAAyC;AACxC,MAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,MAAA,SAAA,EAAW,UAAU,KAAY,CAAA;AACjC,MAAA,MAAM,UAAA,GACJ,wBAAwB,MAAA,GACpB,mBAAA,GACA,QAAQ,SAAA,IAAa,SAAA,CAAU,SAAS,CAAC,CAAA;AAC/C,MAAA,IAAI,CAAC,UAAA,EAAY;AAAA,IACnB,CAAA;AAAA,IACA,CAAC,SAAA,EAAW,mBAAA,EAAqB,SAAS;AAAA,GAC5C;AAEA,EAAA,MAAM,gBAAA,GAAmB,WAAA;AAAA,IACvB,CAAC,KAAA,KAAyC;AACxC,MAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,MAAA,UAAA,EAAY,UAAU,KAAY,CAAA;AAAA,IACpC,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,WAAA,GAAc;AAAA,IAClB,GAAI,aAAa,EAAC;AAAA,IAClB,OAAA,EAAS;AAAA,GACX;AACA,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,GAAI,cAAc,EAAC;AAAA,IACnB,OAAA,EAAS;AAAA,GACX;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,SAAA,EAAW,WAAA;AAAA,MACX,UAAA,EAAY,YAAA;AAAA,MACZ,WAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/components/common/Input.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.esm.js","sources":["../../../src/components/common/Input.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\nimport { forwardRef } from 'react';\nimport { formHelperText, formLabel } from './typography';\nimport { commonTextColor, formControlStyles } from '../../utils/style';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n};\n\nexport const Input = forwardRef<HTMLInputElement, Props>(\n  ({ label, sublabel, error, helperText, required, ...props }, ref) => {\n    return (\n      <FormControl sx={formControlStyles} error={error} required={required}>\n        {label && (\n          <FormLabel required={required} sx={formLabel}>\n            {label}\n          </FormLabel>\n        )}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <TextField\n          id=\"filled-multiline-static\"\n          error={error}\n          multiline\n          fullWidth\n          variant=\"outlined\"\n          inputRef={ref}\n          InputProps={{\n            sx: theme => ({\n              '&.Mui-disabled': {\n                color: commonTextColor(theme, true),\n              },\n            }),\n          }}\n          {...props}\n        />\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,KAAQ,GAAA,UAAA;AAAA,EACnB,CAAC,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,YAAY,QAAU,EAAA,GAAG,KAAM,EAAA,EAAG,GAAQ,KAAA;AACnE,IAAA,uBACG,IAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,iBAAA,EAAmB,OAAc,QAC/C,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,oBACE,GAAA,CAAA,SAAA,EAAA,EAAU,QAAoB,EAAA,EAAA,EAAI,WAChC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,MAED,QACC,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,EAAA,EAAI,gBAAiB,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,sBAEhD,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,yBAAA;AAAA,UACH,KAAA;AAAA,UACA,SAAS,EAAA,IAAA;AAAA,UACT,SAAS,EAAA,IAAA;AAAA,UACT,OAAQ,EAAA,UAAA;AAAA,UACR,QAAU,EAAA,GAAA;AAAA,UACV,UAAY,EAAA;AAAA,YACV,IAAI,CAAU,KAAA,MAAA;AAAA,cACZ,gBAAkB,EAAA;AAAA,gBAChB,KAAA,EAAO,eAAgB,CAAA,KAAA,EAAO,IAAI;AAAA;AACpC,aACF;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,UAAA,oBAAe,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAW,EAAA,UAAA,EAAA;AAAA,KAC7C,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"Input.esm.js","sources":["../../../src/components/common/Input.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\nimport { forwardRef } from 'react';\nimport { formHelperText, formLabel } from './typography';\nimport { commonTextColor, formControlStyles } from '../../utils/style';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n};\n\nexport const Input = forwardRef<HTMLInputElement, Props>(\n  ({ label, sublabel, error, helperText, required, ...props }, ref) => {\n    return (\n      <FormControl sx={formControlStyles} error={error} required={required}>\n        {label && (\n          <FormLabel required={required} sx={formLabel}>\n            {label}\n          </FormLabel>\n        )}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <TextField\n          id=\"filled-multiline-static\"\n          error={error}\n          multiline\n          fullWidth\n          variant=\"outlined\"\n          inputRef={ref}\n          InputProps={{\n            sx: theme => ({\n              '&.Mui-disabled': {\n                color: commonTextColor(theme, true),\n              },\n            }),\n          }}\n          {...props}\n        />\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,YAAY,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnE,IAAA,uBACE,IAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,iBAAA,EAAmB,OAAc,QAAA,EAC/C,QAAA,EAAA;AAAA,MAAA,KAAA,oBACC,GAAA,CAAC,SAAA,EAAA,EAAU,QAAA,EAAoB,EAAA,EAAI,WAChC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,QAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EAAe,EAAA,EAAI,gBAAiB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,sBAEhD,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,yBAAA;AAAA,UACH,KAAA;AAAA,UACA,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAS,IAAA;AAAA,UACT,OAAA,EAAQ,UAAA;AAAA,UACR,QAAA,EAAU,GAAA;AAAA,UACV,UAAA,EAAY;AAAA,YACV,IAAI,CAAA,KAAA,MAAU;AAAA,cACZ,gBAAA,EAAkB;AAAA,gBAChB,KAAA,EAAO,eAAA,CAAgB,KAAA,EAAO,IAAI;AAAA;AACpC,aACF;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,UAAA,oBAAc,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,UAAA,EAAW;AAAA,KAAA,EAC7C,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist/components/common/Markdown.esm.js

@@ -3,12 +3,24 @@ import ReactMarkdown from 'react-markdown';
 import 'github-markdown-css/github-markdown.css';
 import remarkBreaks from 'remark-breaks';
 import { Text } from '@backstage/ui';
+import { useTheme } from '@mui/material/styles';
 
 function Markdown({ description }) {
-  return /* @__PURE__ */ jsxs(Text, { variant: "body-large", className: "markdown-body", children: [
-    " ",
-    /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkBreaks], children: description })
-  ] });
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Text,
+    {
+      variant: "body-large",
+      className: "markdown-body",
+      style: {
+        color: theme.palette.mode === "dark" ? "var(--bui-white)" : "var(--bui-black)"
+      },
+      children: [
+        " ",
+        /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkBreaks], children: description })
+      ]
+    }
+  );
 }
 
 export { Markdown };

package/dist/components/common/Markdown.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.esm.js","sources":["../../../src/components/common/Markdown.tsx"],"sourcesContent":["import ReactMarkdown from 'react-markdown';\nimport 'github-markdown-css/github-markdown.css';\nimport remarkBreaks from 'remark-breaks';\nimport { Text } from '@backstage/ui';\n\ntype Props = {\n  description: string;\n};\n\nexport function Markdown({ description }: Props) {\n  return (\n    <Text variant=\"body-large\" className=\"markdown-body\">\n      {' '}\n      <ReactMarkdown remarkPlugins={[remarkBreaks]}>\n        {description}\n      </ReactMarkdown>\n    </Text>\n  );\n}\n"],"names":[],"mappings":";;;;;;AASgB,SAAA,QAAA,CAAS,EAAE,WAAA,EAAsB,EAAA;AAC/C,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,YAAA,EAAa,WAAU,eAClC,EAAA,QAAA,EAAA;AAAA,IAAA,GAAA;AAAA,wBACA,aAAc,EAAA,EAAA,aAAA,EAAe,CAAC,YAAY,GACxC,QACH,EAAA,WAAA,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Markdown.esm.js","sources":["../../../src/components/common/Markdown.tsx"],"sourcesContent":["import ReactMarkdown from 'react-markdown';\nimport 'github-markdown-css/github-markdown.css';\nimport remarkBreaks from 'remark-breaks';\nimport { Text } from '@backstage/ui';\nimport { useTheme } from '@mui/material/styles';\n\ntype Props = {\n  description: string;\n};\n\nexport function Markdown({ description }: Props) {\n  const theme = useTheme();\n  return (\n    <Text\n      variant=\"body-large\"\n      className=\"markdown-body\"\n      style={{\n        color:\n          theme.palette.mode === 'dark'\n            ? 'var(--bui-white)'\n            : 'var(--bui-black)',\n      }}\n    >\n      {' '}\n      <ReactMarkdown remarkPlugins={[remarkBreaks]}>\n        {description}\n      </ReactMarkdown>\n    </Text>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAUO,SAAS,QAAA,CAAS,EAAE,WAAA,EAAY,EAAU;AAC/C,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAQ,YAAA;AAAA,MACR,SAAA,EAAU,eAAA;AAAA,MACV,KAAA,EAAO;AAAA,QACL,KAAA,EACE,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SACnB,kBAAA,GACA;AAAA,OACR;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,GAAA;AAAA,4BACA,aAAA,EAAA,EAAc,aAAA,EAAe,CAAC,YAAY,GACxC,QAAA,EAAA,WAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/common/MarkdownInput.esm.js

@@ -30,23 +30,41 @@ const MarkdownInput = forwardRef(
       setMarkdownContent(newValue || "");
       onMarkdownChange?.(newValue || "");
     };
+    const onFocusCapture = (event) => {
+      if (event.relatedTarget) {
+        const root = event.currentTarget;
+        const target = root.querySelector(
+          'textarea, [contenteditable="true"]'
+        );
+        if (target) {
+          setTimeout(() => target.focus());
+        }
+      }
+    };
     return /* @__PURE__ */ jsxs(FormControl, { sx: formControlStyles, error, children: [
       label && /* @__PURE__ */ jsx(FormLabel, { sx: formLabel, children: label }),
       sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
-      /* @__PURE__ */ jsx("div", { "data-color-mode": theme.palette.mode, children: /* @__PURE__ */ jsx(
-        MDEditor,
+      /* @__PURE__ */ jsx(
+        "div",
         {
-          ref,
-          value: markdownContent,
-          onChange: handleMarkdownChange,
-          preview: "edit",
-          height: minRows ? minRows * 24 : 64,
-          style: {
-            color: commonTextColor(theme, disabled),
-            backgroundColor: commonBackgroundColor(theme, disabled)
-          }
+          "data-color-mode": theme.palette.mode,
+          onFocusCapture,
+          children: /* @__PURE__ */ jsx(
+            MDEditor,
+            {
+              ref,
+              value: markdownContent,
+              onChange: handleMarkdownChange,
+              preview: "edit",
+              height: minRows ? minRows * 24 : 64,
+              style: {
+                color: commonTextColor(theme, disabled),
+                backgroundColor: commonBackgroundColor(theme, disabled)
+              }
+            }
+          )
         }
-      ) }),
+      ),
       helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
     ] });
   }

package/dist/components/common/MarkdownInput.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownInput.esm.js","sources":["../../../src/components/common/MarkdownInput.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect } from 'react';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport MDEditor from '@uiw/react-md-editor';\nimport { formHelperText, formLabel } from './typography';\nimport { TextFieldProps } from '@material-ui/core';\nimport { useTheme } from '@mui/material/styles';\nimport {\n  commonTextColor,\n  commonBackgroundColor,\n  formControlStyles,\n} from '../../utils/style';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n  value?: string;\n  onMarkdownChange?: (markdown: string) => void;\n  minRows?: number;\n};\n\nexport const MarkdownInput = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      label,\n      sublabel,\n      error,\n      helperText,\n      minRows,\n      value,\n      onMarkdownChange,\n      disabled = false,\n    },\n    ref,\n  ) => {\n    const [markdownContent, setMarkdownContent] = useState<string | undefined>(\n      value,\n    );\n\n    const theme = useTheme();\n\n    useEffect(() => {\n      setMarkdownContent(value);\n    }, [value]);\n\n    const handleMarkdownChange = (newValue: string | undefined) => {\n      setMarkdownContent(newValue || '');\n      onMarkdownChange?.(newValue || '');\n    };\n\n    return (\n      <FormControl sx={formControlStyles} error={error}>\n        {label && <FormLabel sx={formLabel}>{label}</FormLabel>}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <div data-color-mode={theme.palette.mode}>\n          <MDEditor\n            ref={ref}\n            value={markdownContent}\n            onChange={handleMarkdownChange}\n            preview=\"edit\"\n            height={minRows ? minRows * 24 : 64}\n            style={{\n              color: commonTextColor(theme, disabled),\n              backgroundColor: commonBackgroundColor(theme, disabled),\n            }}\n          />\n        </div>\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;AAqBO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CACE;AAAA,IACE,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAW,GAAA;AAAA,KAEb,GACG,KAAA;AACH,IAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,MAC5C;AAAA,KACF;AAEA,IAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA,KAC1B,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,IAAM,MAAA,oBAAA,GAAuB,CAAC,QAAiC,KAAA;AAC7D,MAAA,kBAAA,CAAmB,YAAY,EAAE,CAAA;AACjC,MAAA,gBAAA,GAAmB,YAAY,EAAE,CAAA;AAAA,KACnC;AAEA,IAAA,uBACG,IAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,iBAAA,EAAmB,KACjC,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAU,GAAA,CAAA,SAAA,EAAA,EAAU,EAAI,EAAA,SAAA,EAAY,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,MAC1C,QACC,oBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,EAAA,EAAI,gBAAiB,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,sBAE/C,GAAA,CAAA,KAAA,EAAA,EAAI,iBAAiB,EAAA,KAAA,CAAM,QAAQ,IAClC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,KAAO,EAAA,eAAA;AAAA,UACP,QAAU,EAAA,oBAAA;AAAA,UACV,OAAQ,EAAA,MAAA;AAAA,UACR,MAAA,EAAQ,OAAU,GAAA,OAAA,GAAU,EAAK,GAAA,EAAA;AAAA,UACjC,KAAO,EAAA;AAAA,YACL,KAAA,EAAO,eAAgB,CAAA,KAAA,EAAO,QAAQ,CAAA;AAAA,YACtC,eAAA,EAAiB,qBAAsB,CAAA,KAAA,EAAO,QAAQ;AAAA;AACxD;AAAA,OAEJ,EAAA,CAAA;AAAA,MACC,UAAA,oBAAe,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAW,EAAA,UAAA,EAAA;AAAA,KAC7C,EAAA,CAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"MarkdownInput.esm.js","sources":["../../../src/components/common/MarkdownInput.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect } from 'react';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport MDEditor from '@uiw/react-md-editor';\nimport { formHelperText, formLabel } from './typography';\nimport { TextFieldProps } from '@material-ui/core';\nimport { useTheme } from '@mui/material/styles';\nimport {\n  commonTextColor,\n  commonBackgroundColor,\n  formControlStyles,\n} from '../../utils/style';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n  value?: string;\n  onMarkdownChange?: (markdown: string) => void;\n  minRows?: number;\n};\n\nexport const MarkdownInput = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      label,\n      sublabel,\n      error,\n      helperText,\n      minRows,\n      value,\n      onMarkdownChange,\n      disabled = false,\n    },\n    ref,\n  ) => {\n    const [markdownContent, setMarkdownContent] = useState<string | undefined>(\n      value,\n    );\n\n    const theme = useTheme();\n\n    useEffect(() => {\n      setMarkdownContent(value);\n    }, [value]);\n\n    const handleMarkdownChange = (newValue: string | undefined) => {\n      setMarkdownContent(newValue || '');\n      onMarkdownChange?.(newValue || '');\n    };\n\n    const onFocusCapture = (event: React.FocusEvent<HTMLDivElement>) => {\n      if (event.relatedTarget) {\n        const root = event.currentTarget as HTMLDivElement;\n        const target = root.querySelector(\n          'textarea, [contenteditable=\"true\"]',\n        ) as HTMLElement | null;\n        if (target) {\n          setTimeout(() => target.focus());\n        }\n      }\n    };\n\n    return (\n      <FormControl sx={formControlStyles} error={error}>\n        {label && <FormLabel sx={formLabel}>{label}</FormLabel>}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <div\n          data-color-mode={theme.palette.mode}\n          onFocusCapture={onFocusCapture}\n        >\n          <MDEditor\n            ref={ref}\n            value={markdownContent}\n            onChange={handleMarkdownChange}\n            preview=\"edit\"\n            height={minRows ? minRows * 24 : 64}\n            style={{\n              color: commonTextColor(theme, disabled),\n              backgroundColor: commonBackgroundColor(theme, disabled),\n            }}\n          />\n        </div>\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;;AAqBO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CACE;AAAA,IACE,KAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA,GAAW;AAAA,KAEb,GAAA,KACG;AACH,IAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA;AAAA,MAC5C;AAAA,KACF;AAEA,IAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA,IAC1B,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,IAAA,MAAM,oBAAA,GAAuB,CAAC,QAAA,KAAiC;AAC7D,MAAA,kBAAA,CAAmB,YAAY,EAAE,CAAA;AACjC,MAAA,gBAAA,GAAmB,YAAY,EAAE,CAAA;AAAA,IACnC,CAAA;AAEA,IAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAA4C;AAClE,MAAA,IAAI,MAAM,aAAA,EAAe;AACvB,QAAA,MAAM,OAAO,KAAA,CAAM,aAAA;AACnB,QAAA,MAAM,SAAS,IAAA,CAAK,aAAA;AAAA,UAClB;AAAA,SACF;AACA,QAAA,IAAI,MAAA,EAAQ;AACV,UAAA,UAAA,CAAW,MAAM,MAAA,CAAO,KAAA,EAAO,CAAA;AAAA,QACjC;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,IAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,iBAAA,EAAmB,KAAA,EACjC,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,SAAA,EAAA,EAAU,EAAA,EAAI,SAAA,EAAY,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC1C,QAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EAAe,EAAA,EAAI,gBAAiB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,sBAEhD,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,iBAAA,EAAiB,MAAM,OAAA,CAAQ,IAAA;AAAA,UAC/B,cAAA;AAAA,UAEA,QAAA,kBAAA,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,KAAA,EAAO,eAAA;AAAA,cACP,QAAA,EAAU,oBAAA;AAAA,cACV,OAAA,EAAQ,MAAA;AAAA,cACR,MAAA,EAAQ,OAAA,GAAU,OAAA,GAAU,EAAA,GAAK,EAAA;AAAA,cACjC,KAAA,EAAO;AAAA,gBACL,KAAA,EAAO,eAAA,CAAgB,KAAA,EAAO,QAAQ,CAAA;AAAA,gBACtC,eAAA,EAAiB,qBAAA,CAAsB,KAAA,EAAO,QAAQ;AAAA;AACxD;AAAA;AACF;AAAA,OACF;AAAA,MACC,UAAA,oBAAc,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,UAAA,EAAW;AAAA,KAAA,EAC7C,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist/components/common/Select.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.esm.js","sources":["../../../src/components/common/Select.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport Chip from '@mui/material/Chip';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport MUISelect, { SelectProps } from '@mui/material/Select';\nimport {\n  Control,\n  FieldValues,\n  Path,\n  RegisterOptions,\n  useController,\n  type UseControllerReturn,\n} from 'react-hook-form';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { formHelperText, formLabel } from './typography';\n\ntype Props<T extends FieldValues> = SelectProps & {\n  sublabel?: string;\n  helperText?: string;\n  control?: Control<T, any>;\n  name: Path<T>;\n  labelTranslationKey?: string;\n  options: {\n    value: string | number;\n    renderedValue: React.ReactNode | string | number;\n  }[];\n  rules?: Omit<\n    RegisterOptions<T, string & Path<T>>,\n    'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'\n  >;\n};\n\nexport function Select<T extends FieldValues>({\n  label,\n  sublabel,\n  error,\n  helperText,\n  required,\n  control,\n  name,\n  multiple,\n  labelTranslationKey,\n  options,\n  rules,\n  ...props\n}: Props<T>) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { field } = useController({\n    name,\n    control,\n    rules: { ...rules, required },\n  });\n\n  // values er strengt tatt unknown, men da må vi bruke mye ts-ignore for å komme i mål\n  function renderValue(values: any) {\n    if (!multiple) {\n      return options.find(option => option.value === values)?.renderedValue;\n    }\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          marginBottom: 0,\n          paddingBottom: 0,\n        }}\n      >\n        {values.map((value: string) => (\n          <Chip\n            key={value}\n            label={\n              /* @ts-ignore Because ts can't typecheck strings against our keys */\n              labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value\n            }\n          />\n        ))}\n      </Box>\n    );\n  }\n\n  function handleChecked(\n    fieldValue: UseControllerReturn['field']['value'],\n    optionValue: Props<T>['options'][number]['value'],\n  ) {\n    if (Array.isArray(fieldValue)) {\n      return fieldValue.includes(optionValue);\n    }\n    return fieldValue === optionValue;\n  }\n\n  return (\n    <FormControl error={error} sx={{ width: '100%', gap: '4px' }}>\n      {label && (\n        <FormLabel sx={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {sublabel && (\n        <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n      )}\n\n      <MUISelect\n        MenuProps={{\n          disablePortal: true,\n        }}\n        error={error}\n        variant=\"outlined\"\n        renderValue={renderValue}\n        multiple={multiple}\n        SelectDisplayProps={\n          multiple\n            ? {\n                style: {\n                  paddingBottom: 8,\n                  paddingTop: 16,\n                  minHeight: 40,\n                },\n              }\n            : {}\n        }\n        inputRef={field.ref}\n        {...field}\n        {...props}\n      >\n        {options.map(option => (\n          <MenuItem key={option.value} value={option.value}>\n            {multiple && (\n              <Checkbox checked={handleChecked(field.value, option.value)} />\n            )}\n            <ListItemText primary={option.renderedValue} />\n          </MenuItem>\n        ))}\n      </MUISelect>\n      {error && <FormHelperText error>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.esm.js","sources":["../../../src/components/common/Select.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport Chip from '@mui/material/Chip';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport MUISelect, { SelectProps } from '@mui/material/Select';\nimport {\n  Control,\n  FieldValues,\n  Path,\n  RegisterOptions,\n  useController,\n  type UseControllerReturn,\n} from 'react-hook-form';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { formHelperText, formLabel } from './typography';\n\ntype Props<T extends FieldValues> = SelectProps & {\n  sublabel?: string;\n  helperText?: string;\n  control?: Control<T, any>;\n  name: Path<T>;\n  labelTranslationKey?: string;\n  options: {\n    value: string | number;\n    renderedValue: React.ReactNode | string | number;\n  }[];\n  rules?: Omit<\n    RegisterOptions<T, string & Path<T>>,\n    'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'\n  >;\n};\n\nexport function Select<T extends FieldValues>({\n  label,\n  sublabel,\n  error,\n  helperText,\n  required,\n  control,\n  name,\n  multiple,\n  labelTranslationKey,\n  options,\n  rules,\n  ...props\n}: Props<T>) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { field } = useController({\n    name,\n    control,\n    rules: { ...rules, required },\n  });\n\n  // values er strengt tatt unknown, men da må vi bruke mye ts-ignore for å komme i mål\n  function renderValue(values: any) {\n    if (!multiple) {\n      return options.find(option => option.value === values)?.renderedValue;\n    }\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          marginBottom: 0,\n          paddingBottom: 0,\n        }}\n      >\n        {values.map((value: string) => (\n          <Chip\n            key={value}\n            label={\n              /* @ts-ignore Because ts can't typecheck strings against our keys */\n              labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value\n            }\n          />\n        ))}\n      </Box>\n    );\n  }\n\n  function handleChecked(\n    fieldValue: UseControllerReturn['field']['value'],\n    optionValue: Props<T>['options'][number]['value'],\n  ) {\n    if (Array.isArray(fieldValue)) {\n      return fieldValue.includes(optionValue);\n    }\n    return fieldValue === optionValue;\n  }\n\n  return (\n    <FormControl error={error} sx={{ width: '100%', gap: '4px' }}>\n      {label && (\n        <FormLabel sx={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {sublabel && (\n        <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n      )}\n\n      <MUISelect\n        MenuProps={{\n          disablePortal: true,\n        }}\n        error={error}\n        variant=\"outlined\"\n        renderValue={renderValue}\n        multiple={multiple}\n        SelectDisplayProps={\n          multiple\n            ? {\n                style: {\n                  paddingBottom: 8,\n                  paddingTop: 16,\n                  minHeight: 40,\n                },\n              }\n            : {}\n        }\n        inputRef={field.ref}\n        {...field}\n        {...props}\n      >\n        {options.map(option => (\n          <MenuItem key={option.value} value={option.value}>\n            {multiple && (\n              <Checkbox checked={handleChecked(field.value, option.value)} />\n            )}\n            <ListItemText primary={option.renderedValue} />\n          </MenuItem>\n        ))}\n      </MUISelect>\n      {error && <FormHelperText error>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/common/Spinner.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.esm.js","sources":["../../../src/components/common/Spinner.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nexport function Spinner({ size }: { size?: string | number }) {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        minWidth: '100wh',\n        height: '100vh',\n        justifyContent: 'center',\n        alignItems: 'flex-start',\n      }}\n    >\n      <CircularProgress\n        size={size}\n        sx={{\n          display: 'flex',\n          marginTop: '200px',\n        }}\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;AAGgB,SAAA,OAAA,CAAQ,EAAE,IAAA,EAAoC,EAAA;AAC5D,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,QAAU,EAAA,OAAA;AAAA,QACV,MAAQ,EAAA,OAAA;AAAA,QACR,cAAgB,EAAA,QAAA;AAAA,QAChB,UAAY,EAAA;AAAA,OACd;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,MAAA;AAAA,YACT,SAAW,EAAA;AAAA;AACb;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"Spinner.esm.js","sources":["../../../src/components/common/Spinner.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nexport function Spinner({ size }: { size?: string | number }) {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        minWidth: '100wh',\n        height: '100vh',\n        justifyContent: 'center',\n        alignItems: 'flex-start',\n      }}\n    >\n      <CircularProgress\n        size={size}\n        sx={{\n          display: 'flex',\n          marginTop: '200px',\n        }}\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,OAAA,CAAQ,EAAE,IAAA,EAAK,EAA+B;AAC5D,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,MAAA;AAAA,QACT,QAAA,EAAU,OAAA;AAAA,QACV,MAAA,EAAQ,OAAA;AAAA,QACR,cAAA,EAAgB,QAAA;AAAA,QAChB,UAAA,EAAY;AAAA,OACd;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,EAAA,EAAI;AAAA,YACF,OAAA,EAAS,MAAA;AAAA,YACT,SAAA,EAAW;AAAA;AACb;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/components/common/mixins.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.esm.js","sources":["../../../src/components/common/mixins.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material/styles';\n\nexport const dialogActions: SxProps<Theme> = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  gap: 1,\n  paddingTop: 0,\n  paddingX: 4,\n  paddingBottom: 3,\n};\n"],"names":[],"mappings":"AAEO,MAAM,aAAgC,GAAA;AAAA,EAC3C,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,eAAA;AAAA,EAChB,UAAY,EAAA,QAAA;AAAA,EACZ,GAAK,EAAA,CAAA;AAAA,EACL,UAAY,EAAA,CAAA;AAAA,EACZ,QAAU,EAAA,CAAA;AAAA,EACV,aAAe,EAAA;AACjB;;;;"}
+{"version":3,"file":"mixins.esm.js","sources":["../../../src/components/common/mixins.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material/styles';\n\nexport const dialogActions: SxProps<Theme> = {\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  gap: 1,\n  paddingTop: 0,\n  paddingX: 4,\n  paddingBottom: 3,\n};\n"],"names":[],"mappings":"AAEO,MAAM,aAAA,GAAgC;AAAA,EAC3C,OAAA,EAAS,MAAA;AAAA,EACT,cAAA,EAAgB,eAAA;AAAA,EAChB,UAAA,EAAY,QAAA;AAAA,EACZ,GAAA,EAAK,CAAA;AAAA,EACL,UAAA,EAAY,CAAA;AAAA,EACZ,QAAA,EAAU,CAAA;AAAA,EACV,aAAA,EAAe;AACjB;;;;"}

package/dist/components/common/typography.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.esm.js","sources":["../../../src/components/common/typography.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material/styles';\n\nexport const heading1: SxProps<Theme> = {\n  fontSize: '2rem',\n  fontWeight: 700,\n};\n\nexport const heading2: SxProps<Theme> = {\n  fontSize: '1.75rem',\n  fontWeight: 500,\n};\n\nexport const heading3: SxProps<Theme> = {\n  fontSize: '1.25rem',\n  fontWeight: 500,\n};\n\nexport const body1: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontWeight: 500,\n};\n\nexport const body2: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontWeight: 400,\n  whiteSpace: 'pre-line',\n};\n\nexport const label: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'uppercase',\n  paddingBottom: '0.4rem',\n};\n\nexport const label2: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'uppercase',\n};\n\nexport const formLabel: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'uppercase',\n  color: 'inherit',\n};\n\nexport const formHelperText: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 400,\n  color: 'inherit',\n  margin: 0,\n};\n\nexport const emptyState: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontStyle: 'italic',\n};\n\nexport const subtitle1: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontWeight: 700,\n};\n\nexport const subtitle2: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontWeight: 400,\n};\n"],"names":[],"mappings":"AAsBO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,MAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,UAAY,EAAA;AACd;AAEO,MAAM,KAAwB,GAAA;AAAA,EACnC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,aAAe,EAAA;AACjB;AAQO,MAAM,SAA4B,GAAA;AAAA,EACvC,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,aAAe,EAAA,WAAA;AAAA,EACf,KAAO,EAAA;AACT;AAEO,MAAM,cAAiC,GAAA;AAAA,EAC5C,QAAU,EAAA,UAAA;AAAA,EACV,UAAY,EAAA,GAAA;AAAA,EACZ,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA;AACV;;;;"}
+{"version":3,"file":"typography.esm.js","sources":["../../../src/components/common/typography.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material/styles';\n\nexport const heading1: SxProps<Theme> = {\n  fontSize: '2rem',\n  fontWeight: 700,\n};\n\nexport const heading2: SxProps<Theme> = {\n  fontSize: '1.75rem',\n  fontWeight: 500,\n};\n\nexport const heading3: SxProps<Theme> = {\n  fontSize: '1.25rem',\n  fontWeight: 500,\n};\n\nexport const body1: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontWeight: 500,\n};\n\nexport const body2: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontWeight: 400,\n  whiteSpace: 'pre-line',\n};\n\nexport const label: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'uppercase',\n  paddingBottom: '0.4rem',\n};\n\nexport const label2: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'uppercase',\n};\n\nexport const formLabel: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'uppercase',\n  color: 'inherit',\n};\n\nexport const formHelperText: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 400,\n  color: 'inherit',\n  margin: 0,\n};\n\nexport const emptyState: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontStyle: 'italic',\n};\n\nexport const subtitle1: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontWeight: 700,\n};\n\nexport const subtitle2: SxProps<Theme> = {\n  fontSize: '1rem',\n  fontWeight: 400,\n};\n"],"names":[],"mappings":"AAsBO,MAAM,KAAA,GAAwB;AAAA,EACnC,QAAA,EAAU,MAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,UAAA,EAAY;AACd;AAEO,MAAM,KAAA,GAAwB;AAAA,EACnC,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,aAAA,EAAe,WAAA;AAAA,EACf,aAAA,EAAe;AACjB;AAQO,MAAM,SAAA,GAA4B;AAAA,EACvC,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,aAAA,EAAe,WAAA;AAAA,EACf,KAAA,EAAO;AACT;AAEO,MAAM,cAAA,GAAiC;AAAA,EAC5C,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,MAAA,EAAQ;AACV;;;;"}

package/dist/components/riScDialog/ConfigEncryptionDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigEncryptionDialog.esm.js","sources":["../../../src/components/riScDialog/ConfigEncryptionDialog.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  DialogContentText,\n  FormLabel,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  TextField,\n} from '@mui/material';\nimport { GcpCryptoKeyMenu } from '../sopsConfigDialog/GcpCryptoKeyMenu';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { AddCircle, ExpandMore } from '@mui/icons-material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { GcpCryptoKeyObject, SopsConfigDTO } from '../../utils/DTOs';\nimport { useEffect, useState } from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { UseFormRegister, UseFormSetValue } from 'react-hook-form';\nimport { RiScDialogStates } from './RiScDialog';\nimport { isPublicAgeKeyValid } from '../../utils/utilityfunctions';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { URLS } from '../../urls';\nimport { Text, Link, Button, Flex, Box } from '@backstage/ui';\nimport { Divider } from '@mui/material';\n\ninterface ConfigEncryptionDialogProps {\n  gcpCryptoKeys: GcpCryptoKeyObject[];\n  sopsData?: SopsConfigDTO;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n  state: RiScDialogStates;\n}\n\nfunction ConfigEncryptionDialog({\n  gcpCryptoKeys,\n  sopsData,\n  setValue,\n  register,\n  errors,\n  state,\n}: ConfigEncryptionDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [publicAgeKeyHelperText, setPublicKeyTextFieldHelperText] =\n    useState('');\n  const [publicAgeKeyError, setPublicKeyTextFieldError] = useState(false);\n  const [newPublicAgeKey, setNewPublicAgeKey] = useState('');\n  const [publicAgeKeys, setPublicAgeKeys] = useState<string[]>(() => {\n    if (sopsData?.age) {\n      return sopsData.age.map(age => age.recipient);\n    }\n    return [];\n  });\n\n  const [chosenGcpCryptoKey, setChosenGcpCryptoKey] =\n    useState<GcpCryptoKeyObject>(() => {\n      if (state === RiScDialogStates.EditEncryption && sopsData?.gcp_kms) {\n        const gcpKms = sopsData.gcp_kms[0];\n        if (gcpKms?.resource_id) {\n          const resourceParts = gcpKms.resource_id.split('/');\n          if (resourceParts.length === 8) {\n            return {\n              projectId: resourceParts[1],\n              keyRing: resourceParts[5],\n              keyName: resourceParts[7],\n              locations: resourceParts[3],\n              resourceId: gcpKms.resource_id,\n              createdAt: gcpKms.created_at,\n              hasEncryptDecryptAccess: true,\n            };\n          }\n        }\n      }\n      return gcpCryptoKeys[0];\n    });\n\n  const [isAddPublicAgeKeyVisible, setIsAddPublicAgeKeyVisible] =\n    useState(false);\n\n  function showAddPublicAgeKey() {\n    setIsAddPublicAgeKeyVisible(true);\n  }\n\n  useEffect(() => {\n    setValue('sopsConfig', {\n      shamir_threshold: 2,\n      gcp_kms: chosenGcpCryptoKey\n        ? [\n            {\n              resource_id: chosenGcpCryptoKey.resourceId,\n              created_at: chosenGcpCryptoKey.createdAt,\n            },\n          ]\n        : [],\n      age: publicAgeKeys.map(key => ({ recipient: key })),\n    });\n  }, [chosenGcpCryptoKey, publicAgeKeys, setValue]);\n\n  // Require one key group to contain a GCP key\n  register('sopsConfig.gcp_kms', {\n    validate: gcpKeys => gcpKeys.length > 0,\n  });\n\n  function handleChangeGcpCryptoKey(newKey: GcpCryptoKeyObject) {\n    setChosenGcpCryptoKey(newKey);\n  }\n\n  function handleAddPublicAgeKey() {\n    if (isPublicAgeKeyValid(newPublicAgeKey)) {\n      if (publicAgeKeys.includes(newPublicAgeKey)) {\n        setPublicKeyTextFieldHelperText(\n          t('sopsConfigDialog.publicKeyHelperTextKeyAlreadyExistInSopsConfig'),\n        );\n        setPublicKeyTextFieldError(true);\n      } else {\n        setPublicAgeKeys([...publicAgeKeys, newPublicAgeKey]);\n        setNewPublicAgeKey('');\n      }\n    } else {\n      setPublicKeyTextFieldHelperText(\n        t('sopsConfigDialog.publicKeyHelperTextKeyNotValid'),\n      );\n      setPublicKeyTextFieldError(true);\n    }\n  }\n\n  return (\n    <Flex direction=\"column\" gap=\"16px\">\n      <Divider />\n      <Text as=\"h2\" variant=\"title-small\" weight=\"bold\">\n        {t('rosDialog.stepEncryption')}\n      </Text>\n      <DialogContentText>\n        {state === RiScDialogStates.Create\n          ? t('sopsConfigDialog.description.new')\n          : t('sopsConfigDialog.description.edit')}\n      </DialogContentText>\n      <Text variant=\"body-medium\" weight=\"bold\">\n        {t('sopsConfigDialog.selectKeysTitle')}\n      </Text>\n\n      {chosenGcpCryptoKey !== undefined ? (\n        <>\n          {t('sopsConfigDialog.gcpCryptoKeyDescription')}\n          <GcpCryptoKeyMenu\n            chosenGcpCryptoKey={chosenGcpCryptoKey}\n            onChange={handleChangeGcpCryptoKey}\n            gcpCryptoKeys={\n              gcpCryptoKeys.includes(chosenGcpCryptoKey)\n                ? gcpCryptoKeys\n                : [...gcpCryptoKeys, chosenGcpCryptoKey]\n            }\n          />\n        </>\n      ) : (\n        <Text variant=\"body-medium\">\n          {t('sopsConfigDialog.gcpCryptoKeyNoSelectableKey')}\n        </Text>\n      )}\n      {errors.sopsConfig !== undefined && (\n        <FormHelperText error={true}>\n          {t('sopsConfigDialog.gcpCryptoKeyNonSelectedErrorMessage')}\n        </FormHelperText>\n      )}\n      <Box>\n        <Accordion elevation={1} defaultExpanded={publicAgeKeys.length > 0}>\n          <AccordionSummary\n            expandIcon={<ExpandMore />}\n            aria-controls=\"panel1-content\"\n            id=\"panel1-header\"\n          >\n            {t('sopsConfigDialog.publicAgeKeyQuestion')}\n          </AccordionSummary>\n          <AccordionDetails>\n            <Box>\n              {publicAgeKeys.length > 0 && (\n                <FormLabel>\n                  {t('sopsConfigDialog.publicAgeKeysAlreadyPresent')}\n                </FormLabel>\n              )}\n              {publicAgeKeys.length > 0 && (\n                <Box\n                  style={{\n                    border: '1px solid',\n                    borderRadius: '4px',\n                    marginBottom: 2,\n                  }}\n                >\n                  <List>\n                    {publicAgeKeys.map(key => (\n                      <ListItem key={key} dense>\n                        <ListItemText>{key}</ListItemText>\n                        <ListItemSecondaryAction>\n                          <IconButton\n                            onClick={() => {\n                              setPublicAgeKeys(\n                                publicAgeKeys.filter(k => k !== key),\n                              );\n                            }}\n                          >\n                            <DeleteIcon />\n                          </IconButton>\n                        </ListItemSecondaryAction>\n                      </ListItem>\n                    ))}\n                  </List>\n                </Box>\n              )}\n              <Text as=\"p\" variant=\"body-large\">\n                {t('dictionary.click')}{' '}\n                <Link\n                  href={\n                    URLS.external.kartverket_atlassian_net__write_ros_locally\n                  }\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  color=\"primary\"\n                >\n                  {t('dictionary.here')}\n                </Link>{' '}\n                {t('sopsConfigDialog.writeLocalRiscSuffix')}\n              </Text>\n              <Text as=\"p\" variant=\"body-large\">\n                {`${t('sopsConfigDialog.publicAgeKeyDescription')} (${t(\n                  'dictionary.optional',\n                )})`}{' '}\n              </Text>\n              <Flex direction=\"column\" justify=\"between\" gap=\"2\" mt=\"2\">\n                {!isAddPublicAgeKeyVisible && (\n                  <Button\n                    iconStart={<AddCircle />}\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={showAddPublicAgeKey}\n                    style={{\n                      width: 'fit-content',\n                      marginTop: '1rem',\n                    }}\n                  >\n                    {t('sopsConfigDialog.addPublicAgeKey')}\n                  </Button>\n                )}\n                {isAddPublicAgeKeyVisible && (\n                  <Flex align=\"center\" gap=\"1\">\n                    <TextField\n                      label={t('sopsConfigDialog.publicAgeKey')}\n                      helperText={publicAgeKeyHelperText}\n                      error={publicAgeKeyError}\n                      onKeyDown={e => {\n                        if (e.key === 'Enter') {\n                          handleAddPublicAgeKey();\n                        }\n                      }}\n                      onFocus={() => {\n                        setPublicKeyTextFieldError(false);\n                        setPublicKeyTextFieldHelperText('');\n                      }}\n                      value={newPublicAgeKey}\n                      onChange={e => setNewPublicAgeKey(e.target.value)}\n                      sx={{ flex: 1 }}\n                    />\n                    <Button\n                      variant=\"primary\"\n                      onClick={handleAddPublicAgeKey}\n                      style={{\n                        maxWidth: 200,\n                      }}\n                    >\n                      {t('sopsConfigDialog.addPublicAgeKey')}\n                    </Button>\n                  </Flex>\n                )}\n              </Flex>\n            </Box>\n          </AccordionDetails>\n        </Accordion>\n      </Box>\n    </Flex>\n  );\n}\n\nexport default ConfigEncryptionDialog;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfigEncryptionDialog.esm.js","sources":["../../../src/components/riScDialog/ConfigEncryptionDialog.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  DialogContentText,\n  FormLabel,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  TextField,\n} from '@mui/material';\nimport { GcpCryptoKeyMenu } from '../sopsConfigDialog/GcpCryptoKeyMenu';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { AddCircle, ExpandMore } from '@mui/icons-material';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport { GcpCryptoKeyObject, SopsConfigDTO } from '../../utils/DTOs';\nimport { useEffect, useState } from 'react';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { UseFormRegister, UseFormSetValue } from 'react-hook-form';\nimport { RiScDialogStates } from './RiScDialog';\nimport { isPublicAgeKeyValid } from '../../utils/utilityfunctions';\nimport { FieldErrors } from 'react-hook-form/dist/types/errors';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport { URLS } from '../../urls';\nimport { Text, Link, Button, Flex, Box } from '@backstage/ui';\nimport { Divider } from '@mui/material';\n\ninterface ConfigEncryptionDialogProps {\n  gcpCryptoKeys: GcpCryptoKeyObject[];\n  sopsData?: SopsConfigDTO;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  register: UseFormRegister<RiScWithMetadata>;\n  errors: FieldErrors<RiScWithMetadata>;\n  state: RiScDialogStates;\n}\n\nfunction ConfigEncryptionDialog({\n  gcpCryptoKeys,\n  sopsData,\n  setValue,\n  register,\n  errors,\n  state,\n}: ConfigEncryptionDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [publicAgeKeyHelperText, setPublicKeyTextFieldHelperText] =\n    useState('');\n  const [publicAgeKeyError, setPublicKeyTextFieldError] = useState(false);\n  const [newPublicAgeKey, setNewPublicAgeKey] = useState('');\n  const [publicAgeKeys, setPublicAgeKeys] = useState<string[]>(() => {\n    if (sopsData?.age) {\n      return sopsData.age.map(age => age.recipient);\n    }\n    return [];\n  });\n\n  const [chosenGcpCryptoKey, setChosenGcpCryptoKey] =\n    useState<GcpCryptoKeyObject>(() => {\n      if (state === RiScDialogStates.EditEncryption && sopsData?.gcp_kms) {\n        const gcpKms = sopsData.gcp_kms[0];\n        if (gcpKms?.resource_id) {\n          const resourceParts = gcpKms.resource_id.split('/');\n          if (resourceParts.length === 8) {\n            return {\n              projectId: resourceParts[1],\n              keyRing: resourceParts[5],\n              keyName: resourceParts[7],\n              locations: resourceParts[3],\n              resourceId: gcpKms.resource_id,\n              createdAt: gcpKms.created_at,\n              hasEncryptDecryptAccess: true,\n            };\n          }\n        }\n      }\n      return gcpCryptoKeys[0];\n    });\n\n  const [isAddPublicAgeKeyVisible, setIsAddPublicAgeKeyVisible] =\n    useState(false);\n\n  function showAddPublicAgeKey() {\n    setIsAddPublicAgeKeyVisible(true);\n  }\n\n  useEffect(() => {\n    setValue('sopsConfig', {\n      shamir_threshold: 2,\n      gcp_kms: chosenGcpCryptoKey\n        ? [\n            {\n              resource_id: chosenGcpCryptoKey.resourceId,\n              created_at: chosenGcpCryptoKey.createdAt,\n            },\n          ]\n        : [],\n      age: publicAgeKeys.map(key => ({ recipient: key })),\n    });\n  }, [chosenGcpCryptoKey, publicAgeKeys, setValue]);\n\n  // Require one key group to contain a GCP key\n  register('sopsConfig.gcp_kms', {\n    validate: gcpKeys => gcpKeys.length > 0,\n  });\n\n  function handleChangeGcpCryptoKey(newKey: GcpCryptoKeyObject) {\n    setChosenGcpCryptoKey(newKey);\n  }\n\n  function handleAddPublicAgeKey() {\n    if (isPublicAgeKeyValid(newPublicAgeKey)) {\n      if (publicAgeKeys.includes(newPublicAgeKey)) {\n        setPublicKeyTextFieldHelperText(\n          t('sopsConfigDialog.publicKeyHelperTextKeyAlreadyExistInSopsConfig'),\n        );\n        setPublicKeyTextFieldError(true);\n      } else {\n        setPublicAgeKeys([...publicAgeKeys, newPublicAgeKey]);\n        setNewPublicAgeKey('');\n      }\n    } else {\n      setPublicKeyTextFieldHelperText(\n        t('sopsConfigDialog.publicKeyHelperTextKeyNotValid'),\n      );\n      setPublicKeyTextFieldError(true);\n    }\n  }\n\n  return (\n    <Flex direction=\"column\" gap=\"16px\">\n      <Divider />\n      <Text as=\"h2\" variant=\"title-small\" weight=\"bold\">\n        {t('rosDialog.stepEncryption')}\n      </Text>\n      <DialogContentText>\n        {state === RiScDialogStates.Create\n          ? t('sopsConfigDialog.description.new')\n          : t('sopsConfigDialog.description.edit')}\n      </DialogContentText>\n      <Text variant=\"body-medium\" weight=\"bold\">\n        {t('sopsConfigDialog.selectKeysTitle')}\n      </Text>\n\n      {chosenGcpCryptoKey !== undefined ? (\n        <>\n          {t('sopsConfigDialog.gcpCryptoKeyDescription')}\n          <GcpCryptoKeyMenu\n            chosenGcpCryptoKey={chosenGcpCryptoKey}\n            onChange={handleChangeGcpCryptoKey}\n            gcpCryptoKeys={\n              gcpCryptoKeys.includes(chosenGcpCryptoKey)\n                ? gcpCryptoKeys\n                : [...gcpCryptoKeys, chosenGcpCryptoKey]\n            }\n          />\n        </>\n      ) : (\n        <Text variant=\"body-medium\">\n          {t('sopsConfigDialog.gcpCryptoKeyNoSelectableKey')}\n        </Text>\n      )}\n      {errors.sopsConfig !== undefined && (\n        <FormHelperText error={true}>\n          {t('sopsConfigDialog.gcpCryptoKeyNonSelectedErrorMessage')}\n        </FormHelperText>\n      )}\n      <Box>\n        <Accordion elevation={1} defaultExpanded={publicAgeKeys.length > 0}>\n          <AccordionSummary\n            expandIcon={<ExpandMore />}\n            aria-controls=\"panel1-content\"\n            id=\"panel1-header\"\n          >\n            {t('sopsConfigDialog.publicAgeKeyQuestion')}\n          </AccordionSummary>\n          <AccordionDetails>\n            <Box>\n              {publicAgeKeys.length > 0 && (\n                <FormLabel>\n                  {t('sopsConfigDialog.publicAgeKeysAlreadyPresent')}\n                </FormLabel>\n              )}\n              {publicAgeKeys.length > 0 && (\n                <Box\n                  style={{\n                    border: '1px solid',\n                    borderRadius: '4px',\n                    marginBottom: 2,\n                  }}\n                >\n                  <List>\n                    {publicAgeKeys.map(key => (\n                      <ListItem key={key} dense>\n                        <ListItemText>{key}</ListItemText>\n                        <ListItemSecondaryAction>\n                          <IconButton\n                            onClick={() => {\n                              setPublicAgeKeys(\n                                publicAgeKeys.filter(k => k !== key),\n                              );\n                            }}\n                          >\n                            <DeleteIcon />\n                          </IconButton>\n                        </ListItemSecondaryAction>\n                      </ListItem>\n                    ))}\n                  </List>\n                </Box>\n              )}\n              <Text as=\"p\" variant=\"body-large\">\n                {t('dictionary.click')}{' '}\n                <Link\n                  href={\n                    URLS.external.kartverket_atlassian_net__write_ros_locally\n                  }\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  color=\"primary\"\n                >\n                  {t('dictionary.here')}\n                </Link>{' '}\n                {t('sopsConfigDialog.writeLocalRiscSuffix')}\n              </Text>\n              <Text as=\"p\" variant=\"body-large\">\n                {`${t('sopsConfigDialog.publicAgeKeyDescription')} (${t(\n                  'dictionary.optional',\n                )})`}{' '}\n              </Text>\n              <Flex direction=\"column\" justify=\"between\" gap=\"2\" mt=\"2\">\n                {!isAddPublicAgeKeyVisible && (\n                  <Button\n                    iconStart={<AddCircle />}\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={showAddPublicAgeKey}\n                    style={{\n                      width: 'fit-content',\n                      marginTop: '1rem',\n                    }}\n                  >\n                    {t('sopsConfigDialog.addPublicAgeKey')}\n                  </Button>\n                )}\n                {isAddPublicAgeKeyVisible && (\n                  <Flex align=\"center\" gap=\"1\">\n                    <TextField\n                      label={t('sopsConfigDialog.publicAgeKey')}\n                      helperText={publicAgeKeyHelperText}\n                      error={publicAgeKeyError}\n                      onKeyDown={e => {\n                        if (e.key === 'Enter') {\n                          handleAddPublicAgeKey();\n                        }\n                      }}\n                      onFocus={() => {\n                        setPublicKeyTextFieldError(false);\n                        setPublicKeyTextFieldHelperText('');\n                      }}\n                      value={newPublicAgeKey}\n                      onChange={e => setNewPublicAgeKey(e.target.value)}\n                      sx={{ flex: 1 }}\n                    />\n                    <Button\n                      variant=\"primary\"\n                      onClick={handleAddPublicAgeKey}\n                      style={{\n                        maxWidth: 200,\n                      }}\n                    >\n                      {t('sopsConfigDialog.addPublicAgeKey')}\n                    </Button>\n                  </Flex>\n                )}\n              </Flex>\n            </Box>\n          </AccordionDetails>\n        </Accordion>\n      </Box>\n    </Flex>\n  );\n}\n\nexport default ConfigEncryptionDialog;\n"],"names":[],"mappings":"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"}