@esri/solutions-components 0.10.46 → 0.10.48

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

@@ -224,6 +224,10 @@ export class CrowdsourceReporter {
      * { [key: string]: string }: definitionExpressions for each layer
      */
     _initDefExpressions;
+    /**
+     * ILayerExpression[]: translated values for layerExpressions
+     */
+    _t9nLayerExpressions;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -294,11 +298,40 @@ export class CrowdsourceReporter {
             }, 50);
         }
     }
+    /**
+     * Called each time the layerExpressions prop is changed
+    */
+    async layerExpressionsWatchHandler() {
+        this.resetFilterList();
+        await this.handleSelectedLayersFilter();
+        await this._featureList?.refresh();
+    }
+    /**
+    * Called each time the showFeatureSymbol prop is changed
+    */
+    async showFeatureSymbolWatchHandler() {
+        await this._featureList?.refresh();
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+    * Method to update layerExpressions with the translated values
+    */
+    async updateLayerExpressionsT9n(t9nLayerExpressions) {
+        this._t9nLayerExpressions = t9nLayerExpressions ? t9nLayerExpressions : this.layerExpressions;
+        if (this._filterList != null) {
+            await this._filterList.handleUpdatingT9nData(this._t9nLayerExpressions);
+        }
+        else if (this._currentLayerExpressions != null) {
+            const currentLayerExpressions = structuredClone(this._currentLayerExpressions);
+            this.handleLayerExpressionsT9n(currentLayerExpressions, this._t9nLayerExpressions);
+            this._currentLayerExpressions = currentLayerExpressions;
+        }
+        return Promise.resolve();
+    }
     //--------------------------------------------------------------------------
     //
     //  Events (public)
@@ -345,7 +378,7 @@ export class CrowdsourceReporter {
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: 'f1dd6d85210210a73fff30a5d98370da1834be7b' }, this._reportSubmitted && h("calcite-alert", { key: 'b84760fcbf4bfcf0f038be272f74eda97ce17bd9', "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: '27aa04dd8575ad27898f7848bc2733a03a33e70f', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '3fc2721bed573ad10bbb1c81af126e2e8ca90b12', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '4993e5c5b52d650b094c2890d0e4516cc87ffb69', slot: "title" }, this._translations.error), h("div", { key: '272b17f4c0239d8b295d6f2c0c02f1ba236d840d', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '5b9e1a2bd129888ec0764ad9b05e5056653d3c33', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: 'bd428297f5fe85cbf7edc42c61c64c299d7954b7', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '2aa1927ca27f9ec15a16f8e68905a1cf203ef833', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '4bff5fb03586edf0f9ea21649d1de4c34034e539', slot: "title" }, this._translations.error), h("div", { key: '7ea6c71dbbac15c2f43242ba00c9e461177051a1', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '3aa6bfc19a1e82ab90d2ab42aa9a577b3a2b6d8f' }, h("calcite-shell", { key: 'f27355d4f655c0a0931158f38f0be3eb28f6c4d4', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'fbad1216d9dffbeec62cc5c28db52527f935e62c' }, this._reportSubmitted && h("calcite-alert", { key: 'c598872b8704b0a12bcbca747573364aa6e1a6cf', "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: '6d3ab9a0dbc7c4a3d896e5c23109b2fbe545b244', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '33113d5bf8c9a7a1d5c8a18a80d1e5f88095bced', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '4ba6fcb0a4a6b4f31e506e5d61ad86ebee88dccb', slot: "title" }, this._translations.error), h("div", { key: '652e7ddf1543fba3535dc037c03a1f4f179050e6', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: 'c7a295ff414da8b8272e3b84e01a8c3fca60038b', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '81f6adfd24f643439593d35591ccdfce8f2415c3', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '321c791ea3248ede3e8474704c775a97dcd961e4', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '59858cbc86821e7d3f74518a2bed3277ed88ecf3', slot: "title" }, this._translations.error), h("div", { key: '693c571366dbc41929589a2bb9ff62d5b5a52116', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: 'e4ffeb5c0d41a58e5efcc92486dcc116f06bbfa3' }, h("calcite-shell", { key: '10195f56a619f70ac67058b852c256e3815143f4', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -1228,7 +1261,11 @@ export class CrowdsourceReporter {
      */
     async handleSelectedLayersFilter() {
         if (this._selectedLayer) {
-            this._currentLayerExpressions = this.layerExpressions ? this.layerExpressions.filter(exp => exp.id === this._selectedLayerId) : [];
+            const currentLayerExpressions = this.layerExpressions ? structuredClone(this.layerExpressions.filter(exp => exp.id === this._selectedLayerId)) : [];
+            if (this._t9nLayerExpressions != null) {
+                this.handleLayerExpressionsT9n(currentLayerExpressions, this._t9nLayerExpressions);
+            }
+            this._currentLayerExpressions = currentLayerExpressions;
             this.setActiveDefinitionExpressions();
         }
     }
@@ -1307,6 +1344,24 @@ export class CrowdsourceReporter {
             this._initDefExpressions[fl.id] = fl.definitionExpression;
         });
     }
+    /**
+     * Handles updating the layer expressions with the translated strings
+     * @protected
+     */
+    handleLayerExpressionsT9n(layerExpressions, layerExpressionsT9n) {
+        layerExpressions?.forEach(layerExpression => {
+            const t9nLayerExpression = layerExpressionsT9n?.find(t9nLayerExpression => t9nLayerExpression.id === layerExpression.id);
+            if (t9nLayerExpression != null) {
+                layerExpression.title = t9nLayerExpression.title;
+                layerExpression.expressions?.forEach(expression => {
+                    const t9nExpression = t9nLayerExpression.expressions?.find(t9nExpression => t9nExpression.id === expression.id);
+                    if (t9nExpression != null) {
+                        expression.name = t9nExpression.name;
+                    }
+                });
+            }
+        });
+    }
     static get is() { return "crowdsource-reporter"; }
     static get originalStyleUrls() {
         return {
@@ -1973,6 +2028,36 @@ export class CrowdsourceReporter {
                 }
             }];
     }
+    static get methods() {
+        return {
+            "updateLayerExpressionsT9n": {
+                "complexType": {
+                    "signature": "(t9nLayerExpressions: ILayerExpression[]) => Promise<void>",
+                    "parameters": [{
+                            "name": "t9nLayerExpressions",
+                            "type": "ILayerExpression[]",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "ILayerExpression": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::ILayerExpression"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Method to update layerExpressions with the translated values",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
@@ -1990,6 +2075,12 @@ export class CrowdsourceReporter {
             }, {
                 "propName": "showMyReportsOnly",
                 "methodName": "showMyReportsOnlyWatchHandler"
+            }, {
+                "propName": "layerExpressions",
+                "methodName": "layerExpressionsWatchHandler"
+            }, {
+                "propName": "showFeatureSymbol",
+                "methodName": "showFeatureSymbolWatchHandler"
             }];
     }
 }