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

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/UpdatedStatusBadge.esm.js

@@ -0,0 +1,58 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { Text } from '@backstage/ui';
+import { Tooltip } from '@material-ui/core';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
+import { UpdatedStatusEnum } from '../../utils/utilityfunctions.esm.js';
+import styles from './UpdatedStatusBadge.module.css.esm.js';
+
+function UpdatedStatusBadge({
+  status,
+  isPending = false
+}) {
+  const { t } = useTranslationRef(pluginRiScTranslationRef);
+  let ariaLabel;
+  if (isPending) {
+    ariaLabel = t("rosStatus.updated");
+  } else if (status === UpdatedStatusEnum.VERY_OUTDATED) {
+    ariaLabel = t("rosStatus.veryOutdated");
+  } else if (status === UpdatedStatusEnum.OUTDATED) {
+    ariaLabel = t("rosStatus.outdated");
+  } else {
+    ariaLabel = void 0;
+  }
+  if (isPending) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `${styles.badge} ${styles.pending}`,
+        "aria-label": ariaLabel,
+        children: /* @__PURE__ */ jsx(Text, { as: "p", children: t("rosStatus.updated") })
+      }
+    );
+  }
+  if (status === UpdatedStatusEnum.VERY_OUTDATED) {
+    return /* @__PURE__ */ jsx(Tooltip, { title: t("rosStatus.updatedStatus.tooltip.VERY_OUTDATED"), children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `${styles.badge} ${styles.veryOutdated}`,
+        "aria-label": ariaLabel,
+        children: /* @__PURE__ */ jsx(Text, { as: "p", className: styles.text, children: t("rosStatus.veryOutdated") })
+      }
+    ) });
+  }
+  if (status === UpdatedStatusEnum.OUTDATED) {
+    return /* @__PURE__ */ jsx(Tooltip, { title: t("rosStatus.updatedStatus.tooltip.OUTDATED"), children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: `${styles.badge} ${styles.outdated}`,
+        "aria-label": ariaLabel,
+        children: /* @__PURE__ */ jsx(Text, { as: "p", className: styles.text, children: t("rosStatus.outdated") })
+      }
+    ) });
+  }
+  return null;
+}
+
+export { UpdatedStatusBadge as default };
+//# sourceMappingURL=UpdatedStatusBadge.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdatedStatusBadge.esm.js","sources":["../../../src/components/common/UpdatedStatusBadge.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Text } from '@backstage/ui';\nimport { Tooltip } from '@material-ui/core';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport {\n  UpdatedStatusEnum,\n  UpdatedStatusEnumType,\n} from '../../utils/utilityfunctions';\nimport styles from './UpdatedStatusBadge.module.css';\n\ntype Props = {\n  status?: UpdatedStatusEnumType | null;\n  isPending?: boolean;\n};\n\nexport default function UpdatedStatusBadge({\n  status,\n  isPending = false,\n}: Props) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  let ariaLabel: string | undefined;\n  if (isPending) {\n    ariaLabel = t('rosStatus.updated');\n  } else if (status === UpdatedStatusEnum.VERY_OUTDATED) {\n    ariaLabel = t('rosStatus.veryOutdated');\n  } else if (status === UpdatedStatusEnum.OUTDATED) {\n    ariaLabel = t('rosStatus.outdated');\n  } else {\n    ariaLabel = undefined;\n  }\n\n  if (isPending) {\n    return (\n      <span\n        className={`${styles.badge} ${styles.pending}`}\n        aria-label={ariaLabel}\n      >\n        <Text as=\"p\">{t('rosStatus.updated')}</Text>\n      </span>\n    );\n  }\n\n  if (status === UpdatedStatusEnum.VERY_OUTDATED) {\n    return (\n      <Tooltip title={t('rosStatus.updatedStatus.tooltip.VERY_OUTDATED')}>\n        <span\n          className={`${styles.badge} ${styles.veryOutdated}`}\n          aria-label={ariaLabel}\n        >\n          <Text as=\"p\" className={styles.text}>\n            {t('rosStatus.veryOutdated')}\n          </Text>\n        </span>\n      </Tooltip>\n    );\n  }\n\n  if (status === UpdatedStatusEnum.OUTDATED) {\n    return (\n      <Tooltip title={t('rosStatus.updatedStatus.tooltip.OUTDATED')}>\n        <span\n          className={`${styles.badge} ${styles.outdated}`}\n          aria-label={ariaLabel}\n        >\n          <Text as=\"p\" className={styles.text}>\n            {t('rosStatus.outdated')}\n          </Text>\n        </span>\n      </Tooltip>\n    );\n  }\n  return null;\n}\n"],"names":[],"mappings":";;;;;;;;AAeA,SAAwB,kBAAA,CAAmB;AAAA,EACzC,MAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,EAAU;AACR,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,IAAI,SAAA;AACJ,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,SAAA,GAAY,EAAE,mBAAmB,CAAA;AAAA,EACnC,CAAA,MAAA,IAAW,MAAA,KAAW,iBAAA,CAAkB,aAAA,EAAe;AACrD,IAAA,SAAA,GAAY,EAAE,wBAAwB,CAAA;AAAA,EACxC,CAAA,MAAA,IAAW,MAAA,KAAW,iBAAA,CAAkB,QAAA,EAAU;AAChD,IAAA,SAAA,GAAY,EAAE,oBAAoB,CAAA;AAAA,EACpC,CAAA,MAAO;AACL,IAAA,SAAA,GAAY,MAAA;AAAA,EACd;AAEA,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAW,CAAA,EAAG,MAAA,CAAO,KAAK,CAAA,CAAA,EAAI,OAAO,OAAO,CAAA,CAAA;AAAA,QAC5C,YAAA,EAAY,SAAA;AAAA,QAEZ,8BAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAK,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAA,EAAE;AAAA;AAAA,KACvC;AAAA,EAEJ;AAEA,EAAA,IAAI,MAAA,KAAW,kBAAkB,aAAA,EAAe;AAC9C,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,+CAA+C,CAAA,EAC/D,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAW,CAAA,EAAG,MAAA,CAAO,KAAK,CAAA,CAAA,EAAI,OAAO,YAAY,CAAA,CAAA;AAAA,QACjD,YAAA,EAAY,SAAA;AAAA,QAEZ,QAAA,kBAAA,GAAA,CAAC,QAAK,EAAA,EAAG,GAAA,EAAI,WAAW,MAAA,CAAO,IAAA,EAC5B,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC7B;AAAA;AAAA,KACF,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,MAAA,KAAW,kBAAkB,QAAA,EAAU;AACzC,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,0CAA0C,CAAA,EAC1D,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAW,CAAA,EAAG,MAAA,CAAO,KAAK,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA,CAAA;AAAA,QAC7C,YAAA,EAAY,SAAA;AAAA,QAEZ,QAAA,kBAAA,GAAA,CAAC,QAAK,EAAA,EAAG,GAAA,EAAI,WAAW,MAAA,CAAO,IAAA,EAC5B,QAAA,EAAA,CAAA,CAAE,oBAAoB,CAAA,EACzB;AAAA;AAAA,KACF,EACF,CAAA;AAAA,EAEJ;AACA,EAAA,OAAO,IAAA;AACT;;;;"}

