@esri/solutions-components 0.8.7 → 0.8.9

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

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-105cf2b9.js');
 const locale = require('./locale-3d0a4bc2.js');
-const mapViewUtils = require('./mapViewUtils-3e0fa457.js');
+const mapViewUtils = require('./mapViewUtils-9dc05308.js');
 const interfaces = require('./interfaces-7cd0a48a.js');
 const publicNotificationStore = require('./publicNotificationStore-e790601d.js');
-const downloadUtils = require('./downloadUtils-8b05d7cc.js');
+const downloadUtils = require('./downloadUtils-dc349b1a.js');
 require('./esri-loader-ce6c3d3d.js');
 require('./_commonjsHelpers-480c2e77.js');
 require('./index-ae65e42f.js');
@@ -190,7 +190,7 @@ const MapSelectTools = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, null, this._getMapLayerPicker(), index.h("div", { class: "border-bottom" }), index.h("div", { class: "padding-top-sides-1" }, index.h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } }), index.h("div", { class: "padding-top-1" }, index.h("map-draw-tools", { active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), index.h("div", { class: "border-bottom" }), this._getNameInput()));
+        return (index.h(index.Host, null, this._getMapLayerPicker(), index.h("div", { class: "border-bottom" }), index.h("div", { class: "padding-top-sides-1" }, index.h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } }), index.h("div", { class: "padding-top-1" }, index.h("map-draw-tools", { active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), index.h("div", { class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -199,7 +199,7 @@ const MapSelectTools = class {
         var _a, _b;
         const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
         const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-        return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.searchDistance, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "search-distance-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), index.h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), index.h("div", { class: showBufferToolsClass }, index.h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
+        return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.searchDistance, index.h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "search-distance-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), index.h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), index.h("div", { class: showBufferToolsClass }, index.h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
     }
     /**
      * Renders the map layer picker component.
@@ -235,7 +235,7 @@ const MapSelectTools = class {
      * @protected
      */
     _getMapLayerPicker() {
-        return (index.h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, index.h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
+        return (index.h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, index.h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => void this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -307,7 +307,7 @@ const MapSelectTools = class {
             });
             this._selectionLabel = (_c = this.selectionSet) === null || _c === void 0 ? void 0 : _c.label;
             if (!this._useLayerFeaturesEnabled) {
-                (_d = this._drawTools) === null || _d === void 0 ? void 0 : _d.updateGraphics();
+                await ((_d = this._drawTools) === null || _d === void 0 ? void 0 : _d.updateGraphics());
             }
             await mapViewUtils.goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
         }
@@ -453,7 +453,7 @@ const MapSelectTools = class {
             }
             this._workflowType = this._useLayerFeaturesEnabled ? interfaces.EWorkflowType.SELECT : interfaces.EWorkflowType.SKETCH;
             if (this._workflowType === interfaces.EWorkflowType.SKETCH) {
-                this._drawTools.updateGraphics();
+                await this._drawTools.updateGraphics();
             }
             await this._updateLabel();
             this._clearSearchWidget();
@@ -1410,7 +1410,7 @@ const RefineSelection = class {
         });
         const oids = Array.isArray(graphics) ? graphics.map(g => { var _a; return g.attributes[(_a = g === null || g === void 0 ? void 0 : g.layer) === null || _a === void 0 ? void 0 : _a.objectIdField]; }) : [];
         await this._updateIds(oids, this._selectionMode, this._refineSelectionSet.undoStack, this._refineLayer);
-        this._drawTools.clear();
+        void this._drawTools.clear();
     }
     /**
      * Highlight any selected features in the map

package/dist/cjs/{mapViewUtils-3e0fa457.js → mapViewUtils-9dc05308.js}

@@ -351,12 +351,13 @@ async function getAllLayers(mapView) {
  * @param layerView the layer view to highlight
  * @param mapView the map view used if updateExtent is true
  * @param updateExtent optional (default false) boolean to indicate if we should zoom to the extent
+ * @param zoomToScale optional (default 0) zoomScale that individual points will use when zoomed to
  *
  * @returns Promise resolving with the highlight handle
  */
-async function highlightFeatures(ids, layerView, mapView, updateExtent = false) {
+async function highlightFeatures(ids, layerView, mapView, updateExtent = false, zoomToScale = 0) {
     if (updateExtent) {
-        await goToSelection(ids, layerView, mapView, false);
+        await goToSelection(ids, layerView, mapView, false, undefined, zoomToScale);
         //wait for sometime to load the feature in layerView then only the highlight will work
         await new Promise(resolve => setTimeout(resolve, 1000));
     }
@@ -442,13 +443,18 @@ async function flashSelection(ids, layerView, featureEffect) {
  * @param layerView the layer view that contains the OIDs
  * @param mapView the map view to show the extent change
  * @param flashFeatures optional (default true) boolean to indicate if we should flash the features
- *
+ * @param featureEffect optional (default undefined) feature effect when flashing the features
+ * @param zoomToScale optional (default to 0) zoomScale that individual points will use when zoomed to
  * @returns Promise resolving when the operation is complete
  *
  */
-async function goToSelection(ids, layerView, mapView, flashFeatures = true, featureEffect = undefined) {
+async function goToSelection(ids, layerView, mapView, flashFeatures = true, featureEffect = undefined, zoomToScale = 0) {
     const result = await queryExtent(ids, layerView.layer);
-    await mapView.goTo(result.extent);
+    const goToParams = { target: result.extent };
+    if (result.count === 1 && layerView.layer.geometryType === 'point' && zoomToScale) {
+        goToParams.scale = zoomToScale;
+    }
+    await mapView.goTo(goToParams);
     if (flashFeatures) {
         await flashSelection(ids, layerView, featureEffect);
     }

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

@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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 mapViewUtils = require('./mapViewUtils-9dc05308.js');
 const publicNotificationStore = require('./publicNotificationStore-e790601d.js');
-const downloadUtils = require('./downloadUtils-8b05d7cc.js');
+const downloadUtils = require('./downloadUtils-dc349b1a.js');
 require('./esri-loader-ce6c3d3d.js');
 require('./_commonjsHelpers-480c2e77.js');
 require('./index-ae65e42f.js');