@esri/solutions-components 0.7.40 → 0.7.42

package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js

@@ -25,6 +25,8 @@ import { getAllLayers, getFeatureLayerView, getLayerOrTable, highlightFeatures }
 import { queryFeaturesByID } from "../../utils/queryUtils";
 export class CrowdsourceReporter {
     constructor() {
+        //HARDCODED IN EN
+        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.description = undefined;
         this.isMobile = undefined;
         this.enableAnonymousAccess = undefined;
@@ -170,7 +172,7 @@ export class CrowdsourceReporter {
      */
     getLayerListFlowItem() {
         return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this.reportsHeader }, this.isMobile && this.getActionToExpandCollapsePanel(), this._hasValidLayers && this.enableNewReports &&
-            h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
+            h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
     }
     /**
      * Get the layer list for creating a report
@@ -178,7 +180,7 @@ export class CrowdsourceReporter {
      * @protected
      */
     getChooseCategoryFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
     }
     /**
      * Get Feature create form of the selected feature layer
@@ -524,11 +526,17 @@ export class CrowdsourceReporter {
      * @protected
      */
     async loadFeatureFromURLParams() {
+        if (this.center && this.level) {
+            await this.mapView.goTo({
+                center: this.center.split(';').map(Number),
+                zoom: this.level
+            });
+        }
         if (this.layerId && this.objectId) {
             const layer = await getLayerOrTable(this.mapView, this.layerId);
             if (layer) {
                 // only query if we have some ids...query with no ids will result in all features being returned
-                const featureSet = await queryFeaturesByID([Number(this.objectId)], layer, [], false, this.mapView.spatialReference);
+                const featureSet = await queryFeaturesByID([Number(this.objectId)], layer, [], true, this.mapView.spatialReference);
                 if (featureSet.length) {
                     //update the selectedFeature
                     this._selectedFeature = featureSet;
@@ -540,6 +548,7 @@ export class CrowdsourceReporter {
                     else {
                         this._flowItems = [...this._flowItems];
                     }
+                    await this.highlightOnMap(featureSet[0]);
                 }
             }
         }

package/dist/collection/components/layer-list/layer-list.js

@@ -24,6 +24,8 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 import { formatNumber } from "../../utils/languageUtil";
 export class LayerList {
     constructor() {
+        //HARDCODED IN EN
+        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.mapView = undefined;
         this.layers = undefined;
         this.noLayerErrorMsg = undefined;
@@ -76,7 +78,7 @@ export class LayerList {
      */
     render() {
         return (h(Fragment, null, this._isLoading && h("calcite-loader", { label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
-            h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
+            h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
             h("calcite-list", { "selection-appearance": "border", "selection-mode": this.showNextIcon ? "none" : "single-persist" }, this.renderLayerList())));
     }
     //--------------------------------------------------------------------------

package/dist/collection/components/layer-table/layer-table.js

@@ -124,6 +124,16 @@ export class LayerTable {
             this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         }
     }
+    /**
+     * Update the toolbar when the share button is enabled/disabled
+     */
+    enableShareWatchHandler() {
+        // this should be caught by component did render and is when I test locally
+        // however have had reported case where it is not somehow on devext so adding explicit check here
+        if (this._toolbar) {
+            this._updateToolbar();
+        }
+    }
     /**
      * watch for changes to the list of controls that will currently fit in the display
      */
@@ -149,17 +159,6 @@ export class LayerTable {
             this._initToolInfos();
         }
     }
-    /**
-     * watch for changes in map info and recheck the tool infos
-     */
-    async mapInfoWatchHandler() {
-        var _a;
-        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this._initToolInfos();
-        }
-        this._initLayerExpressions();
-        this._resetColumnTemplates();
-    }
     /**
      * watch for changes in map view and get the first layer
      */
@@ -634,7 +633,7 @@ export class LayerTable {
                         this._setControlsThatFit(controlsThatFit, skipControls);
                     }
                 }
-            }, 5);
+            }, 250);
         }
     }
     /**
@@ -859,7 +858,6 @@ export class LayerTable {
                     },
                     container: node
                 });
-                this._table.columnPerformanceModeEnabled = false;
             });
             this._initColumnsInfo();
             this._checkEditEnabled();
@@ -992,19 +990,17 @@ export class LayerTable {
         if (!this._table) {
             await this._getTable(this._tableNode, columnTemplates);
         }
-        else if (columnTemplates) {
-            this._table.tableTemplate.columnTemplates = columnTemplates;
-        }
         this._table.layer = this._layer;
         this._table.view = this.mapView;
         this._checkEditEnabled();
         this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         this._initToolInfos();
-        await this._table.when(async () => {
+        await this.reactiveUtils.once(() => this._table.state === "loaded")
+            .then(async () => {
             var _a, _b;
             this._table.highlightIds.removeAll();
             this._table.clearSelectionFilter();
-            this._initColumnsInfo();
+            this._resetColumnTemplates();
             if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1) {
                 this._selectDefaultFeature(this.defaultOid);
                 this._defaultOidHonored = true;
@@ -1022,10 +1018,11 @@ export class LayerTable {
                 this._filterActive = true;
                 this._defaultFilterHonored = true;
             }
+            this._showOnlySelected = false;
+            this._sortActive = false;
+            await this._sortTable();
+            this._updateToolbar();
         });
-        this._showOnlySelected = false;
-        this._sortActive = false;
-        await this._sortTable();
     }
     /**
      * Store the column names and current hidden status to support show/hide of columns
@@ -1798,15 +1795,15 @@ export class LayerTable {
             }, {
                 "propName": "enableInlineEdit",
                 "methodName": "enableInlineEditWatchHandler"
+            }, {
+                "propName": "enableShare",
+                "methodName": "enableShareWatchHandler"
             }, {
                 "propName": "_controlsThatFit",
                 "methodName": "_controlsThatFitWatchHandler"
             }, {
                 "propName": "isMobile",
                 "methodName": "isMobileWatchHandler"
-            }, {
-                "propName": "mapInfo",
-                "methodName": "mapInfoWatchHandler"
             }, {
                 "propName": "mapView",
                 "methodName": "mapViewWatchHandler"

package/dist/collection/demos/crowdsource-reporter.html

@@ -115,8 +115,11 @@
               break;
             case 'oid':
               demo.objectId = value;
-            case 'center' || 'level':
-              demo[key] = value;
+            case 'center':
+              demo.center = value;
+              break;
+            case 'level':
+              demo.level = value;
               break;
           }
         }

package/dist/collection/utils/downloadUtils.js

@@ -606,6 +606,9 @@ export function _prepareAttributeValue(attributeValue, attributeType, attributeD
  * @returns Promise resolving when function is done
  */
 export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true, includeHeaderNames = false, fields = [], useFieldAliasNames = false) {
+    if (fields.length === 0) {
+        fields = layer.fields.map(f => f.name.toLowerCase());
+    }
     // Get the label formatting, if any
     const labelFormatProps = await _getLabelFormat(webmap, layer, formatUsingLayerPopup);
     // Because the label may actually come from a related layer, we'll use the layer that comes back from _getLabelFormat.
@@ -664,8 +667,7 @@ export async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup =
     }
     else {
         // Get the features to export
-        const outFields = fields.length > 0 ? fields : undefined;
-        featureSet = await queryFeaturesByID(ids, featureLayer, [], false, undefined, outFields);
+        featureSet = await queryFeaturesByID(ids, featureLayer, [], false, undefined, fields);
     }
     // Get field data types. Do we have any domain-based fields?
     const attributeOrigNames = {};

