@esri/solutions-components 0.11.19 → 0.11.20

package/dist/collection/components/create-feature/create-feature.js

@@ -24,19 +24,20 @@ import { getAllLayers, getLayerOrTable } from "../../utils/mapViewUtils";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class CreateFeature {
     constructor() {
-        this.mapView = undefined;
-        this.selectedLayerId = undefined;
         this.customizeSubmit = false;
-        this.locale = undefined;
-        this.searchConfiguration = undefined;
-        this.isMobile = undefined;
+        this.enableSearch = false;
         this.floorLevel = undefined;
         this.formElements = undefined;
-        this.enableSearch = false;
+        this.isMobile = undefined;
+        this.locale = undefined;
+        this.mapView = undefined;
+        this.searchConfiguration = undefined;
+        this.selectedLayerId = undefined;
         this.showGuidingMsg = true;
         this.showGuidingMsgWhileDrawing = true;
-        this._editorLoading = false;
+        this.submitNewReportsMessage = undefined;
         this._currentPage = "templatePicker";
+        this._editorLoading = false;
         this._translations = undefined;
     }
     //--------------------------------------------------------------------------
@@ -60,6 +61,11 @@ export class CreateFeature {
      * The ExpressionInfo constructor
      */
     ExpressionInfo;
+    /**
+     * https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+     * The Feature layer instance
+     */
+    FeatureLayer;
     /**
      * esri/form/elements/FieldElement: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-elements-FieldElement.html
      * The FieldElement constructor
@@ -69,68 +75,63 @@ export class CreateFeature {
      * esri/form/FormTemplate: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-FormTemplate.html
      */
     FormTemplate;
-    /**
-     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
-     * The Editor instance
-     */
-    _editor;
-    /**
-     * https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-     * The Feature layer instance
-     */
-    FeatureLayer;
     /**
      * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
      * The MapView instance
      */
     MapView;
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     * Updated map view instance
-     */
-    _updatedMapView;
     /**
      * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
      * The Search instance
      */
     Search;
-    /**
-     * "esri/widgets/Search": https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
-     * The Search instance
-     */
-    _search;
-    /**
-     * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
-     */
-    reactiveUtils;
     /**
      * boolean: Flag to maintain the add attachment
      */
     _addingAttachment;
+    /**
+     * HTMLCalciteNoticeElement: calcite notice refrence element
+     */
+    _calciteNotice;
     /**
      * HTMLDivElement: The node the editor will be added to
      */
     _container;
     /**
-     * HTMLDivElement: The node for the map view
+     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+     * The Editor instance
      */
-    _mapViewContainer;
+    _editor;
     /**
      * boolean: Flag to maintain form submission using submit button
      */
     _isSubmitBtnClicked = false;
     /**
-     * __esri.FeatureLayer: selected feature layer;
+     * HTMLDivElement: The node for the map view
      */
-    _selectedLayer;
+    _mapViewContainer;
+    /**
+     * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
+     */
+    reactiveUtils;
+    /**
+     * "esri/widgets/Search": https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
+     * The Search instance
+     */
+    _search;
     /**
      * HTMLDivElement: refrence for search div element
      */
     _searchDiv;
     /**
-     * HTMLCalciteNoticeElement: calcite notice refrence element
+     * __esri.FeatureLayer: selected feature layer;
      */
-    _calciteNotice;
+    _selectedLayer;
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     * Updated map view instance
+     */
+    _updatedMapView;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -290,8 +291,8 @@ export class CreateFeature {
         else if (this._currentPage === 'featureForm') {
             guidingMsg = this._translations.provideDetailsMsg;
         }
-        return (h(Fragment, { key: '829e66e8b4818b2566d514ae85eddc50968075f8' }, showGuidingMsg && h("calcite-notice", { key: '0347181f26f5d87d38f8be185e0b43ffbbc34208', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: 'e5dd776ead66c26184a5aad747e82d97612d961a', slot: "message" }, guidingMsg)), h("calcite-loader", { key: '7989ecdbb4b635d38a1d63bf879d7e95b3f9a9be', class: loaderClass, label: "", scale: "s" }), h("div", { key: '6f6184af21e8a0595e5c51c132e657e7660caa01', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
-            h("div", { key: '2068ca424a9355a28c9957104a4f6973b11c1b8f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: 'a899d52788e6cfa67fe77abbbe0eeb6383b40d0a', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
+        return (h(Fragment, { key: 'cb3462a70e0097e9b4ac9dac3f910fce6d30f8b5' }, showGuidingMsg && h("calcite-notice", { key: 'ddd908ac4b31f60d07de064ec1decae06b3d93bd', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: '3cee10085fa29190d88d3d03d35f726d1b51651b', slot: "message" }, guidingMsg)), h("calcite-loader", { key: 'cf714d63a011712fa03c148c17a8811356e14859', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'e20cb740a1d22795b397af191a26339d709aba0d', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
+            h("div", { key: 'd2b439d3845b69527fdea2414c7b22078b0af4ea', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: '1f4e39aaaa93f4e2102767c04c5ad256e4f129e2', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -707,48 +708,27 @@ export class CreateFeature {
     }
     static get properties() {
         return {
-            "mapView": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "__esri.MapView",
-                    "resolved": "MapView",
-                    "references": {
-                        "___esri": {
-                            "location": "global",
-                            "id": "global::___esri"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html"
-                },
-                "getter": false,
-                "setter": false
-            },
-            "selectedLayerId": {
-                "type": "string",
+            "customizeSubmit": {
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "string: Layer id of the feature layer in which the new feature is to be created"
+                    "text": "boolean: Set this to true when have a custom submit button in the app.\r\nThis will hide the header and footer elements of the editor and user needs to execute the submit method manually."
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "selected-layer-id",
-                "reflect": false
+                "attribute": "customize-submit",
+                "reflect": false,
+                "defaultValue": "false"
             },
-            "customizeSubmit": {
+            "enableSearch": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -760,15 +740,15 @@ export class CreateFeature {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: Set this to true when have a custom submit button in the app.\r\nThis will hide the header and footer elements of the editor and user needs to execute the submit method manually."
+                    "text": "boolean: When true the Search box will be displayed"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "customize-submit",
+                "attribute": "enable-search",
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "locale": {
+            "floorLevel": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -780,35 +760,31 @@ export class CreateFeature {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "string: Locale to use for translation of stings in the UI"
+                    "text": "string: selected floor level"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "locale",
+                "attribute": "floor-level",
                 "reflect": false
             },
-            "searchConfiguration": {
-                "type": "unknown",
+            "formElements": {
+                "type": "any",
                 "mutable": false,
                 "complexType": {
-                    "original": "ISearchConfiguration",
-                    "resolved": "ISearchConfiguration",
-                    "references": {
-                        "ISearchConfiguration": {
-                            "location": "import",
-                            "path": "../../utils/interfaces",
-                            "id": "src/utils/interfaces.ts::ISearchConfiguration"
-                        }
-                    }
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "ISearchConfiguration: Configuration details for the Search widget"
+                    "text": "string: selected floor level"
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "attribute": "form-elements",
+                "reflect": false
             },
             "isMobile": {
                 "type": "boolean",
@@ -829,7 +805,7 @@ export class CreateFeature {
                 "attribute": "is-mobile",
                 "reflect": false
             },
-            "floorLevel": {
+            "locale": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -841,51 +817,76 @@ export class CreateFeature {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "string: selected floor level"
+                    "text": "string: Locale to use for translation of stings in the UI"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "floor-level",
+                "attribute": "locale",
                 "reflect": false
             },
-            "formElements": {
-                "type": "any",
+            "mapView": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
+                    "original": "__esri.MapView",
+                    "resolved": "MapView",
+                    "references": {
+                        "___esri": {
+                            "location": "global",
+                            "id": "global::___esri"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "string: selected floor level"
+                    "text": "esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html"
                 },
                 "getter": false,
-                "setter": false,
-                "attribute": "form-elements",
-                "reflect": false
+                "setter": false
             },
-            "enableSearch": {
-                "type": "boolean",
+            "searchConfiguration": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "ISearchConfiguration",
+                    "resolved": "ISearchConfiguration",
+                    "references": {
+                        "ISearchConfiguration": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::ISearchConfiguration"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ISearchConfiguration: Configuration details for the Search widget"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "selectedLayerId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: When true the Search box will be displayed"
+                    "text": "string: Layer id of the feature layer in which the new feature is to be created"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "enable-search",
-                "reflect": false,
-                "defaultValue": "false"
+                "attribute": "selected-layer-id",
+                "reflect": false
             },
             "showGuidingMsg": {
                 "type": "boolean",
@@ -926,13 +927,32 @@ export class CreateFeature {
                 "attribute": "show-guiding-msg-while-drawing",
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "submitNewReportsMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: Text to be displayed that will allow user to know they can submit new reports"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "submit-new-reports-message",
+                "reflect": false
             }
         };
     }
     static get states() {
         return {
-            "_editorLoading": {},
             "_currentPage": {},
+            "_editorLoading": {},
             "_translations": {}
         };
     }

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

@@ -154,8 +154,7 @@ export class CrowdsourceManager {
      */
     appLayoutWatchHandler(newAppLayout, oldAppLayout) {
         if (newAppLayout !== oldAppLayout) {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            this._layerTable.validateTableUpdate(newAppLayout === 'splitView');
+            void this._layerTable?.validateTableUpdate(newAppLayout === 'splitView');
             this._setActiveLayout(newAppLayout);
             // update the layer if table selected while switching to map view
             if (this.appLayout === "mapView" && this._layer?.isTable) {
@@ -278,7 +277,7 @@ export class CrowdsourceManager {
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (h(Host, { key: 'ae34199751802f20ad97e947a54a123e86c6449c' }, h("calcite-shell", { key: 'cec5041ec6e1683e38a714694a3a6d097f268ec8', class: "position-relative" }, h("calcite-panel", { key: 'feca859563d97e7b536aff264a64480c769ee1c0', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
+        return (h(Host, { key: '4ec349cf53a543077a3b938d5dad2e767f533181' }, h("calcite-shell", { key: '08c56e11ff814419aeb7295bba240b0e96856cae', class: "position-relative" }, h("calcite-panel", { key: 'aac7ff804b7e98f3b5d1b11dbc5ee8e18c9467ca', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
     }
     /**
      * Called after each render

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

@@ -56,6 +56,7 @@ export class CrowdsourceReporter {
         this.showUserImageInCommentsList = false;
         this.showFeatureSymbol = false;
         this.showMyReportsOnly = false;
+        this.submitNewReportsMessage = undefined;
         this.theme = "light";
         this.zoomToScale = undefined;
         this.floorLevel = undefined;
@@ -379,7 +380,7 @@ export class CrowdsourceReporter {
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: '03d613fe8f275852672fb546ceb4449fb82580c0' }, this._reportSubmitted && h("calcite-alert", { key: '969a66978549d6993b1e4fce87bbd2387858cdf8', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '60ae42443e09a97d97a46bba07b1ea010b382348', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: 'bf6c346cf976a4b84da3553230239665c712e2b6', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '1f9560e18d802a15bcb3e8ea9f05837a4a6fb8aa', slot: "title" }, this._translations.error), h("div", { key: '1f5ef09cbf94996eeb5783211ed1542a5cf53e93', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '15538e8faabbec476d7586dcc4152b422404c23f', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '925a9a243a79dfb66554a9a51f24396ca2b71c98', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '62c63d3b1c51bdc7879e815e2b2f4d3c4d039c4c', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '971f07331a8689b859f2cedc96ba3589a3ad3e16', slot: "title" }, this._translations.error), h("div", { key: '1627f1ab5c4a4aceb7bdb70471aed6b8ca6d67b8', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: 'b3257ba523357b4444ce7da7d13a86f6b71185d9' }, h("calcite-shell", { key: '35fc5a814528bb0acc22919839719bb4349e9ae4', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'b97883be773d948b75e6df1be453cde018a0dba1' }, this._reportSubmitted && h("calcite-alert", { key: '5fd17c13a0d4dc3c7fed1bb253e9196b83c20e1d', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '5c7a00cb3eaaaeb3a0501324c10b407746ecca46', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: 'd83c690d60c2e6f12a5ec356c5ae67185edc6a1e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '9cbac1cf8698f1f918004764e4e43c25af766e4a', slot: "title" }, this._translations.error), h("div", { key: 'b4dbe07b4af7ab6c543596c6a3374b785fac4c7e', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: 'cde843955c6538ea857a0a187c995062efd777e7', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '86e3d820aa0d4362c07470bd60d8f0efd0614bc2', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: 'a0bdeec1bb3a33f3bfa938c0a1f4e631c6a76399', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: 'b161d8e42a078d961ec4e42888d26f4314e9d5a4', slot: "title" }, this._translations.error), h("div", { key: 'cf3908f91448dfbb7cf6ec78b413eaa3327372be', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '42e2c8abaf43d6a587729229347efb2836827b98' }, h("calcite-shell", { key: '9e3174a699c37be8f20f4609f52c94ecb95d599f', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -533,7 +534,7 @@ export class CrowdsourceReporter {
      * @protected
      */
     getFeatureCreateFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId, submitNewReportsMessage: this.submitNewReportsMessage }))));
     }
     /**
      * Update the progress bar status when editor panel changes
@@ -1993,6 +1994,25 @@ export class CrowdsourceReporter {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "submitNewReportsMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: Text to be displayed that will allow user to know they can submit new reports"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "submit-new-reports-message",
+                "reflect": false
+            },
             "theme": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/map-draw-tools/map-draw-tools.js

@@ -272,6 +272,7 @@ export class MapDrawTools {
             ...sketchOptions,
             container: this._sketchElement,
             creationMode: "single",
+            toolbarKind: "docked",
             visibleElements: {
                 duplicateButton: false,
                 selectionTools: {
@@ -281,7 +282,7 @@ export class MapDrawTools {
                     circle: false
                 },
                 undoRedoMenu: false,
-                settingsMenu: this.drawMode === EDrawMode.SKETCH
+                settingsMenu: this.drawMode === EDrawMode.SKETCH,
             }
         });
         this._sketchViewModel = new this.SketchViewModel({