@esri/solutions-components 0.8.6 → 0.8.7

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

@@ -45,6 +45,7 @@ export class CrowdsourceManager {
          */
         this._shouldSetMapView = false;
         this.appProxies = undefined;
+        this.basemapConfig = undefined;
         this.defaultCenter = "";
         this.defaultGlobalId = "";
         this.defaultLayer = "";
@@ -52,26 +53,27 @@ export class CrowdsourceManager {
         this.defaultOid = "";
         this.defaultWebmap = "";
         this.enableAutoRefresh = false;
+        this.enableBasemap = true;
         this.enableColumnReorder = true;
         this.enableCSV = true;
         this.enableFloorFilter = true;
         this.enableFullscreen = true;
+        this.enableHome = true;
         this.enableInlineEdit = false;
         this.enableLegend = true;
         this.enableSearch = true;
         this.enableShare = false;
-        this.enableHome = true;
         this.enableZoom = true;
-        this.enableBasemap = true;
-        this.basemapConfig = undefined;
-        this.showNewestFirst = true;
+        this.hideMapOnLoad = undefined;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.searchConfiguration = undefined;
         this.shareIncludeEmbed = undefined;
         this.shareIncludeSocial = undefined;
+        this.showNewestFirst = true;
         this.theme = "light";
         this.zoomAndScrollToSelected = false;
+        this.zoomToScale = undefined;
         this._expandPopup = false;
         this._hideFooter = false;
         this._hideTable = false;
@@ -522,6 +524,27 @@ export class CrowdsourceManager {
                 "attribute": "app-proxies",
                 "reflect": false
             },
+            "basemapConfig": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "IBasemapConfig",
+                    "resolved": "IBasemapConfig",
+                    "references": {
+                        "IBasemapConfig": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::IBasemapConfig"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "IBasemapConfig: List of any basemaps to filter out from the basemap widget"
+                }
+            },
             "defaultCenter": {
                 "type": "string",
                 "mutable": false,
@@ -648,7 +671,7 @@ export class CrowdsourceManager {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "enableColumnReorder": {
+            "enableBasemap": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -660,13 +683,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the layer table will support drag/drop of columns to adjust order"
+                    "text": "boolean: when true the basemap widget will be available"
                 },
-                "attribute": "enable-column-reorder",
+                "attribute": "enable-basemap",
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "enableCSV": {
+            "enableColumnReorder": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -678,13 +701,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the export to csv button will be available"
+                    "text": "boolean: when true the layer table will support drag/drop of columns to adjust order"
                 },
-                "attribute": "enable-c-s-v",
+                "attribute": "enable-column-reorder",
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "enableFloorFilter": {
+            "enableCSV": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -696,13 +719,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the fullscreen widget will be available"
+                    "text": "boolean: when true the export to csv button will be available"
                 },
-                "attribute": "enable-floor-filter",
+                "attribute": "enable-c-s-v",
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "enableFullscreen": {
+            "enableFloorFilter": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -716,11 +739,11 @@ export class CrowdsourceManager {
                     "tags": [],
                     "text": "boolean: when true the fullscreen widget will be available"
                 },
-                "attribute": "enable-fullscreen",
+                "attribute": "enable-floor-filter",
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "enableInlineEdit": {
+            "enableFullscreen": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -732,13 +755,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true edits can be applied directly within the table"
+                    "text": "boolean: when true the fullscreen widget will be available"
                 },
-                "attribute": "enable-inline-edit",
+                "attribute": "enable-fullscreen",
                 "reflect": false,
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
-            "enableLegend": {
+            "enableHome": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -750,13 +773,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the legend widget will be available"
+                    "text": "boolean: when true the home widget will be available"
                 },
-                "attribute": "enable-legend",
+                "attribute": "enable-home",
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "enableSearch": {
+            "enableInlineEdit": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -768,13 +791,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the search widget will be available"
+                    "text": "boolean: when true edits can be applied directly within the table"
                 },
-                "attribute": "enable-search",
+                "attribute": "enable-inline-edit",
                 "reflect": false,
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
-            "enableShare": {
+            "enableLegend": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -786,13 +809,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the share widget will be available"
+                    "text": "boolean: when true the legend widget will be available"
                 },
-                "attribute": "enable-share",
+                "attribute": "enable-legend",
                 "reflect": false,
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
-            "enableHome": {
+            "enableSearch": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -804,13 +827,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the home widget will be available"
+                    "text": "boolean: when true the search widget will be available"
                 },
-                "attribute": "enable-home",
+                "attribute": "enable-search",
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "enableZoom": {
+            "enableShare": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -822,13 +845,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the zoom widget will be available"
+                    "text": "boolean: when true the share widget will be available"
                 },
-                "attribute": "enable-zoom",
+                "attribute": "enable-share",
                 "reflect": false,
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
-            "enableBasemap": {
+            "enableZoom": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -840,34 +863,13 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the basemap widget will be available"
+                    "text": "boolean: when true the zoom widget will be available"
                 },
-                "attribute": "enable-basemap",
+                "attribute": "enable-zoom",
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "basemapConfig": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "IBasemapConfig",
-                    "resolved": "IBasemapConfig",
-                    "references": {
-                        "IBasemapConfig": {
-                            "location": "import",
-                            "path": "../../utils/interfaces",
-                            "id": "src/utils/interfaces.ts::IBasemapConfig"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "IBasemapConfig: List of any basemaps to filter out from the basemap widget"
-                }
-            },
-            "showNewestFirst": {
+            "hideMapOnLoad": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -879,11 +881,10 @@ export class CrowdsourceManager {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: when true the table will be sorted by objectid in descending order by default"
+                    "text": "boolean: when true the map will be hidden on load"
                 },
-                "attribute": "show-newest-first",
-                "reflect": false,
-                "defaultValue": "true"
+                "attribute": "hide-map-on-load",
+                "reflect": false
             },
             "mapInfos": {
                 "type": "unknown",
@@ -980,6 +981,24 @@ export class CrowdsourceManager {
                 "attribute": "share-include-social",
                 "reflect": false
             },
+            "showNewestFirst": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true the table will be sorted by objectid in descending order by default"
+                },
+                "attribute": "show-newest-first",
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "theme": {
                 "type": "string",
                 "mutable": false,
@@ -1021,6 +1040,23 @@ export class CrowdsourceManager {
                 "attribute": "zoom-and-scroll-to-selected",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "zoomToScale": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "number: default scale to zoom to when zooming to a single point feature"
+                },
+                "attribute": "zoom-to-scale",
+                "reflect": false
             }
         };
     }

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

@@ -41,8 +41,11 @@ export class CrowdsourceReporter {
         this.objectId = undefined;
         this.center = undefined;
         this.level = undefined;
+        this.popupHeaderHoverColor = undefined;
+        this.popupHeaderColor = undefined;
         this.reportButtonText = undefined;
         this.reportsHeader = undefined;
+        this.reportingOptions = undefined;
         this.reportSubmittedMessage = undefined;
         this.searchConfiguration = undefined;
         this.showComments = undefined;
@@ -52,6 +55,7 @@ export class CrowdsourceReporter {
         this.mapInfos = [];
         this.theme = "light";
         this.enableZoom = true;
+        this.zoomToScale = undefined;
         this._mapInfo = undefined;
         this._flowItems = [];
         this._sidePanelCollapsed = false;
@@ -410,7 +414,7 @@ export class CrowdsourceReporter {
         // highlight the newly selected feature only when it has valid geometry
         if (selectedFeature && selectedFeature.geometry && selectedFeature.layer) {
             const selectedLayerView = await getFeatureLayerView(this.mapView, selectedFeature.layer.id);
-            // remove previous highlight options (if any) to highlight the feature by default color 
+            // remove previous highlight options (if any) to highlight the feature by default color
             selectedLayerView.highlightOptions = null;
             this._highlightHandle = await highlightFeatures([selectedFeature.getObjectId()], selectedLayerView, this.mapView, true);
         }
@@ -494,7 +498,7 @@ export class CrowdsourceReporter {
                 var _a;
                 return !this._validLayers.includes(graphic.layer) && ((_a = graphic === null || graphic === void 0 ? void 0 : graphic.layer) === null || _a === void 0 ? void 0 : _a.id);
             });
-            // if clicked graphic's layer is one of the reporting layers then show details in layer panel 
+            // if clicked graphic's layer is one of the reporting layers then show details in layer panel
             if (reportingLayerGraphics.length > 0) {
                 //update the selectedFeature
                 this.setSelectedFeatures(reportingLayerGraphics);
@@ -887,6 +891,40 @@ export class CrowdsourceReporter {
                 "attribute": "level",
                 "reflect": false
             },
+            "popupHeaderHoverColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: The color that will be displayed on hover when expanding the popup header"
+                },
+                "attribute": "popup-header-hover-color",
+                "reflect": false
+            },
+            "popupHeaderColor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: The background color to apply to the popup header"
+                },
+                "attribute": "popup-header-color",
+                "reflect": false
+            },
             "reportButtonText": {
                 "type": "string",
                 "mutable": false,
@@ -921,6 +959,27 @@ export class CrowdsourceReporter {
                 "attribute": "reports-header",
                 "reflect": false
             },
+            "reportingOptions": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "IReportingOptions",
+                    "resolved": "IReportingOptions",
+                    "references": {
+                        "IReportingOptions": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::IReportingOptions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "IReportingOptions: Key options for reporting"
+                }
+            },
             "reportSubmittedMessage": {
                 "type": "string",
                 "mutable": false,
@@ -1093,6 +1152,23 @@ export class CrowdsourceReporter {
                 "attribute": "enable-zoom",
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "zoomToScale": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "number: default scale to zoom to when zooming to a single point feature"
+                },
+                "attribute": "zoom-to-scale",
+                "reflect": false
             }
         };
     }

