@esri/solutions-components 0.8.13 → 0.8.15

package/dist/collection/utils/mapViewUtils.ts

@@ -175,6 +175,24 @@ export async function getAllLayers(
   return layers;
 }
 
+/**
+ * Get all of the tables from the current map when the map and their layerView is ready
+ * @param mapView the map view to fetch the table names from
+ * @returns Promise resolving with an array of all tables
+ *
+ */
+export async function getAllTables(
+  mapView: __esri.MapView
+): Promise<__esri.Layer[]> {
+  const tables = mapView.map.allTables.toArray();
+  let layerViewPromises;
+  await mapView.when(() => {
+    layerViewPromises = tables.map(t => t.load());
+  });
+  await Promise.allSettled(layerViewPromises);
+  return tables;
+}
+
 /**
  * Highlight features by OID
  *
@@ -313,7 +331,7 @@ export async function goToSelection(
   const result = await queryExtent(ids, layerView.layer);
   const goToParams: { target: __esri.Extent; scale?: number; } = { target: result.extent };
   if (result.count === 1 && layerView.layer.geometryType === 'point' && zoomToScale) {
-    goToParams.scale = zoomToScale
+    goToParams.scale = zoomToScale;
   }
   await mapView.goTo(goToParams);
   if (flashFeatures) {

package/dist/collection/utils/pdfUtils.js

@@ -23,7 +23,6 @@ import * as PDFCreator from "../assets/arcgis-pdf-creator/PDFCreator";
 import * as PDFCreator_jsPDF from "../assets/arcgis-pdf-creator/PDFCreator_jsPDF";
 import * as PDFLabels from "../assets/arcgis-pdf-creator/PDFLabels";
 import { getAssetPath } from "@stencil/core";
-export { ILabel } from "../assets/arcgis-pdf-creator/PDFLabels";
 //#endregion
 //#region Public functions
 /**
@@ -36,7 +35,7 @@ export { ILabel } from "../assets/arcgis-pdf-creator/PDFLabels";
 * @param initialImageDataUrl Data URL of image for first page
  */
 export function exportPDF(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
-    downloadPDFFile(filename, labels, labelPageDescription, title, initialImageDataUrl);
+    void downloadPDFFile(filename, labels, labelPageDescription, title, initialImageDataUrl);
 }
 //#endregion
 //#region Private functions
