@esri/solutions-components 0.7.22 → 0.7.24

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

@@ -85,19 +85,17 @@ export class LayerTable {
         this.mapInfo = undefined;
         this.mapView = undefined;
         this.onlyShowUpdatableLayers = undefined;
+        this.selectedIds = [];
         this.shareIncludeEmbed = undefined;
         this.shareIncludeSocial = undefined;
         this.showNewestFirst = undefined;
         this.zoomAndScrollToSelected = undefined;
-        this._confirmDelete = false;
         this._controlsThatFit = undefined;
         this._fetchingData = false;
         this._filterActive = false;
         this._filterOpen = false;
-        this._isDeleting = false;
         this._layer = undefined;
         this._selectAllActive = false;
-        this._selectedIndexes = [];
         this._showHideOpen = false;
         this._showOnlySelected = false;
         this._sortActive = false;
@@ -177,8 +175,11 @@ export class LayerTable {
      * watch for changes in layer view and verify if it has editing enabled
      */
     async _layerWatchHandler() {
+        var _a, _b;
         this._fetchingData = true;
         this._definitionExpression = this._layer.definitionExpression;
+        this._floorField = (_b = (_a = this._layer) === null || _a === void 0 ? void 0 : _a.floorInfo) === null || _b === void 0 ? void 0 : _b.floorField;
+        this._updateFloorDefinitionExpression();
         await this._resetTable();
         this._updateShareUrl();
         this._initLayerExpressions();
@@ -187,10 +188,10 @@ export class LayerTable {
     /**
      * watch for selection changes
      */
-    async _selectedIndexesWatchHandler() {
+    async _selectedIdsWatchHandler() {
         this._updateShareUrl();
         this._validateEnabledActions();
-        if (this._selectAllActive && this._selectedIndexes.length !== this._allIds.length) {
+        if (this._selectAllActive && this.selectedIds.length !== this._allIds.length) {
             this._selectAllActive = false;
         }
     }
@@ -202,19 +203,6 @@ export class LayerTable {
             await this._sortTable();
         }
     }
-    //--------------------------------------------------------------------------
-    //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Delete currently selected features
-     *
-     * @returns Promise resolving when the process is complete
-     */
-    async deleteFeatures() {
-        return this._delete();
-    }
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -242,14 +230,23 @@ export class LayerTable {
     }
     /**
      * Refresh the table when edits are completed
-     *
      */
-    async editsComplete() {
+    async editsComplete(evt) {
+        const editType = evt.detail;
+        if (editType === "delete" || editType === "add") {
+            this._allIds = await queryAllIds(this._layer);
+        }
         await this._refresh();
     }
     /**
-     * Refresh the table when edits are completed
-     *
+     * Refresh the table when floor filter level is changed
+     */
+    async levelChanged(evt) {
+        this._floorLevel = evt.detail;
+        this._updateFloorDefinitionExpression();
+    }
+    /**
+     * Refresh the table when
      */
     noLayersFound() {
         this._layer = undefined;
@@ -281,12 +278,12 @@ export class LayerTable {
         const tableNodeClass = this._fetchingData ? "display-none" : "";
         const loadingClass = this._fetchingData ? "" : "display-none";
         const total = this._allIds.length.toString();
-        const selected = this._selectedIndexes.length.toString();
+        const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         this._validateActiveActions();
         return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: `width-full ${tableHeightClass}` }, 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 })), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected))) : undefined)), this._deleteMessage(), this._filterModal()));