package/dist/components/common/UpdatedStatusBadge.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 = ".UpdatedStatusBadge-module_badge__L8lzQ {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border-radius: 24px;\n  text-align: center;\n  font-size: 12px;\n}\n.UpdatedStatusBadge-module_text__1DPQ3 {\n  color: var(--gray-900, #000);\n}\n\n.UpdatedStatusBadge-module_pending__9XU9w {\n  background: var(--green-100);\n  border: 1px solid var(--green-500);\n}\n\n.UpdatedStatusBadge-module_veryOutdated__tCijL {\n  background: var(--red-200);\n  border: 1px solid var(--red-400);\n}\n\n.UpdatedStatusBadge-module_outdated__5H9Uw {\n  background: var(--orange-100);\n  border: 1px solid var(--orange-300);\n}\n";
+var styles = {"badge":"UpdatedStatusBadge-module_badge__L8lzQ","text":"UpdatedStatusBadge-module_text__1DPQ3","pending":"UpdatedStatusBadge-module_pending__9XU9w","veryOutdated":"UpdatedStatusBadge-module_veryOutdated__tCijL","outdated":"UpdatedStatusBadge-module_outdated__5H9Uw"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=UpdatedStatusBadge.module.css.esm.js.map

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

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

package/dist/components/riScDialog/RiScDialog.esm.js

@@ -47,7 +47,15 @@ function RiScDialog({
   onDelete
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  const { selectedRiSc, createNewRiSc, deleteRiSc, updateRiSc, gcpCryptoKeys } = useRiScs();
+  const {
+    selectedRiSc,
+    riScs,
+    selectRiSc,
+    createNewRiSc,
+    deleteRiSc,
+    updateRiSc,
+    gcpCryptoKeys
+  } = useRiScs();
   const {
     register,
     handleSubmit,
@@ -96,7 +104,9 @@ function RiScDialog({
     if (dialogState === 1 /* Create */) {
       createNewRiSc(data, switchOn, [selectedRiScType]);
     } else if (dialogState === 5 /* Delete */) {
-      deleteRiSc();
+      deleteRiSc(
+        () => selectRiSc(riScs && riScs.length > 0 ? riScs[0].id : "")
+      );
     } else {
       const areAgeKeysEqual = isDeeplyEqual(
         data.sopsConfig.age?.map((age) => age.recipient).sort(),

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

@@ -1 +1 @@
-{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DefaultRiScType, RiScWithMetadata } from '../../utils/types';\nimport { emptyRiSc, isDeeplyEqual } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { useForm } from 'react-hook-form';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport { dialogActions } from '../common/mixins';\nimport { Step, StepLabel, Stepper } from '@mui/material';\nimport ConfigEncryptionDialog from './ConfigEncryptionDialog';\nimport ConfigRiscInfo from './ConfigRiscInfo';\nimport ConfigInitialRisc from './ConfigInitialRisc';\nimport { Flex, Box, Button } from '@backstage/ui';\n\nexport enum RiScDialogStates {\n  Closed = 0,\n  Create = 1,\n  EditRiscInfo = 2,\n  SelectInitialRisc = 3,\n  EditEncryption = 4,\n  Delete = 5,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n  onDelete: () => void;\n}\n\nfunction RiScStepper({\n  children,\n  activeStep,\n}: {\n  children: React.ReactNode;\n  activeStep: number;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const steps = [\n    t('rosDialog.initialRiscTitle'),\n    t('rosDialog.stepRiscDetails'),\n    t('rosDialog.stepEncryption'),\n  ];\n  return (\n    <Box style={{ width: '100%', padding: '24px' }}>\n      <Stepper activeStep={activeStep} alternativeLabel>\n        {steps.map(label => (\n          <Step key={label}>\n            <StepLabel>{label}</StepLabel>\n          </Step>\n        ))}\n      </Stepper>\n      {children}\n    </Box>\n  );\n}\n\nexport function RiScDialog({\n  onClose,\n  dialogState,\n  onDelete,\n}: RiScDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { selectedRiSc, createNewRiSc, deleteRiSc, updateRiSc, gcpCryptoKeys } =\n    useRiScs();\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n    setValue,\n  } = useForm<RiScWithMetadata>({\n    defaultValues:\n      dialogState === RiScDialogStates.EditRiscInfo ||\n      dialogState === RiScDialogStates.EditEncryption\n        ? selectedRiSc!\n        : {\n            content: emptyRiSc(),\n            sopsConfig: {\n              shamir_threshold: 2,\n            },\n          },\n    mode: 'onBlur',\n  });\n\n  const [activeStep, setActiveStep] = useState(0);\n\n  const [switchOn, setSwitchOn] = useState(false);\n\n  const [selectedRiScType, setSelectedRiScType] = useState<DefaultRiScType>(\n    DefaultRiScType.Standard,\n  );\n\n  const handleNext = handleSubmit(\n    () => {\n      if (activeStep === 0) {\n        setActiveStep(1);\n      }\n      if (activeStep === 1) {\n        setActiveStep(2);\n      }\n    },\n    // Continue to step 1 even if there are errors, as long as there are no errors in step 0 (the content)\n    validationErrors => {\n      if (activeStep === 0 && validationErrors.content === undefined) {\n        setActiveStep(1);\n      }\n    },\n  );\n\n  function handleBack() {\n    if (activeStep === 1) {\n      setActiveStep(0);\n    }\n    if (activeStep === 2) {\n      setActiveStep(1);\n    }\n  }\n\n  const handleFinish = handleSubmit((data: RiScWithMetadata) => {\n    if (dialogState === RiScDialogStates.Create) {\n      createNewRiSc(data, switchOn, [selectedRiScType]);\n    } else if (dialogState === RiScDialogStates.Delete) {\n      deleteRiSc();\n    } else {\n      // Do manual comparison of contents, as the sopsConfig field contains many values from the backend that are not\n      // used or set by the frontend.\n      // Check if the additional Age keys are equal, using the single important field, `recipient`\n      const areAgeKeysEqual = isDeeplyEqual(\n        data.sopsConfig.age?.map(age => age.recipient).sort(),\n        selectedRiSc?.sopsConfig.age?.map(age => age.recipient).sort(),\n      );\n\n      // Check if the GCP keys are equal, using the two important fields, `resource_id` and `created_at`.\n      // Comparison uses dictionaries, where resource ids are keys and created at dates are values\n      const areGCPKeysEqual = isDeeplyEqual(\n        Object.fromEntries(\n          data.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n        Object.fromEntries(\n          selectedRiSc?.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n      );\n\n      // Only update the risc if it has changed\n      if (\n        !isDeeplyEqual(data, selectedRiSc, ['sopsConfig']) ||\n        !areGCPKeysEqual ||\n        !areAgeKeysEqual\n      ) {\n        updateRiSc(data);\n      }\n    }\n    onClose();\n  });\n\n  if (dialogState === RiScDialogStates.Create) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.titleNew')}</DialogTitle>\n        <RiScStepper activeStep={activeStep}>\n          <DialogContent\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '16px',\n              paddingX: 1,\n              paddingY: 0.5,\n            }}\n          >\n            {activeStep === 0 && (\n              <ConfigInitialRisc\n                dialogState={dialogState}\n                switchOn={switchOn}\n                setSwitchOn={setSwitchOn}\n                setValue={setValue}\n                selectedRiScType={selectedRiScType}\n                setSelectedRiScType={setSelectedRiScType}\n              />\n            )}\n            {activeStep === 1 && (\n              <ConfigRiscInfo\n                dialogState={dialogState}\n                register={register}\n                errors={errors}\n                setValue={setValue}\n                watch={watch}\n              />\n            )}\n            {activeStep === 2 && (\n              <ConfigEncryptionDialog\n                gcpCryptoKeys={gcpCryptoKeys}\n                setValue={setValue}\n                state={dialogState}\n                register={register}\n                errors={errors}\n              />\n            )}\n          </DialogContent>\n        </RiScStepper>\n        <DialogActions sx={dialogActions}>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Flex>\n            <Button\n              size=\"medium\"\n              variant=\"secondary\"\n              isDisabled={activeStep === 0}\n              onClick={handleBack}\n            >\n              {t('dictionary.previous')}\n            </Button>\n            {activeStep < 2 ? (\n              <Button size=\"medium\" variant=\"primary\" onClick={handleNext}>\n                {t('dictionary.next')}\n              </Button>\n            ) : (\n              <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n                {t('dictionary.save')}\n              </Button>\n            )}\n          </Flex>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.Delete) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('deleteDialog.title')}</DialogTitle>\n        <DialogContent>\n          <DialogContent>{t('deleteDialog.confirmationMessage')}</DialogContent>\n        </DialogContent>\n        <DialogActions>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n            {t('dictionary.delete')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditRiscInfo) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>\n          <Flex direction=\"column\">{t('rosDialog.titleEdit')}</Flex>\n        </DialogTitle>\n        <DialogContent\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: '16px',\n            width: '100%',\n            paddingX: 4,\n            paddingY: 3,\n          }}\n        >\n          <ConfigRiscInfo\n            dialogState={dialogState}\n            register={register}\n            errors={errors}\n            setValue={setValue}\n            watch={watch}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button\n            size=\"medium\"\n            variant=\"tertiary\"\n            onClick={onDelete}\n            style={{ color: '#d32f2f', paddingLeft: 0 }}\n          >\n            <i className=\"ri-delete-bin-line\" style={{ fontSize: '16px' }} />\n            {t('contentHeader.deleteButton')}\n          </Button>\n          <Flex>\n            <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n              {t('dictionary.cancel')}\n            </Button>\n            <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n              {t('dictionary.save')}\n            </Button>\n          </Flex>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditEncryption) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.editEncryption')}</DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n        >\n          <ConfigEncryptionDialog\n            gcpCryptoKeys={gcpCryptoKeys}\n            sopsData={selectedRiSc?.sopsConfig}\n            setValue={setValue}\n            state={dialogState}\n            register={register}\n            errors={errors}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n            {t('dictionary.save')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return null;\n}\n"],"names":["RiScDialogStates"],"mappings":"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"}
+{"version":3,"file":"RiScDialog.esm.js","sources":["../../../src/components/riScDialog/RiScDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { DefaultRiScType, RiScWithMetadata } from '../../utils/types';\nimport { emptyRiSc, isDeeplyEqual } from '../../utils/utilityfunctions';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { useForm } from 'react-hook-form';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogActions from '@mui/material/DialogActions';\nimport { dialogActions } from '../common/mixins';\nimport { Step, StepLabel, Stepper } from '@mui/material';\nimport ConfigEncryptionDialog from './ConfigEncryptionDialog';\nimport ConfigRiscInfo from './ConfigRiscInfo';\nimport ConfigInitialRisc from './ConfigInitialRisc';\nimport { Flex, Box, Button } from '@backstage/ui';\n\nexport enum RiScDialogStates {\n  Closed = 0,\n  Create = 1,\n  EditRiscInfo = 2,\n  SelectInitialRisc = 3,\n  EditEncryption = 4,\n  Delete = 5,\n}\n\ninterface RiScDialogProps {\n  onClose: () => void;\n  dialogState: RiScDialogStates;\n  onDelete: () => void;\n}\n\nfunction RiScStepper({\n  children,\n  activeStep,\n}: {\n  children: React.ReactNode;\n  activeStep: number;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const steps = [\n    t('rosDialog.initialRiscTitle'),\n    t('rosDialog.stepRiscDetails'),\n    t('rosDialog.stepEncryption'),\n  ];\n  return (\n    <Box style={{ width: '100%', padding: '24px' }}>\n      <Stepper activeStep={activeStep} alternativeLabel>\n        {steps.map(label => (\n          <Step key={label}>\n            <StepLabel>{label}</StepLabel>\n          </Step>\n        ))}\n      </Stepper>\n      {children}\n    </Box>\n  );\n}\n\nexport function RiScDialog({\n  onClose,\n  dialogState,\n  onDelete,\n}: RiScDialogProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const {\n    selectedRiSc,\n    riScs,\n    selectRiSc,\n    createNewRiSc,\n    deleteRiSc,\n    updateRiSc,\n    gcpCryptoKeys,\n  } = useRiScs();\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n    setValue,\n  } = useForm<RiScWithMetadata>({\n    defaultValues:\n      dialogState === RiScDialogStates.EditRiscInfo ||\n      dialogState === RiScDialogStates.EditEncryption\n        ? selectedRiSc!\n        : {\n            content: emptyRiSc(),\n            sopsConfig: {\n              shamir_threshold: 2,\n            },\n          },\n    mode: 'onBlur',\n  });\n\n  const [activeStep, setActiveStep] = useState(0);\n\n  const [switchOn, setSwitchOn] = useState(false);\n\n  const [selectedRiScType, setSelectedRiScType] = useState<DefaultRiScType>(\n    DefaultRiScType.Standard,\n  );\n\n  const handleNext = handleSubmit(\n    () => {\n      if (activeStep === 0) {\n        setActiveStep(1);\n      }\n      if (activeStep === 1) {\n        setActiveStep(2);\n      }\n    },\n    // Continue to step 1 even if there are errors, as long as there are no errors in step 0 (the content)\n    validationErrors => {\n      if (activeStep === 0 && validationErrors.content === undefined) {\n        setActiveStep(1);\n      }\n    },\n  );\n\n  function handleBack() {\n    if (activeStep === 1) {\n      setActiveStep(0);\n    }\n    if (activeStep === 2) {\n      setActiveStep(1);\n    }\n  }\n\n  const handleFinish = handleSubmit((data: RiScWithMetadata) => {\n    if (dialogState === RiScDialogStates.Create) {\n      createNewRiSc(data, switchOn, [selectedRiScType]);\n    } else if (dialogState === RiScDialogStates.Delete) {\n      deleteRiSc(() =>\n        selectRiSc(riScs && riScs.length > 0 ? riScs[0].id : ''),\n      );\n    } else {\n      // Do manual comparison of contents, as the sopsConfig field contains many values from the backend that are not\n      // used or set by the frontend.\n      // Check if the additional Age keys are equal, using the single important field, `recipient`\n      const areAgeKeysEqual = isDeeplyEqual(\n        data.sopsConfig.age?.map(age => age.recipient).sort(),\n        selectedRiSc?.sopsConfig.age?.map(age => age.recipient).sort(),\n      );\n\n      // Check if the GCP keys are equal, using the two important fields, `resource_id` and `created_at`.\n      // Comparison uses dictionaries, where resource ids are keys and created at dates are values\n      const areGCPKeysEqual = isDeeplyEqual(\n        Object.fromEntries(\n          data.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n        Object.fromEntries(\n          selectedRiSc?.sopsConfig.gcp_kms?.map(key => [\n            key.resource_id,\n            key.created_at,\n          ]) ?? [],\n        ),\n      );\n\n      // Only update the risc if it has changed\n      if (\n        !isDeeplyEqual(data, selectedRiSc, ['sopsConfig']) ||\n        !areGCPKeysEqual ||\n        !areAgeKeysEqual\n      ) {\n        updateRiSc(data);\n      }\n    }\n    onClose();\n  });\n\n  if (dialogState === RiScDialogStates.Create) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.titleNew')}</DialogTitle>\n        <RiScStepper activeStep={activeStep}>\n          <DialogContent\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '16px',\n              paddingX: 1,\n              paddingY: 0.5,\n            }}\n          >\n            {activeStep === 0 && (\n              <ConfigInitialRisc\n                dialogState={dialogState}\n                switchOn={switchOn}\n                setSwitchOn={setSwitchOn}\n                setValue={setValue}\n                selectedRiScType={selectedRiScType}\n                setSelectedRiScType={setSelectedRiScType}\n              />\n            )}\n            {activeStep === 1 && (\n              <ConfigRiscInfo\n                dialogState={dialogState}\n                register={register}\n                errors={errors}\n                setValue={setValue}\n                watch={watch}\n              />\n            )}\n            {activeStep === 2 && (\n              <ConfigEncryptionDialog\n                gcpCryptoKeys={gcpCryptoKeys}\n                setValue={setValue}\n                state={dialogState}\n                register={register}\n                errors={errors}\n              />\n            )}\n          </DialogContent>\n        </RiScStepper>\n        <DialogActions sx={dialogActions}>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Flex>\n            <Button\n              size=\"medium\"\n              variant=\"secondary\"\n              isDisabled={activeStep === 0}\n              onClick={handleBack}\n            >\n              {t('dictionary.previous')}\n            </Button>\n            {activeStep < 2 ? (\n              <Button size=\"medium\" variant=\"primary\" onClick={handleNext}>\n                {t('dictionary.next')}\n              </Button>\n            ) : (\n              <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n                {t('dictionary.save')}\n              </Button>\n            )}\n          </Flex>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.Delete) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('deleteDialog.title')}</DialogTitle>\n        <DialogContent>\n          <DialogContent>{t('deleteDialog.confirmationMessage')}</DialogContent>\n        </DialogContent>\n        <DialogActions>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n            {t('dictionary.delete')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditRiscInfo) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>\n          <Flex direction=\"column\">{t('rosDialog.titleEdit')}</Flex>\n        </DialogTitle>\n        <DialogContent\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: '16px',\n            width: '100%',\n            paddingX: 4,\n            paddingY: 3,\n          }}\n        >\n          <ConfigRiscInfo\n            dialogState={dialogState}\n            register={register}\n            errors={errors}\n            setValue={setValue}\n            watch={watch}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button\n            size=\"medium\"\n            variant=\"tertiary\"\n            onClick={onDelete}\n            style={{ color: '#d32f2f', paddingLeft: 0 }}\n          >\n            <i className=\"ri-delete-bin-line\" style={{ fontSize: '16px' }} />\n            {t('contentHeader.deleteButton')}\n          </Button>\n          <Flex>\n            <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n              {t('dictionary.cancel')}\n            </Button>\n            <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n              {t('dictionary.save')}\n            </Button>\n          </Flex>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  if (dialogState === RiScDialogStates.EditEncryption) {\n    return (\n      <Dialog open={true} onClose={onClose}>\n        <DialogTitle>{t('rosDialog.editEncryption')}</DialogTitle>\n        <DialogContent\n          sx={{ display: 'flex', flexDirection: 'column', gap: '16px' }}\n        >\n          <ConfigEncryptionDialog\n            gcpCryptoKeys={gcpCryptoKeys}\n            sopsData={selectedRiSc?.sopsConfig}\n            setValue={setValue}\n            state={dialogState}\n            register={register}\n            errors={errors}\n          />\n        </DialogContent>\n        <DialogActions sx={dialogActions}>\n          <Button size=\"medium\" variant=\"secondary\" onClick={onClose}>\n            {t('dictionary.cancel')}\n          </Button>\n          <Button size=\"medium\" variant=\"primary\" onClick={handleFinish}>\n            {t('dictionary.save')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return null;\n}\n"],"names":["RiScDialogStates"],"mappings":"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"}

package/dist/components/riScInfo/CreateNewRiScButton.esm.js

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

@@ -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;;;;"}
+{"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

@@ -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,
+      {
+        value: selectedRiSc?.id,
+        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());
+        },
+        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

@@ -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;;;;"}
+{"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              value={selectedRiSc?.id}\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              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,OAAO,YAAA,EAAc,EAAA;AAAA,QACrB,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,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

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

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