@thecb/components 11.1.4 → 11.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "11.1.4",
+  "version": "11.1.5",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "typings": "dist/index.d.ts",

package/src/components/molecules/modal/Modal.stories.js

@@ -17,6 +17,7 @@ const meta = {
     hideModal: fn(),
     continueAction: fn(),
     isContinueActionDisabled: false,
+    isCloseActionDisabled: false,
     modalOpen: false,
     cancelButtonText: "Cancel",
     continueButtonText: "Continue",
@@ -159,6 +160,14 @@ const meta = {
         defaultValue: { summary: false }
       }
     },
+    isCloseActionDisabled: {
+      description:
+        "Whether the close button should be disabled, only used when `onlyCloseButton` is `true`",
+      table: {
+        type: { summary: "boolean" },
+        defaultValue: { summary: false }
+      }
+    },
     onlyContinueButton: {
       description: "Whether the modal should have only a continue button",
       table: {

package/src/components/molecules/modal/ModalControlV1.js

@@ -25,6 +25,7 @@ const Modal = ({
   onExit = hideModal,
   continueAction,
   isContinueActionDisabled = false,
+  isCloseActionDisabled = false,
   cancelAction,
   modalOpen,
   modalHeaderText,
@@ -211,6 +212,7 @@ const Modal = ({
                               variant="primary"
                               text={closeButtonText}
                               dataQa={closeButtonText}
+                              disabled={isCloseActionDisabled}
                               extraStyles={buttonExtraStyles}
                               className="modal-close-button"
                               role="button"