package/dist/collection/utils/downloadUtils.ts

@@ -846,6 +846,9 @@ export async function _prepareLabels(
   fields = [],
   useFieldAliasNames = false
 ): Promise<string[][]> {
+  if (fields.length === 0) {
+    fields = layer.fields.map(f => f.name.toLowerCase())
+  }
   // Get the label formatting, if any
   const labelFormatProps: ILabelFormatProps = await _getLabelFormat(webmap, layer, formatUsingLayerPopup);
 
@@ -915,8 +918,7 @@ export async function _prepareLabels(
 
   } else {
     // Get the features to export
-    const outFields = fields.length > 0 ? fields : undefined;
-    featureSet = await queryFeaturesByID(ids, featureLayer, [], false, undefined, outFields);
+    featureSet = await queryFeaturesByID(ids, featureLayer, [], false, undefined, fields);
   }
 
   // Get field data types. Do we have any domain-based fields?

package/dist/components/crowdsource-reporter.js

@@ -47,6 +47,8 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         super();
         this.__registerHost();
         this.togglePanel = createEvent(this, "togglePanel", 7);
+        //HARDCODED IN EN
+        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.description = undefined;
         this.isMobile = undefined;
         this.enableAnonymousAccess = undefined;
@@ -192,7 +194,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     getLayerListFlowItem() {
         return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this.reportsHeader }, this.isMobile && this.getActionToExpandCollapsePanel(), this._hasValidLayers && this.enableNewReports &&
-            h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
+            h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
     }
     /**
      * Get the layer list for creating a report
@@ -200,7 +202,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * @protected
      */
     getChooseCategoryFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
     }
     /**
      * Get Feature create form of the selected feature layer
@@ -546,11 +548,17 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * @protected
      */
     async loadFeatureFromURLParams() {
+        if (this.center && this.level) {
+            await this.mapView.goTo({
+                center: this.center.split(';').map(Number),
+                zoom: this.level
+            });
+        }
         if (this.layerId && this.objectId) {
             const layer = await getLayerOrTable(this.mapView, this.layerId);
             if (layer) {
                 // only query if we have some ids...query with no ids will result in all features being returned
-                const featureSet = await queryFeaturesByID([Number(this.objectId)], layer, [], false, this.mapView.spatialReference);
+                const featureSet = await queryFeaturesByID([Number(this.objectId)], layer, [], true, this.mapView.spatialReference);
                 if (featureSet.length) {
                     //update the selectedFeature
                     this._selectedFeature = featureSet;
@@ -562,6 +570,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
                     else {
                         this._flowItems = [...this._flowItems];
                     }
+                    await this.highlightOnMap(featureSet[0]);
                 }
             }
         }

package/dist/components/downloadUtils.js

@@ -2925,6 +2925,9 @@ function _prepareAttributeValue(attributeValue, attributeType, attributeDomain,
  * @returns Promise resolving when function is done
  */
 async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true, includeHeaderNames = false, fields = [], useFieldAliasNames = false) {
+    if (fields.length === 0) {
+        fields = layer.fields.map(f => f.name.toLowerCase());
+    }
     // Get the label formatting, if any
     const labelFormatProps = await _getLabelFormat(webmap, layer, formatUsingLayerPopup);
     // Because the label may actually come from a related layer, we'll use the layer that comes back from _getLabelFormat.
@@ -2983,8 +2986,7 @@ async function _prepareLabels(webmap, layer, ids, formatUsingLayerPopup = true,
     }
     else {
         // Get the features to export
-        const outFields = fields.length > 0 ? fields : undefined;
-        featureSet = await queryFeaturesByID(ids, featureLayer, [], false, undefined, outFields);
+        featureSet = await queryFeaturesByID(ids, featureLayer, [], false, undefined, fields);
     }
     // Get field data types. Do we have any domain-based fields?
     const attributeOrigNames = {};

package/dist/components/layer-list2.js

@@ -27,6 +27,8 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
         this.__registerHost();
         this.layerSelect = createEvent(this, "layerSelect", 7);
         this.layersListLoaded = createEvent(this, "layersListLoaded", 7);
+        //HARDCODED IN EN
+        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.mapView = undefined;
         this.layers = undefined;
         this.noLayerErrorMsg = undefined;
@@ -79,7 +81,7 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
      */
     render() {
         return (h(Fragment, null, this._isLoading && h("calcite-loader", { label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
-            h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
+            h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
             h("calcite-list", { "selection-appearance": "border", "selection-mode": this.showNextIcon ? "none" : "single-persist" }, this.renderLayerList())));
     }
     //--------------------------------------------------------------------------

package/dist/components/layer-table2.js

@@ -153,6 +153,16 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         }
     }
+    /**
+     * Update the toolbar when the share button is enabled/disabled
+     */
+    enableShareWatchHandler() {
+        // this should be caught by component did render and is when I test locally
+        // however have had reported case where it is not somehow on devext so adding explicit check here
+        if (this._toolbar) {
+            this._updateToolbar();
+        }
+    }
     /**
      * watch for changes to the list of controls that will currently fit in the display
      */
@@ -178,17 +188,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._initToolInfos();
         }
     }
