@esri/solutions-components 0.10.12 → 0.10.13

package/dist/collection/assets/t9n/crowdsource-reporter/resources.json

@@ -25,5 +25,7 @@
   "sortNewest": "Newest",
   "sortOldest": "Oldest",
   "sortHighestVoted": "Highest voted",
-  "sortLowestVoted": "Lowest voted"
+  "sortLowestVoted": "Lowest voted",
+  "resetFilter": "Reset filter",
+  "close": "Close"
 }

package/dist/collection/assets/t9n/crowdsource-reporter/resources_en.json

@@ -25,5 +25,7 @@
   "sortNewest": "Newest",
   "sortOldest": "Oldest",
   "sortHighestVoted": "Highest voted",
-  "sortLowestVoted": "Lowest voted"
+  "sortLowestVoted": "Lowest voted",
+  "resetFilter": "Reset filter",
+  "close": "Close"
 }

package/dist/collection/assets/t9n/feature-list/resources.json

@@ -1,4 +1,6 @@
 {
   "error": "Error",
-  "featureErrorMsg": "No records found."
+  "featureErrorMsg": "No records found.",
+  "thousandsAbbreviation": "{{abbreviated_value}}k",
+  "millionsAbbreviation": "{{abbreviated_value}}M"
 }

package/dist/collection/assets/t9n/feature-list/resources_en.json

@@ -1,4 +1,6 @@
 {
   "error": "Error",
-  "featureErrorMsg": "No records found."
+  "featureErrorMsg": "No records found.",
+  "thousandsAbbreviation": "{{abbreviated_value}}k",
+  "millionsAbbreviation": "{{abbreviated_value}}M"
 }

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

@@ -28,6 +28,8 @@ export class CreateFeature {
         this.customizeSubmit = false;
         this.searchConfiguration = undefined;
         this.isMobile = undefined;
+        this.floorLevel = undefined;
+        this.formElements = undefined;
         this._editorLoading = false;
         this._showSearchWidget = undefined;
     }
