feat: added endpoint status

Author: pozil

src/main/default/lwc/apiEndpoint/apiEndpoint.html

@@ -1,5 +1,5 @@
 <template>
-    <div class="slds-text-heading_medium slds-m-bottom_medium">{name}</div>
+    <div class="slds-text-heading_medium slds-m-bottom_medium">{nameWithStatus}</div>
 
     <c-formatted-error if:true={error} error={error}></c-formatted-error>
 

src/main/default/lwc/apiEndpoint/apiEndpoint.js

@@ -2,6 +2,7 @@ import { LightningElement, api } from 'lwc';
 
 export default class ApiEndpoint extends LightningElement {
     @api name;
+    @api status;
     @api description;
     @api docUrlKey;
 
@@ -37,6 +38,10 @@ export default class ApiEndpoint extends LightningElement {
         }
     }
 
+    get nameWithStatus() {
+        return this.status ? `${this.name} (${this.status})` : this.name;
+    }
+
     get docUrl() {
         return `https://developer.salesforce.com/docs/component-library/documentation/lwc/${this.docUrlKey}`;
     }

src/main/default/lwc/uiApiPlayground/api-definitions.js

@@ -4,6 +4,7 @@ const API_DEFINITIONS = [
         endpoints: [
             {
                 name: 'getNavItems',
+                status: 'Beta',
                 description:
                     '[BETA] Retrieves the items in the navigation menu.',
                 docUrlKey: 'lwc.reference_wire_adapters_get_nav_items'
@@ -32,6 +33,7 @@ const API_DEFINITIONS = [
         endpoints: [
             {
                 name: 'getListUi',
+                status: 'Deprecated',
                 description:
                     "[DEPRECATED] Use this wire adapter to get the records and metadata for a list view. Leave the 'List View API Name' field empty to retrieve all list views.",
                 docUrlKey: 'lwc.reference_get_list_ui'
@@ -135,8 +137,9 @@ const API_DEFINITIONS = [
             },
             {
                 name: 'getRecordUi',
+                status: 'Deprecated',
                 description:
-                    'Use this wire adapter to get layout information, metadata, and data to build UI for one or more records.',
+                    '[DEPRECATED] Use this wire adapter to get layout information, metadata, and data to build UI for one or more records.',
                 docUrlKey: 'lwc.reference_wire_adapters_record'
             },
             {

src/main/default/lwc/uiApiPlayground/uiApiPlayground.html

@@ -16,7 +16,7 @@
                             <lightning-menu-item
                                 key={endpoint.name}
                                 value={endpoint.name}
-                                label={endpoint.name}
+                                label={endpoint.label}
                                 onclick={handleMenuClick}
                             ></lightning-menu-item>
                         </template>
@@ -28,6 +28,7 @@
             <template if:true={selectedEndpoint}>
                 <c-api-endpoint
                     name={selectedEndpoint.fullname}
+                    status={selectedEndpoint.status}
                     description={selectedEndpoint.description}
                     doc-url-key={selectedEndpoint.docUrlKey}
                 >

src/main/default/lwc/uiApiPlayground/uiApiPlayground.js

@@ -1,4 +1,4 @@
-import { LightningElement } from 'lwc';
+import { api, LightningElement } from 'lwc';
 import API_DEFINITIONS from './api-definitions.js';
 
 export default class UiApiPlayground extends LightningElement {
@@ -17,7 +17,15 @@ export default class UiApiPlayground extends LightningElement {
     }
 
     get apiDefinitions() {
-        return API_DEFINITIONS;
+        return API_DEFINITIONS.map(apiCategory => {
+            const cat = apiCategory;
+            cat.endpoints = cat.endpoints.map(apiEndpoint => {
+                const e = apiEndpoint;
+                e.label = e.status ? `${e.name} (${e.status})` : e.name;
+                return e;
+            });
+            return cat;
+        });
     }
     get isGetListUi() {
         return this.selectedEndpoint.name === 'getListUi';