@esri/solutions-components 0.7.0 → 0.7.1

package/dist/collection/components/map-card/map-card.js

@@ -28,10 +28,15 @@ import { loadModules } from "../../utils/loadModules";
 // TODO map list should close if the user clicks something else...hope this will be easy when I figure out how to set focus when it opens
 export class MapCard {
   constructor() {
+    /**
+     * boolean: When true the default map provided via url params has been loaded and should no longer override other maps
+     */
+    this._defaultWebmapHonored = false;
     /**
      * string: the id of map currently displayed
      */
     this._loadedId = "";
+    this.defaultWebmapId = "";
     this.enableHome = undefined;
     this.enableLegend = undefined;
     this.enableFloorFilter = undefined;
@@ -80,7 +85,7 @@ export class MapCard {
   render() {
     const mapClass = this.hidden ? "visibility-hidden" : "";
     const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: `map-height ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
+    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `map-height ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
   }
   //--------------------------------------------------------------------------
   //
@@ -114,12 +119,15 @@ export class MapCard {
    * @protected
    */
   async _loadMap(webMapInfo) {
-    let id = webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id;
-    // on the first render use the first child of the provided mapInfos
-    this._webMapInfo = (id === "" || !id) && this.mapInfos.length > 0 ?
-      this.mapInfos[0] : webMapInfo;
-    id = this._webMapInfo.id;
-    if (this._loadedId !== id) {
+    var _a;
+    // on the first render use the default webmap id if provided otherwise use the first child of the provided mapInfos
+    const loadDefaultMap = !this._defaultWebmapHonored && this.defaultWebmapId;
+    const defaultMap = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === this.defaultWebmapId);
+    this._webMapInfo = loadDefaultMap && defaultMap ? defaultMap[0] :
+      !(webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) && this.mapInfos.length > 0 ? this.mapInfos[0] : webMapInfo;
+    const id = this._webMapInfo.id;
+    const isDefaultMap = loadDefaultMap && (webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) === this.defaultWebmapId;
+    if ((this._loadedId !== id && !loadDefaultMap) || isDefaultMap) {
       const webMap = new this.WebMap({
         portalItem: { id }
       });
@@ -134,12 +142,17 @@ export class MapCard {
       await this.mapView.when(() => {
         this._initHome();
         this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
+        this._defaultWebmapHonored = isDefaultMap ? true : this._defaultWebmapHonored;
         this.mapChanged.emit({
           id: id,
           mapView: this.mapView
         });
       });
     }
+    else if (loadDefaultMap) {
+      this._defaultWebmapHonored = true;
+      this._mapPicker.setMapByID(id);
+    }
   }
   /**
    * Add/remove the home widget base on enableHome prop
@@ -170,6 +183,24 @@ export class MapCard {
   }
   static get properties() {
     return {
+      "defaultWebmapId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "string: Item ID of the web map that should be selected by default when the app loads"
+        },
+        "attribute": "default-webmap-id",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
       "enableHome": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/components/map-layer-picker/map-layer-picker.js

@@ -24,7 +24,17 @@ import { getMapLayerHash, getMapTableHash } from "../../utils/mapViewUtils";
 import state from "../../utils/publicNotificationStore";
 export class MapLayerPicker {
   constructor() {
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: When true the default layer has been loaded once and should no longer be used
+     */
+    this.defaultLayerHonored = false;
     this.appearance = "transparent";
+    this.defaultLayerId = "";
     this.enabledLayerIds = [];
     this.enabledTableIds = [];
     this.mapView = undefined;
@@ -46,7 +56,6 @@ export class MapLayerPicker {
   //--------------------------------------------------------------------------
   /**
    * Called each time the mapView prop is changed.
-   *
    */
   async mapViewWatchHandler() {
     await this._setLayers();
@@ -168,21 +177,36 @@ export class MapLayerPicker {
     const item = itemType === "layer" ? this._layerNameHash[id] : this._tableNameHash[id];
     const disabled = this.onlyShowUpdatableLayers ? !item.supportsUpdate : false;
     const name = item.name;
-    return this.type === "combobox" ? (h("calcite-combobox-item", { disabled: disabled, textLabel: name, value: id })) :
-      this.type === "select" ? (h("calcite-option", { disabled: disabled, label: name, value: id })) :
-        (h("calcite-dropdown-item", { disabled: disabled, onClick: disabled ? undefined : () => void this._setSelectedLayer(id) }, name));
+    const selected = this.selectedIds.indexOf(id) > -1;
+    return this.type === "combobox" ? (h("calcite-combobox-item", { disabled: disabled, selected: selected, textLabel: name, value: id })) :
+      this.type === "select" ? (h("calcite-option", { disabled: disabled, label: name, selected: selected, value: id })) : (h("calcite-dropdown-item", { disabled: disabled, onClick: disabled ? undefined : () => void this._setSelectedLayer(id), selected: selected }, name));
   }
   /**
    * Store the layer name based on the user selection
    */
   _setSelectedLayer(id) {
-    const item = Object.keys(this._layerNameHash).indexOf(id) > -1 ?
-      this._layerNameHash[id] : Object.keys(this._tableNameHash).indexOf(id) > -1 ?
-      this._tableNameHash[id] : undefined;
+    let item;
+    const hasDefaultLayer = this.defaultLayerId && !this.defaultLayerHonored;
+    if (hasDefaultLayer) {
+      item = this._getLayerFromHash(this.defaultLayerId);
+      this.defaultLayerHonored = item !== undefined;
+      id = this.defaultLayerHonored ? this.defaultLayerId : id;
+    }
+    item = item ? item : this._getLayerFromHash(id);
     this.selectedName = item === null || item === void 0 ? void 0 : item.name;
     this.selectedIds = [id];
     this.layerSelectionChange.emit(this.selectedIds);
   }
+  /**
+   * Fetch layer hash info for the given id
+   *
+   * @returns ILayerHashInfo for the id
+   */
+  _getLayerFromHash(id) {
+    return Object.keys(this._layerNameHash).indexOf(id) > -1 ?
+      this._layerNameHash[id] : Object.keys(this._tableNameHash).indexOf(id) > -1 ?
+      this._tableNameHash[id] : undefined;
+  }
   /**
    * Fetch the ids of the layers from the map
    *
@@ -299,6 +323,24 @@ export class MapLayerPicker {
         "reflect": false,
         "defaultValue": "\"transparent\""
       },
+      "defaultLayerId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "string: when provided this layer ID will be used when the app loads"
+        },
+        "attribute": "default-layer-id",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
       "enabledLayerIds": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/map-picker/map-picker.js

@@ -55,6 +55,18 @@ export class MapPicker {
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  async setMapByID(id) {
+    var _a;
+    const mapInfos = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === id);
+    if (id && (mapInfos === null || mapInfos === void 0 ? void 0 : mapInfos.length) > 0) {
+      this._webMapSelected(mapInfos[0]);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -72,14 +84,6 @@ export class MapPicker {
   render() {
     return (h(Host, null, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
   }
-  /**
-   * Called after each render
-   */
-  async componentDidRender() {
-    if (this._mapListExpanded) {
-      await this._list.setFocus();
-    }
-  }
   /**
    * Called once after the component has loaded
    */
@@ -129,7 +133,7 @@ export class MapPicker {
    */
   _getMapNameList(show) {
     const listClass = show ? "map-list" : "display-none";
-    return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border" }, this.mapInfos.map(mapInfo => {
+    return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border", selectionMode: "single" }, this.mapInfos.map(mapInfo => {
       return (h("calcite-list-item", { label: mapInfo.name, onClick: () => this._webMapSelected(mapInfo), selected: mapInfo.id === this._loadedId, value: mapInfo.id }));
     }))));
   }
@@ -235,6 +239,30 @@ export class MapPicker {
         }
       }];
   }