-    /**
-     * watch for changes in map info and recheck the tool infos
-     */
-    async mapInfoWatchHandler() {
-        var _a;
-        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this._initToolInfos();
-        }
-        this._initLayerExpressions();
-        this._resetColumnTemplates();
-    }
     /**
      * watch for changes in map view and get the first layer
      */
@@ -663,7 +662,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                         this._setControlsThatFit(controlsThatFit, skipControls);
                     }
                 }
-            }, 5);
+            }, 250);
         }
     }
     /**
@@ -888,7 +887,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     },
                     container: node
                 });
-                this._table.columnPerformanceModeEnabled = false;
             });
             this._initColumnsInfo();
             this._checkEditEnabled();
@@ -1021,19 +1019,17 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         if (!this._table) {
             await this._getTable(this._tableNode, columnTemplates);
         }
-        else if (columnTemplates) {
-            this._table.tableTemplate.columnTemplates = columnTemplates;
-        }
         this._table.layer = this._layer;
         this._table.view = this.mapView;
         this._checkEditEnabled();
         this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         this._initToolInfos();
-        await this._table.when(async () => {
+        await this.reactiveUtils.once(() => this._table.state === "loaded")
+            .then(async () => {
             var _a, _b;
             this._table.highlightIds.removeAll();
             this._table.clearSelectionFilter();
-            this._initColumnsInfo();
+            this._resetColumnTemplates();
             if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1) {
                 this._selectDefaultFeature(this.defaultOid);
                 this._defaultOidHonored = true;
@@ -1051,10 +1047,11 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 this._filterActive = true;
                 this._defaultFilterHonored = true;
             }
+            this._showOnlySelected = false;
+            this._sortActive = false;
+            await this._sortTable();
+            this._updateToolbar();
         });
-        this._showOnlySelected = false;
-        this._sortActive = false;
-        await this._sortTable();
     }
     /**
      * Store the column names and current hidden status to support show/hide of columns
@@ -1462,9 +1459,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     static get watchers() { return {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
+        "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
         "selectedIds": ["selectedIdsWatchHandler"],
@@ -1504,9 +1501,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     }, [[8, "selectionChanged", "selectionChanged"], [8, "editsComplete", "editsComplete"], [8, "levelChanged", "levelChanged"], [8, "noLayersFound", "noLayersFound"]], {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
+        "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
         "selectedIds": ["selectedIdsWatchHandler"],

package/dist/esm/calcite-flow_5.entry.js

@@ -767,6 +767,8 @@ const LayerList = class {
         registerInstance(this, hostRef);
         this.layerSelect = createEvent(this, "layerSelect", 7);
         this.layersListLoaded = createEvent(this, "layersListLoaded", 7);
+        //HARDCODED IN EN
+        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.mapView = undefined;
         this.layers = undefined;
         this.noLayerErrorMsg = undefined;
@@ -819,7 +821,7 @@ const LayerList = class {
      */
     render() {
         return (h(Fragment, null, this._isLoading && h("calcite-loader", { label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
-            h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
+            h("calcite-notice", { class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { slot: "title" }, this._translations.error), h("div", { slot: "message" }, this.noLayerErrorMsg ? this.noLayerErrorMsg : this._noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
             h("calcite-list", { "selection-appearance": "border", "selection-mode": this.showNextIcon ? "none" : "single-persist" }, this.renderLayerList())));
     }
     //--------------------------------------------------------------------------

package/dist/esm/card-manager_3.entry.js

@@ -6,7 +6,7 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-164d485a.js';
 import { g as getLocaleComponentStrings, l as loadModules } from './locale-25a5ae3e.js';
 import { q as queryFeaturesByID, g as getLayerOrTable, c as goToSelection, e as queryAllIds, f as queryFeatureIds, i as queryFeaturesByGlobalID } from './mapViewUtils-a177d4f9.js';
-import { d as downloadCSV } from './downloadUtils-20d22198.js';
+import { d as downloadCSV } from './downloadUtils-d5928e55.js';
 import './esri-loader-eda07632.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './interfaces-586e863c.js';
@@ -205,6 +205,16 @@ const LayerTable = class {
             this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         }
     }
+    /**
+     * Update the toolbar when the share button is enabled/disabled
+     */
+    enableShareWatchHandler() {
+        // this should be caught by component did render and is when I test locally
+        // however have had reported case where it is not somehow on devext so adding explicit check here
+        if (this._toolbar) {
+            this._updateToolbar();
+        }
+    }
     /**
      * watch for changes to the list of controls that will currently fit in the display
      */
@@ -230,17 +240,6 @@ const LayerTable = class {
             this._initToolInfos();
         }
     }
-    /**
-     * watch for changes in map info and recheck the tool infos
-     */
-    async mapInfoWatchHandler() {
-        var _a;
-        if (((_a = this._toolInfos) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            this._initToolInfos();
-        }
-        this._initLayerExpressions();
-        this._resetColumnTemplates();
-    }
     /**
      * watch for changes in map view and get the first layer
      */
@@ -715,7 +714,7 @@ const LayerTable = class {
                         this._setControlsThatFit(controlsThatFit, skipControls);
                     }
                 }
-            }, 5);
+            }, 250);
         }
     }
     /**
@@ -940,7 +939,6 @@ const LayerTable = class {
                     },
                     container: node
                 });
-                this._table.columnPerformanceModeEnabled = false;
             });
             this._initColumnsInfo();
             this._checkEditEnabled();
@@ -1073,19 +1071,17 @@ const LayerTable = class {
         if (!this._table) {
             await this._getTable(this._tableNode, columnTemplates);
         }
-        else if (columnTemplates) {
-            this._table.tableTemplate.columnTemplates = columnTemplates;
-        }
         this._table.layer = this._layer;
         this._table.view = this.mapView;
         this._checkEditEnabled();
         this._table.editingEnabled = this._editEnabled && this.enableInlineEdit;
         this._initToolInfos();
-        await this._table.when(async () => {
+        await this.reactiveUtils.once(() => this._table.state === "loaded")
+            .then(async () => {
             var _a, _b;
             this._table.highlightIds.removeAll();
             this._table.clearSelectionFilter();
-            this._initColumnsInfo();
+            this._resetColumnTemplates();
             if (!this._defaultOidHonored && ((_a = this.defaultOid) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.defaultOid[0] > -1) {
                 this._selectDefaultFeature(this.defaultOid);
                 this._defaultOidHonored = true;
@@ -1103,10 +1099,11 @@ const LayerTable = class {
                 this._filterActive = true;
                 this._defaultFilterHonored = true;
             }
+            this._showOnlySelected = false;
+            this._sortActive = false;
+            await this._sortTable();
+            this._updateToolbar();
         });
-        this._showOnlySelected = false;
-        this._sortActive = false;
-        await this._sortTable();
     }
     /**
      * Store the column names and current hidden status to support show/hide of columns
@@ -1514,9 +1511,9 @@ const LayerTable = class {
     static get watchers() { return {
         "enableCSV": ["enableCSVWatchHandler"],
         "enableInlineEdit": ["enableInlineEditWatchHandler"],
+        "enableShare": ["enableShareWatchHandler"],
         "_controlsThatFit": ["_controlsThatFitWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
         "selectedIds": ["selectedIdsWatchHandler"],

package/dist/esm/crowdsource-reporter.entry.js

@@ -16,6 +16,8 @@ const CrowdsourceReporter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.togglePanel = createEvent(this, "togglePanel", 7);
+        //HARDCODED IN EN
+        this._noLayerToDisplayErrorMsg = "Web map does not contain any editable layers.";
         this.description = undefined;
         this.isMobile = undefined;
         this.enableAnonymousAccess = undefined;
@@ -161,7 +163,7 @@ const CrowdsourceReporter = class {
      */
     getLayerListFlowItem() {
         return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this.reportsHeader }, this.isMobile && this.getActionToExpandCollapsePanel(), this._hasValidLayers && this.enableNewReports &&
