@kartverket/backstage-plugin-risk-scorecard 3.10.7 → 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/action/ActionView.esm.js

@@ -13,7 +13,6 @@ import { Edit } from '@mui/icons-material';
 import { Markdown } from '../common/Markdown.esm.js';
 import { ActionURL } from './ActionURL.esm.js';
 import { useScenario } from '../../contexts/ScenarioContext.esm.js';
-import { useRiScs } from '../../contexts/RiScContext.esm.js';
 import { getUpdatedStatus } from '../../utils/actions.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
@@ -32,11 +31,7 @@ function ActionView(props) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const { isActionExpanded, toggleActionExpanded } = useScenario();
   const isExpanded = isActionExpanded(props.action.ID);
-  const { selectedRiSc } = useRiScs();
-  const updatedStatus = getUpdatedStatus(
-    props.action,
-    selectedRiSc?.lastPublished?.numberOfCommits ?? null
-  );
+  const updatedStatus = getUpdatedStatus(props.action);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",

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

@@ -1 +1 @@
-{"version":3,"file":"ActionView.esm.js","sources":["../../../src/components/action/ActionView.tsx"],"sourcesContent":["import { Flex, Text } from '@backstage/ui';\nimport IconButton from '@mui/material/IconButton';\nimport UpdatedStatusBadge from '../common/UpdatedStatusBadge.tsx';\nimport { DualButtonWithMenu } from '../common/DualButtonWithMenu.tsx';\nimport {\n  actionStatusOptionsToTranslationKeys,\n  getTranslatedActionStatus,\n  UpdatedStatusEnumType,\n} from '../../utils/utilityfunctions.ts';\nimport { ActionStatusOptions } from '../../utils/constants.ts';\nimport { ScenarioLastUpdatedLabel } from '../scenario/ScenarioLastUpdatedLabel.tsx';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport Collapse from '@mui/material/Collapse';\nimport Box from '@mui/material/Box';\nimport { Edit } from '@mui/icons-material';\nimport { Markdown } from '../common/Markdown.tsx';\nimport { ActionURL } from './ActionURL.tsx';\nimport { useScenario } from '../../contexts/ScenarioContext.tsx';\nimport { Action } from '../../utils/types.ts';\nimport { useRiScs } from '../../contexts/RiScContext.tsx';\nimport { getUpdatedStatus } from '../../utils/actions.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\n\ntype ActionViewProps = {\n  action: Action;\n  onRefreshActionStatus: (action: Action) => void;\n  onNewActionStatus: (actionId: string, newStatus: ActionStatusOptions) => void;\n  toggleEditMode: () => void;\n  openDeleteDialog: () => void;\n  allowDeletion?: boolean;\n  allowEdit?: boolean;\n  optimisticStatus?: ActionStatusOptions;\n  optimisticUpdatedStatus?: UpdatedStatusEnumType;\n  index?: number;\n};\n\nconst getActionStatusButtonClass = (status: string): string => {\n  switch (status) {\n    case ActionStatusOptions.OK:\n      return 'ros-button-green';\n    case ActionStatusOptions.NotOK:\n      return 'ros-button-red';\n    default:\n      return 'ros-button-gray';\n  }\n};\n\nexport function ActionView(props: ActionViewProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { isActionExpanded, toggleActionExpanded } = useScenario();\n  const isExpanded = isActionExpanded(props.action.ID);\n\n  const { selectedRiSc } = useRiScs();\n  const updatedStatus = getUpdatedStatus(\n    props.action,\n    selectedRiSc?.lastPublished?.numberOfCommits ?? null,\n  );\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        tabIndex={0}\n        onClick={e => {\n          e.stopPropagation();\n\n          const target = e.target as HTMLElement | null;\n          if (target && target.closest('[data-no-row-toggle]')) return;\n\n          toggleActionExpanded(props.action.ID);\n        }}\n        onKeyDown={e => {\n          // Prevent keyboard event from bubbling up to parent(s)\n          e.stopPropagation();\n\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            toggleActionExpanded(props.action.ID);\n          }\n        }}\n        style={{ cursor: 'pointer' }}\n      >\n        <Flex align=\"center\" gap=\"1\" justify=\"between\">\n          <Flex align=\"center\" justify=\"start\" style={{ width: '40%' }}>\n            <IconButton\n              onClick={e => {\n                e.stopPropagation();\n                toggleActionExpanded(props.action.ID);\n              }}\n            >\n              <i\n                className={`ri-arrow-${isExpanded ? 'down' : 'right'}-s-line`}\n              />\n            </IconButton>\n            <Flex direction=\"column\" gap=\"1\">\n              <UpdatedStatusBadge\n                status={props.optimisticUpdatedStatus ?? updatedStatus}\n                isPending={!!props.optimisticUpdatedStatus}\n              />\n              <Text variant=\"body-large\">\n                {props.action.title ??\n                  `${t('dictionary.measure')} ${props.index ?? ''}`}\n              </Text>\n            </Flex>\n          </Flex>\n          <Flex align=\"center\" justify=\"end\">\n            <DualButtonWithMenu\n              propsCommon={{\n                className: getActionStatusButtonClass(\n                  props.optimisticStatus ?? props.action.status,\n                ),\n              }}\n              propsLeft={{\n                children: getTranslatedActionStatus(\n                  props.optimisticStatus ?? props.action.status,\n                  t,\n                ),\n              }}\n              propsRight={{\n                iconEnd: <i className=\"ri-loop-left-line\" />,\n                onClick: () => {\n                  props.onRefreshActionStatus(props.action);\n                },\n              }}\n              menuItems={Object.values(ActionStatusOptions).map(value => ({\n                key: value,\n                // @ts-ignore\n                label: t(\n                  actionStatusOptionsToTranslationKeys[\n                    value as ActionStatusOptions\n                  ],\n                ),\n                onClick: () => props.onNewActionStatus(props.action.ID, value),\n                selected: props.optimisticStatus\n                  ? value === props.optimisticStatus\n                  : value === props.action.status,\n              }))}\n            />\n            <ScenarioLastUpdatedLabel\n              lastUpdated={\n                !!props.optimisticStatus ? new Date() : props.action.lastUpdated\n              }\n              lastUpdatedBy={props.action.lastUpdatedBy}\n            />\n            {props.allowDeletion && (\n              <IconButton\n                onClick={e => {\n                  e.stopPropagation();\n                  props.openDeleteDialog();\n                }}\n              >\n                <DeleteIcon />\n              </IconButton>\n            )}\n          </Flex>\n        </Flex>\n      </div>\n      <Collapse\n        in={isExpanded}\n        sx={{ marginTop: 1 }}\n        timeout=\"auto\"\n        unmountOnExit\n      >\n        <Box ml=\"56px\" mt=\"4\" mb=\"2\">\n          <Flex justify=\"between\" mt=\"8px\" align=\"end\">\n            <Text as=\"p\" variant=\"body-large\" weight=\"bold\">\n              {t('dictionary.description')}\n            </Text>\n            {props.allowEdit && (\n              <IconButton\n                sx={{\n                  marginLeft: 'auto',\n                  transition: 'opacity 300ms ease-in',\n                }}\n                onClick={e => {\n                  e.stopPropagation();\n                  props.toggleEditMode();\n                }}\n              >\n                <Edit />\n              </IconButton>\n            )}\n          </Flex>\n          <Markdown description={props.action.description} />\n          <ActionURL url={props.action.url} />\n        </Box>\n      </Collapse>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqCA,MAAM,0BAAA,GAA6B,CAAC,MAAA,KAA2B;AAC7D,EAAA,QAAQ,MAAA;AAAQ,IACd,KAAK,mBAAA,CAAoB,EAAA;AACvB,MAAA,OAAO,kBAAA;AAAA,IACT,KAAK,mBAAA,CAAoB,KAAA;AACvB,MAAA,OAAO,gBAAA;AAAA,IACT;AACE,MAAA,OAAO,iBAAA;AAAA;AAEb,CAAA;AAEO,SAAS,WAAW,KAAA,EAAwB;AACjD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AACxD,EAAA,MAAM,EAAE,gBAAA,EAAkB,oBAAA,EAAqB,GAAI,WAAA,EAAY;AAC/D,EAAA,MAAM,UAAA,GAAa,gBAAA,CAAiB,KAAA,CAAM,MAAA,CAAO,EAAE,CAAA;AAEnD,EAAA,MAAM,EAAE,YAAA,EAAa,GAAI,QAAA,EAAS;AAClC,EAAA,MAAM,aAAA,GAAgB,gBAAA;AAAA,IACpB,KAAA,CAAM,MAAA;AAAA,IACN,YAAA,EAAc,eAAe,eAAA,IAAmB;AAAA,GAClD;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,CAAA;AAAA,QACV,SAAS,CAAA,CAAA,KAAK;AACZ,UAAA,CAAA,CAAE,eAAA,EAAgB;AAElB,UAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AACjB,UAAA,IAAI,MAAA,IAAU,MAAA,CAAO,OAAA,CAAQ,sBAAsB,CAAA,EAAG;AAEtD,UAAA,oBAAA,CAAqB,KAAA,CAAM,OAAO,EAAE,CAAA;AAAA,QACtC,CAAA;AAAA,QACA,WAAW,CAAA,CAAA,KAAK;AAEd,UAAA,CAAA,CAAE,eAAA,EAAgB;AAElB,UAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,YAAA,CAAA,CAAE,cAAA,EAAe;AACjB,YAAA,oBAAA,CAAqB,KAAA,CAAM,OAAO,EAAE,CAAA;AAAA,UACtC;AAAA,QACF,CAAA;AAAA,QACA,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAA,EAAU;AAAA,QAE3B,+BAAC,IAAA,EAAA,EAAK,KAAA,EAAM,UAAS,GAAA,EAAI,GAAA,EAAI,SAAQ,SAAA,EACnC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,IAAA,EAAA,EAAK,OAAM,QAAA,EAAS,OAAA,EAAQ,SAAQ,KAAA,EAAO,EAAE,KAAA,EAAO,KAAA,EAAM,EACzD,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,SAAS,CAAA,CAAA,KAAK;AACZ,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,oBAAA,CAAqB,KAAA,CAAM,OAAO,EAAE,CAAA;AAAA,gBACtC,CAAA;AAAA,gBAEA,QAAA,kBAAA,GAAA;AAAA,kBAAC,GAAA;AAAA,kBAAA;AAAA,oBACC,SAAA,EAAW,CAAA,SAAA,EAAY,UAAA,GAAa,MAAA,GAAS,OAAO,CAAA,OAAA;AAAA;AAAA;AACtD;AAAA,aACF;AAAA,4BACA,IAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,KAAI,GAAA,EAC3B,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,kBAAA;AAAA,gBAAA;AAAA,kBACC,MAAA,EAAQ,MAAM,uBAAA,IAA2B,aAAA;AAAA,kBACzC,SAAA,EAAW,CAAC,CAAC,KAAA,CAAM;AAAA;AAAA,eACrB;AAAA,8BACA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EACX,gBAAM,MAAA,CAAO,KAAA,IACZ,CAAA,EAAG,CAAA,CAAE,oBAAoB,CAAC,CAAA,CAAA,EAAI,KAAA,CAAM,KAAA,IAAS,EAAE,CAAA,CAAA,EACnD;AAAA,aAAA,EACF;AAAA,WAAA,EACF,CAAA;AAAA,0BACA,IAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAM,QAAA,EAAS,SAAQ,KAAA,EAC3B,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,kBAAA;AAAA,cAAA;AAAA,gBACC,WAAA,EAAa;AAAA,kBACX,SAAA,EAAW,0BAAA;AAAA,oBACT,KAAA,CAAM,gBAAA,IAAoB,KAAA,CAAM,MAAA,CAAO;AAAA;AACzC,iBACF;AAAA,gBACA,SAAA,EAAW;AAAA,kBACT,QAAA,EAAU,yBAAA;AAAA,oBACR,KAAA,CAAM,gBAAA,IAAoB,KAAA,CAAM,MAAA,CAAO,MAAA;AAAA,oBACvC;AAAA;AACF,iBACF;AAAA,gBACA,UAAA,EAAY;AAAA,kBACV,OAAA,kBAAS,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,mBAAA,EAAoB,CAAA;AAAA,kBAC1C,SAAS,MAAM;AACb,oBAAA,KAAA,CAAM,qBAAA,CAAsB,MAAM,MAAM,CAAA;AAAA,kBAC1C;AAAA,iBACF;AAAA,gBACA,WAAW,MAAA,CAAO,MAAA,CAAO,mBAAmB,CAAA,CAAE,IAAI,CAAA,KAAA,MAAU;AAAA,kBAC1D,GAAA,EAAK,KAAA;AAAA;AAAA,kBAEL,KAAA,EAAO,CAAA;AAAA,oBACL,qCACE,KACF;AAAA,mBACF;AAAA,kBACA,SAAS,MAAM,KAAA,CAAM,kBAAkB,KAAA,CAAM,MAAA,CAAO,IAAI,KAAK,CAAA;AAAA,kBAC7D,QAAA,EAAU,MAAM,gBAAA,GACZ,KAAA,KAAU,MAAM,gBAAA,GAChB,KAAA,KAAU,MAAM,MAAA,CAAO;AAAA,iBAC7B,CAAE;AAAA;AAAA,aACJ;AAAA,4BACA,GAAA;AAAA,cAAC,wBAAA;AAAA,cAAA;AAAA,gBACC,WAAA,EACE,CAAC,CAAC,KAAA,CAAM,mCAAmB,IAAI,IAAA,EAAK,GAAI,KAAA,CAAM,MAAA,CAAO,WAAA;AAAA,gBAEvD,aAAA,EAAe,MAAM,MAAA,CAAO;AAAA;AAAA,aAC9B;AAAA,YACC,MAAM,aAAA,oBACL,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,SAAS,CAAA,CAAA,KAAK;AACZ,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,KAAA,CAAM,gBAAA,EAAiB;AAAA,gBACzB,CAAA;AAAA,gBAEA,8BAAC,UAAA,EAAA,EAAW;AAAA;AAAA;AACd,WAAA,EAEJ;AAAA,SAAA,EACF;AAAA;AAAA,KACF;AAAA,oBACA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,UAAA;AAAA,QACJ,EAAA,EAAI,EAAE,SAAA,EAAW,CAAA,EAAE;AAAA,QACnB,OAAA,EAAQ,MAAA;AAAA,QACR,aAAA,EAAa,IAAA;AAAA,QAEb,+BAAC,GAAA,EAAA,EAAI,EAAA,EAAG,QAAO,EAAA,EAAG,GAAA,EAAI,IAAG,GAAA,EACvB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,QAAK,OAAA,EAAQ,SAAA,EAAU,EAAA,EAAG,KAAA,EAAM,OAAM,KAAA,EACrC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAG,GAAA,EAAI,OAAA,EAAQ,cAAa,MAAA,EAAO,MAAA,EACtC,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC7B,CAAA;AAAA,YACC,MAAM,SAAA,oBACL,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI;AAAA,kBACF,UAAA,EAAY,MAAA;AAAA,kBACZ,UAAA,EAAY;AAAA,iBACd;AAAA,gBACA,SAAS,CAAA,CAAA,KAAK;AACZ,kBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,kBAAA,KAAA,CAAM,cAAA,EAAe;AAAA,gBACvB,CAAA;AAAA,gBAEA,8BAAC,IAAA,EAAA,EAAK;AAAA;AAAA;AACR,WAAA,EAEJ,CAAA;AAAA,0BACA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAA,EAAa,KAAA,CAAM,OAAO,WAAA,EAAa,CAAA;AAAA,0BACjD,GAAA,CAAC,SAAA,EAAA,EAAU,GAAA,EAAK,KAAA,CAAM,OAAO,GAAA,EAAK;AAAA,SAAA,EACpC;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ActionView.esm.js","sources":["../../../src/components/action/ActionView.tsx"],"sourcesContent":["import { Flex, Text } from '@backstage/ui';\nimport IconButton from '@mui/material/IconButton';\nimport UpdatedStatusBadge from '../common/UpdatedStatusBadge.tsx';\nimport { DualButtonWithMenu } from '../common/DualButtonWithMenu.tsx';\nimport {\n  actionStatusOptionsToTranslationKeys,\n  getTranslatedActionStatus,\n  UpdatedStatusEnumType,\n} from '../../utils/utilityfunctions.ts';\nimport { ActionStatusOptions } from '../../utils/constants.ts';\nimport { ScenarioLastUpdatedLabel } from '../scenario/ScenarioLastUpdatedLabel.tsx';\nimport DeleteIcon from '@mui/icons-material/Delete';\nimport Collapse from '@mui/material/Collapse';\nimport Box from '@mui/material/Box';\nimport { Edit } from '@mui/icons-material';\nimport { Markdown } from '../common/Markdown.tsx';\nimport { ActionURL } from './ActionURL.tsx';\nimport { useScenario } from '../../contexts/ScenarioContext.tsx';\nimport { Action } from '../../utils/types.ts';\nimport { getUpdatedStatus } from '../../utils/actions.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\n\ntype ActionViewProps = {\n  action: Action;\n  onRefreshActionStatus: (action: Action) => void;\n  onNewActionStatus: (actionId: string, newStatus: ActionStatusOptions) => void;\n  toggleEditMode: () => void;\n  openDeleteDialog: () => void;\n  allowDeletion?: boolean;\n  allowEdit?: boolean;\n  optimisticStatus?: ActionStatusOptions;\n  optimisticUpdatedStatus?: UpdatedStatusEnumType;\n  index?: number;\n};\n\nconst getActionStatusButtonClass = (status: string): string => {\n  switch (status) {\n    case ActionStatusOptions.OK:\n      return 'ros-button-green';\n    case ActionStatusOptions.NotOK:\n      return 'ros-button-red';\n    default:\n      return 'ros-button-gray';\n  }\n};\n\nexport function ActionView(props: ActionViewProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const { isActionExpanded, toggleActionExpanded } = useScenario();\n  const isExpanded = isActionExpanded(props.action.ID);\n\n  const updatedStatus = getUpdatedStatus(props.action);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        tabIndex={0}\n        onClick={e => {\n          e.stopPropagation();\n\n          const target = e.target as HTMLElement | null;\n          if (target && target.closest('[data-no-row-toggle]')) return;\n\n          toggleActionExpanded(props.action.ID);\n        }}\n        onKeyDown={e => {\n          // Prevent keyboard event from bubbling up to parent(s)\n          e.stopPropagation();\n\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            toggleActionExpanded(props.action.ID);\n          }\n        }}\n        style={{ cursor: 'pointer' }}\n      >\n        <Flex align=\"center\" gap=\"1\" justify=\"between\">\n          <Flex align=\"center\" justify=\"start\" style={{ width: '40%' }}>\n            <IconButton\n              onClick={e => {\n                e.stopPropagation();\n                toggleActionExpanded(props.action.ID);\n              }}\n            >\n              <i\n                className={`ri-arrow-${isExpanded ? 'down' : 'right'}-s-line`}\n              />\n            </IconButton>\n            <Flex direction=\"column\" gap=\"1\">\n              <UpdatedStatusBadge\n                status={props.optimisticUpdatedStatus ?? updatedStatus}\n                isPending={!!props.optimisticUpdatedStatus}\n              />\n              <Text variant=\"body-large\">\n                {props.action.title ??\n                  `${t('dictionary.measure')} ${props.index ?? ''}`}\n              </Text>\n            </Flex>\n          </Flex>\n          <Flex align=\"center\" justify=\"end\">\n            <DualButtonWithMenu\n              propsCommon={{\n                className: getActionStatusButtonClass(\n                  props.optimisticStatus ?? props.action.status,\n                ),\n              }}\n              propsLeft={{\n                children: getTranslatedActionStatus(\n                  props.optimisticStatus ?? props.action.status,\n                  t,\n                ),\n              }}\n              propsRight={{\n                iconEnd: <i className=\"ri-loop-left-line\" />,\n                onClick: () => {\n                  props.onRefreshActionStatus(props.action);\n                },\n              }}\n              menuItems={Object.values(ActionStatusOptions).map(value => ({\n                key: value,\n                // @ts-ignore\n                label: t(\n                  actionStatusOptionsToTranslationKeys[\n                    value as ActionStatusOptions\n                  ],\n                ),\n                onClick: () => props.onNewActionStatus(props.action.ID, value),\n                selected: props.optimisticStatus\n                  ? value === props.optimisticStatus\n                  : value === props.action.status,\n              }))}\n            />\n            <ScenarioLastUpdatedLabel\n              lastUpdated={\n                !!props.optimisticStatus ? new Date() : props.action.lastUpdated\n              }\n              lastUpdatedBy={props.action.lastUpdatedBy}\n            />\n            {props.allowDeletion && (\n              <IconButton\n                onClick={e => {\n                  e.stopPropagation();\n                  props.openDeleteDialog();\n                }}\n              >\n                <DeleteIcon />\n              </IconButton>\n            )}\n          </Flex>\n        </Flex>\n      </div>\n      <Collapse\n        in={isExpanded}\n        sx={{ marginTop: 1 }}\n        timeout=\"auto\"\n        unmountOnExit\n      >\n        <Box ml=\"56px\" mt=\"4\" mb=\"2\">\n          <Flex justify=\"between\" mt=\"8px\" align=\"end\">\n            <Text as=\"p\" variant=\"body-large\" weight=\"bold\">\n              {t('dictionary.description')}\n            </Text>\n            {props.allowEdit && (\n              <IconButton\n                sx={{\n                  marginLeft: 'auto',\n                  transition: 'opacity 300ms ease-in',\n                }}\n                onClick={e => {\n                  e.stopPropagation();\n                  props.toggleEditMode();\n                }}\n              >\n                <Edit />\n              </IconButton>\n            )}\n          </Flex>\n          <Markdown description={props.action.description} />\n          <ActionURL url={props.action.url} />\n        </Box>\n      </Collapse>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/dialog/DialogComponent.esm.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog, DialogHeader, Text, DialogBody } from '@backstage/ui';
+import styles from './DialogComponent.module.css.esm.js';
+
+function DialogComponent({
+  isOpen,
+  onClick,
+  header,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { isOpen, onOpenChange: onClick, className, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { className: styles.DialogHeader, children: /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: header }) }),
+    /* @__PURE__ */ jsx(DialogBody, { children })
+  ] });
+}
+
+export { DialogComponent as default };
+//# sourceMappingURL=DialogComponent.esm.js.map