+            .replace("{{selected}}", selected))) : undefined)), this._filterModal()));
     }
     /**
      * Called once after the component is loaded
@@ -464,11 +461,11 @@ export class LayerTable {
                     isOverflow: false
                 } : undefined,
                 this._deleteEnabled ? {
-                    active: false,
+                    active: undefined,
                     icon: "trash",
-                    indicator: false,
-                    label: this._translations.delete,
-                    func: () => this._delete(),
+                    indicator: undefined,
+                    label: undefined,
+                    func: undefined,
                     disabled: !featuresSelected,
                     isDanger: true,
                     isOverflow: false
@@ -534,13 +531,23 @@ export class LayerTable {
             this._defaultVisibleToolSizeInfos = undefined;
         }
     }
+    /**
+     * Applies a definition expression when floor field and level are available
+     *
+     * @returns boolean
+     */
+    _updateFloorDefinitionExpression() {
+        if (this._floorField && this._floorLevel) {
+            this._layer.definitionExpression = `${this._floorField} = '${this._floorLevel}'`;
+        }
+    }
     /**
      * Returns true when one ore more features are selected
      *
      * @returns boolean
      */
     _featuresSelected() {
-        return this._selectedIndexes.length > 0;
+        return this.selectedIds.length > 0;
     }
     /**
      * Return true when we have no features
@@ -752,8 +759,8 @@ export class LayerTable {
         else {
             urlObj.searchParams.delete("layer");
         }
-        if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
-            urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
+        if (((_d = this.selectedIds) === null || _d === void 0 ? void 0 : _d.length) > 0) {
+            urlObj.searchParams.set("oid", this.selectedIds.join(","));
         }
         else {
             urlObj.searchParams.delete("oid");
@@ -775,7 +782,6 @@ export class LayerTable {
             urlObj.searchParams.delete("filter");
         }
         this._shareNode.shareUrl = urlObj.href;
-        history.pushState(history.state, document.title, urlObj.href);
     }
     /**
      * Get a tooltip
@@ -812,7 +818,15 @@ export class LayerTable {
      */
     _getDangerAction(icon, label, func, disabled) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (h("div", { class: "display-flex", id: this._getId(icon) }, h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: "" }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label)), this._getToolTip("bottom", icon, label)));
