allow cancel while save is disabled. (#413)

* allow cancel while save is disabled.

* a better way maybe

Author: richardiphillips

CHANGELOG.md

@@ -1,4 +1,6 @@
 # Changelog
+## [32.6.0] - 2026-04-27
+- Add optional editStatus parameter to SaveBackCancelButtons. Set it to edit or create as appropriate to allow cancel while save is disabled.
 ## [32.5.2] - 2026-04-22
 - Allow AddressUtility button to use full width of component
 ## [32.5.1] - 2026-04-22

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linn-it/linn-form-components-library",
-  "version": "32.5.2",
+  "version": "32.6.0",
   "private": false,
   "repository": {
     "type": "git",

src/components/SaveBackCancelButtons.js

@@ -8,10 +8,13 @@ function SaveBackCancelButtons({
     cancelClick,
     saveDisabled = false,
     backClick,
-    showBackButton = true
+    showBackButton = true,
+    editStatus = null
 }) {
+    const editing = editStatus === 'edit' || editStatus === 'create';
+
     const handleClick = () => {
-        if (saveDisabled) {
+        if (saveDisabled && !editing) {
             backClick();
         } else {
             cancelClick();
@@ -20,14 +23,14 @@ function SaveBackCancelButtons({
 
     return (
         <Box sx={{ float: 'right' }}>
-            {(!saveDisabled || showBackButton) && (
+            {(!saveDisabled || showBackButton || editing) && (
                 <Button
                     id="cancel-button"
                     onClick={() => handleClick()}
                     variant="outlined"
                     sx={{ marginRight: theme => theme.spacing(1) }}
                 >
-                    {saveDisabled ? 'Back' : 'Cancel'}
+                    {saveDisabled && !editing ? 'Back' : 'Cancel'}
                 </Button>
             )}
             <Button