@esri/solutions-components 0.6.11 → 0.6.13

package/dist/collection/components/map-fullscreen/map-fullscreen.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/map-fullscreen/map-fullscreen.js

@@ -0,0 +1,178 @@
+/*!
+ * 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";
+import { loadModules } from "../../utils/loadModules";
+export class MapFullscreen {
+  constructor() {
+    this.mapView = undefined;
+    this.fullscreenWidget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Called each time the mapView prop is changed.
+   *
+   * @returns Promise when complete
+   */
+  async mapViewWatchHandler() {
+    await this.mapView.when(() => {
+      this._initFullscreenWidget();
+    });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   */
+  async componentWillLoad() {
+    await this._initModules();
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    return (h(Host, null, h("div", { class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+  }
+  /**
+   * StencilJS: Called just after the component updates.
+   * It's never called during the first render().
+   */
+  async componentDidUpdate() {
+    this._initFullscreenWidget();
+  }
+  /**
+   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+   */
+  async componentDidLoad() {
+    this._initFullscreenWidget();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   *
+   * @protected
+   */
+  async _initModules() {
+    const [Fullscreen] = await loadModules([
+      "esri/widgets/Fullscreen"
+    ]);
+    this.Fullscreen = Fullscreen;
+  }
+  /**
+   * Initialize the search widget
+   *
+   * @protected
+   */
+  _initFullscreenWidget() {
+    if (this.mapView && this._fullscreenElement && !this.fullscreenWidget) {
+      this.fullscreenWidget = new this.Fullscreen({
+        view: this.mapView
+      });
+    }
+    else if (this.fullscreenWidget) {
+      this.fullscreenWidget.view = this.mapView;
+    }
+  }
+  static get is() { return "map-fullscreen"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["map-fullscreen.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["map-fullscreen.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "mapView": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "__esri.MapView",
+          "resolved": "MapView",
+          "references": {
+            "___esri": {
+              "location": "global",
+              "id": "global::___esri"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html"
+        }
+      },
+      "fullscreenWidget": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "__esri.Fullscreen",
+          "resolved": "Fullscreen",
+          "references": {
+            "___esri": {
+              "location": "global",
+              "id": "global::___esri"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "esri/widgets/Fullscreen: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Fullscreen.html"
+        }
+      }
+    };
+  }
+  static get watchers() {
+    return [{
+        "propName": "mapView",
+        "methodName": "mapViewWatchHandler"
+      }];
+  }
+}

package/dist/collection/components/map-fullscreen/test/map-fullscreen.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('map-fullscreen', () => {
+  it('renders', async () => {
+    const page = await newE2EPage();
+    await page.setContent('<map-fullscreen></map-fullscreen>');
+    const element = await page.find('map-fullscreen');
+    expect(element).toHaveClass('hydrated');
+  });
+});

package/dist/collection/components/map-fullscreen/test/map-fullscreen.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 { MapFullscreen } from "../map-fullscreen";
+xdescribe('map-fullscreen', () => {
+  it('renders', async () => {
+    const page = await newSpecPage({
+      components: [MapFullscreen],
+      html: `<map-fullscreen></map-fullscreen>`,
+    });
+    expect(page.root).toEqualHtml(`
+      <map-fullscreen>
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+      </map-fullscreen>
+    `);
+  });
+});

package/dist/collection/components/map-select-tools/map-select-tools.js

@@ -177,7 +177,13 @@ export class MapSelectTools {
    * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
    */
   async componentDidLoad() {
-    return this._init();
+    await this._init();
+    await this._searchWidget.when(() => {
+      this._searchWidget.allPlaceholder = this._translations.placeholder;
+      this._searchWidget.defaultSources.forEach(s => {
+        s.placeholder = this._translations.placeholder;
+      });
+    });
   }
   /**
    * Renders the component.

package/dist/collection/components/map-tools/map-tools.css

@@ -22,10 +22,6 @@
   display: none;
 }
 
-.border {
-  border: 1px solid var(--calcite-ui-border-3);
-}
-
 .margin-top-1-2 {
   margin-top: 0.5rem;
 }
@@ -43,3 +39,11 @@
   width: 40px;
   height: 41px;
 }
+
+.border-bottom {
+  border-bottom: 1px solid var(--calcite-ui-border-3);
+}
+
+.box-shadow {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}

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

@@ -20,7 +20,6 @@
  */
 import { Host, h } from "@stencil/core";
 import { getLocaleComponentStrings } from "../../utils/locale";
-import { EExpandType } from "../../utils/interfaces";
 export class MapTools {
   constructor() {
     this.layout = "vertical";
@@ -29,6 +28,7 @@ export class MapTools {
     this._translations = undefined;
     this._showTools = true;
     this._showBasemapWidget = false;
+    this._showFullscreen = false;
     this._showLegendWidget = false;
     this._showSearchWidget = false;
   }
@@ -51,6 +51,18 @@ export class MapTools {
       this.mapView.ui.remove(this._basemapElement.basemapWidget);
     }
   }
+  /**
+   * When the _showBasemapWidget property is true display the basemap gallery
+   */
+  async _showFullscreenWatchHandler(v) {
+    const fs = this._fullscreenElement.fullscreenWidget;
+    if (v) {
+      fs.viewModel.enter();
+    }
+    else {
+      fs.viewModel.exit();
+    }
+  }
   /**
    * When the _showLegendWidget property is true display the search widget
    */
@@ -81,6 +93,16 @@ export class MapTools {
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -99,7 +121,11 @@ export class MapTools {
     const searchClass = this._showSearchWidget ? "" : "display-none";
     const basemapClass = this._showBasemapWidget ? "" : "display-none";
     const legendClass = this._showLegendWidget ? "" : "display-none";
-    return (h(Host, null, h("div", null, h("calcite-action", { alignment: "center", class: "border square-40", compact: false, icon: toggleIcon, onClick: () => { this._toggleTools(); }, scale: "s", text: "" }), h("calcite-action-bar", { class: `width-40 border margin-top-1-2 ${toolsClass}`, "expand-disabled": true, layout: this.layout }, this._getActionGroup("legend", false, this._translations.legend, () => this._showLegend()), this._getActionGroup("magnifying-glass", false, this._translations.search, () => this._search()), this._getActionGroup("expand", false, this._translations.expand, () => this._expand()), this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()))), h("basemap-gallery", { class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } })));
+    const fullscreenClass = this._showFullscreen ? "" : "display-none";
+    const fullscreenIcon = this._showFullscreen ? "full-screen-exit" : "full-screen";
+    const fullscreenTip = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen;
+    const expandTip = this._showTools ? this._translations.collapse : this._translations.expand;
+    return (h(Host, null, h("div", null, h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools())), h("div", { class: `margin-top-1-2 box-shadow ${toolsClass}` }, this._getActionGroup("legend", false, this._translations.legend, () => this._showLegend()), this._getActionGroup("magnifying-glass", false, this._translations.search, () => this._search()), this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()), this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()))), h("basemap-gallery", { class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //
@@ -119,7 +145,7 @@ export class MapTools {
    * @protected
    */
   _getActionGroup(icon, disabled, tip, func) {
-    return (h("calcite-action-group", { class: "square-40-41" }, h("calcite-action", { alignment: "center", class: "square-40", compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, h("span", null, tip))));
+    return (h("div", { class: "border-bottom" }, h("calcite-action", { alignment: "center", class: "square-40", compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, h("span", null, tip))));
   }
   // need to discuss this with the team
   _showLegend() {
@@ -143,14 +169,14 @@ export class MapTools {
     this._showTools = false;
   }
   /**
-   * Emit the expand map event
+   * Enter/Exit fullscreen mode
    *
    * @returns void
    *
    * @protected
    */
   _expand() {
-    this.expandMap.emit(EExpandType.EXPAND);
+    this._showFullscreen = !this._showFullscreen;
   }
   /**
    * Show/Hide the map tools
@@ -257,39 +283,19 @@ export class MapTools {
       "_translations": {},
       "_showTools": {},
       "_showBasemapWidget": {},
+      "_showFullscreen": {},
       "_showLegendWidget": {},
       "_showSearchWidget": {}
     };
   }
-  static get events() {
-    return [{
-        "method": "expandMap",
-        "name": "expandMap",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when the expand button is clicked"
-        },
-        "complexType": {
-          "original": "EExpandType",
-          "resolved": "EExpandType.COLLAPSE | EExpandType.EXPAND",
-          "references": {
-            "EExpandType": {
-              "location": "import",
-              "path": "../../utils/interfaces",
-              "id": "src/utils/interfaces.ts::EExpandType"
-            }
-          }
-        }
-      }];
-  }
   static get elementRef() { return "el"; }
   static get watchers() {
     return [{
         "propName": "_showBasemapWidget",
         "methodName": "_showBasemapWidgetWatchHandler"
+      }, {
+        "propName": "_showFullscreen",
+        "methodName": "_showFullscreenWatchHandler"
       }, {
         "propName": "_showLegendWidget",
         "methodName": "_showLegendWidgetWatchHandler"

package/dist/collection/components/pdf-download/pdf-download.js

@@ -43,27 +43,29 @@ export class PdfDownload {
   /**
    * Downloads csv of mailing labels for the provided list of ids
    *
+   * @param webmap Webmap containing layer
    * @param exportInfos Information about items to be exported
    * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
    * @param addColumnTitle Indicates if column headings should be included in output
    * @returns Promise resolving when function is done
    */
-  async downloadCSV(exportInfos, removeDuplicates, addColumnTitle = true) {
-    return downloadUtils.downloadCSV(exportInfos, true, // formatUsingLayerPopup
+  async downloadCSV(webmap, exportInfos, removeDuplicates, addColumnTitle = true) {
+    return downloadUtils.downloadCSV(webmap, exportInfos, true, // formatUsingLayerPopup
     removeDuplicates, addColumnTitle);
   }
   /**
    * Downloads pdf of mailing labels for the provided list of ids
    *
+   * @param webmap Webmap containing layer
    * @param exportInfos Information about items to be exported
    * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
    * @param title Title for each page
    * @param initialImageDataUrl Data URL of image for first page
    * @returns Promise resolving when function is done
    */
-  async downloadPDF(exportInfos, removeDuplicates = false, title = "", initialImageDataUrl = "") {
+  async downloadPDF(webmap, exportInfos, removeDuplicates = false, title = "", initialImageDataUrl = "") {
     var _c;
-    return downloadUtils.downloadPDF(exportInfos, (_c = this._labelInfoElement.selectedOption) === null || _c === void 0 ? void 0 : _c.value, removeDuplicates, title, initialImageDataUrl);
+    return downloadUtils.downloadPDF(webmap, exportInfos, (_c = this._labelInfoElement.selectedOption) === null || _c === void 0 ? void 0 : _c.value, removeDuplicates, title, initialImageDataUrl);
   }
   //--------------------------------------------------------------------------
   //
@@ -88,7 +90,7 @@ export class PdfDownload {
   render() {
     return (h(Host, null, h("calcite-select", { disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
   }
-  componentDidRender() {
+  componentDidLoad() {
     // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR
     this._renderOptions();
   }
@@ -217,8 +219,14 @@ export class PdfDownload {
     return {
       "downloadCSV": {
         "complexType": {
-          "signature": "(exportInfos: IExportInfos, removeDuplicates: boolean, addColumnTitle?: boolean) => Promise<void>",
+          "signature": "(webmap: __esri.Map, exportInfos: IExportInfos, removeDuplicates: boolean, addColumnTitle?: boolean) => Promise<void>",
           "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "webmap Webmap containing layer"
+                }],
+              "text": "Webmap containing layer"
+            }, {
               "tags": [{
                   "name": "param",
                   "text": "exportInfos Information about items to be exported"
@@ -242,6 +250,10 @@ export class PdfDownload {
               "location": "global",
               "id": "global::Promise"
             },
+            "___esri": {
+              "location": "global",
+              "id": "global::___esri"
+            },
             "IExportInfos": {
               "location": "import",
               "path": "../../utils/interfaces",
@@ -253,6 +265,9 @@ export class PdfDownload {
         "docs": {
           "text": "Downloads csv of mailing labels for the provided list of ids",
           "tags": [{
+              "name": "param",
+              "text": "webmap Webmap containing layer"
+            }, {
               "name": "param",
               "text": "exportInfos Information about items to be exported"
             }, {
@@ -269,8 +284,14 @@ export class PdfDownload {
       },
       "downloadPDF": {
         "complexType": {
-          "signature": "(exportInfos: IExportInfos, removeDuplicates?: boolean, title?: string, initialImageDataUrl?: string) => Promise<void>",
+          "signature": "(webmap: __esri.Map, exportInfos: IExportInfos, removeDuplicates?: boolean, title?: string, initialImageDataUrl?: string) => Promise<void>",
           "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "webmap Webmap containing layer"
+                }],
+              "text": "Webmap containing layer"
+            }, {
               "tags": [{
                   "name": "param",
                   "text": "exportInfos Information about items to be exported"
@@ -300,6 +321,10 @@ export class PdfDownload {
               "location": "global",
               "id": "global::Promise"
             },
+            "___esri": {
+              "location": "global",
+              "id": "global::___esri"
+            },
             "IExportInfos": {
               "location": "import",
               "path": "../../utils/interfaces",
@@ -315,6 +340,9 @@ export class PdfDownload {
         "docs": {
           "text": "Downloads pdf of mailing labels for the provided list of ids",
           "tags": [{
+              "name": "param",
+              "text": "webmap Webmap containing layer"
+            }, {
               "name": "param",
               "text": "exportInfos Information about items to be exported"
             }, {

package/dist/collection/components/public-notification/public-notification.js

@@ -422,7 +422,7 @@ export class PublicNotification {
    */
   async _getNumDuplicates() {
     const exportInfos = this._getExportInfos();
-    const labels = await consolidateLabels(exportInfos);
+    const labels = await consolidateLabels(this.mapView.map, exportInfos);
     const duplicatesRemoved = removeDuplicateLabels(labels);
     return labels.length - duplicatesRemoved.length;
   }
@@ -633,12 +633,12 @@ export class PublicNotification {
       }
       this._fetchingData = true;
       // Create the labels for each selection set
-      await this._downloadTools.downloadPDF(exportInfos, this._removeDuplicates.checked, this._addTitle ? this._titleElement.value : "", initialImageDataUrl);
+      await this._downloadTools.downloadPDF(this.mapView.map, exportInfos, this._removeDuplicates.checked, this._addTitle ? this._titleElement.value : "", initialImageDataUrl);
       this._fetchingData = false;
     }
     if (this._exportType === EExportType.CSV) {
       this._fetchingData = true;
-      await this._downloadTools.downloadCSV(exportInfos, this._removeDuplicates.checked);
+      await this._downloadTools.downloadCSV(this.mapView.map, exportInfos, this._removeDuplicates.checked);
       this._fetchingData = false;
     }
   }