npm - @kartverket/backstage-plugin-risk-scorecard - Versions diffs - 3.9.0 → 3.9.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (52) hide show

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

@@ -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 CHANGED Viewed

	@@ -1 +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":"~~;;;;;;AAsBO~~,SAAS,kBAAA,CAAmB;AAAA,EACjC,SAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,~~SAAA;AAAA,EACA,~~mBAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,~~CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA6B,IAAI,CAAA;AACjE,EAAA,MAAM,IAAA,GAAO,QAAQ,QAAQ,CAAA;AAE7B,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;~~AAEjB,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,WAAA,CAAY,IAAI,CAAA;~~AAAA,~~MAClB~~,CAAA~~,MAAO~~;~~AACL,QAAA,WAAA,CAAY,MAAM,aAAa,CAAA;~~AAAA,~~MACjC;AAAA,IACF,CAAA;AAAA,~~IACA,CAAC,SAAA,EAAW,mBAAA,EAAqB,~~SAAA,EAAW,IAAI~~;AAAA,~~GAClD~~;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,~~eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,~~WAAA,~~CAAY,IAAI,CAAA;AAAA,EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,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,~~IAAA~~;AAAA,IAAC,~~KAAA~~;AAAA,IAAA;AAAA,~~MACE~~,~~GAAG,KAAA~~;AAAA,~~MACJ,IAAA,EAAK,cAAA;AAAA,MACL,SAAS,CAAA,CAAA,KAAK;AACZ,QAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,MACpB,CAAA;AAAA,~~MACA,~~WAAW,CAAA,CAAA,KAAK;AACd,QAAA,CAAA,CAAE,eAAA,EAAgB;AAAA,MACpB,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,~~SAAA,EAAW,WAAA;AAAA,~~YACX~~,UAAA,EAAY,YAAA;AAAA,~~YACZ;AAAA;AAAA~~,~~SACF~~;AAAA,~~QAEC~~,~~SAAA,oBACC,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,QAAA;AAAA,YACA,IAAA;AAAA,YACA,OAAA,EAAS,eAAA;AAAA,YACR,~~GAAG~~,SAAA~~;AAAA~~,YAEH,QAAA,EAAA,SAAA,CAAU,IAAI,CAAA,IAAA,qBACb,GAAA~~;AAAA,~~cAAC,QAAA~~;AAAA,cAAA;AAAA,gBAEC,UAAU,IAAA,CAAK,QAAA;AAAA,gBACf,OAAA,EAAS,CAAC,CAAA,KAAqC;AAC7C,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,IAAI;AACF,oBAAA,IAAA,CAAK,OAAA,EAAQ;AAAA,kBACf,CAAA,SAAE;AACA,oBAAA,eAAA,EAAgB;AAAA,kBAClB;AAAA,gBACF,CAAA;AAAA,gBAEC,QAAA,EAAA,IAAA,CAAK;AAAA,eAAA;AAAA,cAXD,IAAA,CAAK;AAAA,aAab;AAAA;AAAA;AACH;AAAA;AAAA,GAEJ;AAEJ;;;;"}
