@esri/solutions-components 0.11.21 → 0.11.23

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

@@ -23,12 +23,13 @@ import { loadModules } from "../../utils/loadModules";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class CreateRelatedFeature {
     constructor() {
+        this.customizeSubmit = false;
+        this.enableSnapping = false;
         this.locale = undefined;
         this.mapView = undefined;
-        this.table = undefined;
         this.selectedFeature = undefined;
-        this.customizeSubmit = false;
         this.showGuidingMsg = true;
+        this.table = undefined;
         this._editorLoading = false;
         this._translations = undefined;
     }
@@ -48,23 +49,23 @@ export class CreateRelatedFeature {
      * The Editor constructor
      */
     Editor;
-    /**
-   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
-   * The Editor instance
-   */
-    _editor;
     /**
      * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
      */
     reactiveUtils;
+    /**
+     * boolean: Flag to maintain the add attachment
+     */
+    _addingAttachment;
     /**
      * HTMLDivElement: The node the editor will be added to
      */
     _container;
     /**
-     * boolean: Flag to maintain the add attachment
-     */
-    _addingAttachment;
+   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+   * The Editor instance
+   */
+    _editor;
     /**
      * boolean: Flag to maintain form submission using submit button
      */
@@ -172,7 +173,7 @@ export class CreateRelatedFeature {
     }
     render() {
         const loaderClass = this._editorLoading ? "" : "display-none";
-        return (h(Fragment, { key: '261308f81b5bbed3e136efbb2100db9c1e5994a4' }, this.showGuidingMsg && h("calcite-notice", { key: '3aca1d3f48e46208ce07f2ccdd76ac4af752162d', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { key: 'f449d7dcde1cc75bf7470a75ae0ce915ef457459', slot: "message" }, this._translations.provideDetailsMsg)), h("calcite-loader", { key: 'e94e971b96ddba0ab36f27ffd4e37b820bb2432f', class: loaderClass, label: "", scale: "s" })));
+        return (h(Fragment, { key: '5251d18b13ed90499cd960305773b6fb04efd4db' }, this.showGuidingMsg && h("calcite-notice", { key: '9f2902f8dab476734d3a70fad4e5cc7996f721a8', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { key: '650f56b689cde544c96e24a966da7283efcdfcbe', slot: "message" }, this._translations.provideDetailsMsg)), h("calcite-loader", { key: 'be4c67978909e7dcf18fe8dece831b8830dee5d1', class: loaderClass, label: "", scale: "s" })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -198,11 +199,15 @@ export class CreateRelatedFeature {
         }
         this._container = document.createElement("div");
         this._container?.classList.add("display-none");
+        if (!this.enableSnapping) {
+            this._container.classList.add("hide-editor-toolbar");
+        }
         this._editor = new this.Editor({
             view: this.mapView,
             visibleElements: {
                 flow: true,
-                snappingControls: false
+                settingsMenu: this.enableSnapping,
+                snappingControls: this.enableSnapping,
             },
             container: this._container
         });
@@ -372,6 +377,46 @@ export class CreateRelatedFeature {
     }
     static get properties() {
         return {
+            "customizeSubmit": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "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."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "customize-submit",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "enableSnapping": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true the snapping options will be exposed"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-snapping",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "locale": {
                 "type": "string",
                 "mutable": false,
@@ -413,28 +458,6 @@ export class CreateRelatedFeature {
                 "getter": false,
                 "setter": false
             },
-            "table": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "__esri.FeatureLayer",
-                    "resolved": "FeatureLayer",
-                    "references": {
-                        "___esri": {
-                            "location": "global",
-                            "id": "global::___esri"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "__esri.FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html"
-                },
-                "getter": false,
-                "setter": false
-            },
             "selectedFeature": {
                 "type": "unknown",
                 "mutable": false,
@@ -457,7 +480,7 @@ export class CreateRelatedFeature {
                 "getter": false,
                 "setter": false
             },
-            "customizeSubmit": {
+            "showGuidingMsg": {
                 "type": "boolean",
                 "mutable": false,
                 "complexType": {
@@ -469,33 +492,35 @@ export class CreateRelatedFeature {
                 "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 notice message should be shown"
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "customize-submit",
+                "attribute": "show-guiding-msg",
                 "reflect": false,
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
-            "showGuidingMsg": {
-                "type": "boolean",
+            "table": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "__esri.FeatureLayer",
+                    "resolved": "FeatureLayer",
+                    "references": {
+                        "___esri": {
+                            "location": "global",
+                            "id": "global::___esri"
+                        }
+                    }
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "boolean: When true the notice message should be shown"
+                    "text": "__esri.FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html"
                 },
                 "getter": false,
-                "setter": false,
-                "attribute": "show-guiding-msg",
-                "reflect": false,
-                "defaultValue": "true"
+                "setter": false
             }
         };
     }

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

@@ -48,6 +48,7 @@ export class CrowdsourceManager {
         this.enableLegend = true;
         this.enableSearch = true;
         this.enableShare = false;
+        this.enableSnapping = true;
         this.enableZoom = true;
         this.locale = undefined;
         this.mapInfos = [];
@@ -277,7 +278,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: '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()));
+        return (h(Host, { key: '1d30ec71032cffd61c016cc846f59a8e437253de' }, h("calcite-shell", { key: '836f6e8cde7c3e5b177803b607e26a41bdea42a3', class: "position-relative" }, h("calcite-panel", { key: '0c968ccf6d19aa754b56dc5a3714e3b6f44dcac9', 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
@@ -488,7 +489,9 @@ export class CrowdsourceManager {
         const containerClass = this._isPortraitMobile && this._hideTable ? "position-absolute-0 width-full height-full" : this._isPortraitMobile ? "display-none height-0" : "";
         const tableViewClass = this.mapInfos?.length > 1 && this.appLayout === "tableView" ? "position-relative top-51" : "";
         // position-sticky added to avoid an issue where this dialog would overlap the delete message modal in some small screens
-        return (h("div", { class: `${headerTheme} ${popupNodeClass} ${containerClass} ${tableViewClass} position-sticky`, style: {
+        // position-sticky not set when in tableView as it will cause the map-picker to not be visible
+        const stickyClass = this.appLayout !== "tableView" ? "position-sticky" : "";
+        return (h("div", { class: `${headerTheme} ${popupNodeClass} ${containerClass} ${tableViewClass} ${stickyClass}`, style: {
                 '--calcite-color-foreground-1': this.popupHeaderColor, /* background color that will be displayed on the popup header */
                 '--calcite-color-foreground-2': this.popupHeaderHoverColor, /* background color that will be displayed on button when hovered */
                 '--calcite-color-text-3': this.popupHeaderTextColor, /* font color that will be displayed on button */
@@ -506,7 +509,7 @@ export class CrowdsourceManager {
         const isTableLayout = this.appLayout === 'tableView';
         const cardManagerHeight = isTableLayout && this.mapInfos?.length > 1 ? "adjusted-height-100-51" : isMapLayout || isTableLayout ? "height-full" : (this._numSelected > 0 && !this._isMobile) ? "height-50" : !this._showInformationHeader ? "adjusted-height-50_25" : !this._isPortraitMobile ? "height-50" : "height-full";
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableCreateFeatures: this._enableCreateFeatures && !this._isMobile, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isPortraitMobile, layer: this._layer, locale: this.locale, mapView: this?._mapView, onBackFromCreateWorkFlow: () => {
+        return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, customInfoText: this.customInfoText, enableCreateFeatures: this._enableCreateFeatures && !this._isMobile, enableEditGeometry: this?._mapInfo?.enableEditGeometry, enableSnapping: this.enableSnapping, isMobile: this._isPortraitMobile, layer: this._layer, locale: this.locale, mapView: this?._mapView, onBackFromCreateWorkFlow: () => {
                 this._showInformationHeader = true;
             }, onCreateWorkFlowStarted: () => {
                 this.appLayout = this._layer.isTable ? "tableView" : "mapView";
@@ -1266,6 +1269,26 @@ export class CrowdsourceManager {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "enableSnapping": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true the snapping options will be exposed"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-snapping",
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "enableZoom": {
                 "type": "boolean",
                 "mutable": false,