@@ -47,6 +49,20 @@ export class CreateFeature {
      * The Editor constructor
      */
     Editor;
+    /**
+     * esri/form/ExpressionInfo: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-ExpressionInfo.html
+     * The ExpressionInfo constructor
+     */
+    ExpressionInfo;
+    /**
+     * esri/form/elements/FieldElement: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-elements-FieldElement.html
+     * The FieldElement constructor
+     */
+    FieldElement;
+    /**
+     * 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
@@ -152,6 +168,15 @@ export class CreateFeature {
             this._editor.viewModel.featureFormViewModel.submit();
         }
     }
+    /**
+     * refresh the feature form
+     * @returns Promise that resolves when the operation is complete
+     */
+    async refresh(floorLevel) {
+        if (this._editor) {
+            void this._setFloorLevel(floorLevel);
+        }
+    }
     //--------------------------------------------------------------------------
     //
     //  Events (public)
@@ -207,7 +232,7 @@ export class CreateFeature {
         const loaderClass = this._editorLoading ? "" : "display-none";
         const featureFormClass = this._editorLoading ? "display-none" : "";
         const mobileMapClass = this.isMobile ? "show-map" : "display-none";
-        return (h(Fragment, { key: '8adaa70257dfef9632f82be75dbdff572e2c39b3' }, h("calcite-loader", { key: 'e1a1aba8613d9cea1033513748dd21b7f27f9806', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'e1089ffe60d079f345d358aac7ae1a6bd59a55df', class: featureFormClass, id: "feature-form" }), h("div", { key: '52274b6cd4c9f6886293f858caac9e572697da25', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '64108cfa3bb57f9739bfb4951352c5523c194761', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
+        return (h(Fragment, { key: '47d29e529402482acf3811c37c0cd5a426ed40ed' }, h("calcite-loader", { key: '283b2c6a0f1722c9a8d955e11390e65e6041b247', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'bb596467d5da22882932259db6a9e8029717850b', class: featureFormClass, id: "feature-form" }), h("div", { key: 'c3887f5c5aa92efdcf588da4918933dadb87937f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '566069a6202053468a3cf7a221feb071491eabb4', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -230,15 +255,21 @@ export class CreateFeature {
      * @protected
      */
     async initModules() {
-        const [Editor, reactiveUtils, Search, MapView] = await loadModules([
+        const [Editor, reactiveUtils, Search, ExpressionInfo, FieldElement, FormTemplate, MapView] = await loadModules([
             "esri/widgets/Editor",
             "esri/core/reactiveUtils",
             "esri/widgets/Search",
+            "esri/form/ExpressionInfo",
+            "esri/form/elements/FieldElement",
+            "esri/form/FormTemplate",
             "esri/views/MapView"
         ]);
         this.Editor = Editor;
         this.reactiveUtils = reactiveUtils;
         this.Search = Search;
+        this.ExpressionInfo = ExpressionInfo;
+        this.FieldElement = FieldElement;
+        this.FormTemplate = FormTemplate;
         this.MapView = MapView;
     }
     /**
@@ -329,6 +360,7 @@ export class CreateFeature {
         const formHandle = this.reactiveUtils.watch(() => this._editor.viewModel.featureFormViewModel?.state, (state) => {
             if (state === 'ready') {
                 this._mapViewContainer?.classList?.replace("show-map", "hide-map");
+                void this._setFloorLevel(this.floorLevel);
                 this._showSearchWidget = false;
                 this.progressStatus.emit(1);
                 this.drawComplete.emit();
@@ -473,6 +505,59 @@ export class CreateFeature {
         }
         return searchConfiguration;
     }
+    /**
+     * Add the floor level value to form
+     * @param level selected floor level
+     *
+     * @protected
+     */
+    async _setFloorLevel(level) {
+        if (!level) {
+            return;
+        }
+        const layer = await getLayerOrTable(this._updatedMapView, this.selectedLayerId);
+        if (layer?.floorInfo?.floorField) {
+            const layerField = layer.fields.find((field) => field.name === layer.floorInfo.floorField);
+            // if layer field is present and form template is not present only then we can set value of floorfield into feature form otherwise create a mannual formtemplate to add the floorfeild element
+            if (layerField && !layer?.formTemplate) {
+                this._editor.viewModel.featureFormViewModel.setValue(layerField.name, level);
+                layerField.editable = false;
+            }
+            else if (layer.formTemplate && this.formElements) {
+                const floorInfoExpression = new this.ExpressionInfo({
+                    expression: `"${level}"`,
+                    name: "floor-info-test",
+                    title: "Floor Info",
+                    returnType: "string"
+                });
+                const levelIdFieldElement = new this.FieldElement({
+                    label: layer.floorInfo.floorField,
+                    editableExpression: 'false',
+                    fieldName: layer.floorInfo.floorField,
+                    input: {
+                        type: "text-box",
+                        maxLength: 50,
+                        minLength: 0
+                    },
+                    valueExpression: floorInfoExpression.name
+                });
+                this._updatedMapView.map.editableLayers.forEach((layer) => {
+                    const orgElements = this.formElements.orgElements;
+                    const orgExpressionInfos = this.formElements.orgExpressionInfos;
+                    const elements = [...orgElements];
+                    elements.push(levelIdFieldElement);
+                    // Creating formtemplate
+                    const floorInfoTemplate = new this.FormTemplate({
+                        title: layer.formTemplate.title,
+                        description: layer.formTemplate.description,
+                        elements,
+                        expressionInfos: [floorInfoExpression].concat(orgExpressionInfos)
+                    });
+                    layer.formTemplate = floorInfoTemplate;
+                });
+            }
+        }
+    }
     /**
      * Hides the elements of editor widget
      * @protected
@@ -637,6 +722,40 @@ export class CreateFeature {
                 },
                 "attribute": "is-mobile",
                 "reflect": false
+            },
+            "floorLevel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: selected floor level"
+                },
+                "attribute": "floor-level",
+                "reflect": false
+            },
+            "formElements": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: selected floor level"
+                },
+                "attribute": "form-elements",
+                "reflect": false
             }
         };
     }
@@ -785,6 +904,30 @@ export class CreateFeature {
                             "text": "Promise that resolves when the operation is complete"
                         }]
                 }
+            },
+            "refresh": {
+                "complexType": {
+                    "signature": "(floorLevel: string) => Promise<void>",
+                    "parameters": [{
+                            "name": "floorLevel",
+                            "type": "string",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "refresh the feature form",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "Promise that resolves when the operation is complete"
+                        }]
+                }
             }
         };
     }