1	+ {"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/riScInfo/CreateNewRiScButton.esm.js CHANGED Viewed

@@ -8,8 +8,8 @@ function CreateNewRiScButton(props) {
   return /* @__PURE__ */ jsx(
     Button,
     {
-      iconStart: /* @__PURE__ */ jsx("i", { className: "ri-add-line" }),
-      variant: "secondary",
+      iconStart: /* @__PURE__ */ jsx("i", { className: "ri-add-circle-line" }),
+      variant: "tertiary",
       onClick: props.onCreateNew,
       style: {
         width: "fit-content"

package/dist/components/riScInfo/CreateNewRiScButton.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateNewRiScButton.esm.js","sources":["../../../src/components/riScInfo/CreateNewRiScButton.tsx"],"sourcesContent":["import { Button } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\n\ntype CreateNewRiScButtonProps = {\n onCreateNew: () => void;\n};\n\nexport function CreateNewRiScButton(props: CreateNewRiScButtonProps) {\n const { t } = useTranslationRef(pluginRiScTranslationRef);\n return (\n <Button\n iconStart={<i className=\"ri-add-line\" />}\n variant=\"~~secondary~~\"\n onClick={props.onCreateNew}\n style={{\n width: 'fit-content',\n }}\n >\n {t('contentHeader.createNewButton')}\n </Button>\n );\n}\n"],"names":[],"mappings":";;;;;AAQO,SAAS,oBAAoB,KAAA,EAAiC;AACnE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,kBAAW,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,~~aAAA~~,~~EAAc~~,CAAA;AAAA,~~MACtC~~,OAAA,EAAQ,~~WAAA~~;AAAA,MACR,SAAS,KAAA,CAAM,WAAA;AAAA,MACf,KAAA,EAAO;AAAA,QACL,KAAA,EAAO;AAAA,OACT;AAAA,MAEC,YAAE,+BAA+B;AAAA;AAAA,GACpC;AAEJ;;;;"}
1	+ {"version":3,"file":"CreateNewRiScButton.esm.js","sources":["../../../src/components/riScInfo/CreateNewRiScButton.tsx"],"sourcesContent":["import { Button } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\n\ntype CreateNewRiScButtonProps = {\n onCreateNew: () => void;\n};\n\nexport function CreateNewRiScButton(props: CreateNewRiScButtonProps) {\n const { t } = useTranslationRef(pluginRiScTranslationRef);\n return (\n <Button\n iconStart={<i className=\"ri-add-circle-line\" />}\n variant=\"tertiary\"\n onClick={props.onCreateNew}\n style={{\n width: 'fit-content',\n }}\n >\n {t('contentHeader.createNewButton')}\n </Button>\n );\n}\n"],"names":[],"mappings":";;;;;AAQO,SAAS,oBAAoB,KAAA,EAAiC;AACnE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,kBAAW,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oBAAA,EAAqB,CAAA;AAAA,MAC7C,OAAA,EAAQ,UAAA;AAAA,MACR,SAAS,KAAA,CAAM,WAAA;AAAA,MACf,KAAA,EAAO;AAAA,QACL,KAAA,EAAO;AAAA,OACT;AAAA,MAEC,YAAE,+BAA+B;AAAA;AAAA,GACpC;AAEJ;;;;"}

package/dist/components/riScInfo/RiScSelectionCard.esm.js CHANGED Viewed

@@ -3,43 +3,30 @@ import { Markdown } from '../common/Markdown.esm.js';
 import { useRiScs } from '../../contexts/RiScContext.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
-import { Card, CardHeader, Flex, Text, Select, CardBody, ButtonIcon } from '@backstage/ui';
-import { CreateNewRiScButton } from './CreateNewRiScButton.esm.js';
+import { Flex, Select, Card, CardBody, Text, ButtonIcon } from '@backstage/ui';
+import styles from './RiScSelectionCard.module.css.esm.js';
 function RiScSelectionCard(props) {
   const { riScs, selectedRiSc, selectRiSc } = useRiScs();
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(CardHeader, { children: riScs !== null && riScs.length !== 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          justify: "between",
-          style: {
-            marginBottom: "16px"
-          },
-          children: [
-            /* @__PURE__ */ jsx(Text, { variant: "title-small", as: "h6", weight: "bold", children: t("contentHeader.multipleRiScs") }),
-            /* @__PURE__ */ jsx(CreateNewRiScButton, { onCreateNew: props.onCreateNew })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Select,
-        {
-          options: riScs.map((riSc) => ({
-            value: riSc.id,
-            label: riSc.content.title
-          })),
-          onSelectionChange: (key) => {
-            if (key) selectRiSc(key.toString());
-          },
-          defaultSelectedKey: selectedRiSc?.id ?? "",
-          size: "medium"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs(CardBody, { children: [
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "24px", children: [
+    /* @__PURE__ */ jsx(Flex, { direction: "column", children: riScs !== null && riScs.length !== 0 && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      Select,
+      {
+        className: styles.selectTrigger,
+        "aria-label": t("contentHeader.multipleRiScs"),
+        options: riScs.map((riSc) => ({
+          value: riSc.id,
+          label: riSc.content.title
+        })),
+        onSelectionChange: (key) => {
+          if (key) selectRiSc(key.toString());
+        },
+        defaultSelectedKey: selectedRiSc?.id ?? "",
+        size: "medium"
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardBody, { children: [
       /* @__PURE__ */ jsxs(
         Flex,
         {
@@ -55,7 +42,7 @@ function RiScSelectionCard(props) {
               ButtonIcon,
               {
                 onClick: props.edit,
-                icon: /* @__PURE__ */ jsx("i", { className: "ri-pencil-line", style: { fontSize: "x-large" } }),
+                icon: /* @__PURE__ */ jsx("i", { className: "ri-edit-line", style: { fontSize: "large" } }),
                 variant: "tertiary"
               }
             )
@@ -63,7 +50,7 @@ function RiScSelectionCard(props) {
         }
       ),
       /* @__PURE__ */ jsx(Markdown, { description: props.riScWithMetadata.content.scope })
-    ] })
+    ] }) })
   ] });
 }

package/dist/components/riScInfo/RiScSelectionCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RiScSelectionCard.esm.js","sources":["../../../src/components/riScInfo/RiScSelectionCard.tsx"],"sourcesContent":["import { Markdown } from '../common/Markdown.tsx';\nimport { RiScWithMetadata } from '../../utils/types.ts';\nimport { useRiScs } from '../../contexts/RiScContext.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport {\n Card~~,\n~~ CardBody~~,\n CardHeader,\n~~ Text~~,\n~~ Select~~,\n~~ ButtonIcon~~,\n~~ Flex~~,\n~~} from '@backstage/ui';\nimport { ~~CreateNewRiScButton }~~ from './~~CreateNewRiScButton~~.~~tsx~~';\n\ninterface Props {\n riScWithMetadata: RiScWithMetadata;\n edit: () => void;\n onCreateNew: () => void;\n}\n\nexport function RiScSelectionCard(props: Props) {\n const { riScs, selectedRiSc, selectRiSc } = useRiScs();\n const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n return (\n <~~Card~~>\n <~~CardHeader~~>\n {riScs !== null && riScs.length !== 0 && (\n <>\n <~~Flex~~\n ~~justify=\"between\"\n style~~={~~{\n marginBottom: '16px',\n~~ }}\n ~~>\n~~ ~~<Text variant=\"title~~-~~small\" as=\"h6\" weight=\"bold\">\n~~ {t('contentHeader.multipleRiScs')}\n ~~</Text>\n <CreateNewRiScButton onCreateNew={props.onCreateNew} />\n </Flex>\n <Select\n~~ options={riScs.map(riSc => ({\n value: riSc.id,\n label: riSc.content.title,\n }))}\n onSelectionChange={key => {\n if (key) selectRiSc(key.toString());\n }}\n defaultSelectedKey={selectedRiSc?.id ?? ''}\n size=\"medium\"\n />\n </>\n )}\n </~~CardHeader~~>\n <~~CardBody~~>\n <Flex\n justify=\"between\"\n align=\"center\"\n style={{\n marginBottom: '16px',\n marginTop: '8px',\n }}\n >\n <Text variant=\"title-x-small\" as=\"h5\" weight=\"bold\">\n {props.riScWithMetadata.content.title}\n </Text>\n <ButtonIcon\n onClick={props.edit}\n icon={\n <i className=\"ri-~~pencil~~-line\" style={{ fontSize: 'x-large' }} />\n }\n variant=\"tertiary\"\n />\n </Flex>\n <Markdown description={props.riScWithMetadata.content.scope} />\n </CardBody>\n </Card>\n );\n}\n"],"names":[],"mappings":";;;;;;;;~~AAsBO~~,SAAS,kBAAkB,KAAA,EAAc;AAC9C,EAAA,MAAM,EAAE,KAAA,EAAO,YAAA,EAAc,UAAA,KAAe,QAAA,EAAS;AACrD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,~~4BACG~~,IAAA,EAAA,~~EACC~~,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,~~cACE~~,QAAA,EAAA,KAAA,KAAU,~~IAAA~~,~~IAAQ,~~KAAA,CAAM,MAAA,KAAW,qBAClC,~~IAAA~~,CAAA,QAAA,EAAA,EACE,QAAA,~~EAAA;AAAA~~,~~sBAAA,IAAA~~;AAAA,~~QAAC~~,~~IAAA~~;AAAA,~~QAAA~~;AAAA,~~UACC~~,~~OAAA~~,~~EAAQ~~,~~SAAA;AAAA~~,~~UACR,KAAA,EAAO~~;AAAA,~~YACL~~,YAAA,~~EAAc;AAAA~~,~~WAChB;AAAA~~,~~UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,aAAA,EAAc,EAAA,EAAG,MAAK,MAAA,EAAO,MAAA,EACxC,QAAA,EAAA,CAAA,CAAE,~~6BAA6B,CAAA~~,EAClC,CAAA~~;AAAA,~~4BACA~~,~~GAAA,CAAC,mBAAA,EAAA,EAAoB,WAAA,EAAa,KAAA,CAAM,WAAA,EAAa;AAAA;AAAA;AAAA,OACvD;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,~~OAAA,EAAS,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,MAAS;AAAA,~~YAC1B~~,OAAO,IAAA,CAAK,EAAA;AAAA,~~YACZ~~,KAAA,EAAO,KAAK,OAAA,CAAQ;AAAA,~~WACtB~~,CAAE,CAAA;AAAA,~~UACF~~,mBAAmB,CAAA,GAAA,KAAO;AACxB,~~YAAA~~,IAAI,GAAA,EAAK,UAAA,CAAW,GAAA,CAAI,QAAA,EAAU,CAAA;AAAA,~~UACpC~~,CAAA;AAAA,~~UACA~~,kBAAA,EAAoB,cAAc,EAAA,IAAM,EAAA;AAAA,~~UACxC~~,IAAA,EAAK;AAAA;AAAA~~;AACP~~,~~KAAA~~,~~EACF,~~CAAA,EAEJ,CAAA;AAAA,~~yBACC~~,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,KAAA,EAAM,QAAA;AAAA,UACN,KAAA,EAAO;AAAA,YACL,YAAA,EAAc,MAAA;AAAA,YACd,SAAA,EAAW;AAAA,WACb;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,eAAA,EAAgB,EAAA,EAAG,IAAA,EAAK,QAAO,MAAA,EAC1C,QAAA,EAAA,KAAA,CAAM,gBAAA,CAAiB,OAAA,CAAQ,KAAA,EAClC,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,SAAS,KAAA,CAAM,IAAA;AAAA,gBACf,IAAA,sBACG,GAAA,EAAA,EAAE,SAAA,EAAU,~~kBAAiB~~,KAAA,EAAO,EAAE,QAAA,EAAU,~~SAAA~~,~~EAAU~~,EAAG,CAAA;AAAA,~~gBAEhE~~,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA;AAAA,OACF;AAAA,0BACC,QAAA,EAAA,EAAS,WAAA,EAAa,KAAA,CAAM,gBAAA,CAAiB,QAAQ,KAAA,EAAO;AAAA,KAAA,EAC/D;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"RiScSelectionCard.esm.js","sources":["../../../src/components/riScInfo/RiScSelectionCard.tsx"],"sourcesContent":["import { Markdown } from '../common/Markdown.tsx';\nimport { RiScWithMetadata } from '../../utils/types.ts';\nimport { useRiScs } from '../../contexts/RiScContext.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { Card, CardBody, Text, Select, ButtonIcon, Flex } from '@backstage/ui';\nimport styles from './RiScSelectionCard.module.css';\n\ninterface Props {\n riScWithMetadata: RiScWithMetadata;\n edit: () => void;\n onCreateNew: () => void;\n}\n\nexport function RiScSelectionCard(props: Props) {\n const { riScs, selectedRiSc, selectRiSc } = useRiScs();\n const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n return (\n <Flex direction=\"column\" gap=\"24px\">\n <Flex direction=\"column\">\n {riScs !== null && riScs.length !== 0 && (\n <>\n <Select\n className={styles.selectTrigger}\n aria-label={t('contentHeader.multipleRiScs')}\n options={riScs.map(riSc => ({\n value: riSc.id,\n label: riSc.content.title,\n }))}\n onSelectionChange={key => {\n if (key) selectRiSc(key.toString());\n }}\n defaultSelectedKey={selectedRiSc?.id ?? ''}\n size=\"medium\"\n />\n </>\n )}\n </Flex>\n <Card>\n <CardBody>\n <Flex\n justify=\"between\"\n align=\"center\"\n style={{\n marginBottom: '16px',\n marginTop: '8px',\n }}\n >\n <Text variant=\"title-x-small\" as=\"h5\" weight=\"bold\">\n {props.riScWithMetadata.content.title}\n </Text>\n <ButtonIcon\n onClick={props.edit}\n icon={\n <i className=\"ri-edit-line\" style={{ fontSize: 'large' }} />\n }\n variant=\"tertiary\"\n />\n </Flex>\n <Markdown description={props.riScWithMetadata.content.scope} />\n </CardBody>\n </Card>\n </Flex>\n );\n}\n"],"names":[],"mappings":";;;;;;;;AAcO,SAAS,kBAAkB,KAAA,EAAc;AAC9C,EAAA,MAAM,EAAE,KAAA,EAAO,YAAA,EAAc,UAAA,KAAe,QAAA,EAAS;AACrD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAI,MAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,QAAA,EACb,QAAA,EAAA,KAAA,KAAU,QAAQ,KAAA,CAAM,MAAA,KAAW,qBAClC,GAAA,CAAA,QAAA,EAAA,EACE,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,aAAA;AAAA,QAClB,YAAA,EAAY,EAAE,6BAA6B,CAAA;AAAA,QAC3C,OAAA,EAAS,KAAA,CAAM,GAAA,CAAI,CAAA,IAAA,MAAS;AAAA,UAC1B,OAAO,IAAA,CAAK,EAAA;AAAA,UACZ,KAAA,EAAO,KAAK,OAAA,CAAQ;AAAA,SACtB,CAAE,CAAA;AAAA,QACF,mBAAmB,CAAA,GAAA,KAAO;AACxB,UAAA,IAAI,GAAA,EAAK,UAAA,CAAW,GAAA,CAAI,QAAA,EAAU,CAAA;AAAA,QACpC,CAAA;AAAA,QACA,kBAAA,EAAoB,cAAc,EAAA,IAAM,EAAA;AAAA,QACxC,IAAA,EAAK;AAAA;AAAA,OAET,CAAA,EAEJ,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,SAAA;AAAA,UACR,KAAA,EAAM,QAAA;AAAA,UACN,KAAA,EAAO;AAAA,YACL,YAAA,EAAc,MAAA;AAAA,YACd,SAAA,EAAW;AAAA,WACb;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,eAAA,EAAgB,EAAA,EAAG,IAAA,EAAK,QAAO,MAAA,EAC1C,QAAA,EAAA,KAAA,CAAM,gBAAA,CAAiB,OAAA,CAAQ,KAAA,EAClC,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,SAAS,KAAA,CAAM,IAAA;AAAA,gBACf,IAAA,sBACG,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAe,KAAA,EAAO,EAAE,QAAA,EAAU,OAAA,EAAQ,EAAG,CAAA;AAAA,gBAE5D,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA;AAAA,OACF;AAAA,0BACC,QAAA,EAAA,EAAS,WAAA,EAAa,KAAA,CAAM,gBAAA,CAAiB,QAAQ,KAAA,EAAO;AAAA,KAAA,EAC/D,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/RiScSelectionCard.module.css.esm.js ADDED Viewed

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+var css_248z = ".RiScSelectionCard-module_selectTrigger__Sfe03 button {\n  background-color: transparent;\n}\n";
+var styles = {"selectTrigger":"RiScSelectionCard-module_selectTrigger__Sfe03"};
+styleInject(css_248z);
+export { styles as default };
+//# sourceMappingURL=RiScSelectionCard.module.css.esm.js.map

package/dist/components/riScInfo/RiScSelectionCard.module.css.esm.js.map ADDED Viewed

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

package/dist/components/riScPlugin/RiScPlugin.esm.js CHANGED Viewed

@@ -15,8 +15,11 @@ import { RiScHeader } from '../riScHeader/RiScHeader.esm.js';
 import { ScenarioTableWrapper } from '../scenarioTable/ScenarioTableWrapper.esm.js';
 import { FirstRiScDialog } from '../riScInfo/FirstRiScDialog.esm.js';
 import { Text, Flex } from '@backstage/ui';
+import { CreateNewRiScButton } from '../riScInfo/CreateNewRiScButton.esm.js';
 import { RiScSelectionCard } from '../riScInfo/RiScSelectionCard.esm.js';
 import { RiScStatusComponent } from '../riScInfo/riScStatus/RiScStatusComponent.esm.js';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 function RiScPlugin() {
   const [riScDialogState, setRiScDialogState] = useState(
@@ -38,6 +41,7 @@ function RiScPlugin() {
     return setRiScDialogState(RiScDialogStates.Closed);
   }
   const {
+    approveRiSc,
     selectedRiSc,
     isFetching,
     resetResponse,
@@ -46,6 +50,7 @@ function RiScPlugin() {
     updateStatus,
     riScs
   } = useRiScs();
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
   const [searchParams] = useSearchParams();
   const scenarioWizardStep = searchParams.get(
     "step"
@@ -90,21 +95,33 @@ function RiScPlugin() {
       ),
       isFetching && /* @__PURE__ */ jsx(Spinner, { size: 80 }),
       /* @__PURE__ */ jsx(Grid, { container: true, spacing: 4, children: selectedRiSc && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
-          RiScSelectionCard,
-          {
-            riScWithMetadata: selectedRiSc,
-            edit: openEditRiScDialog,
-            onCreateNew: openCreateRiScDialog
-          }
-        ) }),
-        /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
-          RiScStatusComponent,
-          {
-            selectedRiSc,
-            publishRiScFn: openCreateRiScDialog
-          }
-        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Grid, { container: true, rowSpacing: 1, columnSpacing: 4, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "between", children: [
+            /* @__PURE__ */ jsx(Text, { as: "h3", variant: "body-large", weight: "bold", children: t("contentHeader.multipleRiScs") }),
+            /* @__PURE__ */ jsx(
+              CreateNewRiScButton,
+              {
+                onCreateNew: openCreateRiScDialog
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6 }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
+            RiScSelectionCard,
+            {
+              riScWithMetadata: selectedRiSc,
+              edit: openEditRiScDialog,
+              onCreateNew: openCreateRiScDialog
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, children: /* @__PURE__ */ jsx(
+            RiScStatusComponent,
+            {
+              selectedRiSc,
+              publishRiScFn: approveRiSc
+            }
+          ) })
+        ] }) }),
         /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, lg: 8, children: /* @__PURE__ */ jsx(ScenarioTableWrapper, { riScWithMetadata: selectedRiSc }) }),
         /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, lg: 4, children: /* @__PURE__ */ jsx(RiskMatrix, { riScWithMetadata: selectedRiSc }) })
       ] }) })

package/dist/components/riScPlugin/RiScPlugin.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RiScPlugin.esm.js","sources":["../../../src/components/riScPlugin/RiScPlugin.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { ScenarioWizard } from '../scenarioWizard/ScenarioWizard';\nimport { ScenarioDrawer } from '../scenarioDrawer/ScenarioDrawer';\nimport { RiskMatrix } from '../riskMatrix/RiskMatrix';\nimport Alert from '@mui/material/Alert';\nimport Grid from '@mui/material/Grid';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport { RiScDialog, RiScDialogStates } from '../riScDialog/RiScDialog';\nimport { Spinner } from '../common/Spinner';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { ScenarioWizardSteps } from '../../contexts/ScenarioContext';\nimport { RiScHeader } from '../riScHeader/RiScHeader.tsx';\nimport { ScenarioTableWrapper } from '../scenarioTable/ScenarioTableWrapper.tsx';\nimport { FirstRiScDialog } from '../riScInfo/FirstRiScDialog.tsx';\nimport { Flex, Text } from '@backstage/ui';\nimport { RiScSelectionCard } from '../riScInfo/RiScSelectionCard.tsx';\nimport { RiScStatusComponent } from '../riScInfo/riScStatus/RiScStatusComponent.tsx';\n\nexport function RiScPlugin() {\n const [riScDialogState, setRiScDialogState] = useState<RiScDialogStates>(\n RiScDialogStates.Closed,\n );\n\n function openCreateRiScDialog() {\n return setRiScDialogState(RiScDialogStates.Create);\n }\n\n function openDeleteRiScDialog() {\n return setRiScDialogState(RiScDialogStates.Delete);\n }\n\n function openEditRiScDialog() {\n return setRiScDialogState(RiScDialogStates.EditRiscInfo);\n }\n\n function openEditEncryptionDialog() {\n return setRiScDialogState(RiScDialogStates.EditEncryption);\n }\n\n function closeRiScDialog() {\n return setRiScDialogState(RiScDialogStates.Closed);\n }\n\n const {\n selectedRiSc,\n isFetching,\n resetResponse,\n resetRiScStatus,\n response,\n updateStatus,\n riScs,\n } = useRiScs();\n\n const [searchParams] = useSearchParams();\n const scenarioWizardStep = searchParams.get(\n 'step',\n ) as ScenarioWizardSteps \| null;\n\n useEffect(() => {\n if (scenarioWizardStep !== null) {\n resetRiScStatus();\n resetResponse();\n }\n }, [resetRiScStatus, resetResponse, scenarioWizardStep]);\n\n return (\n <>\n {response && !updateStatus.isLoading && (\n <Alert\n severity={getAlertSeverity(updateStatus)}\n sx={{ marginBottom: 2 }}\n >\n <Text variant=\"body-large\">{response.statusMessage}</Text>\n </Alert>\n )}\n {updateStatus.isLoading && (\n <LinearProgress\n sx={{\n position: 'sticky',\n top: 0,\n margin: 2,\n }}\n />\n )}\n\n {scenarioWizardStep !== null ? (\n <ScenarioWizard step={scenarioWizardStep} />\n ) : (\n <>\n <RiScHeader onEditEncryption={openEditEncryptionDialog} />\n {!isFetching &&\n riScs !== null &&\n riScs.length === 0 &&\n !selectedRiSc && (\n <Flex\n justify=\"center\"\n align=\"center\"\n style={{\n height: '60%',\n }}\n >\n <FirstRiScDialog onNewRiSc={openCreateRiScDialog} />\n </Flex>\n )}\n {isFetching && <Spinner size={80} />}\n\n <Grid container spacing={4}>\n {selectedRiSc && (\n <>\n <Grid item xs={6}>\n <RiScSelectionCard\n riScWithMetadata={selectedRiSc}\n edit={openEditRiScDialog}\n onCreateNew={openCreateRiScDialog}\n />\n </Grid>\n <Grid item xs={6}>\n <RiScStatusComponent\n selectedRiSc={selectedRiSc}\n publishRiScFn={~~openCreateRiScDialog~~}\n />\n </Grid>\n <Grid item xs={12} lg={8}>\n <ScenarioTableWrapper riScWithMetadata={selectedRiSc} />\n </Grid>\n <Grid item xs={12} lg={4}>\n <RiskMatrix riScWithMetadata={selectedRiSc} />\n </Grid>\n </>\n )}\n </Grid>\n </>\n )}\n\n {riScDialogState !== RiScDialogStates.Closed && (\n <RiScDialog\n onClose={closeRiScDialog}\n dialogState={riScDialogState}\n onDelete={openDeleteRiScDialog}\n />\n )}\n\n {!scenarioWizardStep && <ScenarioDrawer />}\n </>\n );\n}\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;AAoBO~~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~~UAAC~~,iBAAA;AAAA,~~UAAA~~;AAAA,~~YACC~~,gBAAA,EAAkB,YAAA;AAAA,~~YAClB~~,IAAA,EAAM,kBAAA;AAAA,~~YACN~~,WAAA,EAAa;AAAA;AAAA,~~SACf~~,EACF,CAAA;AAAA,~~wBACA~~,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,IAAI,CAAA,EACb,QAAA,kBAAA,GAAA;AAAA,~~UAAC~~,mBAAA;AAAA,~~UAAA~~;AAAA,~~YACC~~,YAAA;AAAA,~~YACA~~,aAAA,EAAe;AAAA;AAAA,~~SACjB~~,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,gBAAA,EAAkB,YAAA,EAAc,CAAA,EACxD,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,IAAA,EAAC,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,CAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,gBAAA,EAAkB,YAAA,EAAc,CAAA,EAC9C;AAAA,OAAA,EACF,CAAA,EAEJ;AAAA,KAAA,EACF,CAAA;AAAA,IAGD,eAAA,KAAoB,iBAAiB,MAAA,oBACpC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,eAAA;AAAA,QACT,WAAA,EAAa,eAAA;AAAA,QACb,QAAA,EAAU;AAAA;AAAA,KACZ;AAAA,IAGD,CAAC,kBAAA,oBAAsB,GAAA,CAAC,cAAA,EAAA,EAAe;AAAA,GAAA,EAC1C,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"RiScPlugin.esm.js","sources":["../../../src/components/riScPlugin/RiScPlugin.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { ScenarioWizard } from '../scenarioWizard/ScenarioWizard';\nimport { ScenarioDrawer } from '../scenarioDrawer/ScenarioDrawer';\nimport { RiskMatrix } from '../riskMatrix/RiskMatrix';\nimport Alert from '@mui/material/Alert';\nimport Grid from '@mui/material/Grid';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport { getAlertSeverity } from '../../utils/utilityfunctions';\nimport { RiScDialog, RiScDialogStates } from '../riScDialog/RiScDialog';\nimport { Spinner } from '../common/Spinner';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { ScenarioWizardSteps } from '../../contexts/ScenarioContext';\nimport { RiScHeader } from '../riScHeader/RiScHeader.tsx';\nimport { ScenarioTableWrapper } from '../scenarioTable/ScenarioTableWrapper.tsx';\nimport { FirstRiScDialog } from '../riScInfo/FirstRiScDialog.tsx';\nimport { Flex, Text } from '@backstage/ui';\nimport { CreateNewRiScButton } from '../riScInfo/CreateNewRiScButton.tsx';\nimport { RiScSelectionCard } from '../riScInfo/RiScSelectionCard.tsx';\nimport { RiScStatusComponent } from '../riScInfo/riScStatus/RiScStatusComponent.tsx';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport function RiScPlugin() {\n const [riScDialogState, setRiScDialogState] = useState<RiScDialogStates>(\n RiScDialogStates.Closed,\n );\n\n function openCreateRiScDialog() {\n return setRiScDialogState(RiScDialogStates.Create);\n }\n\n function openDeleteRiScDialog() {\n return setRiScDialogState(RiScDialogStates.Delete);\n }\n\n function openEditRiScDialog() {\n return setRiScDialogState(RiScDialogStates.EditRiscInfo);\n }\n\n function openEditEncryptionDialog() {\n return setRiScDialogState(RiScDialogStates.EditEncryption);\n }\n\n function closeRiScDialog() {\n return setRiScDialogState(RiScDialogStates.Closed);\n }\n\n const {\n approveRiSc,\n selectedRiSc,\n isFetching,\n resetResponse,\n resetRiScStatus,\n response,\n updateStatus,\n riScs,\n } = useRiScs();\n\n const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n const [searchParams] = useSearchParams();\n const scenarioWizardStep = searchParams.get(\n 'step',\n ) as ScenarioWizardSteps \| null;\n\n useEffect(() => {\n if (scenarioWizardStep !== null) {\n resetRiScStatus();\n resetResponse();\n }\n }, [resetRiScStatus, resetResponse, scenarioWizardStep]);\n\n return (\n <>\n {response && !updateStatus.isLoading && (\n <Alert\n severity={getAlertSeverity(updateStatus)}\n sx={{ marginBottom: 2 }}\n >\n <Text variant=\"body-large\">{response.statusMessage}</Text>\n </Alert>\n )}\n {updateStatus.isLoading && (\n <LinearProgress\n sx={{\n position: 'sticky',\n top: 0,\n margin: 2,\n }}\n />\n )}\n\n {scenarioWizardStep !== null ? (\n <ScenarioWizard step={scenarioWizardStep} />\n ) : (\n <>\n <RiScHeader onEditEncryption={openEditEncryptionDialog} />\n {!isFetching &&\n riScs !== null &&\n riScs.length === 0 &&\n !selectedRiSc && (\n <Flex\n justify=\"center\"\n align=\"center\"\n style={{\n height: '60%',\n }}\n >\n <FirstRiScDialog onNewRiSc={openCreateRiScDialog} />\n </Flex>\n )}\n {isFetching && <Spinner size={80} />}\n\n <Grid container spacing={4}>\n {selectedRiSc && (\n <>\n <Grid item xs={12}>\n <Grid container rowSpacing={1} columnSpacing={4}>\n <Grid item xs={6}>\n <Flex align=\"center\" justify=\"between\">\n <Text as=\"h3\" variant=\"body-large\" weight=\"bold\">\n {t('contentHeader.multipleRiScs')}\n </Text>\n <CreateNewRiScButton\n onCreateNew={openCreateRiScDialog}\n />\n </Flex>\n </Grid>\n\n <Grid item xs={6} />\n\n <Grid item xs={6}>\n <RiScSelectionCard\n riScWithMetadata={selectedRiSc}\n edit={openEditRiScDialog}\n onCreateNew={openCreateRiScDialog}\n />\n </Grid>\n <Grid item xs={6}>\n <RiScStatusComponent\n selectedRiSc={selectedRiSc}\n publishRiScFn={approveRiSc}\n />\n </Grid>\n </Grid>\n </Grid>\n <Grid item xs={12} lg={8}>\n <ScenarioTableWrapper riScWithMetadata={selectedRiSc} />\n </Grid>\n <Grid item xs={12} lg={4}>\n <RiskMatrix riScWithMetadata={selectedRiSc} />\n </Grid>\n </>\n )}\n </Grid>\n </>\n )}\n\n {riScDialogState !== RiScDialogStates.Closed && (\n <RiScDialog\n onClose={closeRiScDialog}\n dialogState={riScDialogState}\n onDelete={openDeleteRiScDialog}\n />\n )}\n\n {!scenarioWizardStep && <ScenarioDrawer />}\n </>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/riskMatrix/RiskMatrixScenarioCount.esm.js CHANGED Viewed

@@ -40,6 +40,10 @@ function RiskMatrixScenarioCount({
   if (scenarios.length === 0) {
     return null;
   }
+  const isHighlightedFromExternal = scenarios.some(
+    (s) => hoveredScenarios.some((h) => h.ID === s.ID)
+  );
+  const highlightColor = theme.palette.mode === "dark" ? "#A2A0A0" : "#FFDD9D";
   const tooltipList = /* @__PURE__ */ jsxs(List, { dense: true, children: [
     /* @__PURE__ */ jsx(ListSubheader, { className: tooltipText, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", className: tooltipText, children: t("riskMatrix.tooltip.title") }) }),
     scenarios.map((s) => /* @__PURE__ */ jsxs(
@@ -83,23 +87,29 @@ function RiskMatrixScenarioCount({
           onClick: () => setTooltipOpen(!tooltipOpen),
           onMouseEnter: () => {
             setIsHovered(true);
-            setHoveredScenarios([...hoveredScenarios, ...scenarios]);
+            setHoveredScenarios((prev) => {
+              const map = /* @__PURE__ */ new Map();
+              prev.forEach((p) => map.set(p.ID, p));
+              scenarios.forEach((s) => map.set(s.ID, s));
+              return Array.from(map.values());
+            });
           },
           onMouseLeave: () => {
             setIsHovered(false);
             setHoveredScenarios(
-              hoveredScenarios.filter(
-                (scenario) => !scenarios.some((s) => s.ID === scenario.ID)
-              )
+              (prev) => prev.filter((s) => !scenarios.some((s2) => s2.ID === s.ID))
             );
           },
+          style: {
+            backgroundColor: isHovered || isHighlightedFromExternal ? highlightColor : void 0
+          },
           children: /* @__PURE__ */ jsx(
             Text,
             {
               variant: "body-large",
               weight: "bold",
               style: {
-                color: !isHovered && theme.palette.mode === "dark" ? "var(--bui-white)" : "var(--bui-black)"
+                color: !(isHovered || isHighlightedFromExternal) && theme.palette.mode === "dark" ? "var(--bui-white)" : "var(--bui-black)"
               },
               children: scenarios.length
             }

package/dist/components/riskMatrix/RiskMatrixScenarioCount.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RiskMatrixScenarioCount.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrixScenarioCount.tsx"],"sourcesContent":["import {\n ClickAwayListener,\n List,\n ListItem,\n ListItemText,\n ListSubheader,\n Paper,\n Tooltip,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport CircleIcon from '@material-ui/icons/FiberManualRecord';\nimport { RiScStatus, RiScWithMetadata } from '../../utils/types';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiskMatrixStyles } from './riskMatrixStyle';\nimport { useScenario } from '../../contexts/ScenarioContext';\nimport {\n findConsequenceIndex,\n findProbabilityIndex,\n} from '../../utils/utilityfunctions';\nimport { Text } from '@backstage/ui';\nimport { useTheme } from '@mui/material/styles';\n\ninterface ScenarioCountProps {\n riScWithMetadata: RiScWithMetadata;\n probability: number;\n consequence: number;\n initialRisk: boolean;\n}\n\nexport function RiskMatrixScenarioCount({\n riScWithMetadata,\n probability,\n consequence,\n initialRisk,\n}: ScenarioCountProps) {\n const { t } = useTranslationRef(pluginRiScTranslationRef);\n const theme = useTheme();\n const { circle, centered, tooltip, tooltipArrow, tooltipText } =\n useRiskMatrixStyles();\n\n const [tooltipOpen, setTooltipOpen] = useState(false);\n const [isHovered, setIsHovered] = useState(false);\n const { openScenarioDrawer, hoveredScenarios, setHoveredScenarios } =\n useScenario();\n\n function handleScenarioClick(ID: string) {\n setTooltipOpen(false);\n openScenarioDrawer(\n ID,\n riScWithMetadata.status !== RiScStatus.DeletionDraft &&\n riScWithMetadata.status !== RiScStatus.DeletionSentForApproval,\n );\n }\n\n const scenarios = riScWithMetadata.content.scenarios.filter(\n scenario =>\n findProbabilityIndex(\n initialRisk\n ? scenario.risk.probability\n : scenario.remainingRisk.probability,\n ) === probability &&\n findConsequenceIndex(\n initialRisk\n ? scenario.risk.consequence\n : scenario.remainingRisk.consequence,\n ) === consequence,\n );\n\n if (scenarios.length === 0) {\n return null;\n }\n\n const tooltipList = (\n <List dense>\n <ListSubheader className={tooltipText}>\n <Text variant=\"title-x-small\" weight=\"bold\" className={tooltipText}>\n {t('riskMatrix.tooltip.title')}\n </Text>\n </ListSubheader>\n {scenarios.map(s => (\n <ListItem\n key={s.ID}\n button\n disableGutters\n className={tooltipText}\n onClick={() => {\n handleScenarioClick(s.ID);\n }}\n >\n <CircleIcon className={tooltipText} style={{ width: '10px' }} />\n <ListItemText\n className={tooltipText}\n style={{ paddingLeft: '0.6rem' }}\n >\n <span>{s.title}</span>\n </ListItemText>\n </ListItem>\n ))}\n </List>\n );\n\n return (\n <ClickAwayListener onClickAway={() => setTooltipOpen(false)}>\n <Tooltip\n interactive\n classes={{ tooltip: tooltip, arrow: tooltipArrow }}\n title={tooltipList}\n placement=\"right\"\n arrow\n open={tooltipOpen}\n >\n <Paper\n className={`${circle} ${centered}`}\n elevation={10}\n onClick={() => setTooltipOpen(!tooltipOpen)}\n onMouseEnter={() => {\n setIsHovered(true);\n setHoveredScenarios(~~[...hoveredScenarios~~, ~~...~~scenarios]);\n }}\n onMouseLeave={() => {\n setIsHovered(false);\n setHoveredScenarios(\n ~~hoveredScenarios~~.filter(~~\n scenario~~ => !scenarios.some(s => s.ID === ~~scenario~~.ID)~~,\n~~ ),\n );\n }}\n >\n <Text\n variant=\"body-large\"\n weight=\"bold\"\n style={{\n color:\n !isHovered && theme.palette.mode === 'dark'\n ? 'var(--bui-white)'\n : 'var(--bui-black)',\n }}\n >\n {scenarios.length}\n </Text>\n </Paper>\n </Tooltip>\n </ClickAwayListener>\n );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AA8BO,SAAS,uBAAA,CAAwB;AAAA,EACtC,gBAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,EAAE,MAAA,EAAQ,QAAA,EAAU,SAAS,YAAA,EAAc,WAAA,KAC/C,mBAAA,EAAoB;AAEtB,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,EAAE,kBAAA,EAAoB,gBAAA,EAAkB,mBAAA,KAC5C,WAAA,EAAY;AAEd,EAAA,SAAS,oBAAoB,EAAA,EAAY;AACvC,IAAA,cAAA,CAAe,KAAK,CAAA;AACpB,IAAA,kBAAA;AAAA,MACE,EAAA;AAAA,MACA,iBAAiB,MAAA,KAAW,UAAA,CAAW,aAAA,IACrC,gBAAA,CAAiB,WAAW,UAAA,CAAW;AAAA,KAC3C;AAAA,EACF;AAEA,EAAA,MAAM,SAAA,GAAY,gBAAA,CAAiB,OAAA,CAAQ,SAAA,CAAU,MAAA;AAAA,IACnD,CAAA,QAAA,KACE,oBAAA;AAAA,MACE,WAAA,GACI,QAAA,CAAS,IAAA,CAAK,WAAA,GACd,SAAS,aAAA,CAAc;AAAA,UACvB,WAAA,IACN,oBAAA;AAAA,MACE,WAAA,GACI,QAAA,CAAS,IAAA,CAAK,WAAA,GACd,SAAS,aAAA,CAAc;AAAA,KAC7B,KAAM;AAAA,GACV;AAEA,EAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC1B,IAAA,OAAO,IAAA;AAAA,EACT;~~AAEA~~,EAAA,MAAM,WAAA,mBACJ,IAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAK,IAAA,EACT,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,WAAA,EACxB,QAAA,kBAAA,GAAA,CAAC,QAAK,OAAA,EAAQ,eAAA,EAAgB,MAAA,EAAO,MAAA,EAAO,SAAA,EAAW,WAAA,EACpD,QAAA,EAAA,CAAA,CAAE,0BAA0B,GAC/B,CAAA,EACF,CAAA;AAAA,IACC,SAAA,CAAU,IAAI,CAAA,CAAA,qBACb,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,MAAA,EAAM,IAAA;AAAA,QACN,cAAA,EAAc,IAAA;AAAA,QACd,SAAA,EAAW,WAAA;AAAA,QACX,SAAS,MAAM;AACb,UAAA,mBAAA,CAAoB,EAAE,EAAE,CAAA;AAAA,QAC1B,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAW,SAAA,EAAW,WAAA,EAAa,OAAO,EAAE,KAAA,EAAO,QAAO,EAAG,CAAA;AAAA,0BAC9D,GAAA;AAAA,YAAC,YAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,WAAA;AAAA,cACX,KAAA,EAAO,EAAE,WAAA,EAAa,QAAA,EAAS;AAAA,cAE/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,CAAA,CAAE,KAAA,EAAM;AAAA;AAAA;AACjB;AAAA,OAAA;AAAA,MAdK,CAAA,CAAE;AAAA,KAgBV;AAAA,GAAA,EACH,CAAA;AAGF,EAAA,2BACG,iBAAA,EAAA,EAAkB,WAAA,EAAa,MAAM,cAAA,CAAe,KAAK,CAAA,EACxD,QAAA,kBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAW,IAAA;AAAA,MACX,OAAA,EAAS,EAAE,OAAA,EAAkB,KAAA,EAAO,YAAA,EAAa;AAAA,MACjD,KAAA,EAAO,WAAA;AAAA,MACP,SAAA,EAAU,OAAA;AAAA,MACV,KAAA,EAAK,IAAA;AAAA,MACL,IAAA,EAAM,WAAA;AAAA,MAEN,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA;AAAA,UAChC,SAAA,EAAW,EAAA;AAAA,UACX,OAAA,EAAS,MAAM,cAAA,CAAe,CAAC,WAAW,CAAA;AAAA,UAC1C,cAAc,MAAM;AAClB,YAAA,YAAA,CAAa,IAAI,CAAA;~~AACjB~~,YAAA,mBAAA,CAAoB,CAAC,~~GAAG~~,~~gBAAA~~,~~EAAkB~~,~~GAAG~~,~~SAAS~~,CAAC,CAAA;AAAA,~~UACzD~~,CAAA;AAAA,UACA,cAAc,MAAM;AAClB,YAAA,YAAA,CAAa,KAAK,CAAA;AAClB,YAAA,mBAAA;AAAA,~~cACE~~,~~gBAAA~~,~~CAAiB~~,MAAA~~;AAAA~~,~~gBACf~~,CAAA,~~QAAA~~,~~KAAY~~,CAAC,SAAA,CAAU,IAAA,CAAK,~~OAAK,~~CAAA,~~CAAE~~,EAAA,KAAO,~~SAAS~~,EAAE;AAAA~~;AACvD~~,~~aACF~~;AAAA,UACF,CAAA;AAAA,UAEA,QAAA,kBAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,YAAA;AAAA,cACR,MAAA,EAAO,MAAA;AAAA,cACP,KAAA,EAAO;AAAA,gBACL,~~OACE~~,~~CAAC~~,SAAA,IAAa,MAAM,OAAA,CAAQ,IAAA,KAAS,~~SACjC~~,kBAAA,GACA;AAAA,eACR;AAAA,cAEC,QAAA,EAAA,SAAA,CAAU;AAAA;AAAA;AACb;AAAA;AACF;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"RiskMatrixScenarioCount.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrixScenarioCount.tsx"],"sourcesContent":["import {\n ClickAwayListener,\n List,\n ListItem,\n ListItemText,\n ListSubheader,\n Paper,\n Tooltip,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport CircleIcon from '@material-ui/icons/FiberManualRecord';\nimport { RiScStatus, RiScWithMetadata } from '../../utils/types';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiskMatrixStyles } from './riskMatrixStyle';\nimport { useScenario } from '../../contexts/ScenarioContext';\nimport {\n findConsequenceIndex,\n findProbabilityIndex,\n} from '../../utils/utilityfunctions';\nimport { Text } from '@backstage/ui';\nimport { useTheme } from '@mui/material/styles';\n\ninterface ScenarioCountProps {\n riScWithMetadata: RiScWithMetadata;\n probability: number;\n consequence: number;\n initialRisk: boolean;\n}\n\nexport function RiskMatrixScenarioCount({\n riScWithMetadata,\n probability,\n consequence,\n initialRisk,\n}: ScenarioCountProps) {\n const { t } = useTranslationRef(pluginRiScTranslationRef);\n const theme = useTheme();\n const { circle, centered, tooltip, tooltipArrow, tooltipText } =\n useRiskMatrixStyles();\n\n const [tooltipOpen, setTooltipOpen] = useState(false);\n const [isHovered, setIsHovered] = useState(false);\n const { openScenarioDrawer, hoveredScenarios, setHoveredScenarios } =\n useScenario();\n\n function handleScenarioClick(ID: string) {\n setTooltipOpen(false);\n openScenarioDrawer(\n ID,\n riScWithMetadata.status !== RiScStatus.DeletionDraft &&\n riScWithMetadata.status !== RiScStatus.DeletionSentForApproval,\n );\n }\n\n const scenarios = riScWithMetadata.content.scenarios.filter(\n scenario =>\n findProbabilityIndex(\n initialRisk\n ? scenario.risk.probability\n : scenario.remainingRisk.probability,\n ) === probability &&\n findConsequenceIndex(\n initialRisk\n ? scenario.risk.consequence\n : scenario.remainingRisk.consequence,\n ) === consequence,\n );\n\n if (scenarios.length === 0) {\n return null;\n }\n const isHighlightedFromExternal = scenarios.some(s =>\n hoveredScenarios.some(h => h.ID === s.ID),\n );\n const highlightColor = theme.palette.mode === 'dark' ? '#A2A0A0' : '#FFDD9D';\n\n const tooltipList = (\n <List dense>\n <ListSubheader className={tooltipText}>\n <Text variant=\"title-x-small\" weight=\"bold\" className={tooltipText}>\n {t('riskMatrix.tooltip.title')}\n </Text>\n </ListSubheader>\n {scenarios.map(s => (\n <ListItem\n key={s.ID}\n button\n disableGutters\n className={tooltipText}\n onClick={() => {\n handleScenarioClick(s.ID);\n }}\n >\n <CircleIcon className={tooltipText} style={{ width: '10px' }} />\n <ListItemText\n className={tooltipText}\n style={{ paddingLeft: '0.6rem' }}\n >\n <span>{s.title}</span>\n </ListItemText>\n </ListItem>\n ))}\n </List>\n );\n\n return (\n <ClickAwayListener onClickAway={() => setTooltipOpen(false)}>\n <Tooltip\n interactive\n classes={{ tooltip: tooltip, arrow: tooltipArrow }}\n title={tooltipList}\n placement=\"right\"\n arrow\n open={tooltipOpen}\n >\n <Paper\n className={`${circle} ${centered}`}\n elevation={10}\n onClick={() => setTooltipOpen(!tooltipOpen)}\n onMouseEnter={() => {\n setIsHovered(true);\n // Add scenarios to hovered list using functional update and dedupe by ID\n setHoveredScenarios(prev => {\n const map = new Map<string, (typeof scenarios)[0]>();\n prev.forEach(p => map.set(p.ID, p));\n scenarios.forEach(s => map.set(s.ID, s));\n return Array.from(map.values());\n });\n }}\n onMouseLeave={() => {\n setIsHovered(false);\n setHoveredScenarios(prev =>\n prev.filter(s => !scenarios.some(s2 => s2.ID === s.ID)),\n );\n }}\n style={{\n backgroundColor:\n isHovered \|\| isHighlightedFromExternal\n ? highlightColor\n : undefined,\n }}\n >\n <Text\n variant=\"body-large\"\n weight=\"bold\"\n style={{\n color:\n !(isHovered \|\| isHighlightedFromExternal) &&\n theme.palette.mode === 'dark'\n ? 'var(--bui-white)'\n : 'var(--bui-black)',\n }}\n >\n {scenarios.length}\n </Text>\n </Paper>\n </Tooltip>\n </ClickAwayListener>\n );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/scenarioDrawer/ScenarioDrawer.esm.js CHANGED Viewed

@@ -62,12 +62,13 @@ function ScenarioDrawer() {
         actions: scenario.actions.map(
           (a) => updatedIDs.includes(a.ID) ? {
             ...a,
-            status: formValues.actions?.[indexOfAction(a.ID)]?.status ?? a.status,
-            lastUpdated: /* @__PURE__ */ new Date()
+            status: formValues.actions?.[indexOfAction(a.ID)]?.status ?? a.status
           } : a
         )
       };
-      submitEditedScenarioToRiSc(updatedScenario);
+      submitEditedScenarioToRiSc(updatedScenario, {
+        idsOfActionsToForceUpdateLastUpdatedValue: updatedIDs
+      });
       setCurrentUpdatedActionIDs([]);
     },
     [scenario, formMethods, submitEditedScenarioToRiSc]
@@ -98,10 +99,13 @@ function ScenarioDrawer() {
     }
   }
   const onSubmit = formMethods.handleSubmit((data) => {
-    submitEditedScenarioToRiSc(
-      mapFormScenarioToScenario(data),
-      () => setIsEditing(false)
-    );
+    submitEditedScenarioToRiSc(mapFormScenarioToScenario(data), {
+      onSuccess: () => {
+        setCurrentUpdatedActionIDs([]);
+        setIsEditing(false);
+      },
+      idsOfActionsToForceUpdateLastUpdatedValue: currentUpdatedActionIDs
+    });
   });
   function onSubmitAndCloseDialog() {
     onSubmit();