@esri/solutions-components 0.10.26 → 0.10.28

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

@@ -3,8 +3,8 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, g as getElement, h, H as Host } from './index-b793d9aa.js';
-import { g as getLocaleComponentStrings } from './locale-b1d53fb1.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-904bc599.js';
+import { g as getLocaleComponentStrings } from './locale-0d06fca0.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 
@@ -121,9 +121,10 @@ const SolutionItemAccordion = class {
      * @protected
      */
     _getAccordion() {
-        return (h("calcite-accordion", null, this._sortedTemplateInfos.reduce((prev, cur) => {
-            if (this._types.indexOf(cur.type) < 0) {
-                this._types.push(cur.type);
+        return (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;
@@ -133,13 +134,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 (h("calcite-accordion-item", { description: `${templateInfo.type} (${templateInfos.length})` }, 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 (h("calcite-accordion-item", { description: `${_type} (${templateInfos.length})` }, 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
@@ -163,7 +170,7 @@ const SolutionItemAccordion = class {
      * @protected
      */
     _getListItem(templateInfo) {
-        return (h("calcite-list-item", { description: templateInfo.description, label: templateInfo.title, value: templateInfo.id }));
+        return (h("calcite-list-item", { description: templateInfo.snippet, label: templateInfo.title, value: templateInfo.id }));
     }
     /**
      * Sort the templates based on the defined order in _sortOrder
@@ -174,42 +181,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
      *