package/dist/collection/utils/interfaces.ts

@@ -572,3 +572,19 @@ export interface IConsentResponse {
 export interface IManagedLayers {
   [key: string]: "buffer" | "sketch";
 }
+
+/**
+ * Key is the layers guid
+ */
+export interface IReportingOptions {
+  [key: string]: IReportOption;
+}
+
+export interface IReportOption {
+  reporting: boolean;
+  comment: boolean;
+  like: boolean;
+  dislike: boolean;
+  likeField: string;
+  dislikeField: string;
+}

package/dist/components/crowdsource-manager.js

@@ -92,6 +92,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
          */
         this._shouldSetMapView = false;
         this.appProxies = undefined;
+        this.basemapConfig = undefined;
         this.defaultCenter = "";
         this.defaultGlobalId = "";
         this.defaultLayer = "";
@@ -99,26 +100,27 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this.defaultOid = "";
         this.defaultWebmap = "";
         this.enableAutoRefresh = false;
+        this.enableBasemap = true;
         this.enableColumnReorder = true;
         this.enableCSV = true;
         this.enableFloorFilter = true;
         this.enableFullscreen = true;
+        this.enableHome = true;
         this.enableInlineEdit = false;
         this.enableLegend = true;
         this.enableSearch = true;
         this.enableShare = false;
-        this.enableHome = true;
         this.enableZoom = true;
-        this.enableBasemap = true;
-        this.basemapConfig = undefined;
-        this.showNewestFirst = true;
+        this.hideMapOnLoad = undefined;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.searchConfiguration = undefined;
         this.shareIncludeEmbed = undefined;
         this.shareIncludeSocial = undefined;
+        this.showNewestFirst = true;
         this.theme = "light";
         this.zoomAndScrollToSelected = false;
+        this.zoomToScale = undefined;
         this._expandPopup = false;
         this._hideFooter = false;
         this._hideTable = false;
@@ -546,6 +548,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     static get style() { return crowdsourceManagerCss; }
 }, [0, "crowdsource-manager", {
         "appProxies": [8, "app-proxies"],
+        "basemapConfig": [16],
         "defaultCenter": [1, "default-center"],
         "defaultGlobalId": [1, "default-global-id"],
         "defaultLayer": [1, "default-layer"],
@@ -553,26 +556,27 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "defaultOid": [1, "default-oid"],
         "defaultWebmap": [1, "default-webmap"],
         "enableAutoRefresh": [4, "enable-auto-refresh"],
+        "enableBasemap": [4, "enable-basemap"],
         "enableColumnReorder": [4, "enable-column-reorder"],
         "enableCSV": [4, "enable-c-s-v"],
         "enableFloorFilter": [4, "enable-floor-filter"],
         "enableFullscreen": [4, "enable-fullscreen"],
+        "enableHome": [4, "enable-home"],
         "enableInlineEdit": [4, "enable-inline-edit"],
         "enableLegend": [4, "enable-legend"],
         "enableSearch": [4, "enable-search"],
         "enableShare": [4, "enable-share"],
-        "enableHome": [4, "enable-home"],
         "enableZoom": [4, "enable-zoom"],
-        "enableBasemap": [4, "enable-basemap"],
-        "basemapConfig": [16],
-        "showNewestFirst": [4, "show-newest-first"],
+        "hideMapOnLoad": [4, "hide-map-on-load"],
         "mapInfos": [16],
         "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],
         "searchConfiguration": [16],
         "shareIncludeEmbed": [4, "share-include-embed"],
         "shareIncludeSocial": [4, "share-include-social"],
+        "showNewestFirst": [4, "show-newest-first"],
         "theme": [1],
         "zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
+        "zoomToScale": [2, "zoom-to-scale"],
         "_expandPopup": [32],
         "_hideFooter": [32],
         "_hideTable": [32],

package/dist/components/crowdsource-reporter.js

@@ -63,8 +63,11 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         this.objectId = undefined;
         this.center = undefined;
         this.level = undefined;
+        this.popupHeaderHoverColor = undefined;
+        this.popupHeaderColor = undefined;
         this.reportButtonText = undefined;
         this.reportsHeader = undefined;
+        this.reportingOptions = undefined;
         this.reportSubmittedMessage = undefined;
         this.searchConfiguration = undefined;
         this.showComments = undefined;
@@ -74,6 +77,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         this.mapInfos = [];
         this.theme = "light";
         this.enableZoom = true;
+        this.zoomToScale = undefined;
         this._mapInfo = undefined;
         this._flowItems = [];
         this._sidePanelCollapsed = false;
@@ -432,7 +436,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         // highlight the newly selected feature only when it has valid geometry
         if (selectedFeature && selectedFeature.geometry && selectedFeature.layer) {
             const selectedLayerView = await getFeatureLayerView(this.mapView, selectedFeature.layer.id);
-            // remove previous highlight options (if any) to highlight the feature by default color 
+            // remove previous highlight options (if any) to highlight the feature by default color
             selectedLayerView.highlightOptions = null;
             this._highlightHandle = await highlightFeatures([selectedFeature.getObjectId()], selectedLayerView, this.mapView, true);
         }
@@ -516,7 +520,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
                 var _a;
                 return !this._validLayers.includes(graphic.layer) && ((_a = graphic === null || graphic === void 0 ? void 0 : graphic.layer) === null || _a === void 0 ? void 0 : _a.id);
             });
-            // if clicked graphic's layer is one of the reporting layers then show details in layer panel 
+            // if clicked graphic's layer is one of the reporting layers then show details in layer panel
             if (reportingLayerGraphics.length > 0) {
                 //update the selectedFeature
                 this.setSelectedFeatures(reportingLayerGraphics);
@@ -678,8 +682,11 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         "objectId": [1, "object-id"],
         "center": [1],
         "level": [1],
+        "popupHeaderHoverColor": [1, "popup-header-hover-color"],
+        "popupHeaderColor": [1, "popup-header-color"],
         "reportButtonText": [1, "report-button-text"],
         "reportsHeader": [1, "reports-header"],
+        "reportingOptions": [16],
         "reportSubmittedMessage": [1, "report-submitted-message"],
         "searchConfiguration": [16],
         "showComments": [4, "show-comments"],
@@ -689,6 +696,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         "mapInfos": [16],
         "theme": [1],
         "enableZoom": [4, "enable-zoom"],
+        "zoomToScale": [2, "zoom-to-scale"],
         "_mapInfo": [32],
         "_flowItems": [32],
         "_sidePanelCollapsed": [32],