fix(striker-ui): add prop to control show cancel button in dialog actions

striker-ui/components/Dialog/DialogActionGroup.tsx

@@ -20,6 +20,7 @@ const DialogActionGroup: FC<DialogActionGroupProps> = (props) => {
     onProceed = handleAction,
     proceedColour,
     proceedProps,
+    showCancel = true,
     // Dependents
     cancelChildren = cancelProps?.children,
     proceedChildren = proceedProps?.children,
@@ -61,36 +62,36 @@ const DialogActionGroup: FC<DialogActionGroupProps> = (props) => {
     [closeOnProceed, dialogContext, onProceed, proceedProps?.onClick],
   );
 
-  const actions = useMemo(
+  const actions = useMemo(() => {
-    () => (
+    const acts: ContainedButtonProps[] = [
-      <ActionGroup
+      {
-        actions={[
+        background: proceedColour,
-          {
+        ...proceedProps,
-            ...cancelProps,
+        children: proceedChildren,
-            children: cancelChildren,
+        onClick: proceedHandler,
-            onClick: cancelHandler,
+      },
-          },
+    ];
-          {
+
-            background: proceedColour,
+    if (showCancel) {
-            ...proceedProps,
+      acts.unshift({
-            children: proceedChildren,
+        ...cancelProps,
-            onClick: proceedHandler,
+        children: cancelChildren,
-          },
+        onClick: cancelHandler,
-        ]}
+      });
-        loading={loading}
+    }
-      />
+
-    ),
+    return <ActionGroup actions={acts} loading={loading} />;
-    [
+  }, [
-      cancelChildren,
+    cancelChildren,
-      cancelHandler,
+    cancelHandler,
-      cancelProps,
+    cancelProps,
-      loading,
+    loading,
-      proceedChildren,
+    proceedChildren,
-      proceedColour,
+    proceedColour,
-      proceedHandler,
+    proceedHandler,
-      proceedProps,
+    proceedProps,
-    ],
+    showCancel,
-  );
+  ]);
 
   return actions;
 };

striker-ui/types/Dialog.d.ts

@@ -31,6 +31,7 @@ type DialogActionGroupOptionalProps = {
   proceedChildren?: ContainedButtonProps['children'];
   proceedColour?: ContainedButtonProps['background'];
   proceedProps?: Partial<ContainedButtonProps>;
+  showCancel?: boolean;
 };
 
 type DialogActionGroupProps = DialogActionGroupOptionalProps;