Merge pull request #23 from solace-iot-team/feature-apiproduct-versions

Feature apiproduct versions

Author: ricardojosegomezulmke

ReleaseNotes.md

@@ -2,6 +2,26 @@
 
 Solace Async API Management.
 
+## Version 0.1.3
+  * [API-M Admin & Developer Portal](https://github.com/solace-iot-team/async-apim/tree/main/apim-portal): 0.1.3
+  * [API-M Server OpenAPI](https://github.com/solace-iot-team/async-apim/blob/main/apim-server/server/common/api.yml): 0.1.0
+  * [API-M Server](https://github.com/solace-iot-team/async-apim/tree/main/apim-server): 0.1.0
+  * [API-M Connector OpenAPI](https://github.com/solace-iot-team/platform-api): 0.7.6
+
+#### API-M Admin & Developer Portal
+**New Features:**
+* **Manage API Products**
+  - added versions to view and update
+  - management of owning business group
+  - manage sharing with business group - including access type = `readonly`, `full-access`
+  - added accessLevel attribute: `internal`, `private`, `public`
+  - added lifecycle attribute: `draft`, `released`, `deprecated`
+  - added access rights checks for edit, delete, and view (see documentation for details)
+* **API Product Catalog in Developer Portal**
+  - renamed `Explore API Products` to `Explore APIs`
+  - refactored grid/list view
+  - added access right checks for list, view and creating apps from products (see documentation for details)
+
 ## Version 0.1.2
   * [API-M Admin & Developer Portal](https://github.com/solace-iot-team/async-apim/tree/main/apim-portal): 0.1.2
   * [API-M Server OpenAPI](https://github.com/solace-iot-team/async-apim/blob/main/apim-server/server/common/api.yml): 0.1.0

apim-portal/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "async-apim-portal",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Solace Async API Management Portal",
   "repository": {
     "type": "git",
@@ -28,6 +28,7 @@
     "async-mutex": "^0.3.2",
     "base-64": "^1.0.0",
     "js-yaml": "^4.1.0",
+    "jsonschema": "^1.4.0",
     "primeflex": "^2.0.0",
     "primeicons": "^4.1.0",
     "primereact": "^6.4.0",
@@ -76,7 +77,7 @@
     "@types/react": "^17.0.3",
     "@types/react-dom": "^17.0.3",
     "@types/react-router-dom": "^5.1.7",
-    "@types/semver": "^7.3.8",
+    "@types/semver": "^7.3.9",
     "@types/shelljs": "^0.8.9",
     "@types/uuid": "^8.3.4",
     "shelljs": "^0.8.4",

apim-portal/package.json

@@ -7,13 +7,13 @@ import { Dialog } from 'primereact/dialog';
 import { APClientConnectorOpenApi } from "../../../utils/APClientConnectorOpenApi";
 import { ApiCallState, TApiCallState } from "../../../utils/ApiCallState";
 import { ApiCallStatusError } from "../../../components/ApiCallStatusError/ApiCallStatusError";
-
-import '../../../components/APComponents.css';
-import "./ManageApiProducts.css";
 import { TAPEntityId } from "../../../utils/APEntityIdsService";
 import { E_CALL_STATE_ACTIONS } from "./ManageApiProductsCommon";
 import APAdminPortalApiProductsDisplayService from "../../displayServices/APAdminPortalApiProductsDisplayService";
 
+import '../../../components/APComponents.css';
+import "./ManageApiProducts.css";
+
 export interface IDeleteApiProductProps {
   organizationId: string;
   apiProductEntityId: TAPEntityId;
@@ -73,11 +73,16 @@ export const DeleteApiProduct: React.FC<IDeleteApiProductProps> = (props: IDelet
     props.onCancel();
   }
 
+  const renderDeleteManagedObjectConfirmDialogHeader = () => {
+    return (<span style={{ color: 'red' }}>{DeleteManagedObjectConfirmDialogHeader}</span>);
+  }
+
   const renderDeleteManagedObjectDialogContent = (): JSX.Element => {
     return (
       <React.Fragment>
         <p>Deleting API Product: <b>{props.apiProductEntityId.displayName}</b>.</p>
         <p>Are you sure you want to delete it?</p>
+        <p><b>This action is irreversible!</b></p>
       </React.Fragment>  
     );
   }
@@ -86,7 +91,7 @@ export const DeleteApiProduct: React.FC<IDeleteApiProductProps> = (props: IDelet
     return (
       <React.Fragment>
           <Button label="Cancel" className="p-button-text p-button-plain" onClick={onDeleteManagedObjectCancel} />
-          <Button label="Delete" icon="pi pi-trash" className="p-button-text p-button-plain p-button-outlined" onClick={onDeleteManagedObject}/>
+          <Button label="Delete" icon="pi pi-trash" className="p-button-text p-button-plain p-button-outlined" onClick={onDeleteManagedObject} style={{ color: "red", borderColor: 'red'}} />
       </React.Fragment>
     );
   } 
@@ -97,17 +102,18 @@ export const DeleteApiProduct: React.FC<IDeleteApiProductProps> = (props: IDelet
         className="p-fluid"
         visible={showManagedObjectDeleteDialog} 
         style={{ width: '450px' }} 
-        header={DeleteManagedObjectConfirmDialogHeader}
+        header={renderDeleteManagedObjectConfirmDialogHeader}
         modal
         closable={false}
         footer={renderDeleteManagedObjectDialogFooter()}
         onHide={()=> {}}
+        contentClassName="manage-api-products-delete-confirmation-content"
       >
-        <div className="confirmation-content">
-            <p><i className="pi pi-exclamation-triangle p-mr-3" style={{ fontSize: '2rem'}} /></p>
-            {renderDeleteManagedObjectDialogContent()}
+        <div>
+          <p><i className="pi pi-exclamation-triangle p-mr-3" style={{ fontSize: '2rem'}} /></p>
+          {renderDeleteManagedObjectDialogContent()}
+          <ApiCallStatusError apiCallStatus={apiCallStatus} />
         </div>
-        <ApiCallStatusError apiCallStatus={apiCallStatus} />
       </Dialog>
     );
   }