@esri/solutions-components 0.10.26 → 0.10.28

package/dist/cjs/solution-contents_3.cjs.entry.js

@@ -7,12 +7,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const solutionStore = require('./solution-store-2cd6a8c3.js');
-const locale = require('./locale-a09603ee.js');
+const index = require('./index-4b68e4b4.js');
+const solutionStore = require('./solution-store-4de89072.js');
+const locale = require('./locale-339b55f0.js');
 const common = require('./common-eee0c33f.js');
 const interfaces = require('./interfaces-09c4c40e.js');
-require('./index-da709a10.js');
+require('./index-2b13a4d5.js');
 require('./solution-resource-40e70253.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./index-f052f656.js');

package/dist/cjs/solution-item-accordion.cjs.entry.js

@@ -7,8 +7,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5a0af791.js');
-const locale = require('./locale-a09603ee.js');
+const index = require('./index-4b68e4b4.js');
+const locale = require('./locale-339b55f0.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 
@@ -125,9 +125,10 @@ const SolutionItemAccordion = class {
      * @protected
      */
     _getAccordion() {
-        return (index.h("calcite-accordion", null, this._sortedTemplateInfos.reduce((prev, cur) => {
-            if (this._types.indexOf(cur.type) < 0) {
-                this._types.push(cur.type);
+        return (index.h("calcite-accordion", { selectionMode: "single" }, this._sortedTemplateInfos.reduce((prev, cur) => {
+            const displayType = this._getTypeForDisplay(cur.type, cur.typeKeywords);
+            if (this._types.indexOf(displayType) < 0) {
+                this._types.push(displayType);
                 prev.push(this._getAccordionItem(cur));
             }
             return prev;
@@ -137,13 +138,19 @@ const SolutionItemAccordion = class {
      * Get the Accordion Item component with the appropriate icon and template type
      * Only one accordion item per type.
      *
+     * @param templateInfo the current templateInfo to handle
+     *
      * @returns the Accordion Item component
      *
      * @protected
      */
     _getAccordionItem(templateInfo) {
-        const templateInfos = this._sortedTemplateInfos.filter(t => t.type === templateInfo.type);
-        return (index.h("calcite-accordion-item", { description: `${templateInfo.type} (${templateInfos.length})` }, index.h("solution-item-icon", { class: "padding-start-1", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
+        const _type = this._getTypeForDisplay(templateInfo.type, templateInfo.typeKeywords);
+        const templateInfos = this._sortedTemplateInfos.filter(t => {
+            const tType = this._getTypeForDisplay(t.type, t.typeKeywords);
+            return tType === _type;
+        });
+        return (index.h("calcite-accordion-item", { description: `${_type} (${templateInfos.length})` }, index.h("solution-item-icon", { class: "padding-start-1", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
     }
     /**
      * Get the list of template infos for the current type
@@ -167,7 +174,7 @@ const SolutionItemAccordion = class {
      * @protected
      */
     _getListItem(templateInfo) {
-        return (index.h("calcite-list-item", { description: templateInfo.description, label: templateInfo.title, value: templateInfo.id }));
+        return (index.h("calcite-list-item", { description: templateInfo.snippet, label: templateInfo.title, value: templateInfo.id }));
     }
     /**
      * Sort the templates based on the defined order in _sortOrder
@@ -178,42 +185,53 @@ const SolutionItemAccordion = class {
      */
     _sortTemplates() {
         return this.templateInfos.sort((a, b) => {
-            const aType = this._updateType(a);
-            const bType = this._updateType(b);
+            const aType = this._getTypeForSort(a);
+            const bType = this._getTypeForSort(b);
             const indexA = this._sortOrder.indexOf(aType);
             const indexB = this._sortOrder.indexOf(bType);
             return indexA - indexB;
         });
     }
     /**
-     * Some template types are displayed with a value that is different than the stored type value.
-     * This function will catch and update the type value to match how we would like it sorted and displayed.
+     * This function will update the type value to match how we would like it sorted.
+     *
+     * @param templateInfo
      *
      * @returns the sorted templates
      *
      * @protected
      */
-    _updateType(templateInfo) {
-        let updatedType = templateInfo.type;
-        if (templateInfo.type === "Feature Service") {
-            updatedType = templateInfo.typeKeywords.indexOf("View Service") > -1 ?
-                "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
-        }
-        if (templateInfo.type === "Web Mapping Application") {
-            updatedType = templateInfo.typeKeywords.indexOf("configurableApp") > -1 ?
-                "Instant App" : updatedType;
-        }
-        templateInfo.type = templateInfo.type === "Geoprocessing Service" ? "Tool" :
-            templateInfo.type === "Vector Tile Service" ? "Tile Layer" : updatedType;
+    _getTypeForSort(templateInfo) {
+        let updatedType = this._getTypeForDisplay(templateInfo.type, templateInfo.typeKeywords);
         if (this._sortOrder.indexOf(updatedType) < 0) {
             // If we encounter an item type that is not in the list
             // put it between the "Desktop Application Template" and "Web Map" section
-            // Do not set this as the templates type value as we want its actual type to be displayed
-            // this is just used for sorting
             updatedType = "TypeNotFound";
         }
         return updatedType;
     }
+    /**
+     * This function will update the type value to match how we would like it displayed.
+     *
+     * @param type the current item type
+     * @param typeKeywords the type keywords for the current item
+     *
+     * @returns the updated type value
+     *
+     * @protected
+     */
+    _getTypeForDisplay(type, typeKeywords) {
+        let _type = type;
+        if (type === "Feature Service") {
+            _type = typeKeywords.indexOf("View Service") > -1 ?
+                "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
+        }
+        if (type === "Web Mapping Application") {
+            _type = typeKeywords.indexOf("configurableApp") > -1 ?
+                "Instant App" : _type;
+        }
+        return _type;
+    }
     /**
      * Fetches the component's translations
      *