package/dist/components/dialog/DialogComponent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogComponent.esm.js","sources":["../../../src/components/dialog/DialogComponent.tsx"],"sourcesContent":["import { Dialog, DialogHeader, DialogBody, Text } from '@backstage/ui';\nimport styles from './DialogComponent.module.css';\n\ntype DialogComponentProps = {\n  isOpen: boolean;\n  onClick: () => void;\n  header?: string;\n  footer?: React.ReactNode;\n  children: React.ReactNode;\n  className?: string;\n};\n\nfunction DialogComponent({\n  isOpen,\n  onClick,\n  header,\n  children,\n  className,\n}: DialogComponentProps) {\n  return (\n    <Dialog isOpen={isOpen} onOpenChange={onClick} className={className}>\n      <DialogHeader className={styles.DialogHeader}>\n        <Text variant=\"title-small\" weight=\"bold\">\n          {header}\n        </Text>\n      </DialogHeader>\n      <DialogBody>{children}</DialogBody>\n    </Dialog>\n  );\n}\n\nexport default DialogComponent;\n"],"names":[],"mappings":";;;;AAYA,SAAS,eAAA,CAAgB;AAAA,EACvB,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAyB;AACvB,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAO,MAAA,EAAgB,YAAA,EAAc,SAAS,SAAA,EAC7C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,MAAA,CAAO,YAAA,EAC9B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,aAAA,EAAc,MAAA,EAAO,MAAA,EAChC,QAAA,EAAA,MAAA,EACH,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,cAAY,QAAA,EAAS;AAAA,GAAA,EACxB,CAAA;AAEJ;;;;"}

