@esri/solutions-components 0.8.5 → 0.8.6

package/dist/cjs/map-select-tools_3.cjs.entry.js

@@ -11,7 +11,7 @@ const index = require('./index-105cf2b9.js');
 const locale = require('./locale-3d0a4bc2.js');
 const mapViewUtils = require('./mapViewUtils-3e0fa457.js');
 const interfaces = require('./interfaces-7cd0a48a.js');
-const publicNotificationStore = require('./publicNotificationStore-ef379d11.js');
+const publicNotificationStore = require('./publicNotificationStore-e790601d.js');
 const downloadUtils = require('./downloadUtils-8b05d7cc.js');
 require('./esri-loader-ce6c3d3d.js');
 require('./_commonjsHelpers-480c2e77.js');
@@ -426,7 +426,7 @@ const MapSelectTools = class {
             }
             else {
                 this._bufferGraphicsLayer = new this.GraphicsLayer({ title, listMode: "hide" });
-                publicNotificationStore.state.managedLayers.push(title);
+                publicNotificationStore.state.managedLayers[title] = "buffer";
                 const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === this._translations.sketchLayer);
                 if (sketchIndex > -1) {
                     this.mapView.map.layers.add(this._bufferGraphicsLayer, sketchIndex);

package/dist/cjs/public-notification.cjs.entry.js

@@ -11,7 +11,7 @@ const index = require('./index-105cf2b9.js');
 const interfaces = require('./interfaces-7cd0a48a.js');
 const locale = require('./locale-3d0a4bc2.js');
 const mapViewUtils = require('./mapViewUtils-3e0fa457.js');
-const publicNotificationStore = require('./publicNotificationStore-ef379d11.js');
+const publicNotificationStore = require('./publicNotificationStore-e790601d.js');
 const downloadUtils = require('./downloadUtils-8b05d7cc.js');
 require('./esri-loader-ce6c3d3d.js');
 require('./_commonjsHelpers-480c2e77.js');
@@ -57,6 +57,7 @@ const PublicNotification = class {
         this.sketchLineSymbol = undefined;
         this.sketchPointSymbol = undefined;
         this.sketchPolygonSymbol = undefined;
+        this._exportGraphics = false;
         this._addMap = false;
         this._addResults = true;
         this._addTitle = false;
@@ -135,6 +136,7 @@ const PublicNotification = class {
         if (pageType === interfaces.EPageType.EXPORT) {
             this._fetchingData = true;
             this._numDuplicates = await this._getNumDuplicates();
+            this._updateExportGraphics();
             this._fetchingData = false;
         }
         this._clearHighlight();
@@ -142,6 +144,9 @@ const PublicNotification = class {
             // clear any draw shapes or buffers
             await this._clearSelection();
         }
+        if (oldPageType === interfaces.EPageType.EXPORT) {
+            this._removeExportGraphics();
+        }
         if (pageType !== interfaces.EPageType.SELECT) {
             return this._highlightFeatures();
         }
@@ -205,12 +210,14 @@ const PublicNotification = class {
      * @protected
      */
     async _initModules() {
-        const [geometryEngine, jsonUtils] = await locale.loadModules([
+        const [geometryEngine, jsonUtils, graphic] = await locale.loadModules([
             "esri/geometry/geometryEngine",
-            "esri/symbols/support/jsonUtils"
+            "esri/symbols/support/jsonUtils",
+            "esri/Graphic"
         ]);
         this._geometryEngine = geometryEngine;
         this._jsonUtils = jsonUtils;
+        this.Graphic = graphic;
     }
     /**
      * Load the search configuration
@@ -538,9 +545,107 @@ const PublicNotification = class {
     _getExportOptions() {
         const displayClass = this._exportType === interfaces.EExportType.PDF ? "display-block" : "display-none";
         const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
+        const graphicsOptionsClass = this._addMap ? "display-flex" : "display-none";
         const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
         const formatOptionsClass = this._addResults ? "" : "display-none";
-        return (index.h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), index.h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), index.h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, index.h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), index.h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), index.h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
+        return (index.h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), index.h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), index.h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, index.h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), index.h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), index.h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), index.h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "list-graphics-icon", scale: "s" }), index.h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
+    }
+    /**
+     * Toggle the _addMap state variable and update the graphics on the map
+     *
+     * @protected
+     */
+    _handleAddMapChange() {
+        this._addMap = !this._addMap;
+        this._updateExportGraphics();
+    }
+    /**
+     * Toggle the _exportGraphics state variable and update the graphics on the map
+     *
+     * @protected
+     */
+    _handleExportGraphicsChange() {
+        this._exportGraphics = !this._exportGraphics;
+        this._updateExportGraphics();
+    }
+    /**
+     * Get the "sketch" or "buffer" graphics layer
+     *
+     * @param type The type of managed layer to fetch "sketch" | "buffer"
+     *
+     * @protected
+     */
+    _getManagedLayer(type) {
+        let layer;
+        Object.keys(publicNotificationStore.state.managedLayers).some((k) => {
+            const i = this.mapView.map.layers.findIndex((l) => l.title === k);
+            if (publicNotificationStore.state.managedLayers[k] === type) {
+                layer = this.mapView.map.layers.getItemAt(i);
+                return true;
+            }
+        });
+        return layer;
+    }
+    /**
+     * Update the export graphics by adding or removeing them
+     *
+     * @param clear When true the graphics layers will be cleared prior to adding any new graphics, defaults to false
+     *
+     * @protected
+     */
+    _updateExportGraphics(clear = false) {
+        if (clear || !this._exportGraphics || !this._addMap) {
+            this._removeExportGraphics();
+        }
+        if (this._exportGraphics && this._addMap) {
+            this._addExportGraphics();
+        }
+    }
+    /**
+     * Remove all buffer and sketch graphics
+     *
+     * @protected
+     */
+    _removeExportGraphics() {
+        const sketchLayer = this._getManagedLayer("sketch");
+        const bufferLayer = this._getManagedLayer("buffer");
+        if (sketchLayer) {
+            sketchLayer.graphics.removeAll();
+        }
+        if (bufferLayer) {
+            bufferLayer.graphics.removeAll();
+        }
+    }
+    /**
+     * Add all buffer and sketch graphics that are flagged for download
+     *
+     * @protected
+     */
+    _addExportGraphics() {
+        const sketchLayer = this._getManagedLayer("sketch");
+        const bufferLayer = this._getManagedLayer("buffer");
+        this._selectionSets.forEach(ss => {
+            if (ss.download) {
+                if (sketchLayer) {
+                    sketchLayer.graphics.add(ss.sketchGraphic);
+                }
+                if (bufferLayer) {
+                    const symbol = {
+                        type: "simple-fill",
+                        color: this.bufferColor,
+                        outline: {
+                            color: this.bufferOutlineColor,
+                            width: 1
+                        }
+                    };
+                    const bufferGraphic = new this.Graphic({
+                        geometry: ss.buffer,
+                        symbol
+                    });
+                    bufferLayer.graphics.add(bufferGraphic);
+                }
+            }
+        });
     }
     /**
      * Render the refine page
@@ -634,6 +739,7 @@ const PublicNotification = class {
             isActive = ss.download ? true : isActive;
             return ss;
         });
+        this._updateExportGraphics(true);
         this._downloadActive = isActive;
         this._fetchingData = true;
         this._numDuplicates = await this._getNumDuplicates();

package/dist/cjs/{publicNotificationStore-ef379d11.js → publicNotificationStore-e790601d.js}

@@ -23,8 +23,8 @@ const index = require('./index-ae65e42f.js');
  * limitations under the License.
  */
 const { state, onChange } = index.createStore({
-    // List of layers added and managed by the component
-    managedLayers: [],
+    // Key Value pair whose Key is the layer name and the Value is the type of layer ("buffer" | "sketch")
+    managedLayers: {},
     // List of tables added and managed by the component
     managedTables: [],
     // Handle[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle