Bugfix/2185 3 (#101)

* Fixed bug in API management

* Fixed a bug related to JSON editor

* Bumped up the version and postponed the audits

Author: vijayg10

audit-resolve.json

@@ -1,6 +1,6 @@
 {
   "name": "ml-testing-toolkit-ui",
-  "version": "12.2.3",
+  "version": "12.2.4",
   "description": "Mojaloop Testing Toolkit Web User Interface",
   "main": "index.js",
   "repository": {

package-lock.json

@@ -292,7 +292,8 @@ class APIManagement extends React.Component {
     apiVersions: [],
     newAPIDialogEnabled: false,
     selectedApiIndex: null,
-    apiDocViewerVisible: false
+    apiDocViewerVisible: false,
+    isLoading: false
   }
 
   getApiVersions = async () => {
@@ -306,8 +307,9 @@ class APIManagement extends React.Component {
   }
 
   refreshApiVersions = async () => {
+    this.setState({isLoading: true})
     const apiVersions = await this.getApiVersions()
-    this.setState({ apiVersions, selectedApiIndex: null })
+    this.setState({ apiVersions, selectedApiIndex: null, isLoading: false })
   }
 
   handleApiAdded = () => {
@@ -394,7 +396,7 @@ class APIManagement extends React.Component {
         >
           <APIDocViewer specUrl={this.getSelectedVersionURL()} />
         </Modal>
-
+        <Spin size="large" spinning={this.state.isLoading}>
         {/* Page content */}
           <Row className="mt--7 mb-4">
             <Col span={24}>
@@ -446,6 +448,7 @@ class APIManagement extends React.Component {
               </Row>
             </Col>
           </Row>
+        </Spin>
       </>
     );
   }

package.json

@@ -865,6 +865,7 @@ class OutboundRequest extends React.Component {
           visible={this.state.showTestCaseIndex != null ? true : false}
           footer={null}
           keyboard={false}
+          maskClosable={false}
           onCancel={() => { this.setState({ showTestCaseIndex: null }) }}
         >
           {

src/views/apis/APIManagement.jsx

@@ -287,6 +287,7 @@ class RulesCallback extends React.Component {
             visible={this.state.editRule? true : false}
             footer={null}
             onCancel={this.handleRuleCancelClick}
+            maskClosable={false}
           >
             <RulesEditor
               rule={this.state.editRule}

src/views/outbound/OutboundRequest.jsx

@@ -289,6 +289,7 @@ class RulesForward extends React.Component {
             visible={this.state.editRule? true : false}
             footer={null}
             onCancel={this.handleRuleCancelClick}
+            maskClosable={false}
           >
             <RulesEditor
               rule={this.state.editRule}

src/views/rules/RulesCallback.jsx

@@ -283,6 +283,7 @@ class RulesResponse extends React.Component {
             visible={this.state.editRule? true : false}
             footer={null}
             onCancel={this.handleRuleCancelClick}
+            maskClosable={false}
           >
             <RulesEditor
               rule={this.state.editRule}

src/views/rules/RulesForward.jsx

@@ -289,6 +289,7 @@ class RulesValidation extends React.Component {
             visible={this.state.editRule? true : false}
             footer={null}
             onCancel={this.handleRuleCancelClick}
+            maskClosable={false}
           >
             <RulesEditor
               rule={this.state.editRule}