package/dist/components/dialog/DialogComponent.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 = ".DialogComponent-module_DialogHeader__rMscy {\n  padding-bottom: 12px;\n}\n";
+var styles = {"DialogHeader":"DialogComponent-module_DialogHeader__rMscy"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=DialogComponent.module.css.esm.js.map

package/dist/components/dialog/DialogComponent.module.css.esm.js.map

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

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

@@ -1,36 +1,34 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { ConsequenceTableInfoWithHeaders } from '../scenarioWizard/components/ConsequenceTable.esm.js';
 import { ProbabilityTableInfoWithHeaders } from '../scenarioWizard/components/ProbabilityTable.esm.js';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import Box from '@mui/material/Box';
-import { DialogTrigger, Dialog, DialogHeader, Text, DialogBody, DialogFooter, Button } from '@backstage/ui';
+import { Text } from '@backstage/ui';
 import styles from './RiScDialog.module.css.esm.js';
+import DialogComponent from '../dialog/DialogComponent.esm.js';
 
 function MatrixDialog({
   open,
   close
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
-  return /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsxs(
-    Dialog,
+  return /* @__PURE__ */ jsxs(
+    DialogComponent,
     {
       isOpen: open,
-      onOpenChange: close,
+      onClick: close,
+      header: t("scenarioDrawer.riskMatrixModal.title"),
       className: styles.matrixDialog,
       children: [
-        /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("scenarioDrawer.riskMatrixModal.title") }) }),
-        /* @__PURE__ */ jsxs(DialogBody, { children: [
-          /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-large", className: styles.matrixDialogBody, children: t("scenarioStepper.initialRiskStep.subtitle") }),
-          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("dictionary.probability") }) }),
-          /* @__PURE__ */ jsx(ProbabilityTableInfoWithHeaders, {}),
-          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("dictionary.consequence") }) }),
-          /* @__PURE__ */ jsx(ConsequenceTableInfoWithHeaders, {})
-        ] }),
-        /* @__PURE__ */ jsx(DialogFooter, { className: styles.matrixDialogFooter, children: /* @__PURE__ */ jsx(Button, { onClick: close, children: t("dictionary.close") }) })
+        /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-large", className: styles.matrixDialogBody, children: t("scenarioStepper.initialRiskStep.subtitle") }),
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("dictionary.probability") }) }),
+        /* @__PURE__ */ jsx(ProbabilityTableInfoWithHeaders, {}),
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("dictionary.consequence") }) }),
+        /* @__PURE__ */ jsx(ConsequenceTableInfoWithHeaders, {})
       ]
     }