@@ -49,41 +48,37 @@ export function exportPDF(filename, labels, labelPageDescription, title = "", in
  * @param title Title for each page
  * @param initialImageDataUrl Data URL of image for first page
  */
-function downloadPDFFile(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
+async function downloadPDFFile(filename, labels, labelPageDescription, title = "", initialImageDataUrl = "") {
     const pdfLib = new PDFCreator_jsPDF.PDFCreator_jsPDF();
-    pdfLib.initialize({
+    await pdfLib.initialize({
         pageType: "ANSI_A"
     }, getAssetPath(`../assets/arcgis-pdf-creator/`), "en", filename // filename without ".pdf"
-    )
-        .then(() => {
-        const labeller = new PDFLabels.PDFLabels();
-        labeller.initialize(pdfLib)
-            .then(async () => {
-            const labelSpec = labelPageDescription.labelSpec;
-            let startingPageNum = 1;
-            // Add the screenshot to the PDF
-            if (initialImageDataUrl) {
-                const pageProperties = labelSpec.pageProperties;
-                const pageSize = PDFCreator.PDFCreator.getPageSize(pageProperties.pageType);
-                pdfLib.drawImage(initialImageDataUrl, {
-                    x: pageProperties.leftMargin,
-                    y: pageProperties.topMargin,
-                    width: pageSize.width - pageProperties.leftMargin - pageProperties.rightMargin,
-                    height: pageSize.height - pageProperties.topMargin - pageProperties.bottomMargin
-                });
-                if (title) {
-                    labeller.drawSupplementalText(title, 0, -0.1);
-                }
-                if (labels.length > 0) {
-                    pdfLib.addPage();
-                    ++startingPageNum;
-                }
-            }
-            // Add the labels to the PDF
-            await labeller.addLabelsToDoc(labels, labelSpec, startingPageNum, title // heading
-            );
-            pdfLib.save();
+    );
+    const labeller = new PDFLabels.PDFLabels();
+    await labeller.initialize(pdfLib);
+    const labelSpec = labelPageDescription.labelSpec;
+    let startingPageNum = 1;
+    // Add the screenshot to the PDF
+    if (initialImageDataUrl) {
+        const pageProperties = labelSpec.pageProperties;
+        const pageSize = PDFCreator.PDFCreator.getPageSize(pageProperties.pageType);
+        pdfLib.drawImage(initialImageDataUrl, {
+            x: pageProperties.leftMargin,
+            y: pageProperties.topMargin,
+            width: pageSize.width - pageProperties.leftMargin - pageProperties.rightMargin,
+            height: pageSize.height - pageProperties.topMargin - pageProperties.bottomMargin
         });
-    });
+        if (title) {
+            labeller.drawSupplementalText(title, 0, -0.1);
+        }
+        if (labels.length > 0) {
+            pdfLib.addPage();
+            ++startingPageNum;
+        }
+    }
+    // Add the labels to the PDF
+    await labeller.addLabelsToDoc(labels, labelSpec, startingPageNum, title // heading
+    );
+    pdfLib.save();
 }
 //#endregion

package/dist/collection/utils/pdfUtils.ts

@@ -41,7 +41,7 @@ export function exportPDF(
   title = "",
   initialImageDataUrl = ""
 ): void {
-  downloadPDFFile(filename, labels, labelPageDescription, title, initialImageDataUrl);
+  void downloadPDFFile(filename, labels, labelPageDescription, title, initialImageDataUrl);
 }
 
 //#endregion
@@ -56,15 +56,15 @@ export function exportPDF(
  * @param title Title for each page
  * @param initialImageDataUrl Data URL of image for first page
  */
-function downloadPDFFile(
+async function downloadPDFFile(
   filename: string,
   labels: string[][],
   labelPageDescription: PDFLabels.ILabel,
   title = "",
   initialImageDataUrl = ""
-): void {
+): Promise<void> {
   const pdfLib = new PDFCreator_jsPDF.PDFCreator_jsPDF();
-  pdfLib.initialize(
+  await pdfLib.initialize(
     {
       pageType: "ANSI_A"
     },
@@ -72,52 +72,45 @@ function downloadPDFFile(
     "en",
     filename  // filename without ".pdf"
   )
-  .then(
-    () => {
-      const labeller = new PDFLabels.PDFLabels();
-      labeller.initialize(pdfLib)
-      .then(
-        async () => {
-          const labelSpec = labelPageDescription.labelSpec;
-
-          let startingPageNum = 1;
-
-          // Add the screenshot to the PDF
-          if (initialImageDataUrl) {
-            const pageProperties = labelSpec.pageProperties;
-            const pageSize = PDFCreator.PDFCreator.getPageSize(pageProperties.pageType);
-
-            pdfLib.drawImage(initialImageDataUrl, {
-              x: pageProperties.leftMargin,
-              y: pageProperties.topMargin,
-              width: pageSize.width - pageProperties.leftMargin - pageProperties.rightMargin,
-              height: pageSize.height - pageProperties.topMargin - pageProperties.bottomMargin
-            });
-
-            if (title) {
-              labeller.drawSupplementalText(title, 0, -0.1);
-            }
-
-            if (labels.length > 0) {
-              pdfLib.addPage();
-              ++startingPageNum;
-            }
-          }
-
-          // Add the labels to the PDF
-          await labeller.addLabelsToDoc(
-            labels,
-            labelSpec,
-            startingPageNum,
-            title  // heading
-          );
-
-          pdfLib.save();
-        }
-      );
+
+  const labeller = new PDFLabels.PDFLabels();
+  await labeller.initialize(pdfLib)
+
+  const labelSpec = labelPageDescription.labelSpec;
+
+  let startingPageNum = 1;
+
+  // Add the screenshot to the PDF
+  if (initialImageDataUrl) {
+    const pageProperties = labelSpec.pageProperties;
+    const pageSize = PDFCreator.PDFCreator.getPageSize(pageProperties.pageType);
+
+    pdfLib.drawImage(initialImageDataUrl, {
+      x: pageProperties.leftMargin,
+      y: pageProperties.topMargin,
+      width: pageSize.width - pageProperties.leftMargin - pageProperties.rightMargin,
+      height: pageSize.height - pageProperties.topMargin - pageProperties.bottomMargin
+    });
+
+    if (title) {
+      labeller.drawSupplementalText(title, 0, -0.1);
     }
+
+    if (labels.length > 0) {
+      pdfLib.addPage();
+      ++startingPageNum;
+    }
+  }
+
+  // Add the labels to the PDF
+  await labeller.addLabelsToDoc(
+    labels,
+    labelSpec,
+    startingPageNum,
+    title  // heading
   );
 
+  pdfLib.save();
 }
 
 //#endregion

package/dist/components/create-related-feature.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CreateRelatedFeature extends Components.CreateRelatedFeature, HTMLElement {}
+export const CreateRelatedFeature: {
+    prototype: CreateRelatedFeature;
+    new (): CreateRelatedFeature;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { C as CreateRelatedFeature$1, d as defineCustomElement$1 } from './create-related-feature2.js';
+
+const CreateRelatedFeature = CreateRelatedFeature$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { CreateRelatedFeature, defineCustomElement };

package/dist/components/create-related-feature2.js

@@ -0,0 +1,274 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { l as loadModules } from './loadModules.js';
+
+const createRelatedFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}";
+const CreateRelatedFeatureStyle0 = createRelatedFeatureCss;
+
+const CreateRelatedFeature = /*@__PURE__*/ proxyCustomElement(class CreateRelatedFeature extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.success = createEvent(this, "success", 7);
+        this.fail = createEvent(this, "fail", 7);
+        this.isActionPending = createEvent(this, "isActionPending", 7);
+        this.mapView = undefined;
+        this.table = undefined;
+        this.selectedFeature = undefined;
+        this.customizeSubmit = false;
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+    * Called each time the mapView prop is changed.
+    */
+    async mapViewWatchHandler() {
+        await this.mapView.when(async () => {
+            await this.init();
+        });
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Methods (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Destroy the Editor widget instance
+     */
+    async close() {
+        if (this._editor) {
+            this._editor.destroy();
+        }
+    }
+    /**
+     * Submit the comment
+     */
+    async submit() {
+        if (this._editor) {
+            this._editor.viewModel.featureFormViewModel.submit();
+        }
+    }
+    //--------------------------------------------------------------------------
+    //
+    //  Functions (lifecycle)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     * @returns Promise when complete
+     */
+    async componentWillLoad() {
+        await this.initModules();
+    }
+    /**
+     * Init Editor widget and starts the create workflow
+     */
+    async init() {
+        if (this.mapView) {
+            await this.createEditorWidget();
+        }
+    }
+    /**
+     * Load esri javascript api modules
+     * @returns Promise resolving when function is done
+     * @protected
+     */
+    async initModules() {
+        const [Editor, reactiveUtils] = await loadModules([
+            "esri/widgets/Editor",
+            "esri/core/reactiveUtils"
+        ]);
+        this.Editor = Editor;
+        this.reactiveUtils = reactiveUtils;
+    }
+    render() {
+        return (h(Host, { key: '383e8fac89d037f77241d856013202d1e04b28ba' }));
+    }
+    /**
+     * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+     */
+    async componentDidLoad() {
+        await this.init();
+    }
+    /**
+     * Display editor widget to create the new feature
+     * @protected
+     */
+    async createEditorWidget() {
+        if (this._editor) {
+            this._editor.destroy();
+        }
+        const container = document.createElement("div");
+        this._editor = new this.Editor({
+            view: this.mapView,
+            visibleElements: {
+                snappingControls: false
+            },
+            container
+        });
+        this.el.appendChild(container);
+        //Add handle to watch featureFormViewModel ready state and hide the editor elements
+        const hideElementHandle = this.reactiveUtils.watch(() => { var _a; return (_a = this._editor.viewModel.featureFormViewModel) === null || _a === void 0 ? void 0 : _a.state; }, (state) => {
+            if (state === 'ready') {
+                this.hideEditorsElements();
+            }
+        });
+        this._editor.viewModel.addHandles(hideElementHandle);
+        //Add handle to watch featureTemplatesViewModel ready state and then start the creation
+        const handle = this.reactiveUtils.watch(() => this._editor.viewModel.featureTemplatesViewModel.state, (state) => {
+            if (state === 'ready') {
+                void this.startCreate();
+            }
+        });
+        this._editor.viewModel.addHandles(handle);
+        // Add handle to watch if attachments are added/edited
+        const attachmentHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
+            if (state === 'adding-attachment' || state === 'editing-attachment') {
+                this._addingAttachment = true;
+                this.isActionPending.emit(true);
+            }
+            else {
+                if (this._addingAttachment) {
+                    this.isActionPending.emit(false);
+                    this._addingAttachment = false;
+                }
+            }
+        });
+        this._editor.viewModel.addHandles(attachmentHandle);
+    }
+    /**
+     * Start creating the feature feature form
+     * @protected
+     */
+    async startCreate() {
+        const parentLayer = this.selectedFeature.layer;
+        const childTable = this.table;
+        const parentRelationship = parentLayer.relationships[0];
+        const childRelationship = childTable.relationships.find((rel) => parentLayer.layerId === rel.relatedTableId);
+        const queryResult = await parentLayer.queryFeatures({
+            objectIds: [this.selectedFeature.getObjectId()],
+            outFields: [parentLayer.objectIdField, parentRelationship.keyField],
+        });
+        const parentFeature = queryResult.features[0];
+        const template = childTable.templates[0];
+        const attributeOverrides = this.makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship);
+        const creationInfo = {
+            attributeOverrides,
+            layer: childTable,
+            template,
+        };
+        await this._editor.startCreateFeaturesWorkflowAtFeatureCreation(creationInfo);
+        // Emit an event to show submit cancel buttons
+        this.isActionPending.emit(false);
+        this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
+    }
+    /**
+     * Hides the elements of editor widget
+     * @protected
+     */
+    hideEditorsElements() {
+        if (!this.customizeSubmit) {
+            return;
+        }
+        setTimeout(() => {
+            var _a;
+            //hides the header and footer on the featureForm
+            (_a = this.el.querySelector('.esri-editor').querySelectorAll('calcite-flow-item')) === null || _a === void 0 ? void 0 : _a.forEach((flowItem) => {
+                var _a, _b, _c, _d, _e;
+                const article = (_c = (_b = (_a = flowItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('calcite-panel')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('article');
+                //hide the header
+                (_d = article === null || article === void 0 ? void 0 : article.querySelector('header')) === null || _d === void 0 ? void 0 : _d.setAttribute('style', 'display: none');
+                //hide the footer
+                (_e = article === null || article === void 0 ? void 0 : article.querySelector('footer')) === null || _e === void 0 ? void 0 : _e.setAttribute('style', 'display: none');
+            });
+        }, 700);
+    }
+    /**
+     * Makes attributes for related feature
+     * @param parentFeature Parent feature
+     * @param parentRelationship Parent relationship
+     * @param childRelationship Child relationship
+     * @returns Attributes for related feature
+     */
+    makeAttributesForRelatedFeature(parentFeature, parentRelationship, childRelationship) {
+        const parentKeyField = parentRelationship.keyField;
+        const parentKeyValue = parentFeature.getAttribute(parentKeyField);
+        let childKeyField = childRelationship.keyField;
+        // get the field from table which name is same as childKeyField and use that field name as childKeyField
+        const field = this.table.fields.find((field) => field.name.toLocaleLowerCase() === childKeyField.toLocaleLowerCase());
+        childKeyField = field.name;
+        const childAttributes = {
+            [childKeyField]: parentKeyValue,
+        };
+        return childAttributes;
+    }
+    /**
+     * On creation of feature emit the event that the feature is created
+     * @param evt feature submit event
+     * @protected
+     */
+    async submitted(evt) {
+        var _a;
+        //return if any attribute is invalid , focus will be shifted to the invalid attribute in feature form
+        if (evt.invalid.length) {
+            return;
+        }
+        //Submit only when valid attributes
+        //emit success or fail based on the result
+        if (evt.valid.length) {
+            try {
+                await this._editor.activeWorkflow.commit();
+                //throw errors if any failures
+                if ((_a = this._editor.viewModel.failures) === null || _a === void 0 ? void 0 : _a.length) {
+                    this._editor.viewModel.failures.some((failure) => {
+                        if (failure.error) {
+                            throw (failure.error);
+                        }
+                    });
+                }
+            }
+            catch (e) {
+                this.fail.emit(e);
+                return;
+            }
+            this.success.emit();
+        }
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "mapView": ["mapViewWatchHandler"]
+    }; }
+    static get style() { return CreateRelatedFeatureStyle0; }
+}, [0, "create-related-feature", {
+        "mapView": [16],
+        "table": [16],
+        "selectedFeature": [16],
+        "customizeSubmit": [4, "customize-submit"],
+        "close": [64],
+        "submit": [64]
+    }, undefined, {
+        "mapView": ["mapViewWatchHandler"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["create-related-feature"];
+    components.forEach(tagName => { switch (tagName) {
+        case "create-related-feature":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, CreateRelatedFeature);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { CreateRelatedFeature as C, defineCustomElement as d };

package/dist/components/crowdsource-manager.js

@@ -235,7 +235,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '528818cf99038897353a4390ccf60ed85b676f2e' }, h("calcite-shell", { key: '0389bc8f242c64983629840301b9da5cdb442673', class: "position-relative" }, h("calcite-panel", { key: 'bd0f33a38c6cc3cbd15e3adcbc76929682f6428e', class: `width-full height-full border-width-0` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        return (h(Host, { key: '68558824544553dd0c16832e4530afb4023ff421' }, h("calcite-shell", { key: '9369769a8ff35ab56b5317cde8b325e4635c817e', class: "position-relative" }, h("calcite-panel", { key: 'c2e5f3feb974a50039427f91e408c2add1b0cc4f', class: `width-full height-full border-width-0` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
     }
     /**
      * Called after each render