@esri/solutions-components 0.10.48 → 0.11.0

package/dist/cjs/calcite-tree_2.cjs.entry.js

@@ -7,15 +7,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4b68e4b4.js');
+const index = require('./index-3bae5121.js');
 const dom = require('./dom-e11b7daf.js');
-const conditionalSlot = require('./conditionalSlot-003e6975.js');
-const interactive = require('./interactive-7ccdd728.js');
+const conditionalSlot = require('./conditionalSlot-130cce71.js');
+const interactive = require('./interactive-e1c3ccf2.js');
 const resources = require('./resources-6c04ccee.js');
 const component = require('./component-65f2fe4b.js');
 require('./guid-d99f21fe.js');
-require('./observers-affd684f.js');
-require('./browser-0bedacf5.js');
+require('./observers-902ebe13.js');
+require('./browser-717f77af.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/cjs/card-manager_3.cjs.entry.js

@@ -7,16 +7,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4b68e4b4.js');
-const locale = require('./locale-339b55f0.js');
+const index = require('./index-3bae5121.js');
+const locale = require('./locale-a79da367.js');
 const mapViewUtils = require('./mapViewUtils-18c46b84.js');
-const downloadUtils = require('./downloadUtils-76bc7e30.js');
+const downloadUtils = require('./downloadUtils-b6490537.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./interfaces-09c4c40e.js');
-require('./index-f052f656.js');
-require('./solution-resource-40e70253.js');
-require('./restHelpersGet-5c2245a3.js');
+require('./typeof-2a7e2dec.js');
+require('./index-5d8d6ae2.js');
+require('./solution-resource-d0a2f7fe.js');
+require('./restHelpersGet-e4639890.js');
+require('./update-243ea407.js');
 
 const cardManagerCss = ":host{display:block !important}.display-flex{display:flex}.display-none{display:none}.w-100{width:100%}.padding-bottom-1{padding-bottom:1rem}.padding-1{padding:1rem}.position-relative{position:relative}.focus-margin{margin:1px 1px 0px 1px}.overflow-auto{overflow:auto}.height-full{height:100%}.position-static{position:static !important}.z-index-500{z-index:500 !important}card-manager{display:block}";
 const CardManagerStyle0 = cardManagerCss;
@@ -139,7 +141,7 @@ const CardManager = class {
         const heading = isTable ? this._translations.createRecord : this._translations.createFeature;
         const guideMsg = this.customInfoText ? this.customInfoText : this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart;
         const showCreateFeatureOrRecordBtn = this.enableCreateFeatures && this.layer?.capabilities?.operations?.supportsAdd;
-        return (index.h(index.Host, { key: '1dc448368b85b83ccc2f76f59cff83559d1d1285' }, index.h("div", { key: '7c058f7a4ca2db84f0ad35efba90a1485e5c7989', class: "overflow-auto height-full" }, index.h("calcite-shell", { key: '1388666d3d11efee37efc1524011594237cccc35', class: "position-relative " + featuresClass }, index.h("div", { key: '3f93c4de344e49eec16e447bc1ca44cb280f84cc', class: "position-static z-index-500" }, index.h("info-card", { key: 'c5b8cafef2595b8ae85725d583caebf9754ce1fb', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, locale: this.locale, mapView: this.mapView }))), index.h("calcite-shell", { key: 'bfa2f41e657f390335545f46ab744d4d980c3926', class: "position-relative " + messageClass }, index.h("calcite-flow-item", { key: 'bf19ce4b69b52c5652629f38859e03a0a99f8374' }, index.h("calcite-panel", { key: '1ea46998a73ad636ad2a956e72181a0570edd5d0' }, index.h("div", { key: 'd853f429c30daa5abcfe6576b7242fa48251ae53', class: "padding-1" }, index.h("calcite-notice", { key: 'dffa52ec3fa7a22494b6dadd7b1c6d512e25c192', icon: this.selectingFeatureFromMap ? "map" : "table", iconFlipRtl: true, open: true }, index.h("div", { key: '728b56c9281dfe09d1604882635a53803c5f4253', slot: "message" }, guideMsg))), !this.isMobile && showCreateFeatureOrRecordBtn && index.h("calcite-button", { key: '260042d84c529d5508630bca7bdb39db1c2408cb', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature)))), index.h("calcite-shell", { key: 'c30cbc2dc6e70319440bf9ed7c3d7f7ede38c3a1', class: "position-relative " + createFeatureClass }, index.h("calcite-flow-item", { key: '901c5a407a8418c34ee72c4dd4b16443c3766819' }, index.h("calcite-panel", { key: 'a6faf502cd08060a42582cbd95d7354b1e192a43', heading: heading }, index.h("calcite-action", { key: '23e9c295f7476f935055c30227774e173315194d', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "" }), this.getEditorComponent(), this._showSubmitBtn && index.h("calcite-button", { key: '3ee5c310e5fad8aa5d6abd8ae1347c46d3ada1be', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
+        return (index.h(index.Host, { key: '5557aa4d80b859335e38db3f4255f4a61d00560f' }, index.h("div", { key: '6756e3314fc3444a982010a3cfa702d77f05f316', class: "overflow-auto height-full" }, index.h("calcite-shell", { key: '715eb7ed692a1d00347d44f20df370cf9a91ded5', class: "position-relative " + featuresClass }, index.h("div", { key: 'baf4e97c1884f477e4077a6dc8e59d98c77593a4', class: "position-static z-index-500" }, index.h("info-card", { key: 'e2ed262e2ebdf9b79ddd725f073f13d6a17909d2', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, locale: this.locale, mapView: this.mapView }))), index.h("calcite-shell", { key: '536b1dec2a539191f30b648f70a6bdcd447a6d6c', class: "position-relative " + messageClass }, index.h("calcite-flow-item", { key: 'fe3ea9d0c94b51b3c67fdd784d624479d61663d9' }, index.h("calcite-panel", { key: 'e01b6ebb54d5cf265f3b12cabf56754174c6e53e' }, index.h("div", { key: '90c3fa4e158218d6a057bb3741bfaad1d33f84d1', class: "padding-1" }, index.h("calcite-notice", { key: 'c9dfc38e3dacf0606e7688bc60008ddf3211733d', icon: this.selectingFeatureFromMap ? "map" : "table", iconFlipRtl: true, open: true }, index.h("div", { key: '09230437c58274365885d31457a758c634de6118', slot: "message" }, guideMsg))), !this.isMobile && showCreateFeatureOrRecordBtn && index.h("calcite-button", { key: '25e36e909b1b2cd9c470c7130e3b058feb6a9701', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature)))), index.h("calcite-shell", { key: 'ee86348e78c6ab5bf355ada65157f7145289e7d0', class: "position-relative " + createFeatureClass }, index.h("calcite-flow-item", { key: 'a76afb730f23f07a65ff87280812084aa0b656ab' }, index.h("calcite-panel", { key: '0e8b44fecacbd09836c5cda2c75db076073de051', heading: heading }, index.h("calcite-action", { key: '8031226773c3aae1308104050cd347b1be25bf2a', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "" }), this.getEditorComponent(), this._showSubmitBtn && index.h("calcite-button", { key: '80ae2e97c96a696fd8d964231549d37a101ee34b', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
     }
     /**
    * Returns the editor component for adding feature
@@ -263,6 +265,7 @@ const LayerTable = class {
         this._fullTextSearchInfo = undefined;
         this._searchPlaceHolder = '';
         this._size = 0;
+        this._queryingData = false;
     }
     get el() { return index.getElement(this); }
     //--------------------------------------------------------------------------
@@ -318,6 +321,11 @@ const LayerTable = class {
      * boolean: When false alerts will be shown to indicate that the layer must have delete and editing enabled
      */
     _deleteEnabled;
+    /**
+     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+     * The Editor instance
+     */
+    _editor;
     /**
      * HTMLInstantAppsFilterListElement: Component from Instant Apps that supports interacting with the current filter config
      */
@@ -426,6 +434,10 @@ const LayerTable = class {
      * string the current search expression
      */
     _searchExpression;
+    /**
+     * boolean: When true we will not evaluate if the editor has any pending edits
+     */
+    _skipEditCheck = false;
     /**
      * number[]: selected features from table
      */
@@ -583,6 +595,12 @@ const LayerTable = class {
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Closes the filter
+     */
+    async closeFilter() {
+        await this._closeFilter();
+    }
     /**
      * Reset the filter
      */
@@ -596,10 +614,10 @@ const LayerTable = class {
         await this._handleFilterUpdate(active);
     }
     /**
-     * Closes the filter
+     * Validate if the editor has any pending edits
      */
-    async closeFilter() {
-        await this._closeFilter();
+    async validateActiveEdits() {
+        return this._validateActiveEdits([], this.selectedIds);
     }
     /**
      * refresh the feature table
@@ -626,6 +644,29 @@ const LayerTable = class {
      * Emitted on demand when when the delete dialog should be shown
      */
     showDelete;
+    /**
+     * Listen for changes to map info and load the appropriate map
+     */
+    async beforeMapInfoChange(evt) {
+        const mapPicker = evt.detail.ref;
+        const mapInfo = evt.detail.mapInfo;
+        const hasPendingEdits = this._hasPendingEdits();
+        if (hasPendingEdits) {
+            evt.preventDefault();
+            const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+            await mapPicker.setMapByID(editsDiscarded ? mapInfo.id : evt.detail.currentId, !editsDiscarded);
+        }
+    }
+    /**
+     * Get the Editor instance after it's been initialized
+     *
+     * @param evt CustomEvent that contains the editor instance
+     *
+     * @returns a promise when the operation has completed
+     */
+    async editorInitialized(evt) {
+        this._editor = evt.detail;
+    }
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -657,6 +698,21 @@ const LayerTable = class {
             }
         }
     }
+    /**
+     * Handles before layer selection change
+     *
+     * @param evt CustomEvent the id for the current layer
+     */
+    async beforeLayerSelectionChange(evt) {
+        const hasPendingEdits = this._hasPendingEdits();
+        if (hasPendingEdits) {
+            evt.preventDefault();
+            const mapLayerPicker = evt.detail.ref;
+            const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+            return evt.detail.selectedIds ? await mapLayerPicker.setLayerByIds(editsDiscarded ? evt.detail.newIds : evt.detail.currentIds, true)
+                : await mapLayerPicker.setLayerById(editsDiscarded ? evt.detail.newId : evt.detail.currentId, true);
+        }
+    }
     /**
      * Handles layer selection change to show new table
      *
@@ -699,7 +755,7 @@ const LayerTable = class {
     /**
      * Refresh the table when
      */
-    noLayersFound() {
+    async noLayersFound() {
         this._layer = undefined;
         this._allIds = [];
         this._clearSelection();
@@ -707,8 +763,11 @@ const LayerTable = class {
     /**
      * Clears the selection from table
      */
-    clearSelection() {
-        this._clearSelection();
+    async clearSelection() {
+        const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+        if (editsDiscarded) {
+            this._clearSelection();
+        }
     }
     //--------------------------------------------------------------------------
     //
@@ -734,15 +793,16 @@ const LayerTable = class {
     render() {
         const tableNodeClass = this._fetchingData ? "display-none" : "";
         const loadingClass = this._fetchingData ? "" : "display-none";
+        const scrimClass = this._queryingData ? "" : "display-none";
         const total = this._size.toString();
         const selected = this.selectedIds.length.toString();
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (index.h(index.Host, { key: 'ade26bd309af37b5b9f9bdc355f1cf6c575fa89a' }, index.h("calcite-shell", { key: '95668ae72cde1a3600e17a0d138ba8b810a4c525' }, this._getTableControlRow("header"), index.h("div", { key: '488eabfc4666c0d81aacbac523e7ba20288a4701', class: `width-full ${tableHeightClass}` }, index.h("calcite-panel", { key: '75d01c41afbb872f57472adc76045431163c0cab', class: "height-full width-full" }, showSearch &&
-            index.h("div", { key: 'b6062ca6e5702fc835777a6fe6ecec7a66926bc0', class: "search-container" }, index.h("calcite-input", { key: 'eade11ccb0d7b6d5aed838dbb6b2eaec4286d8c6', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), index.h("calcite-loader", { key: '889c97b23074f5be4b045199cf48632720d6c598', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), index.h("div", { key: '4ac0bfdaf07c38ff57008bade29b4b90b11f437d', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (index.h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (index.h(index.Host, { key: '185f3fe68fe706f1ac8fb21dc8770a99c5739413' }, index.h("div", { key: '1a108303520e85fc5088cc4279a49c3522f6fa78' }, index.h("calcite-scrim", { key: '7b7209217c3c84ab6583b5650f5a2a6ad9c00d69', class: scrimClass, loading: this._queryingData }), index.h("calcite-shell", { key: 'c0b47560ffd0b0c889505f58c5e7607702c55eed' }, this._getTableControlRow("header"), index.h("div", { key: '88c63da2af86393fd69bf92728eb29a4dc9f5252', class: `width-full ${tableHeightClass}` }, index.h("calcite-panel", { key: '0c4fc0743b3713c8b864d8013a70d251990dad14', class: "height-full width-full" }, showSearch &&
+            index.h("div", { key: '1aa9cb70deefdf7602744b1225bb79841ed1e716', class: "search-container" }, index.h("calcite-input", { key: 'e5c459eb5ca388d66a8e2b8ae67f3bc917672aba', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), index.h("calcite-loader", { key: 'a8aac5b169cd2081bc08aeb41d17d1d87ef8516d', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), index.h("div", { key: 'af4c227af9682d072195221294ac85cf98b4089b', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (index.h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal()));
+            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal())));
     }
     _deleteDialog;
     /**
@@ -809,8 +869,14 @@ const LayerTable = class {
             showSelected = true;
         }
         else {
-            this._clearSelection();
-            this._tempSelectedIds = [];
+            const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+            if (editsDiscarded) {
+                this._clearSelection();
+                this._tempSelectedIds = [];
+            }
+            else {
+                return;
+            }
         }
         //always clear previous search definition
         if (this._searchExpression) {
@@ -924,8 +990,7 @@ const LayerTable = class {
      */
     _getTableControlRow(slot) {
         const id = "more-table-options";
-        const toolbarClass = this._canShowFullTextSearch() ? "border-bottom" : "";
-        return (index.h("div", { class: `display-flex height-51-px ${toolbarClass}`, ref: (el) => this._toolbar = el, slot: slot }, this._getActionBar(), !this.isMobile ? this._getDropdown(id) : undefined, this.enableShare && !this.isMobile ? this._getShare("share") : undefined));
+        return (index.h("div", { class: `display-flex height-51-px border-bottom`, ref: (el) => this._toolbar = el, slot: slot }, this._getActionBar(), !this.isMobile ? this._getDropdown(id) : undefined, this.enableShare && !this.isMobile ? this._getShare("share") : undefined));
     }
     /**
      * Gets a row of controls that can be used for various interactions with the table
@@ -1075,7 +1140,7 @@ const LayerTable = class {
                     icon: "erase",
                     indicator: false,
                     label: this._translations.clearSelection,
-                    func: () => this._clearSelection(),
+                    func: () => void this.clearSelection(),
                     disabled: !featuresSelected,
                     isOverflow: false
                 }, {
@@ -1090,7 +1155,7 @@ const LayerTable = class {
                     active: false,
                     icon: "list-check-all",
                     indicator: false,
-                    func: () => this._selectAll(),
+                    func: async () => await this._selectAll(),
                     label: this._translations.selectAll,
                     disabled: featuresEmpty,
                     isOverflow: false
@@ -1098,7 +1163,7 @@ const LayerTable = class {
                     active: false,
                     icon: "compare",
                     indicator: false,
-                    func: () => this._switchSelected(),
+                    func: async () => await this._switchSelected(),
                     label: this._translations.switchSelected,
                     disabled: featuresEmpty,
                     isOverflow: false
@@ -1193,7 +1258,7 @@ const LayerTable = class {
                     prev += cur.width;
                     return prev;
                 }, 0);
-                const skipControls = ["solutions-more", "solutions-map-layer-picker-container", "solutions-action-share"];
+                const skipControls = ["solutions-more", "solutions-map-layer-picker-container", "map-picker", "solutions-action-share"];
                 if (controlsWidth > toolbarWidth) {
                     if (this._toolbarSizeInfos.length > 0) {
                         const controlsThatFit = [...this._toolbarSizeInfos].reverse().reduce((prev, cur) => {
@@ -1418,7 +1483,7 @@ const LayerTable = class {
      */
     _getDangerAction(icon, label, func, disabled) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (index.h("div", { class: "display-flex", id: this._getId(icon) }, (index.h("calcite-action", { appearance: "solid", compact: true, disabled: _disabled, id: icon, onClick: func, text: "" }, index.h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
+        return (index.h("div", { class: "display-flex", id: this._getId(icon) }, (index.h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: "" }, index.h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Return all currently selected IDs from the table
@@ -1456,7 +1521,8 @@ const LayerTable = class {
                     visibleElements: {
                         columnDescriptions: false,
                         header: false,
-                        menu: false
+                        menu: false,
+                        progress: false
                     },
                     tableTemplate: {
                         columnTemplates
@@ -1465,9 +1531,10 @@ const LayerTable = class {
                 });
             });
             await this._table.when(() => {
-                this._table.highlightIds.on("change", (evt) => {
+                const changeHandle = this._table.highlightIds.on("change", (evt) => {
                     void this._handleOnChange(evt);
                 });
+                this._table.viewModel.addHandles(changeHandle);
                 //Add handle to watch size of the table and update the state to reflect the total count
                 const handle = this.reactiveUtils.watch(() => this._table.size, (size) => {
                     this._size = size;
@@ -1477,6 +1544,10 @@ const LayerTable = class {
         }
     }
     async _handleOnChange(evt) {
+        const handleOnChange = await this._validateActiveEdits([...evt.added], [...evt.removed]);
+        if (!handleOnChange) {
+            return;
+        }
         const ids = [...this._table.highlightIds.toArray()];
         if (!this._skipOnChange) {
             if ((!this._ctrlIsPressed && !this._shiftIsPressed) || (this._selectionFromMap && this._shiftIsPressed)) {
@@ -1518,7 +1589,17 @@ const LayerTable = class {
                         prev.push(`${cur.fieldName} ${cur.direction}`);
                         return prev;
                     }, []);
+                    // when dealing with a feature layer with many features shift-select can take a very long time.
+                    // don't allow the user to make additional interactions with the table if it takes more than 500 miliseconds
+                    let queryComplete = false;
+                    setTimeout(() => {
+                        if (!queryComplete) {
+                            this._queryingData = true;
+                        }
+                    }, 500);
                     const oids = await mapViewUtils.queryAllOidsWithQueryFeatures(0, this._layer, [], orderBy);
+                    queryComplete = true;
+                    this._queryingData = false;
                     let isBetween = false;
                     const _start = this._table.viewModel.getObjectIdIndex(this._previousCurrentId);
                     const _end = this._table.viewModel.getObjectIdIndex(this._currentId);
@@ -1552,6 +1633,52 @@ const LayerTable = class {
         this._currentId = [...this._table.highlightIds.toArray()].reverse()[0];
         this._selectionFromMap = false;
     }
+    /**
+     * Validate if the editor has any pending edits
+     *
+     * @param added ids added as a result of selection change
+     * @param removed ids removed as a result of selection change
+     *
+     * @returns a promise with a boolean value that represents if selection change should be handled normally
+     */
+    async _validateActiveEdits(added, removed) {
+        let handleOnChange = true;
+        if (this._editor && !this._skipEditCheck) {
+            const hasPendingEdits = this._hasPendingEdits();
+            if (hasPendingEdits) {
+                let continueEditing = false;
+                try {
+                    await this._editor.cancelWorkflow({ force: false });
+                }
+                catch (error) {
+                    continueEditing = error.name === "workflow:cancel-denied";
+                }
+                if (continueEditing) {
+                    handleOnChange = false;
+                    this._skipEditCheck = true;
+                    if (added.length > 0) {
+                        this._table.highlightIds.removeMany(added);
+                    }
+                    else if (removed.length > 0) {
+                        this._table.highlightIds.addMany(removed);
+                    }
+                }
+            }
+        }
+        else {
+            handleOnChange = !this._skipEditCheck;
+            this._skipEditCheck = false;
+        }
+        return handleOnChange;
+    }
+    /**
+     * Check if the editor has any pending edits
+     */
+    _hasPendingEdits() {
+        const vmHasEdits = this._editor?.viewModel?.hasPendingEdits;
+        const awHasEdits = this._editor?.activeWorkflow?.activeWorkflow?.hasPendingEdits;
+        return vmHasEdits || awHasEdits;
+    }
     /**
      * Handle any updates after a selection change has occured and emit the results
      */
@@ -1606,7 +1733,6 @@ const LayerTable = class {
         // When this issue occurs we will wait for 1 second and attempt to finish the loading process
         setTimeout(() => {
             if (!this._loaded) {
-                console.log(`table.state: ${this._table.state}`);
                 void this.finishLoading();
             }
         }, 1000);
@@ -1622,7 +1748,7 @@ const LayerTable = class {
         try {
             this._loaded = true;
             this._table.highlightIds.removeAll();
-            this._table.clearSelectionFilter();
+            this._table.objectIds.removeAll();
             this._resetColumnTemplates();
             this._showOnlySelected = false;
             await this._handleDefaults();
@@ -1813,7 +1939,8 @@ const LayerTable = class {
      * @protected
      */
     _filterModal() {
-        return (index.h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, index.h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.filter?.replace("{{title}}", this._layer?.title)), index.h("div", { slot: "content" }, index.h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => void this._handleFilterListReset(), onFilterUpdate: () => void this._handleFilterUpdate(this._filterList.filterCount > 0), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        alert("_filterModal how does this one get hit??");
+        return (index.h("calcite-dialog", { class: "filter-content-space", heading: this._translations?.filter?.replace("{{title}}", this._layer?.title), id: "solutions-filter-dialog", kind: "brand", modal: true, onCalciteDialogClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, index.h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => void this._handleFilterListReset(), onFilterUpdate: () => void this._handleFilterUpdate(this._filterList.filterCount > 0), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false })));
     }
     /**
      * Reset the filter active prop
@@ -1876,21 +2003,28 @@ const LayerTable = class {
             }
         }
         else {
-            this._clearSelection();
+            await this.clearSelection();
         }
     }
     /**
      * Select or deselect all rows
      * @protected
      */
-    _selectAll() {
+    async _selectAll() {
         const ids = this._allIds;
-        this._table.highlightIds.removeAll();
-        this._skipOnChange = true;
-        this._table.highlightIds.addMany(ids);
-        this.selectedIds = ids;
-        this._finishOnChange();
-        this._selectAllActive = true;
+        const addedIds = ids.filter(id => this.selectedIds.indexOf(id) < 0);
+        const editsDiscarded = await this._validateActiveEdits(addedIds, this.selectedIds);
+        if (editsDiscarded) {
+            this._table.highlightIds.removeAll();
+            this._skipOnChange = true;
+            this._table.highlightIds.addMany(ids);
+            this.selectedIds = ids;
+            this._finishOnChange();
+            this._selectAllActive = true;
+        }
+        else {
+            this._skipEditCheck = false;
+        }
     }
     /**
      * Toggle the show only selected flag
@@ -1903,7 +2037,7 @@ const LayerTable = class {
             this._table.filterBySelection();
         }
         else {
-            this._table.clearSelectionFilter();
+            this._table.objectIds.removeAll();
         }
     }
     /**
@@ -1940,19 +2074,25 @@ const LayerTable = class {
      * Select all rows that are not currently selectd
      * @protected
      */
-    _switchSelected() {
+    async _switchSelected() {
         const currentIndexes = [...this.selectedIds];
-        this._table.highlightIds.removeAll();
         const ids = this._allIds.reduce((prev, _cur) => {
             if (currentIndexes.indexOf(_cur) < 0) {
                 prev.push(_cur);
             }
             return prev;
         }, []).sort((a, b) => a - b);
-        this._skipOnChange = true;
-        this._table.highlightIds.addMany(ids);
-        this.selectedIds = ids;
-        this._finishOnChange();
+        const editsDiscarded = await this._validateActiveEdits(ids, currentIndexes);
+        if (editsDiscarded) {
+            this._table.highlightIds.removeAll();
+            this._skipOnChange = true;
+            this._table.highlightIds.addMany(ids);
+            this.selectedIds = ids;
+            this._finishOnChange();
+        }
+        else {
+            this._skipEditCheck = false;
+        }
     }
     /**
      * Export all selected rows as CSV
@@ -2001,9 +2141,12 @@ const LayerTable = class {
      * @protected
      */
     async _refresh() {
-        await this._table.refresh();
-        this._allIds = await mapViewUtils.queryAllIds(this._layer);
-        this.featureSelectionChange.emit(this.selectedIds);
+        const editsDiscarded = await this._validateActiveEdits([], this.selectedIds);
+        if (editsDiscarded) {
+            await this._table.refresh();
+            this._allIds = await mapViewUtils.queryAllIds(this._layer);
+            this.featureSelectionChange.emit(this.selectedIds);
+        }
     }
     /**
      * Zoom to all selected features
@@ -2038,7 +2181,7 @@ const LayerTable = class {
         this._fetchingData = false;
     }
     /**
-     * Get any columnt templates for the current map
+     * Get any column templates for the current map
      *
      * @param id item ID of the current map
      *
@@ -2503,7 +2646,7 @@ const MapCard = class {
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
         const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (index.h(index.Host, { key: '5861d407b8529c6834d5d05450693d1fff2b71ee' }, index.h("div", { key: '01e028e8a00fc66d5eaa8eb7f85b58d579c3e7ff', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), index.h("calcite-progress", { key: '6a0b7a2a734f3631b8c8a712acaf60a9e95c6c16', class: progressClass, value: 0 }), index.h("div", { key: '74cebf9c194bfc5b72be3b397821f586a5923fa4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), index.h("map-tools", { key: '6c87207eecaacf61c594f1036af38c0548ea1767', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (index.h(index.Host, { key: 'a47f4ac21db985fb91ff3f5378594f60405f312c' }, index.h("div", { key: 'fdf76fd829a8e88725b43f8174a0d95fbf7a3dd1', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), index.h("calcite-progress", { key: 'b5b672726b4a4c812c386faad2077135a1e1231c', class: progressClass, value: 0 }), index.h("div", { key: 'f815ef4dba45b53c0ec4a49fe12e741b3331ce51', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), index.h("map-tools", { key: '8e2ed31f49d349786caa4827a473a8e70e6ae611', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     /**
      * Called each time after the component is loaded
@@ -2730,7 +2873,7 @@ const MapCard = class {
         const containerClass = this.isMapLayout ? "display-flex" : "display-block";
         const mobileClass = this.isMobile ? "border-top" : "";
         const headerElements = this.isMapLayout ? "" : "display-none";
-        return (index.h("calcite-action-bar", { class: containerClass, expandDisabled: true, expanded: true, id: this._getId("bar"), layout: "horizontal" }, index.h("map-picker", { class: mapPickerClass, isMapLayout: this.isMapLayout, locale: this.locale, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), index.h("div", { class: `mapView-header display-flex ${headerElements}` }, index.h("div", { class: `border-end ${containerClass} ${mobileClass}`, id: "solutions-map-layer-picker-container" }, this.mapView && index.h("map-layer-picker", { appearance: "transparent", defaultLayerId: this.defaultLayerId, display: "inline-flex", height: 50, isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", ref: (el) => this._mapLayerPicker = el, scale: "l", selectedIds: this.selectedLayer ? [this.selectedLayer.id] : [], showSingleLayerAsLabel: true, showTables: true, showTablesDisabled: true, type: "dropdown" }))), !this.isMobile && this.isMapLayout ? this._getActions() : undefined));
+        return (index.h("calcite-action-bar", { class: containerClass, expandDisabled: true, expanded: true, id: this._getId("bar"), layout: "horizontal" }, index.h("map-picker", { class: mapPickerClass, id: "map-picker", isMapLayout: this.isMapLayout, locale: this.locale, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), index.h("div", { class: `mapView-header display-flex ${headerElements}`, id: "solutions-map-layer-picker-container" }, index.h("div", { class: `border-end ${containerClass} ${mobileClass}` }, this.mapView && index.h("map-layer-picker", { appearance: "transparent", defaultLayerId: this.defaultLayerId, display: "inline-flex", height: 50, isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", ref: (el) => this._mapLayerPicker = el, scale: "l", selectedIds: this.selectedLayer ? [this.selectedLayer.id] : [], showSingleLayerAsLabel: true, showTables: true, showTablesDisabled: true, type: "dropdown" }))), !this.isMobile && this.isMapLayout ? this._getActions() : undefined));
     }
     /**
      * Get a list of toolInfos that should display in the dropdown

package/dist/cjs/common-10d11a29.js

@@ -0,0 +1,37 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+require('./solution-resource-d0a2f7fe.js');
+require('./interfaces-09c4c40e.js');
+
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Get an array from a list of nodes
+ *
+ * @param nodeList list of nodes
+ *
+ * @returns array of nodes
+ */
+function nodeListToArray(nodeList) {
+    return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
+}
+
+exports.nodeListToArray = nodeListToArray;