-  ) });
+  );
 }
 
 export { MatrixDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"MatrixDialog.esm.js","sources":["../../../src/components/riScDialog/MatrixDialog.tsx"],"sourcesContent":["import { ConsequenceTableInfoWithHeaders } from '../scenarioWizard/components/ConsequenceTable';\nimport { ProbabilityTableInfoWithHeaders } from '../scenarioWizard/components/ProbabilityTable';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport {\n  Button,\n  Text,\n  Dialog,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  DialogTrigger,\n} from '@backstage/ui';\nimport styles from './RiScDialog.module.css';\n\nexport function MatrixDialog({\n  open,\n  close,\n}: {\n  open: boolean;\n  close: () => void;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <DialogTrigger>\n      <Dialog\n        isOpen={open}\n        onOpenChange={close}\n        className={styles.matrixDialog}\n      >\n        <DialogHeader>\n          <Text variant=\"title-x-small\" weight=\"bold\">\n            {t('scenarioDrawer.riskMatrixModal.title')}\n          </Text>\n        </DialogHeader>\n        <DialogBody>\n          <Text as=\"p\" variant=\"body-large\" className={styles.matrixDialogBody}>\n            {t('scenarioStepper.initialRiskStep.subtitle')}\n          </Text>\n          <Box>\n            <Text variant=\"title-x-small\" weight=\"bold\">\n              {t('dictionary.probability')}\n            </Text>\n          </Box>\n          <ProbabilityTableInfoWithHeaders />\n          <Box>\n            <Text variant=\"title-x-small\" weight=\"bold\">\n              {t('dictionary.consequence')}\n            </Text>\n          </Box>\n          <ConsequenceTableInfoWithHeaders />\n        </DialogBody>\n        <DialogFooter className={styles.matrixDialogFooter}>\n          <Button onClick={close}>{t('dictionary.close')}</Button>\n        </DialogFooter>\n      </Dialog>\n    </DialogTrigger>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAgBO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,2BACG,aAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,IAAA;AAAA,MACR,YAAA,EAAc,KAAA;AAAA,MACd,WAAW,MAAA,CAAO,YAAA;AAAA,MAElB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,eAAA,EAAgB,QAAO,MAAA,EAClC,QAAA,EAAA,CAAA,CAAE,sCAAsC,CAAA,EAC3C,CAAA,EACF,CAAA;AAAA,6BACC,UAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,YAAA,EAAa,WAAW,MAAA,CAAO,gBAAA,EACjD,QAAA,EAAA,CAAA,CAAE,0CAA0C,CAAA,EAC/C,CAAA;AAAA,0BACA,GAAA,CAAC,GAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,eAAA,EAAgB,MAAA,EAAO,MAAA,EAClC,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC7B,CAAA,EACF,CAAA;AAAA,8BACC,+BAAA,EAAA,EAAgC,CAAA;AAAA,0BACjC,GAAA,CAAC,GAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,eAAA,EAAgB,MAAA,EAAO,MAAA,EAClC,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC7B,CAAA,EACF,CAAA;AAAA,8BACC,+BAAA,EAAA,EAAgC;AAAA,SAAA,EACnC,CAAA;AAAA,wBACA,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAW,MAAA,CAAO,kBAAA,EAC9B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,KAAA,EAAQ,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAA,EAAE,CAAA,EACjD;AAAA;AAAA;AAAA,GACF,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MatrixDialog.esm.js","sources":["../../../src/components/riScDialog/MatrixDialog.tsx"],"sourcesContent":["import { ConsequenceTableInfoWithHeaders } from '../scenarioWizard/components/ConsequenceTable';\nimport { ProbabilityTableInfoWithHeaders } from '../scenarioWizard/components/ProbabilityTable';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport { Text } from '@backstage/ui';\nimport styles from './RiScDialog.module.css';\nimport DialogComponent from '../dialog/DialogComponent';\n\nexport function MatrixDialog({\n  open,\n  close,\n}: {\n  open: boolean;\n  close: () => void;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  return (\n    <DialogComponent\n      isOpen={open}\n      onClick={close}\n      header={t('scenarioDrawer.riskMatrixModal.title')}\n      className={styles.matrixDialog}\n    >\n      <Text as=\"p\" variant=\"body-large\" className={styles.matrixDialogBody}>\n        {t('scenarioStepper.initialRiskStep.subtitle')}\n      </Text>\n      <Box>\n        <Text variant=\"title-x-small\" weight=\"bold\">\n          {t('dictionary.probability')}\n        </Text>\n      </Box>\n      <ProbabilityTableInfoWithHeaders />\n      <Box>\n        <Text variant=\"title-x-small\" weight=\"bold\">\n          {t('dictionary.consequence')}\n        </Text>\n      </Box>\n      <ConsequenceTableInfoWithHeaders />\n    </DialogComponent>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AASO,SAAS,YAAA,CAAa;AAAA,EAC3B,IAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,uBACE,IAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAS,KAAA;AAAA,MACT,MAAA,EAAQ,EAAE,sCAAsC,CAAA;AAAA,MAChD,WAAW,MAAA,CAAO,YAAA;AAAA,MAElB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAG,GAAA,EAAI,OAAA,EAAQ,YAAA,EAAa,WAAW,MAAA,CAAO,gBAAA,EACjD,QAAA,EAAA,CAAA,CAAE,0CAA0C,CAAA,EAC/C,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,eAAA,EAAgB,MAAA,EAAO,MAAA,EAClC,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC7B,CAAA,EACF,CAAA;AAAA,4BACC,+BAAA,EAAA,EAAgC,CAAA;AAAA,wBACjC,GAAA,CAAC,GAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,eAAA,EAAgB,MAAA,EAAO,MAAA,EAClC,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC7B,CAAA,EACF,CAAA;AAAA,4BACC,+BAAA,EAAA,EAAgC;AAAA;AAAA;AAAA,GACnC;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { emptyRiSc, isDeeplyEqual } from '../../utils/utilityfunctions.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
@@ -9,9 +9,10 @@ import { Stepper, Step, StepLabel } from '@mui/material';
 import ConfigEncryptionDialog from './ConfigEncryptionDialog.esm.js';
 import ConfigRiscInfo from './ConfigRiscInfo.esm.js';
 import ConfigInitialRisc from './ConfigInitialRisc.esm.js';
-import { DialogTrigger, Dialog, DialogHeader, Text, DialogBody, Flex, Button, DialogFooter } from '@backstage/ui';
+import { Text, Flex, Button } from '@backstage/ui';
 import styles from './RiScDialog.module.css.esm.js';
 import { useDefaultRiScTypeDescriptors } from '../../contexts/DefaultRiScTypesContext.esm.js';
+import DialogComponent from '../dialog/DialogComponent.esm.js';
 
 var RiScDialogStates = /* @__PURE__ */ ((RiScDialogStates2) => {
   RiScDialogStates2[RiScDialogStates2["Closed"] = 0] = "Closed";
@@ -127,118 +128,106 @@ function RiScDialog({
     onClose();
   });
   if (dialogState === 1 /* Create */) {
-    return /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsxs(
-      Dialog,
+    return /* @__PURE__ */ jsxs(
+      DialogComponent,
       {
         isOpen: true,
-        onOpenChange: onClose,
+        onClick: onClose,
+        header: t("rosDialog.titleNew"),
         className: styles.createRiscDialog,
         children: [
-          /* @__PURE__ */ jsx(DialogHeader, { className: styles.initRiscDialogTitle, children: /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: t("rosDialog.titleNew") }) }),
-          /* @__PURE__ */ jsxs(DialogBody, { className: styles.riscDialogBody, children: [
-            /* @__PURE__ */ jsx(RiScStepper, { activeStep }),
-            /* @__PURE__ */ jsxs(
-              Text,
-              {
-                as: "h2",
-                variant: "title-x-small",
-                weight: "bold",
-                className: styles.subtitle,
-                children: [
-                  activeStep === 0 && t("rosDialog.initialRiscTitle"),
-                  activeStep === 1 && t("rosDialog.titleAndScope"),
-                  activeStep === 2 && t("rosDialog.stepEncryption")
-                ]
-              }
-            ),
-            activeStep === 0 && /* @__PURE__ */ jsx(
-              ConfigInitialRisc,
-              {
-                switchOn,
-                setSwitchOn,
-                setValue,
-                selectedRiScId,
-                setSelectedRiScId
-              }
-            ),
-            activeStep === 1 && /* @__PURE__ */ jsx(
-              ConfigRiscInfo,
-              {
-                register,
-                errors,
-                setValue,
-                watch
-              }
-            ),
-            activeStep === 2 && /* @__PURE__ */ jsx(
-              ConfigEncryptionDialog,
-              {
-                gcpCryptoKeys,
-                setValue,
-                state: dialogState,
-                register,
-                errors
-              }
-            ),
-            /* @__PURE__ */ jsxs(Flex, { pt: "16px", justify: "between", children: [
-              /* @__PURE__ */ jsx(Button, { size: "medium", variant: "secondary", onClick: onClose, children: t("dictionary.cancel") }),
-              /* @__PURE__ */ jsxs(Flex, { children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    size: "medium",
-                    variant: "secondary",
-                    isDisabled: activeStep === 0,
-                    onClick: handleBack,
-                    children: t("dictionary.previous")
-                  }
-                ),
-                activeStep < 2 ? /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleNext, children: t("dictionary.next") }) : /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    size: "medium",
-                    variant: "primary",
-                    onClick: handleFinish,
-                    children: t("dictionary.save")
-                  }
-                )
-              ] })
+          /* @__PURE__ */ jsx(RiScStepper, { activeStep }),
+          /* @__PURE__ */ jsxs(
+            Text,
+            {
+              as: "h2",
+              variant: "title-x-small",
+              weight: "bold",
+              className: styles.subtitle,
+              children: [
+                activeStep === 0 && t("rosDialog.initialRiscTitle"),
+                activeStep === 1 && t("rosDialog.titleAndScope"),
+                activeStep === 2 && t("rosDialog.stepEncryption")
+              ]
+            }
+          ),
+          activeStep === 0 && /* @__PURE__ */ jsx(
+            ConfigInitialRisc,
+            {
+              switchOn,
+              setSwitchOn,
+              setValue,
+              selectedRiScId,
+              setSelectedRiScId
+            }
+          ),
+          activeStep === 1 && /* @__PURE__ */ jsx(
+            ConfigRiscInfo,
+            {
+              register,
+              errors,
+              setValue,
+              watch
+            }
+          ),
+          activeStep === 2 && /* @__PURE__ */ jsx(
+            ConfigEncryptionDialog,
+            {
+              gcpCryptoKeys,
+              setValue,
+              state: dialogState,
+              register,
+              errors
+            }
+          ),
+          /* @__PURE__ */ jsxs(Flex, { pt: "16px", justify: "between", children: [
+            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "secondary", onClick: onClose, children: t("dictionary.cancel") }),
+            /* @__PURE__ */ jsxs(Flex, { children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "medium",
+                  variant: "secondary",
+                  isDisabled: activeStep === 0,
+                  onClick: handleBack,
+                  children: t("dictionary.previous")
+                }
+              ),
+              activeStep < 2 ? /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleNext, children: t("dictionary.next") }) : /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleFinish, children: t("dictionary.save") })
             ] })
           ] })
         ]
       }
