@salesforcedevs/docs-components 1.3.71 → 1.3.72-bundle-example

package/lwc.config.json

@@ -2,7 +2,9 @@
     "modules": [
         { "dir": "src/modules" },
         { "npm": "@salesforcedevs/dx-components" },
-        { "npm": "@salesforcedevs/dw-components" }
+        { "npm": "@salesforcedevs/dw-components" },
+        { "npm": "lightning-base-components" },
+        { "npm": "@mulesoft/api-console-lwc" }
     ],
     "expose": [
         "doc/amfReference",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.71",
+    "version": "1.3.72-bundle-example",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -12,17 +12,20 @@
     },
     "dependencies": {
         "@api-components/amf-helper-mixin": "^4.5.17",
+        "@mulesoft/api-console-lwc": "^0.2.28",
         "classnames": "^2.2.6",
         "kagekiri": "^1.4.1",
+        "lightning-base-components": "1.15.4-alpha",
         "lodash.orderby": "^4.6.0",
         "lodash.uniqby": "^4.7.0",
         "query-string": "^7.1.1",
         "sentence-case": "^3.0.4"
     },
     "devDependencies": {
+        "@salesforce-ux/design-system": "^2.19.0",
         "@types/classnames": "^2.2.10",
         "@types/lodash.orderby": "^4.6.7",
         "@types/lodash.uniqby": "^4.7.7"
     },
-    "gitHead": "2189b873b414cccf79905cf0b1401db76abbd9d0"
+    "gitHead": "4629fdd9ca18a13480044ad43515b91945d16aad"
 }

package/src/modules/doc/amfTopic/amfTopic.css

@@ -1 +1 @@
-@import "docHelpers/amfStyle";
+@import "docHelpers/lightingDesignSystem";

package/src/modules/doc/amfTopic/amfTopic.ts

@@ -1,13 +1,6 @@
 import { LightningElement, api } from "lwc";
-import {
-    createDocumentationElement,
-    createEndpointElement,
-    createMethodElement,
-    createSecurityElement,
-    createSummaryElement,
-    createTypeElement
-} from "./utils";
 import type { TopicModel } from "./types";
+import "@mulesoft/api-console-lwc";
 
 export default class AmfTopic extends LightningElement {
     private _model;
@@ -45,41 +38,21 @@ export default class AmfTopic extends LightningElement {
         const { id } = this.model;
         const type = this.type;
         const amf = this.amf;
-        const { parser } = this.model;
-        let element;
 
-        if (type === "summary") {
-            element = createSummaryElement(amf);
-        } else if (type === "endpoint") {
-            const endpointModel = parser.computeEndpointApiModel(amf, id);
-            element = createEndpointElement(amf, endpointModel, id);
-        } else if (type === "method") {
-            const endpointMethodModel = parser.computeEndpointApiMethodModel(
-                amf,
-                id
-            );
-            const methodModel = parser.computeMethodApiModel(amf, id);
-            element = createMethodElement(
-                amf,
-                endpointMethodModel,
-                methodModel
-            );
-        } else if (type === "security") {
-            const securityModel = parser.computeSecurityApiModel(amf, id);
-            element = createSecurityElement(amf, securityModel);
-        } else if (type === "type") {
-            const mediaTypes = parser.computeApiMediaTypes(amf);
-            const typeModel = parser.computeTypeApiModel(amf, id);
-            element = createTypeElement(amf, typeModel, mediaTypes);
-        } else if (type === "documentation") {
-            const docsModel = parser.computeDocsApiModel(amf, id);
-            element = createDocumentationElement(amf, docsModel);
-        }
+        const element: any = document.createElement("arc-api-documentation");
+        element.amf = amf;
+        element.selected = id;
+        element.selectedType = type;
+        element.noTryIt = true;
+        element.inlineMethods = false;
+        element.noNavigation = true;
 
-        if (container.firstChild) {
-            container.firstChild.remove();
+        if (container) {
+            if (container.firstChild) {
+                container.firstChild.remove();
+            }
+            container.appendChild(element);
         }
-        container.appendChild(element);
     }
 }