+  static get methods() {
+    return {
+      "setMapByID": {
+        "complexType": {
+          "signature": "(id: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global",
+              "id": "global::Promise"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{

package/dist/collection/components/refine-results-flow-item/refine-results-flow-item.css

@@ -0,0 +1,19 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block;
+}

package/dist/collection/components/refine-results-flow-item/refine-results-flow-item.js

@@ -0,0 +1,74 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Host, h } from "@stencil/core";
+export class RefineResultsFlowItem {
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  State (internal)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (protected)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  static get is() { return "refine-results-flow-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["refine-results-flow-item.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["refine-results-flow-item.css"]
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/refine-results-flow-item/test/refine-results-flow-item.e2e.js

@@ -0,0 +1,29 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newE2EPage } from "@stencil/core/testing";
+xdescribe('refine-results-flow-item', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<refine-results-flow-item></refine-results-flow-item>');
+    const element = await page.find('refine-results-flow-item');
+    expect(element).toHaveClass('hydrated');
+  });
+});

package/dist/collection/components/refine-results-flow-item/test/refine-results-flow-item.spec.js

@@ -0,0 +1,37 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newSpecPage } from "@stencil/core/testing";
+import { RefineResultsFlowItem } from "../refine-results-flow-item";
+xdescribe('refine-results-flow-item', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [RefineResultsFlowItem],
+      html: `<refine-results-flow-item></refine-results-flow-item>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <refine-results-flow-item>
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+      </refine-results-flow-item>
+    `);
+  });
+});

package/dist/collection/components/share-item/share-item.css

@@ -0,0 +1,19 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+:host {
+  display: block;
+}

package/dist/collection/components/share-item/share-item.js

@@ -0,0 +1,74 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Host, h } from "@stencil/core";
+export class ShareItem {
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  State (internal)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (protected)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  static get is() { return "share-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["share-item.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["share-item.css"]
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/share-item/test/share-item.e2e.js

@@ -0,0 +1,29 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newE2EPage } from "@stencil/core/testing";
+xdescribe('share-item', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<share-item></share-item>');
+    const element = await page.find('share-item');
+    expect(element).toHaveClass('hydrated');
+  });
+});

package/dist/collection/components/share-item/test/share-item.spec.js

@@ -0,0 +1,37 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { newSpecPage } from "@stencil/core/testing";
+import { ShareItem } from "../share-item";
+xdescribe('share-item', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [ShareItem],
+      html: `<share-item></share-item>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <share-item>
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+      </share-item>
+    `);
+  });
+});