-    ) });
+    );
   }
   if (dialogState === 5 /* Delete */) {
-    return /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsxs(
-      Dialog,
+    return /* @__PURE__ */ jsx(
+      DialogComponent,
       {
         isOpen: true,
-        onOpenChange: onClose,
+        onClick: onClose,
+        header: t("deleteDialog.title"),
         className: styles.createRiscDialog,
-        children: [
-          /* @__PURE__ */ jsx(DialogHeader, { className: styles.riscDialogTitle, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("deleteDialog.title") }) }),
-          /* @__PURE__ */ jsx(DialogBody, { className: styles.riscDialogBody, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
-            t("deleteDialog.confirmationMessage"),
-            /* @__PURE__ */ jsxs(Flex, { justify: "between", pt: "16px", children: [
-              /* @__PURE__ */ jsx(Button, { size: "medium", variant: "secondary", onClick: onClose, children: t("dictionary.cancel") }),
-              /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleFinish, children: t("dictionary.delete") })
-            ] })
-          ] }) })
-        ]
+        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", children: [
+          t("deleteDialog.confirmationMessage"),
+          /* @__PURE__ */ jsxs(Flex, { justify: "between", pt: "16px", children: [
+            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "secondary", onClick: onClose, children: t("dictionary.cancel") }),
+            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleFinish, children: t("dictionary.delete") })
+          ] })
+        ] })
       }