+        return (h("div", { class: "display-flex", id: this._getId(icon) }, icon === "trash" ? (h("delete-button", { buttonType: "action", class: "display-flex", disabled: _disabled, icon: icon, ids: this._getIds(), layer: this._layer })) : (h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: "" }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
+    }
+    /**
+     * Return all currently selected IDs from the table
+     *
+     * @param number[] the selected ids
+     */
+    _getIds() {
+        return this._table.highlightIds.toArray();
     }
     /**
      * Initialize the FeatureTable
@@ -858,15 +872,15 @@ export class LayerTable {
         const ids = [...this._table.highlightIds.toArray()];
         if (!this._skipOnChange) {
             if (!this._ctrlIsPressed && !this._shiftIsPressed) {
-                if (this._selectedIndexes.length > 0) {
+                if (this.selectedIds.length > 0) {
                     this._skipOnChange = true;
                     // only readd in specific case where we have multiple selected and then click one of the currently selected
-                    const reAdd = this._selectedIndexes.length > 1 && evt.removed.length === 1;
-                    const newIndexes = reAdd ? evt.removed : ids.filter(id => this._selectedIndexes.indexOf(id) < 0);
+                    const reAdd = this.selectedIds.length > 1 && evt.removed.length === 1;
+                    const newIds = reAdd ? evt.removed : ids.filter(id => this.selectedIds.indexOf(id) < 0);
                     this._clearSelection();
-                    this._selectedIndexes = [...newIndexes];
-                    if (newIndexes.length > 0) {
-                        this._table.highlightIds.add(newIndexes[0]);
+                    this.selectedIds = [...newIds];
+                    if (newIds.length > 0) {
+                        this._table.highlightIds.add(newIds[0]);
                     }
                     else {
                         this._skipOnChange = false;
@@ -874,11 +888,11 @@ export class LayerTable {
                 }
                 else {
                     // https://github.com/Esri/solutions-components/issues/365
-                    this._selectedIndexes = ids.reverse();
+                    this.selectedIds = ids.reverse();
                 }
             }
             else if (this._ctrlIsPressed) {
-                this._selectedIndexes = ids.reverse();
+                this.selectedIds = ids.reverse();
             }
             else if (this._shiftIsPressed) {
                 this._skipOnChange = true;
@@ -897,7 +911,7 @@ export class LayerTable {
                     const startIndex = _start < _end ? _start : _end;
                     const endIndex = _end > _start ? _end : _start;
                     this._skipOnChange = startIndex + 1 !== endIndex;
-                    const selectedIndexes = oids.reduce((prev, cur) => {
+                    const selectedIds = oids.reduce((prev, cur) => {
                         const id = cur;
                         const index = this._table.viewModel.getObjectIdIndex(id);
                         if ((id === this._currentId || id === this._previousCurrentId)) {
@@ -914,13 +928,13 @@ export class LayerTable {
                         }
                         // Also add index based check.
                         // In some cases the FeatureTable and Layer query will have differences in how null/undefined field values are sorted
-                        if ((this._selectedIndexes.indexOf(id) > -1 || (index >= startIndex && index <= endIndex)) && prev.indexOf(id) < 0 && index > -1) {
+                        if ((this.selectedIds.indexOf(id) > -1 || (index >= startIndex && index <= endIndex)) && prev.indexOf(id) < 0 && index > -1) {
                             prev.push(id);
                         }
                         return prev;
                     }, []);
-                    this._selectedIndexes = _start < _end ? selectedIndexes.reverse() : selectedIndexes;
-                    this._table.highlightIds.addMany(this._selectedIndexes.filter(i => ids.indexOf(i) < 0));
+                    this.selectedIds = _start < _end ? selectedIds.reverse() : selectedIds;
+                    this._table.highlightIds.addMany(this.selectedIds.filter(i => ids.indexOf(i) < 0));
                 }
             }
             this._finishOnChange();
@@ -942,7 +956,7 @@ export class LayerTable {
                 this._toggleShowSelected();
             }
         }
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Reset basic table props
@@ -951,7 +965,7 @@ export class LayerTable {
         var _a;
         this._clearSelection();
         this._allIds = [];
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
         const columnTemplates = this._getColumnTemplates(this._layer.id, (_a = this._layer) === null || _a === void 0 ? void 0 : _a.fields);
         this._allIds = await queryAllIds(this._layer);
         if (!this._table) {
@@ -1121,30 +1135,6 @@ export class LayerTable {
             this._filterOpen = false;
         }
     }
-    /**
-     * Show delete confirmation message
-     *
-     * @returns node to confirm or deny the delete operation
-     */
-    _deleteMessage() {
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "danger", onCalciteModalClose: () => this._deleteClosed(), open: this._confirmDelete }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations.deleteFeature), h("div", { slot: "content" }, this._translations.confirm), h("calcite-button", { appearance: "outline", kind: "danger", onClick: () => this._deleteClosed(), 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
-     */
-    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._deleteClosed();
-    }
     /**
      * Handle map click events to keep table and map click selection in sync
      *
@@ -1172,12 +1162,6 @@ export class LayerTable {
             }
         }
     }
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    _deleteClosed() {
-        this._confirmDelete = false;
-    }
     /**
      * Select or deselect all rows
      */
@@ -1186,7 +1170,7 @@ export class LayerTable {
         this._table.highlightIds.removeAll();
         this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
-        this._selectedIndexes = ids;
+        this.selectedIds = ids;
         this._finishOnChange();
         this._selectAllActive = true;
     }
@@ -1208,7 +1192,7 @@ export class LayerTable {
      */
     _clearSelection() {
         var _a;
-        this._selectedIndexes = [];
+        this.selectedIds = [];
         (_a = this._table) === null || _a === void 0 ? void 0 : _a.highlightIds.removeAll();
         this._finishOnChange();
     }
@@ -1231,7 +1215,7 @@ export class LayerTable {
      * Select all rows that are not currently selectd
      */
     _switchSelected() {
-        const currentIndexes = [...this._selectedIndexes];
+        const currentIndexes = [...this.selectedIds];
         this._table.highlightIds.removeAll();
         const ids = this._allIds.reduce((prev, _cur) => {
             if (currentIndexes.indexOf(_cur) < 0) {
@@ -1241,7 +1225,7 @@ export class LayerTable {
         }, []).sort((a, b) => a - b);
         this._skipOnChange = true;
         this._table.highlightIds.addMany(ids);
-        this._selectedIndexes = ids;
+        this.selectedIds = ids;
         this._finishOnChange();
     }
     /**
@@ -1274,7 +1258,7 @@ export class LayerTable {
      */
     async _refresh() {
         await this._table.refresh();
-        this.featureSelectionChange.emit(this._selectedIndexes);
+        this.featureSelectionChange.emit(this.selectedIds);
     }
     /**
      * Zoom to all selected features
@@ -1284,14 +1268,6 @@ export class LayerTable {
     _zoom() {
         this._table.zoomToSelection();
     }
-    /**
-     * Delete all selected records or shows an alert if the layer does not have editing enabled
-     *
-     * @returns a promise that will resolve when the operation is complete
-     */
-    _delete() {
-        this._confirmDelete = true;
-    }
     /**
      * Handles layer selection change to show new table
      *
@@ -1630,6 +1606,22 @@ export class LayerTable {
                 "attribute": "only-show-updatable-layers",
                 "reflect": false
             },
+            "selectedIds": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "number[]",
+                    "resolved": "number[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "number[]: A list of ids that are currently selected"
+                },
+                "defaultValue": "[]"
+            },
             "shareIncludeEmbed": {
                 "type": "boolean",
                 "mutable": false,
@@ -1702,15 +1694,12 @@ export class LayerTable {
     }
     static get states() {
         return {
-            "_confirmDelete": {},
             "_controlsThatFit": {},
             "_fetchingData": {},
             "_filterActive": {},
             "_filterOpen": {},
-            "_isDeleting": {},
             "_layer": {},
             "_selectAllActive": {},
-            "_selectedIndexes": {},
             "_showHideOpen": {},
             "_showOnlySelected": {},
             "_sortActive": {},
@@ -1735,30 +1724,6 @@ export class LayerTable {
                 }
             }];
     }
-    static get methods() {
-        return {
-            "deleteFeatures": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Delete currently selected features",
-                    "tags": [{
-                            "name": "returns",
-                            "text": "Promise resolving when the process is complete"
-                        }]
-                }
-            }
-        };
-    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
@@ -1783,8 +1748,8 @@ export class LayerTable {
                 "propName": "_layer",
                 "methodName": "_layerWatchHandler"
             }, {
-                "propName": "_selectedIndexes",
-                "methodName": "_selectedIndexesWatchHandler"
+                "propName": "_selectedIds",
+                "methodName": "_selectedIdsWatchHandler"
             }, {
                 "propName": "_sortActive",
                 "methodName": "_sortActiveWatchHandler"
@@ -1803,6 +1768,12 @@ export class LayerTable {
                 "target": "window",
                 "capture": false,
                 "passive": false
+            }, {
+                "name": "levelChanged",
+                "method": "levelChanged",
+                "target": "window",
+                "capture": false,
+                "passive": false
             }, {
                 "name": "noLayersFound",
                 "method": "noLayersFound",

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

@@ -519,7 +519,7 @@ export class PublicNotification {
         const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
         const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
         const formatOptionsClass = this._addResults ? "" : "display-none";
-        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.addTitle)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
+        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._addMap = !this._addMap }), this._translations.includeMap))));
     }
     /**
      * Render the refine page

package/dist/collection/components/solution-spatial-ref/solution-spatial-ref.js

@@ -33,6 +33,15 @@ export class SolutionSpatialRef {
         this._srSearchText = undefined;
         this._translations = undefined;
     }
+    lockedChanged(newLocked) {
+        if (!newLocked) {
+            // By default enable all Feature Services on first load
+            this._setFeatureServiceDefaults(this.services);
+        }
+        this.lockedSpatialReferenceChange.emit({
+            locked: newLocked
+        });
+    }
     //--------------------------------------------------------------------------
     //
     //  Lifecycle
@@ -51,7 +60,7 @@ export class SolutionSpatialRef {
         return (h(Host, null, h("div", { class: "spatial-ref" }, h("div", { class: "spatial-ref-desc" }, h("calcite-label", null, this._translations.paramDescription)), h("label", { class: "switch-label" }, h("calcite-switch", { checked: !this.locked, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this._updateLocked(event), scale: "m" }), this._translations.specifyParam), h("div", { class: "spatial-ref-component", id: "spatialRefDefn" }, h("calcite-label", null, this._translations.spatialReferenceInfo, h("label", { class: "spatial-ref-default" }, h("spatial-ref", { defaultWkid: this.defaultWkid, disabled: this.locked, value: this.value }))), this._getFeatureServices(this.services)))));
     }
     /**
-     * Handle changes to the buffer distance value
+     * Saves changes to the embedded spatial reference value
      */
     spatialReferenceChange(event) {
         this.value = event.detail.newValue;
@@ -246,9 +255,30 @@ export class SolutionSpatialRef {
                     "resolved": "{ name: string; enabled: boolean; }",
                     "references": {}
                 }
+            }, {
+                "method": "lockedSpatialReferenceChange",
+                "name": "lockedSpatialReferenceChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ locked: boolean }",
+                    "resolved": "{ locked: boolean; }",
+                    "references": {}
+                }
             }];
     }
     static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "locked",
+                "methodName": "lockedChanged"
+            }];
+    }
     static get listeners() {
         return [{
                 "name": "spatialReferenceChange",

package/dist/collection/demos/crowdsource-manager.html

@@ -95,6 +95,19 @@
                       active: false
                     }
                   ]
+                }, {
+                  id: "Requets_6608",
+                  title: "Comments",
+                  operator: " AND ",
+                  expressions: [
+                    {
+                      definitionExpression: "OBJECTID > 1",
+                      id: 1701793260226,
+                      index: 0,
+                      name: "greater than 1",
+                      active: false
+                    }
+                  ]
                 }
               ]
             }