@esri/solutions-components 0.6.12 → 0.6.13

package/dist/collection/components/layer-table/layer-table.js

@@ -45,12 +45,15 @@ export class LayerTable {
     this.onTableNodeCreate = (node) => {
       this._tableNode = node;
     };
+    this.enableAutoRefresh = undefined;
+    this.enableInlineEdit = undefined;
     this.mapInfo = undefined;
     this.mapView = undefined;
     this.showNewestFirst = undefined;
     this.zoomAndScrollToSelected = undefined;
     this._alertOpen = false;
     this._fetchingData = false;
+    this._isDeleting = false;
     this._layer = undefined;
     this._selectedIndexes = [];
     this._showOnlySelected = false;
@@ -152,12 +155,11 @@ export class LayerTable {
     }
     const tableNodeClass = this._fetchingData ? "display-none" : "";
     const loadingClass = this._fetchingData ? "" : "display-none";
-    const alertActionClass = this._alertShowAction ? "" : "display-none";
     const total = this._allIds.length.toString();
     const selected = this._selectedIndexes.length.toString();
     return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: "height-full width-full" }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), h("div", { class: "bottom-left background text-color" }, this._translations.recordsSelected
       .replace("{{total}}", total)
-      .replace("{{selected}}", selected))), h("calcite-alert", { icon: this._alertIcon, kind: this._alertKind, label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { slot: "title" }, this._alertTitle), h("div", { slot: "message" }, this._alertMessage), h("calcite-link", { class: alertActionClass, onClick: this._alertActionFunction, slot: "link" }, this._alertActionText)))));
+      .replace("{{selected}}", selected))), this._getEditDisabledWarning()), this._deleteMessage()));
   }
   //--------------------------------------------------------------------------
   //
