@kartverket/backstage-plugin-risk-scorecard 3.10.8 → 3.10.9

package/dist/components/action/ActionRow.esm.js

@@ -12,8 +12,7 @@ function ActionRow(props) {
       ActionEdit,
       {
         onSaveAction: (a) => {
-          props.onSaveAction(a);
-          setIsEditing(false);
+          props.onSaveAction(a, setIsEditing);
         },
         onDeleteAction: () => setDeleteActionConfirmationIsOpen(true),
         onCancelEdit: () => setIsEditing(false),

package/dist/components/action/ActionRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionRow.esm.js","sources":["../../../src/components/action/ActionRow.tsx"],"sourcesContent":["import { UpdatedStatusEnumType } from '../../utils/utilityfunctions.ts';\nimport { ActionStatusOptions } from '../../utils/constants.ts';\nimport { DeleteActionConfirmation } from '../scenarioDrawer/components/DeleteConfirmation.tsx';\nimport { Action } from '../../utils/types.ts';\nimport { useState } from 'react';\nimport { ActionEdit } from './ActionEdit.tsx';\nimport { ActionView } from './ActionView.tsx';\n\ntype ActionRowProps = {\n  action: Action;\n  onRefreshActionStatus: (action: Action) => void;\n  onNewActionStatus: (actionId: string, newStatus: ActionStatusOptions) => void;\n  onDeleteAction: (actionId: string) => void;\n  onSaveAction: (newAction: Action) => void;\n  allowDeletion?: boolean;\n  allowEdit?: boolean;\n  optimisticStatus?: ActionStatusOptions;\n  optimisticUpdatedStatus?: UpdatedStatusEnumType;\n  index?: number;\n};\n\nexport function ActionRow(props: ActionRowProps) {\n  const [isEditing, setIsEditing] = useState<boolean>(false);\n  const [deleteActionConfirmationIsOpen, setDeleteActionConfirmationIsOpen] =\n    useState(false);\n\n  return (\n    <div key={props.action.ID}>\n      {isEditing ? (\n        <ActionEdit\n          onSaveAction={(a: Action) => {\n            props.onSaveAction(a);\n            setIsEditing(false);\n          }}\n          onDeleteAction={() => setDeleteActionConfirmationIsOpen(true)}\n          onCancelEdit={() => setIsEditing(false)}\n          action={props.action}\n        />\n      ) : (\n        <ActionView\n          action={props.action}\n          onRefreshActionStatus={props.onRefreshActionStatus}\n          onNewActionStatus={props.onNewActionStatus}\n          toggleEditMode={() => setIsEditing(!isEditing)}\n          openDeleteDialog={() => setDeleteActionConfirmationIsOpen(true)}\n          allowDeletion={props.allowDeletion}\n          allowEdit={props.allowEdit}\n          optimisticStatus={props.optimisticStatus}\n          optimisticUpdatedStatus={props.optimisticUpdatedStatus}\n          index={props.index}\n        />\n      )}\n      <DeleteActionConfirmation\n        isOpen={deleteActionConfirmationIsOpen}\n        setIsOpen={setDeleteActionConfirmationIsOpen}\n        onConfirm={() => props.onDeleteAction(props.action.ID)}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAqBO,SAAS,UAAU,KAAA,EAAuB;AAC/C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,CAAC,8BAAA,EAAgC,iCAAiC,CAAA,GACtE,SAAS,KAAK,CAAA;AAEhB,EAAA,4BACG,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,SAAA,mBACC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,CAAC,CAAA,KAAc;AAC3B,UAAA,KAAA,CAAM,aAAa,CAAC,CAAA;AACpB,UAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACpB,CAAA;AAAA,QACA,cAAA,EAAgB,MAAM,iCAAA,CAAkC,IAAI,CAAA;AAAA,QAC5D,YAAA,EAAc,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,QACtC,QAAQ,KAAA,CAAM;AAAA;AAAA,KAChB,mBAEA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,QAAQ,KAAA,CAAM,MAAA;AAAA,QACd,uBAAuB,KAAA,CAAM,qBAAA;AAAA,QAC7B,mBAAmB,KAAA,CAAM,iBAAA;AAAA,QACzB,cAAA,EAAgB,MAAM,YAAA,CAAa,CAAC,SAAS,CAAA;AAAA,QAC7C,gBAAA,EAAkB,MAAM,iCAAA,CAAkC,IAAI,CAAA;AAAA,QAC9D,eAAe,KAAA,CAAM,aAAA;AAAA,QACrB,WAAW,KAAA,CAAM,SAAA;AAAA,QACjB,kBAAkB,KAAA,CAAM,gBAAA;AAAA,QACxB,yBAAyB,KAAA,CAAM,uBAAA;AAAA,QAC/B,OAAO,KAAA,CAAM;AAAA;AAAA,KACf;AAAA,oBAEF,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,8BAAA;AAAA,QACR,SAAA,EAAW,iCAAA;AAAA,QACX,WAAW,MAAM,KAAA,CAAM,cAAA,CAAe,KAAA,CAAM,OAAO,EAAE;AAAA;AAAA;AACvD,GAAA,EAAA,EA7BQ,KAAA,CAAM,OAAO,EA8BvB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ActionRow.esm.js","sources":["../../../src/components/action/ActionRow.tsx"],"sourcesContent":["import { UpdatedStatusEnumType } from '../../utils/utilityfunctions.ts';\nimport { ActionStatusOptions } from '../../utils/constants.ts';\nimport { DeleteActionConfirmation } from '../scenarioDrawer/components/DeleteConfirmation.tsx';\nimport { Action } from '../../utils/types.ts';\nimport { useState } from 'react';\nimport { ActionEdit } from './ActionEdit.tsx';\nimport { ActionView } from './ActionView.tsx';\n\ntype ActionRowProps = {\n  action: Action;\n  onRefreshActionStatus: (action: Action) => void;\n  onNewActionStatus: (actionId: string, newStatus: ActionStatusOptions) => void;\n  onDeleteAction: (actionId: string) => void;\n  onSaveAction: (\n    newAction: Action,\n    setIsEditing?: (isEditing: boolean) => void,\n  ) => void;\n  allowDeletion?: boolean;\n  allowEdit?: boolean;\n  optimisticStatus?: ActionStatusOptions;\n  optimisticUpdatedStatus?: UpdatedStatusEnumType;\n  index?: number;\n};\n\nexport function ActionRow(props: ActionRowProps) {\n  const [isEditing, setIsEditing] = useState<boolean>(false);\n  const [deleteActionConfirmationIsOpen, setDeleteActionConfirmationIsOpen] =\n    useState(false);\n\n  return (\n    <div key={props.action.ID}>\n      {isEditing ? (\n        <ActionEdit\n          onSaveAction={(a: Action) => {\n            props.onSaveAction(a, setIsEditing);\n          }}\n          onDeleteAction={() => setDeleteActionConfirmationIsOpen(true)}\n          onCancelEdit={() => setIsEditing(false)}\n          action={props.action}\n        />\n      ) : (\n        <ActionView\n          action={props.action}\n          onRefreshActionStatus={props.onRefreshActionStatus}\n          onNewActionStatus={props.onNewActionStatus}\n          toggleEditMode={() => setIsEditing(!isEditing)}\n          openDeleteDialog={() => setDeleteActionConfirmationIsOpen(true)}\n          allowDeletion={props.allowDeletion}\n          allowEdit={props.allowEdit}\n          optimisticStatus={props.optimisticStatus}\n          optimisticUpdatedStatus={props.optimisticUpdatedStatus}\n          index={props.index}\n        />\n      )}\n      <DeleteActionConfirmation\n        isOpen={deleteActionConfirmationIsOpen}\n        setIsOpen={setDeleteActionConfirmationIsOpen}\n        onConfirm={() => props.onDeleteAction(props.action.ID)}\n      />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAwBO,SAAS,UAAU,KAAA,EAAuB;AAC/C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAkB,KAAK,CAAA;AACzD,EAAA,MAAM,CAAC,8BAAA,EAAgC,iCAAiC,CAAA,GACtE,SAAS,KAAK,CAAA;AAEhB,EAAA,4BACG,KAAA,EAAA,EACE,QAAA,EAAA;AAAA,IAAA,SAAA,mBACC,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,CAAC,CAAA,KAAc;AAC3B,UAAA,KAAA,CAAM,YAAA,CAAa,GAAG,YAAY,CAAA;AAAA,QACpC,CAAA;AAAA,QACA,cAAA,EAAgB,MAAM,iCAAA,CAAkC,IAAI,CAAA;AAAA,QAC5D,YAAA,EAAc,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,QACtC,QAAQ,KAAA,CAAM;AAAA;AAAA,KAChB,mBAEA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,QAAQ,KAAA,CAAM,MAAA;AAAA,QACd,uBAAuB,KAAA,CAAM,qBAAA;AAAA,QAC7B,mBAAmB,KAAA,CAAM,iBAAA;AAAA,QACzB,cAAA,EAAgB,MAAM,YAAA,CAAa,CAAC,SAAS,CAAA;AAAA,QAC7C,gBAAA,EAAkB,MAAM,iCAAA,CAAkC,IAAI,CAAA;AAAA,QAC9D,eAAe,KAAA,CAAM,aAAA;AAAA,QACrB,WAAW,KAAA,CAAM,SAAA;AAAA,QACjB,kBAAkB,KAAA,CAAM,gBAAA;AAAA,QACxB,yBAAyB,KAAA,CAAM,uBAAA;AAAA,QAC/B,OAAO,KAAA,CAAM;AAAA;AAAA,KACf;AAAA,oBAEF,GAAA;AAAA,MAAC,wBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,8BAAA;AAAA,QACR,SAAA,EAAW,iCAAA;AAAA,QACX,WAAW,MAAM,KAAA,CAAM,cAAA,CAAe,KAAA,CAAM,OAAO,EAAE;AAAA;AAAA;AACvD,GAAA,EAAA,EA5BQ,KAAA,CAAM,OAAO,EA6BvB,CAAA;AAEJ;;;;"}

package/dist/components/action/ActionRowList.esm.js

@@ -51,7 +51,7 @@ function ActionRowList(props) {
     };
     submitEditedScenarioToRiSc(newScenario);
   };
-  const onSaveAction = (newAction) => {
+  const onSaveAction = (newAction, setIsEditing) => {
     const oldScenario = getScenarioOfIdFromRiSc(props.scenarioId, selectedRiSc);
     if (!oldScenario) return;
     submitEditedScenarioToRiSc(
@@ -62,7 +62,12 @@ function ActionRowList(props) {
         )
       },
       {
-        profileInfo
+        profileInfo,
+        onSuccess: () => {
+          if (setIsEditing) {
+            setIsEditing(false);
+          }
+        }
       }
     );
   };

package/dist/components/action/ActionRowList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionRowList.esm.js","sources":["../../../src/components/action/ActionRowList.tsx"],"sourcesContent":["import { Action } from '../../utils/types.ts';\nimport { ActionRow } from './ActionRow.tsx';\nimport { Fragment, useCallback, useEffect, useState } from 'react';\nimport { isToday } from '../../utils/date.ts';\nimport { ActionStatusOptions } from '../../utils/constants.ts';\nimport { useScenario } from '../../contexts/ScenarioContext.tsx';\nimport { Flex, Text } from '@backstage/ui';\nimport Divider from '@mui/material/Divider';\nimport { useDebounce } from '../../utils/hooks.ts';\nimport { useBackstageContext } from '../../contexts/BackstageContext.tsx';\nimport { UpdatedStatusEnum } from '../../utils/utilityfunctions.ts';\nimport { useRiScs } from '../../contexts/RiScContext.tsx';\nimport { getScenarioOfIdFromRiSc } from '../../utils/scenario.ts';\nimport styles from './ActionRowList.module.css';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\n\ntype ActionRowListProps = {\n  scenarioId: string;\n  displayedActions?: Action[]; // Specify if not every action of scenario is to be displayed\n  allowDeletion?: boolean;\n  allowEdit?: boolean;\n};\n\nexport function ActionRowList(props: ActionRowListProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { selectedRiSc } = useRiScs();\n  const { submitEditedScenarioToRiSc } = useScenario();\n  const { profileInfo } = useBackstageContext();\n  const [pendingActionStatusUpdates, setPendingActionStatusUpdates] = useState<\n    Record<string, Record<string, ActionStatusOptions>>\n  >({});\n  const [pendingActionUpdatesHistory, setPendingActionUpdatesHistory] =\n    useState<string[]>([]);\n\n  const onRefreshActionStatus = (action: Action) => {\n    if (isToday(action.lastUpdated ?? null)) return;\n\n    setPendingActionStatusUpdates(prev => ({\n      ...prev,\n      [props.scenarioId]: {\n        ...prev[props.scenarioId],\n        [action.ID]: action.status as ActionStatusOptions,\n      },\n    }));\n    setPendingActionUpdatesHistory(prev => [...prev, action.ID]);\n  };\n\n  const onNewActionStatus = (\n    actionId: string,\n    newStatus: ActionStatusOptions,\n  ) => {\n    setPendingActionStatusUpdates(prev => ({\n      ...prev,\n      [props.scenarioId]: {\n        ...prev[props.scenarioId],\n        [actionId]: newStatus,\n      },\n    }));\n    setPendingActionUpdatesHistory(prev => [...prev, actionId]);\n  };\n\n  const onDeleteAction = (actionId: string) => {\n    const oldScenario = getScenarioOfIdFromRiSc(props.scenarioId, selectedRiSc);\n    if (!oldScenario) return;\n    const newScenario = {\n      ...oldScenario,\n      actions: oldScenario.actions.filter(a => a.ID !== actionId),\n    };\n    submitEditedScenarioToRiSc(newScenario);\n  };\n\n  const onSaveAction = (newAction: Action) => {\n    const oldScenario = getScenarioOfIdFromRiSc(props.scenarioId, selectedRiSc);\n    if (!oldScenario) return;\n    submitEditedScenarioToRiSc(\n      {\n        ...oldScenario,\n        actions: oldScenario.actions.map(a =>\n          a.ID === newAction.ID ? newAction : a,\n        ),\n      },\n      {\n        profileInfo: profileInfo,\n      },\n    );\n  };\n\n  const debounceCallback = useCallback(\n    (updates: Record<string, Record<string, ActionStatusOptions>>) => {\n      if (Object.keys(updates).length === 0) return;\n\n      Object.keys(updates).forEach(scenarioId => {\n        const oldScenario = getScenarioOfIdFromRiSc(scenarioId, selectedRiSc);\n        if (!oldScenario) return;\n        const newActionArray = oldScenario.actions.map(a =>\n          a.ID in updates[scenarioId]\n            ? {\n                ...a,\n                status: updates[scenarioId][a.ID] ?? a.status,\n              }\n            : a,\n        );\n\n        const updatedScenario = {\n          ...oldScenario,\n          actions: newActionArray,\n        };\n\n        submitEditedScenarioToRiSc(updatedScenario, {\n          idsOfActionsToForceUpdateLastUpdatedValue: Object.keys(\n            updates[scenarioId],\n          ),\n          profileInfo: profileInfo,\n          onSuccess: () => {\n            setPendingActionStatusUpdates({});\n          },\n          onError: () => {\n            // TODO: Should probably retry once before canceling updates\n            setPendingActionStatusUpdates(prevStatusUpdates => {\n              setPendingActionUpdatesHistory(prevHistory =>\n                prevHistory.filter(actionId =>\n                  Object.keys(prevStatusUpdates[scenarioId] ?? {}).includes(\n                    actionId,\n                  ),\n                ),\n              );\n              return {};\n            });\n          },\n        });\n      });\n    },\n    [submitEditedScenarioToRiSc, profileInfo, selectedRiSc],\n  );\n\n  const { flush } = useDebounce<\n    Record<string, Record<string, ActionStatusOptions>>\n  >(pendingActionStatusUpdates, 6000, debounceCallback);\n\n  const actions =\n    props.displayedActions ??\n    getScenarioOfIdFromRiSc(props.scenarioId, selectedRiSc)?.actions ??\n    [];\n\n  useEffect(() => {\n    return () => {\n      // flush on unmount. makes sure changes are saved\n      flush();\n    };\n  }, [flush]);\n\n  if (actions.length === 0) {\n    return (\n      <Flex align=\"center\" direction=\"column\">\n        <Divider flexItem />\n        <Text className={styles.noActionsText}>\n          {t('scenarioTable.noActionsLong')}\n        </Text>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex direction=\"column\">\n      <Divider />\n      {actions.map((action, index) => (\n        <Fragment key={`Action-${action.ID}-${index}`}>\n          <ActionRow\n            action={action}\n            index={index}\n            onRefreshActionStatus={onRefreshActionStatus}\n            onNewActionStatus={onNewActionStatus}\n            onDeleteAction={onDeleteAction}\n            onSaveAction={onSaveAction}\n            optimisticUpdatedStatus={\n              pendingActionUpdatesHistory.includes(action.ID)\n                ? UpdatedStatusEnum.UPDATED\n                : undefined\n            }\n            optimisticStatus={\n              pendingActionStatusUpdates[props.scenarioId]?.[action.ID]\n            }\n            allowDeletion={props.allowDeletion}\n            allowEdit={props.allowEdit}\n          />\n          <Divider />\n        </Fragment>\n      ))}\n    </Flex>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionRowList.esm.js","sources":["../../../src/components/action/ActionRowList.tsx"],"sourcesContent":["import { Action } from '../../utils/types.ts';\nimport { ActionRow } from './ActionRow.tsx';\nimport { Fragment, useCallback, useEffect, useState } from 'react';\nimport { isToday } from '../../utils/date.ts';\nimport { ActionStatusOptions } from '../../utils/constants.ts';\nimport { useScenario } from '../../contexts/ScenarioContext.tsx';\nimport { Flex, Text } from '@backstage/ui';\nimport Divider from '@mui/material/Divider';\nimport { useDebounce } from '../../utils/hooks.ts';\nimport { useBackstageContext } from '../../contexts/BackstageContext.tsx';\nimport { UpdatedStatusEnum } from '../../utils/utilityfunctions.ts';\nimport { useRiScs } from '../../contexts/RiScContext.tsx';\nimport { getScenarioOfIdFromRiSc } from '../../utils/scenario.ts';\nimport styles from './ActionRowList.module.css';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\n\ntype ActionRowListProps = {\n  scenarioId: string;\n  displayedActions?: Action[]; // Specify if not every action of scenario is to be displayed\n  allowDeletion?: boolean;\n  allowEdit?: boolean;\n};\n\nexport function ActionRowList(props: ActionRowListProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { selectedRiSc } = useRiScs();\n  const { submitEditedScenarioToRiSc } = useScenario();\n  const { profileInfo } = useBackstageContext();\n  const [pendingActionStatusUpdates, setPendingActionStatusUpdates] = useState<\n    Record<string, Record<string, ActionStatusOptions>>\n  >({});\n  const [pendingActionUpdatesHistory, setPendingActionUpdatesHistory] =\n    useState<string[]>([]);\n\n  const onRefreshActionStatus = (action: Action) => {\n    if (isToday(action.lastUpdated ?? null)) return;\n\n    setPendingActionStatusUpdates(prev => ({\n      ...prev,\n      [props.scenarioId]: {\n        ...prev[props.scenarioId],\n        [action.ID]: action.status as ActionStatusOptions,\n      },\n    }));\n    setPendingActionUpdatesHistory(prev => [...prev, action.ID]);\n  };\n\n  const onNewActionStatus = (\n    actionId: string,\n    newStatus: ActionStatusOptions,\n  ) => {\n    setPendingActionStatusUpdates(prev => ({\n      ...prev,\n      [props.scenarioId]: {\n        ...prev[props.scenarioId],\n        [actionId]: newStatus,\n      },\n    }));\n    setPendingActionUpdatesHistory(prev => [...prev, actionId]);\n  };\n\n  const onDeleteAction = (actionId: string) => {\n    const oldScenario = getScenarioOfIdFromRiSc(props.scenarioId, selectedRiSc);\n    if (!oldScenario) return;\n    const newScenario = {\n      ...oldScenario,\n      actions: oldScenario.actions.filter(a => a.ID !== actionId),\n    };\n    submitEditedScenarioToRiSc(newScenario);\n  };\n\n  const onSaveAction = (\n    newAction: Action,\n    setIsEditing?: (isEditing: boolean) => void,\n  ) => {\n    const oldScenario = getScenarioOfIdFromRiSc(props.scenarioId, selectedRiSc);\n    if (!oldScenario) return;\n    submitEditedScenarioToRiSc(\n      {\n        ...oldScenario,\n        actions: oldScenario.actions.map(a =>\n          a.ID === newAction.ID ? newAction : a,\n        ),\n      },\n      {\n        profileInfo: profileInfo,\n        onSuccess: () => {\n          if (setIsEditing) {\n            setIsEditing(false);\n          }\n        },\n      },\n    );\n  };\n\n  const debounceCallback = useCallback(\n    (updates: Record<string, Record<string, ActionStatusOptions>>) => {\n      if (Object.keys(updates).length === 0) return;\n\n      Object.keys(updates).forEach(scenarioId => {\n        const oldScenario = getScenarioOfIdFromRiSc(scenarioId, selectedRiSc);\n        if (!oldScenario) return;\n        const newActionArray = oldScenario.actions.map(a =>\n          a.ID in updates[scenarioId]\n            ? {\n                ...a,\n                status: updates[scenarioId][a.ID] ?? a.status,\n              }\n            : a,\n        );\n\n        const updatedScenario = {\n          ...oldScenario,\n          actions: newActionArray,\n        };\n\n        submitEditedScenarioToRiSc(updatedScenario, {\n          idsOfActionsToForceUpdateLastUpdatedValue: Object.keys(\n            updates[scenarioId],\n          ),\n          profileInfo: profileInfo,\n          onSuccess: () => {\n            setPendingActionStatusUpdates({});\n          },\n          onError: () => {\n            // TODO: Should probably retry once before canceling updates\n            setPendingActionStatusUpdates(prevStatusUpdates => {\n              setPendingActionUpdatesHistory(prevHistory =>\n                prevHistory.filter(actionId =>\n                  Object.keys(prevStatusUpdates[scenarioId] ?? {}).includes(\n                    actionId,\n                  ),\n                ),\n              );\n              return {};\n            });\n          },\n        });\n      });\n    },\n    [submitEditedScenarioToRiSc, profileInfo, selectedRiSc],\n  );\n\n  const { flush } = useDebounce<\n    Record<string, Record<string, ActionStatusOptions>>\n  >(pendingActionStatusUpdates, 6000, debounceCallback);\n\n  const actions =\n    props.displayedActions ??\n    getScenarioOfIdFromRiSc(props.scenarioId, selectedRiSc)?.actions ??\n    [];\n\n  useEffect(() => {\n    return () => {\n      // flush on unmount. makes sure changes are saved\n      flush();\n    };\n  }, [flush]);\n\n  if (actions.length === 0) {\n    return (\n      <Flex align=\"center\" direction=\"column\">\n        <Divider flexItem />\n        <Text className={styles.noActionsText}>\n          {t('scenarioTable.noActionsLong')}\n        </Text>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex direction=\"column\">\n      <Divider />\n      {actions.map((action, index) => (\n        <Fragment key={`Action-${action.ID}-${index}`}>\n          <ActionRow\n            action={action}\n            index={index}\n            onRefreshActionStatus={onRefreshActionStatus}\n            onNewActionStatus={onNewActionStatus}\n            onDeleteAction={onDeleteAction}\n            onSaveAction={onSaveAction}\n            optimisticUpdatedStatus={\n              pendingActionUpdatesHistory.includes(action.ID)\n                ? UpdatedStatusEnum.UPDATED\n                : undefined\n            }\n            optimisticStatus={\n              pendingActionStatusUpdates[props.scenarioId]?.[action.ID]\n            }\n            allowDeletion={props.allowDeletion}\n            allowEdit={props.allowEdit}\n          />\n          <Divider />\n        </Fragment>\n      ))}\n    </Flex>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/riskMatrix/RiskMatrix.esm.js

@@ -1,55 +1,43 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
-import Box from '@mui/material/Box';
 import { AggregatedCost } from './AggregatedCost.esm.js';
 import { MatrixTabs } from './Tabs.esm.js';
 import { riskMatrix } from '../../utils/constants.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
-import { useFontStyles } from '../../utils/style.esm.js';
-import { useRiskMatrixStyles } from './riskMatrixStyle.esm.js';
 import { RiskMatrixTabs } from './utils.esm.js';
-import { Card, CardHeader, Text, CardBody } from '@backstage/ui';
+import { Card, CardHeader, Text, CardBody, Box } from '@backstage/ui';
 import { RiskMatrixSquare } from './RiskMatrixSquare.esm.js';
+import styles from './RiskMatrix.module.css.esm.js';
 
 function RiskMatrix({
   riScWithMetadata
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  const { label2 } = useFontStyles();
-  const { grid, gridWrapper, konsekvens, sannsynlighet, text, centered } = useRiskMatrixStyles();
   const [tab, setTab] = useState(RiskMatrixTabs.initialRisk);
   return /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: t("riskMatrix.title") }) }),
     /* @__PURE__ */ jsxs(CardBody, { children: [
       /* @__PURE__ */ jsx(MatrixTabs, { setTab, currentTab: tab }),
-      riScWithMetadata.content.scenarios.length > 0 && /* @__PURE__ */ jsx(
-        Box,
+      riScWithMetadata.content.scenarios.length > 0 && /* @__PURE__ */ jsx(Box, { className: styles.estimatedCostContainer, children: /* @__PURE__ */ jsx(
+        AggregatedCost,
         {
-          style: {
-            marginTop: "18px"
-          },
-          children: /* @__PURE__ */ jsx(
-            AggregatedCost,
-            {
-              riSc: riScWithMetadata.content,
-              initialRisk: tab === RiskMatrixTabs.initialRisk
-            }
-          )
+          riSc: riScWithMetadata.content,
+          initialRisk: tab === RiskMatrixTabs.initialRisk
         }
-      ),
-      /* @__PURE__ */ jsx(Box, { className: gridWrapper, children: /* @__PURE__ */ jsxs(Box, { className: grid, children: [
-        /* @__PURE__ */ jsx(Box, { className: konsekvens, children: /* @__PURE__ */ jsx(
+      ) }),
+      /* @__PURE__ */ jsx(Box, { className: styles.gridWrapper, children: /* @__PURE__ */ jsxs(Box, { className: styles.grid, children: [
+        /* @__PURE__ */ jsx(Box, { className: styles.konsekvens, children: /* @__PURE__ */ jsx(
           Text,
           {
-            variant: "body-large",
+            variant: "title-x-small",
             weight: "bold",
-            className: `${centered} ${label2}`,
+            className: styles.centered,
             children: t("dictionary.consequence")
           }
         ) }),
         riskMatrix.map((row, rowIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Box, { className: centered, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", className: text, children: 5 - rowIndex }) }),
+          /* @__PURE__ */ jsx(Box, { className: styles.centered, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: 5 - rowIndex }) }),
           row.map((_, colIndex) => /* @__PURE__ */ jsx(
             RiskMatrixSquare,
             {
@@ -63,15 +51,15 @@ function RiskMatrix({
             }
           ))
         ] }, rowIndex)),
-        /* @__PURE__ */ jsx(Box, { className: centered }),
-        /* @__PURE__ */ jsx(Box, { className: centered }),
-        riskMatrix.map((_, col) => /* @__PURE__ */ jsx(Box, { className: centered, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", className: text, children: col + 1 }) }, col)),
-        /* @__PURE__ */ jsx(Box, { className: sannsynlighet, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { className: styles.centered }),
+        /* @__PURE__ */ jsx(Box, { className: styles.centered }),
+        riskMatrix.map((_, col) => /* @__PURE__ */ jsx(Box, { className: styles.centered, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: col + 1 }) }, col)),
+        /* @__PURE__ */ jsx(Box, { className: styles.sannsynlighet, children: /* @__PURE__ */ jsx(
           Text,
           {
             weight: "bold",
-            variant: "body-large",
-            className: `${centered} ${label2}`,
+            variant: "title-x-small",
+            className: styles.centered,
             children: t("dictionary.probability")
           }
         ) })

package/dist/components/riskMatrix/RiskMatrix.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiskMatrix.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrix.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport { AggregatedCost } from './AggregatedCost';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { MatrixTabs } from './Tabs';\nimport { riskMatrix } from '../../utils/constants';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useFontStyles } from '../../utils/style';\nimport { useRiskMatrixStyles } from './riskMatrixStyle';\nimport { RiskMatrixTabs } from './utils';\nimport { Card, CardBody, CardHeader, Text } from '@backstage/ui';\nimport { RiskMatrixSquare } from './RiskMatrixSquare.tsx';\n\nexport function RiskMatrix({\n  riScWithMetadata,\n}: {\n  riScWithMetadata: RiScWithMetadata;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { label2 } = useFontStyles();\n  const { grid, gridWrapper, konsekvens, sannsynlighet, text, centered } =\n    useRiskMatrixStyles();\n\n  const [tab, setTab] = useState<RiskMatrixTabs>(RiskMatrixTabs.initialRisk);\n\n  return (\n    <Card>\n      <CardHeader>\n        <Text variant=\"title-small\" weight=\"bold\">\n          {t('riskMatrix.title')}\n        </Text>\n      </CardHeader>\n      <CardBody>\n        <MatrixTabs setTab={setTab} currentTab={tab} />\n        {riScWithMetadata.content.scenarios.length > 0 && (\n          <Box\n            style={{\n              marginTop: '18px',\n            }}\n          >\n            <AggregatedCost\n              riSc={riScWithMetadata.content}\n              initialRisk={tab === RiskMatrixTabs.initialRisk}\n            />\n          </Box>\n        )}\n        <Box className={gridWrapper}>\n          <Box className={grid}>\n            <Box className={konsekvens}>\n              <Text\n                variant=\"body-large\"\n                weight=\"bold\"\n                className={`${centered} ${label2}`}\n              >\n                {t('dictionary.consequence')}\n              </Text>\n            </Box>\n            {riskMatrix.map((row, rowIndex) => (\n              <Fragment key={rowIndex}>\n                <Box className={centered}>\n                  <Text variant=\"title-x-small\" weight=\"bold\" className={text}>\n                    {5 - rowIndex}\n                  </Text>\n                </Box>\n                {row.map((_, colIndex) => (\n                  <RiskMatrixSquare\n                    size=\"grid\"\n                    consequence={4 - rowIndex}\n                    probability={colIndex}\n                    riScCountObject={{\n                      isInitialRisk: tab === RiskMatrixTabs.initialRisk,\n                      riSc: riScWithMetadata,\n                    }}\n                  />\n                ))}\n              </Fragment>\n            ))}\n            <Box className={centered} />\n            <Box className={centered} />\n            {riskMatrix.map((_, col) => (\n              <Box className={centered} key={col}>\n                <Text variant=\"title-x-small\" weight=\"bold\" className={text}>\n                  {col + 1}\n                </Text>\n              </Box>\n            ))}\n            <Box className={sannsynlighet}>\n              <Text\n                weight=\"bold\"\n                variant=\"body-large\"\n                className={`${centered} ${label2}`}\n              >\n                {t('dictionary.probability')}\n              </Text>\n            </Box>\n          </Box>\n        </Box>\n      </CardBody>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RiskMatrix.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrix.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport { AggregatedCost } from './AggregatedCost';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { MatrixTabs } from './Tabs';\nimport { riskMatrix } from '../../utils/constants';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiskMatrixTabs } from './utils';\nimport { Card, CardBody, CardHeader, Text, Box } from '@backstage/ui';\nimport { RiskMatrixSquare } from './RiskMatrixSquare.tsx';\nimport styles from './RiskMatrix.module.css';\nexport function RiskMatrix({\n  riScWithMetadata,\n}: {\n  riScWithMetadata: RiScWithMetadata;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [tab, setTab] = useState<RiskMatrixTabs>(RiskMatrixTabs.initialRisk);\n\n  return (\n    <Card>\n      <CardHeader>\n        <Text variant=\"title-small\" weight=\"bold\">\n          {t('riskMatrix.title')}\n        </Text>\n      </CardHeader>\n      <CardBody>\n        <MatrixTabs setTab={setTab} currentTab={tab} />\n        {riScWithMetadata.content.scenarios.length > 0 && (\n          <Box className={styles.estimatedCostContainer}>\n            <AggregatedCost\n              riSc={riScWithMetadata.content}\n              initialRisk={tab === RiskMatrixTabs.initialRisk}\n            />\n          </Box>\n        )}\n        <Box className={styles.gridWrapper}>\n          <Box className={styles.grid}>\n            <Box className={styles.konsekvens}>\n              <Text\n                variant=\"title-x-small\"\n                weight=\"bold\"\n                className={styles.centered}\n              >\n                {t('dictionary.consequence')}\n              </Text>\n            </Box>\n            {riskMatrix.map((row, rowIndex) => (\n              <Fragment key={rowIndex}>\n                <Box className={styles.centered}>\n                  <Text variant=\"title-x-small\" weight=\"bold\">\n                    {5 - rowIndex}\n                  </Text>\n                </Box>\n                {row.map((_, colIndex) => (\n                  <RiskMatrixSquare\n                    size=\"grid\"\n                    consequence={4 - rowIndex}\n                    probability={colIndex}\n                    riScCountObject={{\n                      isInitialRisk: tab === RiskMatrixTabs.initialRisk,\n                      riSc: riScWithMetadata,\n                    }}\n                  />\n                ))}\n              </Fragment>\n            ))}\n            <Box className={styles.centered} />\n            <Box className={styles.centered} />\n            {riskMatrix.map((_, col) => (\n              <Box className={styles.centered} key={col}>\n                <Text variant=\"title-x-small\" weight=\"bold\">\n                  {col + 1}\n                </Text>\n              </Box>\n            ))}\n            <Box className={styles.sannsynlighet}>\n              <Text\n                weight=\"bold\"\n                variant=\"title-x-small\"\n                className={styles.centered}\n              >\n                {t('dictionary.probability')}\n              </Text>\n            </Box>\n          </Box>\n        </Box>\n      </CardBody>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/riskMatrix/RiskMatrix.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 = ".RiskMatrix-module_gridWrapper__5N7CV {\n  display: flex;\n  justify-content: center;\n  padding-top: 32px;\n}\n\n.RiskMatrix-module_grid__cmMlX {\n  width: 100%;\n  max-width: 400px;\n  display: grid;\n  grid-template-rows: repeat(5, 1fr) auto auto;\n  grid-template-columns: 30px 30px repeat(5, 1fr);\n  gap: 4px;\n}\n\n.RiskMatrix-module_centered__6kMDb {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.RiskMatrix-module_konsekvens__aBOtR {\n  grid-row: 1 / span 5;\n  writing-mode: vertical-lr;\n  transform: rotate(180deg);\n}\n\n.RiskMatrix-module_sannsynlighet__HG2gz {\n  grid-row: 7;\n  grid-column: 3 / span 5;\n}\n\n.RiskMatrix-module_estimatedCostContainer__BGrXX {\n  margin-top: 18px;\n}\n";
+var styles = {"gridWrapper":"RiskMatrix-module_gridWrapper__5N7CV","grid":"RiskMatrix-module_grid__cmMlX","centered":"RiskMatrix-module_centered__6kMDb","konsekvens":"RiskMatrix-module_konsekvens__aBOtR","sannsynlighet":"RiskMatrix-module_sannsynlighet__HG2gz","estimatedCostContainer":"RiskMatrix-module_estimatedCostContainer__BGrXX"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=RiskMatrix.module.css.esm.js.map

package/dist/components/riskMatrix/RiskMatrix.module.css.esm.js.map

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

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

@@ -1,15 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { List, ListSubheader, ListItem, ListItemText, ClickAwayListener, Tooltip, Paper } from '@material-ui/core';
+import { ClickAwayListener, Tooltip, Paper } from '@material-ui/core';
 import { useState } from 'react';
-import CircleIcon from '@material-ui/icons/FiberManualRecord';
 import { RiScStatus } from '../../utils/types.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
-import { useRiskMatrixStyles } from './riskMatrixStyle.esm.js';
 import { useScenario } from '../../contexts/ScenarioContext.esm.js';
 import { findProbabilityIndex, findConsequenceIndex } from '../../utils/utilityfunctions.esm.js';
 import { Text } from '@backstage/ui';
-import { useTheme } from '@mui/material/styles';
+import styles from './RiskMatrixScenarioCount.module.css.esm.js';
 
 function RiskMatrixScenarioCount({
   riScWithMetadata,
@@ -18,8 +16,6 @@ function RiskMatrixScenarioCount({
   initialRisk
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  const theme = useTheme();
-  const { circle, centered, tooltip, tooltipArrow, tooltipText } = useRiskMatrixStyles();
   const [tooltipOpen, setTooltipOpen] = useState(false);
   const [isHovered, setIsHovered] = useState(false);
   const { openScenarioDrawer, hoveredScenarios, setHoveredScenarios } = useScenario();
@@ -43,38 +39,36 @@ function RiskMatrixScenarioCount({
   const isHighlightedFromExternal = scenarios.some(
     (s) => hoveredScenarios.some((h) => h.ID === s.ID)
   );
-  const highlightColor = theme.palette.mode === "dark" ? "var(--ros-gray-300)" : "var(--ros-gray-100)";
-  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(
-      ListItem,
+  const tooltipList = /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("riskMatrix.tooltip.title") }),
+    /* @__PURE__ */ jsx("ul", { className: styles.tooltipList, children: scenarios.map((scenario) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      "div",
       {
-        button: true,
-        disableGutters: true,
-        className: tooltipText,
-        onClick: () => {
-          handleScenarioClick(s.ID);
+        className: styles.tooltipListItem,
+        role: "button",
+        tabIndex: 0,
+        onClick: (e) => {
+          e.stopPropagation();
+          handleScenarioClick(scenario.ID);
         },
-        children: [
-          /* @__PURE__ */ jsx(CircleIcon, { className: tooltipText, style: { width: "10px" } }),
-          /* @__PURE__ */ jsx(
-            ListItemText,
-            {
-              className: tooltipText,
-              style: { paddingLeft: "0.6rem" },
-              children: /* @__PURE__ */ jsx("span", { children: s.title })
-            }
-          )
-        ]
-      },
-      s.ID
-    ))
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            handleScenarioClick(scenario.ID);
+          }
+        },
+        children: /* @__PURE__ */ jsx(Text, { children: scenario.title })
+      }
+    ) }, scenario.ID)) })
   ] });
   return /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => setTooltipOpen(false), children: /* @__PURE__ */ jsx(
     Tooltip,
     {
       interactive: true,
-      classes: { tooltip, arrow: tooltipArrow },
+      classes: {
+        tooltip: styles.tooltip,
+        arrow: styles.tooltipArrow
+      },
       title: tooltipList,
       placement: "right",
       arrow: true,
@@ -82,7 +76,7 @@ function RiskMatrixScenarioCount({
       children: /* @__PURE__ */ jsx(
         Paper,
         {
-          className: `${circle} ${centered}`,
+          className: `${styles.circle} ${styles.centered} ${isHovered || isHighlightedFromExternal ? styles.circleHovered : ""}`,
           elevation: 10,
           onClick: () => setTooltipOpen(!tooltipOpen),
           onMouseEnter: () => {
@@ -100,20 +94,7 @@ function RiskMatrixScenarioCount({
               (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 || isHighlightedFromExternal) && theme.palette.mode === "dark" ? "var(--bui-white)" : "var(--bui-black)"
-              },
-              children: scenarios.length
-            }
-          )
+          children: /* @__PURE__ */ jsx(Text, { variant: "body-large", weight: "bold", children: scenarios.length })
         }
       )
     }

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

@@ -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  const isHighlightedFromExternal = scenarios.some(s =>\n    hoveredScenarios.some(h => h.ID === s.ID),\n  );\n  const highlightColor =\n    theme.palette.mode === 'dark'\n      ? 'var(--ros-gray-300)'\n      : 'var(--ros-gray-100)';\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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"}
+{"version":3,"file":"RiskMatrixScenarioCount.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrixScenarioCount.tsx"],"sourcesContent":["import { ClickAwayListener, Paper, Tooltip } from '@material-ui/core';\nimport { useState } from 'react';\nimport { RiScStatus, RiScWithMetadata } from '../../utils/types';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useScenario } from '../../contexts/ScenarioContext';\nimport {\n  findConsequenceIndex,\n  findProbabilityIndex,\n} from '../../utils/utilityfunctions';\nimport { Text } from '@backstage/ui';\nimport styles from './RiskMatrixScenarioCount.module.css';\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\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\n  const tooltipList = (\n    <div>\n      <Text variant=\"title-x-small\" weight=\"bold\">\n        {t('riskMatrix.tooltip.title')}\n      </Text>\n      <ul className={styles.tooltipList}>\n        {scenarios.map(scenario => (\n          <li key={scenario.ID}>\n            <div\n              className={styles.tooltipListItem}\n              role=\"button\"\n              tabIndex={0}\n              onClick={e => {\n                e.stopPropagation();\n                handleScenarioClick(scenario.ID);\n              }}\n              onKeyDown={e => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  handleScenarioClick(scenario.ID);\n                }\n              }}\n            >\n              <Text>{scenario.title}</Text>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n\n  return (\n    <ClickAwayListener onClickAway={() => setTooltipOpen(false)}>\n      <Tooltip\n        interactive\n        classes={{\n          tooltip: styles.tooltip,\n          arrow: styles.tooltipArrow,\n        }}\n        title={tooltipList}\n        placement=\"right\"\n        arrow\n        open={tooltipOpen}\n      >\n        <Paper\n          className={`${styles.circle} ${styles.centered} ${\n            isHovered || isHighlightedFromExternal ? styles.circleHovered : ''\n          }`}\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        >\n          <Text variant=\"body-large\" weight=\"bold\">\n            {scenarios.length}\n          </Text>\n        </Paper>\n      </Tooltip>\n    </ClickAwayListener>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/riskMatrix/RiskMatrixScenarioCount.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 = ".RiskMatrixScenarioCount-module_circle__nmwf9.RiskMatrixScenarioCount-module_circle__nmwf9 {\n  height: 60%;\n  aspect-ratio: 1 / 1;\n  border-radius: 50%;\n  cursor: pointer;\n  min-height: 20px;\n}\n\n.RiskMatrixScenarioCount-module_circleHovered__IOImh.RiskMatrixScenarioCount-module_circleHovered__IOImh {\n  background-color: var(--ros-gray-300);\n}\n\n.RiskMatrixScenarioCount-module_tooltip__Xv3Fj.RiskMatrixScenarioCount-module_tooltip__Xv3Fj {\n  background-color: var(--bui-white);\n  padding: 16px;\n  max-width: 500px;\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount-module_tooltip__Xv3Fj.RiskMatrixScenarioCount-module_tooltip__Xv3Fj {\n  background-color: var(--bui-bg);\n}\n\n.RiskMatrixScenarioCount-module_tooltipArrow__enT9U.RiskMatrixScenarioCount-module_tooltipArrow__enT9U {\n  color: var(--bui-white);\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount-module_tooltipArrow__enT9U.RiskMatrixScenarioCount-module_tooltipArrow__enT9U {\n  color: var(--bui-bg);\n}\n\n.RiskMatrixScenarioCount-module_tooltipList__6g2JX {\n  padding-left: 16px;\n  font-size: 16px;\n  color: var(--bui-black);\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount-module_tooltipList__6g2JX {\n  color: var(--bui-white);\n}\n\n.RiskMatrixScenarioCount-module_tooltipListItem__wsOKx {\n  margin-bottom: 16px;\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--ros-gray-50);\n  }\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount-module_tooltipListItem__wsOKx {\n  &:hover {\n    background-color: var(--ros-gray-600);\n  }\n}\n\n.RiskMatrixScenarioCount-module_centered__qLhiL {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n";
+var styles = {"circle":"RiskMatrixScenarioCount-module_circle__nmwf9","circleHovered":"RiskMatrixScenarioCount-module_circleHovered__IOImh","tooltip":"RiskMatrixScenarioCount-module_tooltip__Xv3Fj","tooltipArrow":"RiskMatrixScenarioCount-module_tooltipArrow__enT9U","tooltipList":"RiskMatrixScenarioCount-module_tooltipList__6g2JX","tooltipListItem":"RiskMatrixScenarioCount-module_tooltipListItem__wsOKx","centered":"RiskMatrixScenarioCount-module_centered__qLhiL"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=RiskMatrixScenarioCount.module.css.esm.js.map

package/dist/components/riskMatrix/RiskMatrixScenarioCount.module.css.esm.js.map

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

package/dist/components/scenarioTable/{OutdatedActionsCounts.esm.js → ActionCountButtons.esm.js}

@@ -1,39 +1,39 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Flex } from '@backstage/ui';
 import { UpdatedStatusEnum } from '../../utils/utilityfunctions.esm.js';
-import { OutdatedActionsCountButton } from './components/OutdatedActionsCountButton/OutdatedActionsCountButton.esm.js';
+import { ActionsCountButton } from './ActionsCountButton.esm.js';
 
-function OutdatedActionsCounts(props) {
+function ActionCountButtons(props) {
   return /* @__PURE__ */ jsxs(Flex, { mb: "24px", style: { flexWrap: "wrap" }, children: [
     props.veryOutdatedCount > 0 && /* @__PURE__ */ jsx(
-      OutdatedActionsCountButton,
+      ActionsCountButton,
       {
         type: UpdatedStatusEnum.VERY_OUTDATED,
         count: props.veryOutdatedCount,
-        onToggle: props.onToggle,
-        isSelected: props.visibleType === UpdatedStatusEnum.VERY_OUTDATED
+        onActionCountClick: props.onActionCountClick,
+        isSelected: props.updatedStatusToDisplay === UpdatedStatusEnum.VERY_OUTDATED
       }
     ),
     props.outdatedCount > 0 && /* @__PURE__ */ jsx(
-      OutdatedActionsCountButton,
+      ActionsCountButton,
       {
         type: UpdatedStatusEnum.OUTDATED,
         count: props.outdatedCount,
-        onToggle: props.onToggle,
-        isSelected: props.visibleType === UpdatedStatusEnum.OUTDATED
+        onActionCountClick: props.onActionCountClick,
+        isSelected: props.updatedStatusToDisplay === UpdatedStatusEnum.OUTDATED
       }
     ),
     props.updatedCount > 0 && /* @__PURE__ */ jsx(
-      OutdatedActionsCountButton,
+      ActionsCountButton,
       {
         type: UpdatedStatusEnum.UPDATED,
         count: props.updatedCount,
-        onToggle: props.onToggle,
-        isSelected: props.visibleType === UpdatedStatusEnum.UPDATED
+        onActionCountClick: props.onActionCountClick,
+        isSelected: props.updatedStatusToDisplay === UpdatedStatusEnum.UPDATED
       }
     )
   ] });
 }
 
-export { OutdatedActionsCounts };
-//# sourceMappingURL=OutdatedActionsCounts.esm.js.map
+export { ActionCountButtons };
+//# sourceMappingURL=ActionCountButtons.esm.js.map

package/dist/components/scenarioTable/ActionCountButtons.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionCountButtons.esm.js","sources":["../../../src/components/scenarioTable/ActionCountButtons.tsx"],"sourcesContent":["import { Flex } from '@backstage/ui';\nimport {\n  UpdatedStatusEnum,\n  UpdatedStatusEnumType,\n} from '../../utils/utilityfunctions.ts';\nimport { ActionsCountButton } from './ActionsCountButton.tsx';\n\ntype ActionCountButtonsProps = {\n  veryOutdatedCount: number;\n  outdatedCount: number;\n  updatedCount: number;\n  onActionCountClick: (type: UpdatedStatusEnumType) => void;\n  updatedStatusToDisplay: UpdatedStatusEnumType | null;\n};\nexport function ActionCountButtons(props: ActionCountButtonsProps) {\n  return (\n    <Flex mb=\"24px\" style={{ flexWrap: 'wrap' }}>\n      {props.veryOutdatedCount > 0 && (\n        <ActionsCountButton\n          type={UpdatedStatusEnum.VERY_OUTDATED}\n          count={props.veryOutdatedCount}\n          onActionCountClick={props.onActionCountClick}\n          isSelected={\n            props.updatedStatusToDisplay === UpdatedStatusEnum.VERY_OUTDATED\n          }\n        />\n      )}\n      {props.outdatedCount > 0 && (\n        <ActionsCountButton\n          type={UpdatedStatusEnum.OUTDATED}\n          count={props.outdatedCount}\n          onActionCountClick={props.onActionCountClick}\n          isSelected={\n            props.updatedStatusToDisplay === UpdatedStatusEnum.OUTDATED\n          }\n        />\n      )}\n      {props.updatedCount > 0 && (\n        <ActionsCountButton\n          type={UpdatedStatusEnum.UPDATED}\n          count={props.updatedCount}\n          onActionCountClick={props.onActionCountClick}\n          isSelected={\n            props.updatedStatusToDisplay === UpdatedStatusEnum.UPDATED\n          }\n        />\n      )}\n    </Flex>\n  );\n}\n"],"names":[],"mappings":";;;;;AAcO,SAAS,mBAAmB,KAAA,EAAgC;AACjE,EAAA,uBACE,IAAA,CAAC,QAAK,EAAA,EAAG,MAAA,EAAO,OAAO,EAAE,QAAA,EAAU,QAAO,EACvC,QAAA,EAAA;AAAA,IAAA,KAAA,CAAM,oBAAoB,CAAA,oBACzB,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,MAAM,iBAAA,CAAkB,aAAA;AAAA,QACxB,OAAO,KAAA,CAAM,iBAAA;AAAA,QACb,oBAAoB,KAAA,CAAM,kBAAA;AAAA,QAC1B,UAAA,EACE,KAAA,CAAM,sBAAA,KAA2B,iBAAA,CAAkB;AAAA;AAAA,KAEvD;AAAA,IAED,KAAA,CAAM,gBAAgB,CAAA,oBACrB,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,MAAM,iBAAA,CAAkB,QAAA;AAAA,QACxB,OAAO,KAAA,CAAM,aAAA;AAAA,QACb,oBAAoB,KAAA,CAAM,kBAAA;AAAA,QAC1B,UAAA,EACE,KAAA,CAAM,sBAAA,KAA2B,iBAAA,CAAkB;AAAA;AAAA,KAEvD;AAAA,IAED,KAAA,CAAM,eAAe,CAAA,oBACpB,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,MAAM,iBAAA,CAAkB,OAAA;AAAA,QACxB,OAAO,KAAA,CAAM,YAAA;AAAA,QACb,oBAAoB,KAAA,CAAM,kBAAA;AAAA,QAC1B,UAAA,EACE,KAAA,CAAM,sBAAA,KAA2B,iBAAA,CAAkB;AAAA;AAAA;AAEvD,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/components/scenarioTable/{components/OutdatedActionsCountButton/OutdatedActionsCountButton.esm.js → ActionsCountButton.esm.js}

@@ -1,14 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { pluginRiScTranslationRef } from '../../../../utils/translations.esm.js';
+import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import { Button } from '@backstage/ui';
-import { UpdatedStatusEnum } from '../../../../utils/utilityfunctions.esm.js';
-import styles from './OutdatedActionsCountButton.module.css.esm.js';
+import { UpdatedStatusEnum } from '../../utils/utilityfunctions.esm.js';
+import styles from './ActionsCountButton.module.css.esm.js';
 
-function OutdatedActionsCountButton(props) {
+function ActionsCountButton(props) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  const { onToggle } = props;
   const className = classNames(styles.OutdatedActionsCountButton, {
     [styles["OutdatedActionsCountButton--selected"]]: props.isSelected,
     [styles["OutdatedActionsCountButton--very-outdated"]]: props.type === UpdatedStatusEnum.VERY_OUTDATED,
@@ -33,7 +32,7 @@ function OutdatedActionsCountButton(props) {
     {
       className,
       size: "small",
-      onClick: () => onToggle(props.type),
+      onClick: () => props.onActionCountClick(props.type),
       iconEnd: closeIndicator,
       children: [
         t(translationKey),
@@ -45,5 +44,5 @@ function OutdatedActionsCountButton(props) {
   );
 }
 
-export { OutdatedActionsCountButton };
-//# sourceMappingURL=OutdatedActionsCountButton.esm.js.map
+export { ActionsCountButton };
+//# sourceMappingURL=ActionsCountButton.esm.js.map

package/dist/components/scenarioTable/ActionsCountButton.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsCountButton.esm.js","sources":["../../../src/components/scenarioTable/ActionsCountButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { Button } from '@backstage/ui';\nimport {\n  UpdatedStatusEnum,\n  UpdatedStatusEnumType,\n} from '../../utils/utilityfunctions.ts';\nimport styles from './ActionsCountButton.module.css';\n\ntype ActionsCountButtonProps = {\n  type: UpdatedStatusEnumType;\n  count: number;\n  onActionCountClick: (type: UpdatedStatusEnumType) => void;\n  isSelected: boolean;\n};\nexport function ActionsCountButton(props: ActionsCountButtonProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const className = classNames(styles.OutdatedActionsCountButton, {\n    [styles['OutdatedActionsCountButton--selected']]: props.isSelected,\n    [styles['OutdatedActionsCountButton--very-outdated']]:\n      props.type === UpdatedStatusEnum.VERY_OUTDATED,\n    [styles['OutdatedActionsCountButton--outdated']]:\n      props.type === UpdatedStatusEnum.OUTDATED,\n    [styles['OutdatedActionsCountButton--updated']]:\n      props.type === UpdatedStatusEnum.UPDATED,\n  });\n\n  const closeIndicatorClassName = classNames(\n    styles.OutdatedActionsCountCloseIcon,\n    'ri-close-line ri-lg',\n  );\n\n  const closeIndicator = props.isSelected ? (\n    <i className={closeIndicatorClassName} />\n  ) : undefined;\n\n  const translationKey = (() => {\n    if (props.type === UpdatedStatusEnum.VERY_OUTDATED) {\n      return 'filterButton.veryOutdated';\n    } else if (props.type === UpdatedStatusEnum.OUTDATED) {\n      return 'filterButton.outdated';\n    }\n    return 'filterButton.listUpdatedActions';\n  })();\n\n  return (\n    <Button\n      className={className}\n      size=\"small\"\n      onClick={() => props.onActionCountClick(props.type)}\n      iconEnd={closeIndicator}\n    >\n      {t(translationKey)} ({props.count})\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAgBO,SAAS,mBAAmB,KAAA,EAAgC;AACjE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,MAAM,SAAA,GAAY,UAAA,CAAW,MAAA,CAAO,0BAAA,EAA4B;AAAA,IAC9D,CAAC,MAAA,CAAO,sCAAsC,CAAC,GAAG,KAAA,CAAM,UAAA;AAAA,IACxD,CAAC,MAAA,CAAO,2CAA2C,CAAC,GAClD,KAAA,CAAM,SAAS,iBAAA,CAAkB,aAAA;AAAA,IACnC,CAAC,MAAA,CAAO,sCAAsC,CAAC,GAC7C,KAAA,CAAM,SAAS,iBAAA,CAAkB,QAAA;AAAA,IACnC,CAAC,MAAA,CAAO,qCAAqC,CAAC,GAC5C,KAAA,CAAM,SAAS,iBAAA,CAAkB;AAAA,GACpC,CAAA;AAED,EAAA,MAAM,uBAAA,GAA0B,UAAA;AAAA,IAC9B,MAAA,CAAO,6BAAA;AAAA,IACP;AAAA,GACF;AAEA,EAAA,MAAM,iBAAiB,KAAA,CAAM,UAAA,uBAC1B,GAAA,EAAA,EAAE,SAAA,EAAW,yBAAyB,CAAA,GACrC,MAAA;AAEJ,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,IAAI,KAAA,CAAM,IAAA,KAAS,iBAAA,CAAkB,aAAA,EAAe;AAClD,MAAA,OAAO,2BAAA;AAAA,IACT,CAAA,MAAA,IAAW,KAAA,CAAM,IAAA,KAAS,iBAAA,CAAkB,QAAA,EAAU;AACpD,MAAA,OAAO,uBAAA;AAAA,IACT;AACA,IAAA,OAAO,iCAAA;AAAA,EACT,CAAA,GAAG;AAEH,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,IAAA,EAAK,OAAA;AAAA,MACL,OAAA,EAAS,MAAM,KAAA,CAAM,kBAAA,CAAmB,MAAM,IAAI,CAAA;AAAA,MAClD,OAAA,EAAS,cAAA;AAAA,MAER,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,cAAc,CAAA;AAAA,QAAE,IAAA;AAAA,QAAG,KAAA,CAAM,KAAA;AAAA,QAAM;AAAA;AAAA;AAAA,GACpC;AAEJ;;;;"}

package/dist/components/scenarioTable/ActionsCountButton.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 = ".ActionsCountButton-module_OutdatedActionsCountButton__yRjgp {\n  --border-size: 1.5px;\n  background-color: transparent;\n  border-radius: 24px;\n  font-weight: 700;\n  padding: 8px 20px;\n\n  .ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n  }\n\n  .ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3 {\n    font-weight: var(--bui-font-weight-regular);\n  }\n}\n\n.ActionsCountButton-module_OutdatedActionsCountButton--very-outdated__wwbCV {\n  color: var(--ros-very-outdated);\n  border: var(--border-size) solid var(--ros-very-outdated);\n\n  .ActionsCountButton-module_OutdatedActionsCountIndicator__argax {\n    background-color: var(--ros-red-500);\n  }\n\n  &:hover {\n    background-color: var(--ros-very-outdated-hover);\n    border: var(--border-size) solid var(--ros-very-outdated-hover-text);\n    color: var(--ros-very-outdated-hover-text);\n\n    .ActionsCountButton-module_OutdatedActionsCountIndicator__argax {\n      background-color: var(--ros-red-600);\n    }\n  }\n\n  &.ActionsCountButton-module_OutdatedActionsCountButton--selected__Jjeja {\n    color: var(--ros-very-outdated-selected-text);\n    background-color: var(--ros-very-outdated-selected-bg);\n    border: var(--border-size) solid var(--ros-very-outdated-selected-text);\n\n    .ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3 {\n      color: var(--ros-very-outdated-selected-text);\n    }\n\n    .ActionsCountButton-module_OutdatedActionsCountIndicator__argax {\n      background-color: var(--ros-red-600);\n    }\n\n    &:hover {\n      .ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3 {\n        background-color: var(--ros-red-400);\n        border-radius: 50%;\n      }\n    }\n  }\n}\n\n.ActionsCountButton-module_OutdatedActionsCountButton--outdated__qhErU {\n  border: var(--border-size) solid var(--ros-outdated);\n  color: var(--ros-outdated);\n\n  &:hover {\n    background-color: var(--ros-outdated-hover-bg);\n    border: var(--border-size) solid var(--ros-outdated-hover-text);\n    color: var(--ros-outdated-hover-text);\n\n    .ActionsCountButton-module_OutdatedActionsCountIndicator__argax {\n      background-color: var(--ros-orange-300);\n    }\n  }\n\n  &.ActionsCountButton-module_OutdatedActionsCountButton--selected__Jjeja {\n    background-color: var(--ros-outdated-selected-bg);\n    border: var(--border-size) solid var(--ros-outdated-selected-border);\n    color: var(--ros-outdated-selected-text);\n\n    .ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3 {\n      color: var(--ros-very-outdated-selected-text);\n    }\n\n    &:hover {\n      .ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3 {\n        background-color: var(--ros-orange-200);\n        border-radius: 50%;\n      }\n    }\n  }\n}\n\n.ActionsCountButton-module_OutdatedActionsCountButton--updated__yLbdq {\n  color: var(--ros-updated);\n  background-color: transparent;\n  border: var(--border-size) solid var(--ros-updated);\n\n  &:hover {\n    color: var(--ros-updated-hover);\n    background-color: var(--ros-updated-hover-bg);\n    border: var(--border-size) solid var(--ros-updated-hover);\n  }\n\n  &.ActionsCountButton-module_OutdatedActionsCountButton--selected__Jjeja {\n    color: var(--ros-updated-selected-text);\n    background-color: var(--ros-updated-selected-bg);\n    border: var(--border-size) solid var(--ros-updated-selected-border);\n\n    .ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3 {\n      color: var(--ros-updated-selected-text);\n    }\n\n    &:hover {\n      .ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3 {\n        background-color: var(--ros-green-300);\n        border-radius: 50%;\n      }\n    }\n  }\n}\n";
+var styles = {"OutdatedActionsCountButton":"ActionsCountButton-module_OutdatedActionsCountButton__yRjgp","OutdatedActionsCountCloseIcon":"ActionsCountButton-module_OutdatedActionsCountCloseIcon__trOB3","OutdatedActionsCountButton--very-outdated":"ActionsCountButton-module_OutdatedActionsCountButton--very-outdated__wwbCV","OutdatedActionsCountButton--selected":"ActionsCountButton-module_OutdatedActionsCountButton--selected__Jjeja","OutdatedActionsCountButton--outdated":"ActionsCountButton-module_OutdatedActionsCountButton--outdated__qhErU","OutdatedActionsCountButton--updated":"ActionsCountButton-module_OutdatedActionsCountButton--updated__yLbdq"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ActionsCountButton.module.css.esm.js.map

package/dist/components/scenarioTable/ActionsCountButton.module.css.esm.js.map

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