-    ) });
+    );
   }
   if (dialogState === 2 /* EditRiscInfo */) {
-    return /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsxs(
-      Dialog,
+    return /* @__PURE__ */ jsxs(
+      DialogComponent,
       {
         isOpen: true,
-        onOpenChange: onClose,
+        onClick: onClose,
+        header: t("rosDialog.titleEdit"),
         className: styles.createRiscDialog,
         children: [
-          /* @__PURE__ */ jsx(DialogHeader, { className: styles.riscDialogTitle, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", weight: "bold", children: t("rosDialog.titleEdit") }) }),
-          /* @__PURE__ */ jsx(DialogBody, { className: styles.riscDialogBody, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(
             ConfigRiscInfo,
             {
               register,
@@ -246,8 +235,8 @@ function RiScDialog({
               setValue,
               watch
             }
-          ) }),
-          /* @__PURE__ */ jsxs(DialogFooter, { className: styles.riscDialogFooter, children: [
+          ),
+          /* @__PURE__ */ jsxs(Flex, { justify: "between", pt: "16px", children: [
             /* @__PURE__ */ jsxs(
               Button,
               {
@@ -268,37 +257,35 @@ function RiScDialog({
           ] })
         ]
       }
-    ) });
+    );
   }
   if (dialogState === 4 /* EditEncryption */) {
-    return /* @__PURE__ */ jsx(DialogTrigger, { children: /* @__PURE__ */ jsxs(
-      Dialog,
+    return /* @__PURE__ */ jsxs(
+      DialogComponent,
       {
         isOpen: true,
-        onOpenChange: onClose,
+        onClick: onClose,
+        header: t("rosDialog.editEncryption"),
         className: styles.createRiscDialog,
         children: [
-          /* @__PURE__ */ jsx(DialogHeader, { className: styles.riscDialogTitle, children: /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: t("rosDialog.editEncryption") }) }),
-          /* @__PURE__ */ jsxs(DialogBody, { className: styles.riscDialogBody, children: [
-            /* @__PURE__ */ jsx(
-              ConfigEncryptionDialog,
-              {
-                gcpCryptoKeys,
-                sopsData: selectedRiSc?.sopsConfig,
-                setValue,
-                state: dialogState,
-                register,
-                errors
-              }
-            ),
-            /* @__PURE__ */ jsxs(Flex, { justify: "between", className: styles.riscDialogFooter, children: [
-              /* @__PURE__ */ jsx(Button, { size: "medium", variant: "secondary", onClick: onClose, children: t("dictionary.cancel") }),
-              /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleFinish, children: t("dictionary.save") })
-            ] })
+          /* @__PURE__ */ jsx(
+            ConfigEncryptionDialog,
+            {
+              gcpCryptoKeys,
+              sopsData: selectedRiSc?.sopsConfig,
+              setValue,
+              state: dialogState,
+              register,
+              errors
+            }
+          ),
+          /* @__PURE__ */ jsxs(Flex, { justify: "between", pt: "16px", children: [
+            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "secondary", onClick: onClose, children: t("dictionary.cancel") }),
+            /* @__PURE__ */ jsx(Button, { size: "medium", variant: "primary", onClick: handleFinish, children: t("dictionary.save") })
           ] })
         ]
       }
-    ) });
+    );
   }
   return null;
 }