@esri/solutions-components 0.8.4 → 0.8.6

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

@@ -5,10 +5,10 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-164d485a.js';
 import { a as getComponentClosestLanguage, l as loadModules, g as getLocaleComponentStrings } from './locale-bcbea4ef.js';
-import { c as goToSelection, h as highlightFeatures, j as queryObjectIds, k as getQueryGeoms, b as getFeatureLayerView, l as queryFeaturesByGeometry, m as getIdSets, n as highlightAllFeatures } from './mapViewUtils-20504620.js';
+import { d as goToSelection, h as highlightFeatures, j as queryObjectIds, k as getQueryGeoms, b as getFeatureLayerView, l as queryFeaturesByGeometry, m as getIdSets, n as highlightAllFeatures } from './mapViewUtils-253178f1.js';
 import { a as EWorkflowType, e as ESelectionMode, f as EDrawMode } from './interfaces-586e863c.js';
-import { s as state } from './publicNotificationStore-3bf4de75.js';
-import { d as downloadCSV, a as downloadPDF } from './downloadUtils-0c13073b.js';
+import { s as state } from './publicNotificationStore-223faed2.js';
+import { d as downloadCSV, a as downloadPDF } from './downloadUtils-0c1e4d7b.js';
 import './esri-loader-1b324844.js';
 import './_commonjsHelpers-0f74c230.js';
 import './index-477ea182.js';
@@ -422,7 +422,7 @@ const MapSelectTools = class {
             }
             else {
                 this._bufferGraphicsLayer = new this.GraphicsLayer({ title, listMode: "hide" });
-                state.managedLayers.push(title);
+                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/esm/{mapViewUtils-20504620.js → mapViewUtils-253178f1.js}

@@ -452,4 +452,4 @@ async function goToSelection(ids, layerView, mapView, flashFeatures = true, feat
     }
 }
 
-export { getAllLayers as a, getFeatureLayerView as b, goToSelection as c, getMapLayerHash as d, queryAllIds as e, queryFeatureIds as f, getLayerOrTable as g, highlightFeatures as h, queryFeaturesByGlobalID as i, queryObjectIds as j, getQueryGeoms as k, queryFeaturesByGeometry as l, getIdSets as m, highlightAllFeatures as n, getMapTableHash as o, queryFeaturesByID as q };
+export { getAllLayers as a, getFeatureLayerView as b, getMapLayerHash as c, goToSelection as d, queryAllIds as e, queryFeatureIds as f, getLayerOrTable as g, highlightFeatures as h, queryFeaturesByGlobalID as i, queryObjectIds as j, getQueryGeoms as k, queryFeaturesByGeometry as l, getIdSets as m, highlightAllFeatures as n, getMapTableHash as o, queryFeaturesByID as q };

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

@@ -6,9 +6,9 @@
 import { r as registerInstance, c as createEvent, a as getAssetPath, h, H as Host, g as getElement } from './index-164d485a.js';
 import { b as EExportType, c as EPageType, a as EWorkflowType } from './interfaces-586e863c.js';
 import { l as loadModules, g as getLocaleComponentStrings } from './locale-bcbea4ef.js';
-import { c as goToSelection, h as highlightFeatures } from './mapViewUtils-20504620.js';
-import { s as state } from './publicNotificationStore-3bf4de75.js';
-import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils-0c13073b.js';
+import { d as goToSelection, h as highlightFeatures } from './mapViewUtils-253178f1.js';
+import { s as state } from './publicNotificationStore-223faed2.js';
+import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils-0c1e4d7b.js';
 import './esri-loader-1b324844.js';
 import './_commonjsHelpers-0f74c230.js';
 import './index-477ea182.js';
@@ -53,6 +53,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;
@@ -131,6 +132,7 @@ const PublicNotification = class {
         if (pageType === EPageType.EXPORT) {
             this._fetchingData = true;
             this._numDuplicates = await this._getNumDuplicates();
+            this._updateExportGraphics();
             this._fetchingData = false;
         }
         this._clearHighlight();
@@ -138,6 +140,9 @@ const PublicNotification = class {
             // clear any draw shapes or buffers
             await this._clearSelection();
         }
+        if (oldPageType === EPageType.EXPORT) {
+            this._removeExportGraphics();
+        }
         if (pageType !== EPageType.SELECT) {
             return this._highlightFeatures();
         }
@@ -201,12 +206,14 @@ const PublicNotification = class {
      * @protected
      */
     async _initModules() {
-        const [geometryEngine, jsonUtils] = await loadModules([
+        const [geometryEngine, jsonUtils, graphic] = await 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
@@ -534,9 +541,107 @@ const PublicNotification = class {
     _getExportOptions() {
         const displayClass = this._exportType === 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 (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
+        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "list-graphics-icon", scale: "s" }), h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, 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(state.managedLayers).some((k) => {
+            const i = this.mapView.map.layers.findIndex((l) => l.title === k);
+            if (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
@@ -630,6 +735,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/esm/{publicNotificationStore-3bf4de75.js → publicNotificationStore-223faed2.js}

@@ -21,8 +21,8 @@ import { c as createStore } from './index-477ea182.js';
  * limitations under the License.
  */
 const { state, onChange } = 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