-            h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
+            h("calcite-button", { appearance: "solid", onClick: this.navigateToChooseCategory.bind(this), slot: "footer", width: "full" }, this.reportButtonText), h("calcite-panel", { "full-height": true, "full-width": true }, h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._noLayerToDisplayErrorMsg, onLayerSelect: this.displayFeaturesList.bind(this), onLayersListLoaded: this.layerListLoaded.bind(this), ref: el => this._layerList = el, showFeatureCount: true, showNextIcon: true }))));
     }
     /**
      * Get the layer list for creating a report
@@ -169,7 +171,7 @@ const CrowdsourceReporter = class {
      * @protected
      */
     getChooseCategoryFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._translations.noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations.createReportHeader, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._selectedLayerId, onClick: this.navigateToCreateFeature.bind(this), width: "full" }, this._translations.next), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("calcite-notice", { class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { slot: "message" }, this._translations.chooseCategoryMsg)), h("layer-list", { class: "height-full", layers: this.layers, mapView: this.mapView, noLayerErrorMsg: this._noLayerToDisplayErrorMsg, onLayerSelect: this.highlightSelectedLayer.bind(this), showFeatureCount: false, showNextIcon: false }))));
     }
     /**
      * Get Feature create form of the selected feature layer
@@ -515,11 +517,17 @@ const CrowdsourceReporter = class {
      * @protected
      */
     async loadFeatureFromURLParams() {
+        if (this.center && this.level) {
+            await this.mapView.goTo({
+                center: this.center.split(';').map(Number),
+                zoom: this.level
+            });
+        }
         if (this.layerId && this.objectId) {
             const layer = await getLayerOrTable(this.mapView, this.layerId);
             if (layer) {
                 // only query if we have some ids...query with no ids will result in all features being returned
-                const featureSet = await queryFeaturesByID([Number(this.objectId)], layer, [], false, this.mapView.spatialReference);
+                const featureSet = await queryFeaturesByID([Number(this.objectId)], layer, [], true, this.mapView.spatialReference);
                 if (featureSet.length) {
                     //update the selectedFeature
                     this._selectedFeature = featureSet;
@@ -531,6 +539,7 @@ const CrowdsourceReporter = class {
                     else {
                         this._flowItems = [...this._flowItems];
                     }
+                    await this.highlightOnMap(featureSet[0]);
                 }
             }
         }