@esri/solutions-components 5.1.0-next.129 → 5.1.0-next.130

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

@@ -1,107 +1,83 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as u } from "../../chunks/runtime.js";
-import { u as m } from "../../chunks/useT9n.js";
-import { css as p, html as c } from "lit";
-import { LitElement as f, createEvent as d, noShadowRoot as w, safeClassMap as b } from "@arcgis/lumina";
-import y from "@arcgis/core/widgets/Editor.js";
-import * as l from "@arcgis/core/core/reactiveUtils.js";
-const _ = p`@layer{:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar,.display-none{display:none!important}.esri-editor__panel-content{padding-block:10px!important}.notice-msg{padding:10px;width:calc(100% - 20px)}}`;
-class g extends f {
+import { c as m } from "../../chunks/runtime.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { css as p, html as d } from "lit";
+import { LitElement as b, createEvent as n, noShadowRoot as g, safeClassMap as w } from "@arcgis/lumina";
+import { createRef as y, ref as _ } from "lit-html/directives/ref.js";
+import * as h from "@arcgis/core/core/reactiveUtils.js";
+const v = p`@layer{:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar,.display-none{display:none!important}.esri-editor__panel-content{padding-block:10px!important}.notice-msg{padding:10px;width:calc(100% - 20px)}}`;
+class k extends b {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = m({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._isSubmitBtnClicked = !1, this.success = d(), this.fail = d(), this.isActionPending = d(), this.formReady = d();
+    super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = f({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._editor = y(), this._isSubmitBtnClicked = !1, this.success = n(), this.fail = n(), this.isActionPending = n(), this.formReady = n(), this._onEditorPropertyChange = () => {
+      const e = this._editor.value;
+      e && (h.watch(() => e.state, (t) => {
+        t === "adding-attachment" || t === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
+      }), h.watch(() => e.activeWorkflow?.formViewModel?.state, (t) => {
+        t === "ready" && this.formReady.emit();
+      }));
+    };
   }
   static {
     this.properties = { customizeSubmit: 5, enableSnapping: 5, mapView: 0, selectedFeature: 0, showGuidingMsg: 5, table: 0, _editorLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = _;
+    this.styles = v;
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = g;
   }
   willUpdate(e) {
-    e.has("mapView") && this.mapViewWatchHandler(), e.has("_editorLoading") && (this.hasUpdated || this._editorLoading !== !1) && this._editorLoadingWatchHandler(this._editorLoading);
-  }
-  async mapViewWatchHandler() {
-    await this.mapView?.when(async () => {
-      await this.init();
-    });
-  }
-  async _editorLoadingWatchHandler(e) {
-    e && (this._container?.classList.add("display-none"), await this.startCreate(), this._container?.classList.remove("display-none"), this._editorLoading = !1);
+    e.has("mapView");
   }
   async submit() {
-    this._editor?.viewModel?.featureFormViewModel && (this._isSubmitBtnClicked = !0, this._editor.viewModel.featureFormViewModel.submit());
-  }
-  async init() {
-    this.mapView && await this.createEditorWidget();
+    this._editor.value?.activeWorkflow && (this._isSubmitBtnClicked = !0, this._editor.value.activeWorkflow?.formViewModel?.submit?.());
   }
   render() {
     const e = this._editorLoading ? "" : "display-none";
-    return c`${this.showGuidingMsg && c`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${b(e)} .label=${this._translations.loading} scale=s></calcite-loader>`;
-  }
-  loaded() {
-    this.init();
+    return d`${this.showGuidingMsg && d`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${w(e)} .label=${this._translations.loading} scale=s></calcite-loader>${this.mapView && this._getEditor() || ""}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._editor && this._editor.destroy();
+    super.disconnectedCallback(), this._editor.value && this._editor.value.destroy();
   }
-  async createEditorWidget() {
-    this._editor && this._editor.destroy(), this._container = document.createElement("div"), this._container?.classList.add("display-none"), this.enableSnapping || this._container.classList.add("hide-editor-toolbar"), this._editor = new y({
-      view: this.mapView,
-      visibleElements: {
-        flow: !0,
-        settingsMenu: this.enableSnapping,
-        sketch: !1,
-        snappingControls: this.enableSnapping
-      },
-      container: this._container
-    }), this.el.appendChild(this._container);
-    const e = l.watch(() => this._editor?.viewModel.featureTemplatesViewModel.state, (i) => {
-      i === "ready" && (this._editorLoading = !0);
-    });
-    this._editor?.viewModel.addHandles(e);
-    const t = l.watch(() => this._editor?.viewModel.state, (i) => {
-      i === "adding-attachment" || i === "editing-attachment" ? (this._addingAttachment = !0, this.isActionPending.emit(!0)) : this._addingAttachment && (this.isActionPending.emit(!1), this._addingAttachment = !1);
-    });
-    this._editor?.viewModel.addHandles(t);
-    const a = l.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (i) => {
-      i === "ready" && this.formReady.emit();
-    });
-    this._editor?.viewModel.addHandles(a);
+  _getEditor() {
+    return d`<arcgis-editor .view=${this.mapView} hide-edit-features-section .hideSettingsMenu=${!this.enableSnapping} hide-sketch .hideSnappingControlsElementsEnabledToggle=${!this.enableSnapping} @arcgisReady=${this._startCreate} @arcgisPropertyChange=${this._onEditorPropertyChange} ${_(this._editor)}></arcgis-editor>`;
   }
-  async startCreate() {
+  async _startCreate() {
     const e = this.selectedFeature?.layer, t = this.table;
-    if (e?.relationships && t?.relationships && this.selectedFeature && t.templates) {
-      const a = e.relationships[0], i = t.relationships.find((o) => e.layerId === o.relatedTableId), s = Number(this.selectedFeature.getObjectId());
-      if (!Number.isNaN(s) && i) {
+    if (e.relationships && t?.relationships && this.selectedFeature && t.templates) {
+      const i = e.relationships[0], s = t.relationships.find((o) => e.layerId === o.relatedTableId), a = Number(this.selectedFeature.getObjectId());
+      if (!Number.isNaN(a) && s) {
         const r = (await e.queryFeatures({
-          objectIds: [s],
-          outFields: [e.objectIdField, a.keyField]
-        })).features[0], n = t.templates[0], h = {
-          attributeOverrides: this.makeAttributesForRelatedFeature(r, a, i),
+          objectIds: [a],
+          outFields: [e.objectIdField, i.keyField]
+        })).features[0], l = t.templates[0], u = {
+          attributeOverrides: this.makeAttributesForRelatedFeature(r, i, s),
           layer: t,
-          template: n
+          template: l
         };
-        await this._editor?.startCreateFeaturesWorkflowAtFeatureCreation(h), await this.hideEditorsElements(), this._editor?.viewModel?.featureFormViewModel?.addHandles(this._editor.viewModel.featureFormViewModel.on("submit", this.submitted.bind(this)));
+        await this._editor.value?.startCreateFeaturesWorkflowAtFeatureCreation(u), await this.hideEditorsElements();
+        const c = this._editor.value?.activeWorkflow?.formViewModel;
+        c && this._editor.value?.activeWorkflow?.formViewModel?.addHandles(c.on("submit", this.submitted.bind(this)));
       }
     }
   }
   async hideEditorsElements() {
-    this.customizeSubmit && (await this.timeout(700), this.el.querySelector(".esri-editor")?.querySelectorAll("calcite-flow-item")?.forEach((e) => {
-      const t = e.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");
-      t?.querySelector("header")?.setAttribute("style", "display: none"), t?.querySelector("footer")?.setAttribute("style", "display: none");
-    }));
+    if (!this.customizeSubmit)
+      return;
+    await this.timeout(700), this.el.querySelector("arcgis-editor")?.shadowRoot?.querySelectorAll("calcite-flow-item")?.forEach((t) => {
+      const i = t.shadowRoot?.querySelector("calcite-panel")?.shadowRoot?.querySelector("article");
+      i?.querySelector("header")?.setAttribute("style", "display: none"), i?.querySelector("footer")?.setAttribute("style", "display: none");
+    });
   }
-  makeAttributesForRelatedFeature(e, t, a) {
-    const i = t.keyField;
-    let s;
-    e.attributes.hasOwnProperty(i) ? s = e.getAttribute(i) : e.attributes.hasOwnProperty(i.toLowerCase()) ? s = e.getAttribute(i.toLowerCase()) : e.attributes.hasOwnProperty(i.toUpperCase()) && (s = e.getAttribute(i.toUpperCase()));
-    let o = a.keyField;
-    const r = this.table?.fields.find((n) => n.name.toLocaleLowerCase() === o.toLocaleLowerCase());
+  makeAttributesForRelatedFeature(e, t, i) {
+    const s = t.keyField;
+    let a;
+    e.attributes.hasOwnProperty(s) ? a = e.getAttribute(s) : e.attributes.hasOwnProperty(s.toLowerCase()) ? a = e.getAttribute(s.toLowerCase()) : e.attributes.hasOwnProperty(s.toUpperCase()) && (a = e.getAttribute(s.toUpperCase()));
+    let o = i.keyField;
+    const r = this.table?.fields.find((l) => l.name.toLocaleLowerCase() === o.toLocaleLowerCase());
     if (r)
       return o = r.name, {
-        [o]: s
+        [o]: a
       };
   }
   async submitted(e) {
@@ -112,10 +88,14 @@ class g extends f {
     if (e.valid.length && this._isSubmitBtnClicked) {
       this._isSubmitBtnClicked = !1;
       try {
-        this._editor?.activeWorkflow && (await this._editor.activeWorkflow.commit(), this._editor.viewModel.failures?.length && this._editor.viewModel.failures.some((t) => {
-          if (t.error)
-            throw t.error;
-        }));
+        if (this._editor.value?.activeWorkflow) {
+          await this._editor.value.activeWorkflow.commit();
+          const t = this._editor.value.activeWorkflow.failures;
+          t?.length && t.some((i) => {
+            if (i.error)
+              throw i.error;
+          });
+        }
       } catch (t) {
         this.fail.emit(t);
         return;
@@ -124,10 +104,10 @@ class g extends f {
     }
   }
   async timeout(e) {
-    return new Promise((t) => setTimeout(t, e));
+    return await new Promise((t) => setTimeout(t, e));
   }
 }
-u("create-related-feature", g);
+m("create-related-feature", k);
 export {
-  g as CreateRelatedFeature
+  k as CreateRelatedFeature
 };

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

@@ -1,3 +1,4 @@
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-loader";
+import "@arcgis/map-components/components/arcgis-editor";
 export * from "./customElement.js";

package/dist/components/crowdsource-reporter/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import type MapView from "@arcgis/core/views/MapView.js";
-import type { IImageExtraction, ILayerExpression, IMapInfo, IReportingOptions, ISearchConfiguration, theme } from "../../utils/interfaces.js";
+import type { IImageExtraction, ILayerExpression, IMapInfo, IReportingOptions, ISearchConfiguration, ISortFields, ITextExtraction, theme } from "../../utils/interfaces.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 
@@ -38,6 +38,8 @@ export abstract class CrowdsourceReporter extends LitElement {
       sortOldest: string;
       sortHighestVoted: string;
       sortLowestVoted: string;
+      sortAlphabetical: string;
+      reverseSortAlphabetical: string;
       resetFilter: string;
       close: string;
       submitBelow: string;
@@ -73,6 +75,8 @@ export abstract class CrowdsourceReporter extends LitElement {
       sortOldest: string;
       sortHighestVoted: string;
       sortLowestVoted: string;
+      sortAlphabetical: string;
+      reverseSortAlphabetical: string;
       resetFilter: string;
       close: string;
       submitBelow: string;
@@ -84,6 +88,8 @@ export abstract class CrowdsourceReporter extends LitElement {
   }>;
   /** array: Configured AI image extraction field and prompt for the selected LayerId */
   accessor aiImageExtraction: IImageExtraction[];
+  /** array: Configured AI text extraction field and prompt for the selected LayerId */
+  accessor aiTextExtraction: ITextExtraction[];
   /**
    * string: Semicolon delimited numbers that will be used as the maps center point from URL params
    *
@@ -97,7 +103,7 @@ export abstract class CrowdsourceReporter extends LitElement {
    */
   accessor commentButtonText: string;
   /**
-   * string: User configurable nessage to display when a comment is submitted
+   * string: User configurable message to display when a comment is submitted
    *
    * @default ''
    */
@@ -144,6 +150,12 @@ export abstract class CrowdsourceReporter extends LitElement {
    * @default false
    */
   accessor enableLogin: boolean;
+  /**
+   * boolean: When true photo get location from the message selected for AI text Extraction
+   *
+   * @default false
+   */
+  accessor enableMessageLocation: boolean;
   /**
    * boolean: When true the user will be allowed to submit new reports
    *
@@ -292,6 +304,8 @@ export abstract class CrowdsourceReporter extends LitElement {
    * @default false
    */
   accessor showUserImageInCommentsList: boolean;
+  /** ISortFields: Configuration for sorting fields */
+  accessor sortFields: ISortFields | undefined;
   /**
    * string: sorting option to show the feature list
    *