@@ -202,9 +204,10 @@ export class LayerTable {
     if (this._layer) {
       await this._layer.when(async () => {
         this._table = new this.FeatureTable({
+          autoRefreshEnabled: this.enableAutoRefresh,
           layer: this._layer,
           view: this.mapView,
-          //editingEnabled: this._editEnabled,
+          editingEnabled: this._editEnabled && this.enableInlineEdit,
           highlightEnabled: true,
           multiSortEnabled: false,
           visibleElements: {
@@ -216,6 +219,7 @@ export class LayerTable {
           },
           container: node
         });
+        this._checkEditEnabled();
         await this._table.when(async () => {
           this._table.highlightIds.on("change", () => {
             this._selectedIndexes = this._table.highlightIds.toArray();
@@ -251,7 +255,7 @@ export class LayerTable {
       const columnTemplates = this._getColumnTemplates(this._layer.id);
       this._table.layer = this._layer;
       this._table.tableTemplate.columnTemplates = columnTemplates;
-      this._editEnabled = this._layer.editingEnabled;
+      this._checkEditEnabled();
       this._table.view = this.mapView;
       this._table.editingEnabled = this._editEnabled;
       this._table.clearSelectionFilter();
@@ -260,6 +264,15 @@ export class LayerTable {
       await this._sortTable();
     }
   }
+  /**
+   * Verify edit capabilities of the layer
+   *
+   * @returns void
+   */
+  _checkEditEnabled() {
+    this._editEnabled = this._layer.editingEnabled && this._layer.capabilities.operations.supportsUpdate;
+    this._deleteEnabled = this._layer.editingEnabled && this._layer.capabilities.operations.supportsDelete;
+  }
   /**
    * Sort the objectid field in descending order
    *
@@ -278,6 +291,40 @@ export class LayerTable {
       }
     }
   }
+  /**
+   * Show warning when editing is disabled
+   *
+   * @returns node with warning message
+   */
+  _getEditDisabledWarning() {
+    return (h("calcite-alert", { icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen && !this._confirmDelete, placement: "top" }, h("div", { slot: "title" }, this._translations.deleteDisabled), h("div", { slot: "message" }, this._translations.enableEditing)));
+  }
+  /**
+   * Show delete confirmation message
+   *
+   * @returns node to confirm or deny the delete operation
+   */
+  _deleteMessage() {
+    return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, h("calcite-icon", { "aria-hidden": "true", class: "padding-end-1 danger-color", icon: "exclamation-mark-triangle", scale: "m" }), this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._alertClosed(), slot: "secondary", width: "full" }, this._translations.cancel), h("calcite-button", { kind: "danger", loading: this._isDeleting, onClick: () => void this._deleteFeatures(), slot: "primary", width: "full" }, this._translations.delete)));
+  }
+  /**
+   * Delete the currently selected features
+   *
+   * @returns void
+   */
+  async _deleteFeatures() {
+    this._isDeleting = true;
+    const deleteFeatures = this._table.highlightIds.toArray().map((objectId) => {
+      return { objectId };
+    });
+    await this._layer.applyEdits({
+      deleteFeatures
+    });
+    await this._table.refresh();
+    this._allIds = await queryAllIds(this._layer);
+    this._isDeleting = false;
+    this._alertClosed();
+  }
   /**
    * Handle map click events to keep table and map click selection in sync
    *
@@ -313,6 +360,7 @@ export class LayerTable {
    */
   _alertClosed() {
     this._alertOpen = false;
+    this._confirmDelete = false;
   }
   /**
    * Select or deselect all rows
@@ -386,7 +434,8 @@ export class LayerTable {
       ids,
       layer: this._layer
     };
-    void downloadUtils.downloadCSV(exportInfos, false, // formatUsingLayerPopup
+    void downloadUtils.downloadCSV(null, //???
+    exportInfos, false, // formatUsingLayerPopup
     false, // removeDuplicates
     true);
   }
@@ -413,25 +462,7 @@ export class LayerTable {
    */
   _delete() {
     if (this._editEnabled) {
-      this._alertIcon = "trash";
-      this._alertTitle = this._translations.deleteRows;
-      this._alertActionText = this._translations.delete;
-      this._alertShowAction = true;
-      this._alertMessage = this._translations.confirm;
-      this._alertKind = "danger";
-      this._alertActionFunction = () => {
-        void this._layer.applyEdits({
-          deleteFeatures: this._table.highlightIds.toArray()
-        });
-        this._alertOpen = false;
-      };
-    }
-    else {
-      this._alertIcon = "layer-broken";
-      this._alertTitle = this._translations.deleteDisabled;
-      this._alertShowAction = false;
-      this._alertMessage = this._translations.enableEditing;
-      this._alertKind = "warning";
+      this._confirmDelete = true;
     }
     this._alertOpen = true;
   }
@@ -517,6 +548,40 @@ export class LayerTable {
   }
   static get properties() {
     return {
+      "enableAutoRefresh": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "boolean: when true the layer table will auto refresh the data"
+        },
+        "attribute": "enable-auto-refresh",
+        "reflect": false
+      },
+      "enableInlineEdit": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "boolean: when true edits can be applied directly within the table"
+        },
+        "attribute": "enable-inline-edit",
+        "reflect": false
+      },
       "mapInfo": {
         "type": "unknown",
         "mutable": false,
@@ -598,6 +663,7 @@ export class LayerTable {
     return {
       "_alertOpen": {},
       "_fetchingData": {},
+      "_isDeleting": {},
       "_layer": {},
       "_selectedIndexes": {},
       "_showOnlySelected": {},

package/dist/collection/components/pdf-download/pdf-download.js

@@ -43,27 +43,29 @@ export class PdfDownload {
   /**
    * Downloads csv of mailing labels for the provided list of ids
    *
+   * @param webmap Webmap containing layer
    * @param exportInfos Information about items to be exported
    * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
    * @param addColumnTitle Indicates if column headings should be included in output
    * @returns Promise resolving when function is done
    */
-  async downloadCSV(exportInfos, removeDuplicates, addColumnTitle = true) {
-    return downloadUtils.downloadCSV(exportInfos, true, // formatUsingLayerPopup
+  async downloadCSV(webmap, exportInfos, removeDuplicates, addColumnTitle = true) {
+    return downloadUtils.downloadCSV(webmap, exportInfos, true, // formatUsingLayerPopup
     removeDuplicates, addColumnTitle);
   }
   /**
    * Downloads pdf of mailing labels for the provided list of ids
    *
+   * @param webmap Webmap containing layer
    * @param exportInfos Information about items to be exported
    * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
    * @param title Title for each page
    * @param initialImageDataUrl Data URL of image for first page
    * @returns Promise resolving when function is done
    */
-  async downloadPDF(exportInfos, removeDuplicates = false, title = "", initialImageDataUrl = "") {
+  async downloadPDF(webmap, exportInfos, removeDuplicates = false, title = "", initialImageDataUrl = "") {
     var _c;
-    return downloadUtils.downloadPDF(exportInfos, (_c = this._labelInfoElement.selectedOption) === null || _c === void 0 ? void 0 : _c.value, removeDuplicates, title, initialImageDataUrl);
+    return downloadUtils.downloadPDF(webmap, exportInfos, (_c = this._labelInfoElement.selectedOption) === null || _c === void 0 ? void 0 : _c.value, removeDuplicates, title, initialImageDataUrl);
   }
   //--------------------------------------------------------------------------
   //
@@ -217,8 +219,14 @@ export class PdfDownload {
     return {
       "downloadCSV": {
         "complexType": {
-          "signature": "(exportInfos: IExportInfos, removeDuplicates: boolean, addColumnTitle?: boolean) => Promise<void>",
+          "signature": "(webmap: __esri.Map, exportInfos: IExportInfos, removeDuplicates: boolean, addColumnTitle?: boolean) => Promise<void>",
           "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "webmap Webmap containing layer"
+                }],
+              "text": "Webmap containing layer"
+            }, {
               "tags": [{
                   "name": "param",
                   "text": "exportInfos Information about items to be exported"
@@ -242,6 +250,10 @@ export class PdfDownload {
               "location": "global",
               "id": "global::Promise"
             },
+            "___esri": {
+              "location": "global",
+              "id": "global::___esri"
+            },
             "IExportInfos": {
               "location": "import",
               "path": "../../utils/interfaces",
@@ -253,6 +265,9 @@ export class PdfDownload {
         "docs": {
           "text": "Downloads csv of mailing labels for the provided list of ids",
           "tags": [{
+              "name": "param",
+              "text": "webmap Webmap containing layer"
+            }, {
               "name": "param",
               "text": "exportInfos Information about items to be exported"
             }, {
@@ -269,8 +284,14 @@ export class PdfDownload {
       },
       "downloadPDF": {
         "complexType": {
-          "signature": "(exportInfos: IExportInfos, removeDuplicates?: boolean, title?: string, initialImageDataUrl?: string) => Promise<void>",
+          "signature": "(webmap: __esri.Map, exportInfos: IExportInfos, removeDuplicates?: boolean, title?: string, initialImageDataUrl?: string) => Promise<void>",
           "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "webmap Webmap containing layer"
+                }],
+              "text": "Webmap containing layer"
+            }, {
               "tags": [{
                   "name": "param",
                   "text": "exportInfos Information about items to be exported"
@@ -300,6 +321,10 @@ export class PdfDownload {
               "location": "global",
               "id": "global::Promise"
             },
+            "___esri": {
+              "location": "global",
+              "id": "global::___esri"
+            },
             "IExportInfos": {
               "location": "import",
               "path": "../../utils/interfaces",
@@ -315,6 +340,9 @@ export class PdfDownload {
         "docs": {
           "text": "Downloads pdf of mailing labels for the provided list of ids",
           "tags": [{
+              "name": "param",
+              "text": "webmap Webmap containing layer"
+            }, {
               "name": "param",
               "text": "exportInfos Information about items to be exported"
             }, {

package/dist/collection/components/public-notification/public-notification.js

@@ -422,7 +422,7 @@ export class PublicNotification {
    */
   async _getNumDuplicates() {
     const exportInfos = this._getExportInfos();
-    const labels = await consolidateLabels(exportInfos);
+    const labels = await consolidateLabels(this.mapView.map, exportInfos);
     const duplicatesRemoved = removeDuplicateLabels(labels);
     return labels.length - duplicatesRemoved.length;
   }
@@ -633,12 +633,12 @@ export class PublicNotification {
       }
       this._fetchingData = true;
       // Create the labels for each selection set
-      await this._downloadTools.downloadPDF(exportInfos, this._removeDuplicates.checked, this._addTitle ? this._titleElement.value : "", initialImageDataUrl);
+      await this._downloadTools.downloadPDF(this.mapView.map, exportInfos, this._removeDuplicates.checked, this._addTitle ? this._titleElement.value : "", initialImageDataUrl);
       this._fetchingData = false;
     }
     if (this._exportType === EExportType.CSV) {
       this._fetchingData = true;
-      await this._downloadTools.downloadCSV(exportInfos, this._removeDuplicates.checked);
+      await this._downloadTools.downloadCSV(this.mapView.map, exportInfos, this._removeDuplicates.checked);
       this._fetchingData = false;
     }
   }