@esri/solutions-components 0.6.13 → 0.6.15

package/dist/collection/utils/mapViewUtils.js

@@ -24,78 +24,64 @@ import { EWorkflowType } from "./interfaces";
  * Gets the layer names from the current map
  *
  * @param mapView the map view to fetch the layer names from
+ * @param onlyShowUpdatableLayers when true only layers that support editing and updates will be returned
  *
  * @returns Promise resolving with an array of layer names
  *
  */
-export async function getMapLayerHash(mapView) {
-  let layerHash = {};
+export async function getMapLayerHash(mapView, onlyShowUpdatableLayers) {
+  let layerHash;
   await mapView.when(() => {
     layerHash = mapView.map.allLayers.toArray().reduce((prev, cur) => {
       if (cur.type === "feature") {
-        prev[cur.id] = cur.title;
+        prev[cur.id] = {
+          name: cur.title,
+          supportsUpdate: undefined
+        };
       }
       return prev;
     }, {});
   });
-  return layerHash;
+  return onlyShowUpdatableLayers ? Object.keys(layerHash).reduce(async (prev, cur) => {
+    const layer = await getLayerOrTable(mapView, cur);
+    await layer.when(() => {
+      prev[cur] = {
+        name: layerHash[cur].name,
+        supportsUpdate: layer.editingEnabled && layer.capabilities.operations.supportsUpdate
+      };
+    });
+    return prev;
+  }, {}) : layerHash;
 }
 /**
  * Gets the table names from the current map
  *
  * @param mapView the map view to fetch the table names from
+ * @param onlyShowUpdatableLayers when true only layers that support editing and updates will be returned
  *
  * @returns Promise resolving with an array of table names
  *
  */
-export async function getMapTableHash(mapView) {
-  let tableHash = {};
+export async function getMapTableHash(mapView, onlyShowUpdatableTables) {
+  let tableHash;
   await mapView.when(() => {
     tableHash = mapView.map.allTables.toArray().reduce((prev, cur) => {
-      prev[cur.id] = cur.title;
+      prev[cur.id] = {
+        name: cur.title,
+        supportsUpdate: undefined
+      };
       return prev;
     }, {});
   });
-  return tableHash;
-}
-/**
- * Gets the layer names from the current map
- *
- * @param mapView the map view to fetch the layer names from
- *
- * @returns Promise resolving with an array of layer names
- *
- */
-export async function getMapLayerIds(mapView) {
-  let layerIds = [];
-  await mapView.when(() => {
-    layerIds = mapView.map.allLayers.toArray().reduce((prev, cur) => {
-      if (cur.type === "feature") {
-        prev.push(cur.id);
-      }
-      return prev;
-    }, []);
-  });
-  return layerIds;
-}
-/**
- * Gets the table names from the current map
- *
- * @param mapView the map view to fetch the table names from
- *
- * @returns Promise resolving with an array of table names
- *
- */
-export async function getMapTableIds(mapView) {
-  // TODO...seems like its the same as the hash...see if I can remove this
-  let tableIds = [];
-  await mapView.when(() => {
-    tableIds = mapView.map.allTables.toArray().reduce((prev, cur) => {
-      prev.push(cur.id);
-      return prev;
-    }, []);
-  });
-  return tableIds;
+  return onlyShowUpdatableTables ? Object.keys(tableHash).reduce(async (prev, cur) => {
+    const item = await getLayerOrTable(mapView, cur);
+    await item.load();
+    prev[cur] = {
+      name: tableHash[cur].name,
+      supportsUpdate: item.editingEnabled && item.capabilities.operations.supportsUpdate
+    };
+    return prev;
+  }, {}) : tableHash;
 }
 /**
  * Get a layer view by id
@@ -107,19 +93,19 @@ export async function getMapTableIds(mapView) {
  *
  */
 export async function getFeatureLayerView(mapView, id) {
-  const layer = await getLayer(mapView, id);
+  const layer = await getLayerOrTable(mapView, id);
   return layer ? await mapView.whenLayerView(layer) : undefined;
 }
 /**
- * Get a layer by id
+ * Get a layer or table by id
  *
  * @param mapView the map view to fetch the layer from
- * @param id the id if the layer to fetch
+ * @param id the id of the layer or table to fetch
  *
- * @returns Promise resolving with the fetched layer
+ * @returns Promise resolving with the fetched layer or table
  *
  */
-export async function getLayer(mapView, id) {
+export async function getLayerOrTable(mapView, id) {
   let layers = [];
   await mapView.when(() => {
     layers = [

package/dist/collection/utils/mapViewUtils.ts

@@ -21,89 +21,73 @@ import { EWorkflowType, IMapItemHash, ISelectionSet } from "./interfaces";
  * Gets the layer names from the current map
  *
  * @param mapView the map view to fetch the layer names from
+ * @param onlyShowUpdatableLayers when true only layers that support editing and updates will be returned
  *
  * @returns Promise resolving with an array of layer names
  *
  */
 export async function getMapLayerHash(
-  mapView: __esri.MapView
+  mapView: __esri.MapView,
+  onlyShowUpdatableLayers: boolean
 ): Promise<IMapItemHash> {
-  let layerHash = {};
+  let layerHash;
   await mapView.when(() => {
     layerHash = mapView.map.allLayers.toArray().reduce((prev, cur) => {
       if (cur.type === "feature") {
-        prev[cur.id] = cur.title;
+        prev[cur.id] = {
+          name: cur.title,
+          supportsUpdate: undefined
+        };
       }
       return prev;
     }, {});
   });
-  return layerHash;
+
+  return onlyShowUpdatableLayers ? Object.keys(layerHash).reduce(async (prev, cur) => {
+    const layer = await getLayerOrTable(mapView, cur);
+    await layer.when(() => {
+      prev[cur] = {
+        name: layerHash[cur].name,
+        supportsUpdate: layer.editingEnabled && layer.capabilities.operations.supportsUpdate
+      };
+    });
+    return prev;
+  }, {}) : layerHash;
 }
 
 /**
  * Gets the table names from the current map
  *
  * @param mapView the map view to fetch the table names from
+ * @param onlyShowUpdatableLayers when true only layers that support editing and updates will be returned
  *
  * @returns Promise resolving with an array of table names
  *
  */
 export async function getMapTableHash(
-  mapView: __esri.MapView
+  mapView: __esri.MapView,
+  onlyShowUpdatableTables: boolean
 ): Promise<IMapItemHash> {
-  let tableHash = {};
+  let tableHash;
   await mapView.when(() => {
     tableHash = mapView.map.allTables.toArray().reduce((prev, cur) => {
-      prev[cur.id] = cur.title;
+      prev[cur.id] = {
+        name: cur.title,
+        supportsUpdate: undefined
+      };
       return prev;
     }, {});
   });
-  return tableHash;
-}
-
-/**
- * Gets the layer names from the current map
- *
- * @param mapView the map view to fetch the layer names from
- *
- * @returns Promise resolving with an array of layer names
- *
- */
-export async function getMapLayerIds(
-  mapView: __esri.MapView
-): Promise<string[]> {
-  let layerIds = [];
-  await mapView.when(() => {
-    layerIds = mapView.map.allLayers.toArray().reduce((prev, cur) => {
-      if (cur.type === "feature") {
-        prev.push(cur.id);
-      }
-      return prev;
-    }, []);
-  });
-  return layerIds;
-}
 
-/**
- * Gets the table names from the current map
- *
- * @param mapView the map view to fetch the table names from
- *
- * @returns Promise resolving with an array of table names
- *
- */
-export async function getMapTableIds(
-  mapView: __esri.MapView
-): Promise<string[]> {
-  // TODO...seems like its the same as the hash...see if I can remove this
-  let tableIds = [];
-  await mapView.when(() => {
-    tableIds = mapView.map.allTables.toArray().reduce((prev, cur) => {
-      prev.push(cur.id);
-      return prev;
-    }, []);
-  });
-  return tableIds;
+  return onlyShowUpdatableTables ? Object.keys(tableHash).reduce(async (prev, cur) => {
+    const item = await getLayerOrTable(mapView, cur);
+    await item.load();
+    prev[cur] = {
+      name: tableHash[cur].name,
+      supportsUpdate: item.editingEnabled && item.capabilities.operations.supportsUpdate
+    };
+    return prev;
+  }, {}) : tableHash;
 }
 
 /**
@@ -119,20 +103,20 @@ export async function getFeatureLayerView(
   mapView: __esri.MapView,
   id: string
 ): Promise<__esri.FeatureLayerView> {
-  const layer = await getLayer(mapView, id);
+  const layer = await getLayerOrTable(mapView, id);
   return layer ? await mapView.whenLayerView(layer) : undefined;
 }
 
 /**
- * Get a layer by id
+ * Get a layer or table by id
  *
  * @param mapView the map view to fetch the layer from
- * @param id the id if the layer to fetch
+ * @param id the id of the layer or table to fetch
  *
- * @returns Promise resolving with the fetched layer
+ * @returns Promise resolving with the fetched layer or table
  *
  */
-export async function getLayer(
+export async function getLayerOrTable(
   mapView: __esri.MapView,
   id: string
 ): Promise<__esri.FeatureLayer> {

package/dist/collection/utils/publicNotificationStore.js

@@ -26,10 +26,6 @@ const { state, onChange } = createStore({
   managedTables: [],
   // Handle[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle
   highlightHandles: [],
-  // IMapItemHash title: id lookup to be used across components
-  layerNameHash: {},
-  // IMapItemHash title: id lookup to be used across components
-  tableNameHash: {},
   // remove all handles
   removeHandles: () => {
     state.highlightHandles.forEach(h => h === null || h === void 0 ? void 0 : h.remove());

package/dist/collection/utils/publicNotificationStore.ts

@@ -23,10 +23,6 @@ const { state, onChange } = createStore({
 	managedTables: [],
 	// Handle[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle
 	highlightHandles: [],
-	// IMapItemHash title: id lookup to be used across components
-	layerNameHash: {},
-	// IMapItemHash title: id lookup to be used across components
-	tableNameHash: {},
 	// remove all handles
 	removeHandles: () => {
 		state.highlightHandles.forEach(h => h?.remove());

package/dist/components/basemap-gallery2.js

@@ -14,6 +14,7 @@ const BasemapGallery = /*@__PURE__*/ proxyCustomElement(class BasemapGallery ext
     this.__registerHost();
     this.__attachShadow();
     this.mapView = undefined;
+    this.basemapConfig = undefined;
     this.basemapWidget = undefined;
   }
   //--------------------------------------------------------------------------
@@ -98,6 +99,7 @@ const BasemapGallery = /*@__PURE__*/ proxyCustomElement(class BasemapGallery ext
   static get style() { return basemapGalleryCss; }
 }, [1, "basemap-gallery", {
     "mapView": [16],
+    "basemapConfig": [16],
     "basemapWidget": [16]
   }]);
 function defineCustomElement() {

package/dist/components/card-manager2.js

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { q as queryFeaturesByID } from './queryUtils.js';
-import { g as getLayer } from './mapViewUtils.js';
+import { g as getLayerOrTable } from './mapViewUtils.js';
 import { d as defineCustomElement$a } from './alert.js';
 import { d as defineCustomElement$9 } from './button.js';
 import { d as defineCustomElement$8 } from './chip.js';
@@ -62,7 +62,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
    */
   async layerSelectionChange(evt) {
     const id = evt.detail[0];
-    this.layer = await getLayer(this.mapView, id);
+    this.layer = await getLayerOrTable(this.mapView, id);
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/crowdsource-manager.js

@@ -62,10 +62,18 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     this._shouldSetMapView = false;
     this.classicGrid = false;
     this.enableAutoRefresh = true;
+    this.enableFullscreen = true;
     this.enableInlineEdit = false;
+    this.enableLegend = true;
+    this.enableSearch = true;
+    this.enableHome = true;
+    this.enableZoom = true;
+    this.enableBasemap = true;
+    this.basemapConfig = undefined;
     this.showNewestFirst = true;
     this.hideMap = false;
     this.mapInfos = [];
+    this.onlyShowUpdatableLayers = true;
     this.searchConfiguration = undefined;
     this.zoomAndScrollToSelected = false;
     this._expandPopup = false;
@@ -100,13 +108,18 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
    */
   async mapChanged(evt) {
     this._mapChange = evt.detail;
+    await this._mapChange.mapView.when(() => {
+      this._setMapView();
+    });
+  }
+  /**
+   * Listen for beforeMapChanged and minimize the popup if it's expanded
+   */
+  async beforeMapChanged() {
     if (this._expandPopup) {
       this._shouldSetMapView = true;
       this._expandPopup = false;
     }
-    else {
-      this._setMapView();
-    }
   }
   //--------------------------------------------------------------------------
   //
@@ -265,7 +278,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     const mapDisplayClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "display-flex height-full width-1-2" :
       layoutMode === ELayoutMode.GRID && !hideMap ? "" : "display-none";
     const mapContainerClass = this.classicGrid && layoutMode === ELayoutMode.GRID ? "width-full" : this._expandPopup ? "height-50-px" : "adjusted-height-50";
-    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { class: "width-full", mapInfos: this.mapInfos })));
+    return (h("div", { class: `${mapContainerClass} overflow-hidden ${mapDisplayClass}` }, h("map-card", { basemapConfig: this.basemapConfig, class: "width-full", enableBasemap: this.enableBasemap, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapInfos: this.mapInfos })));
   }
   /**
    * Get the expand node for the popup information
@@ -319,7 +332,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     const toggleSlot = this.classicGrid && layoutMode !== ELayoutMode.VERTICAL ? "footer" :
       this.classicGrid && layoutMode === ELayoutMode.VERTICAL ? "panel-end" :
         layoutMode === ELayoutMode.HORIZONTAL ? "header" : "panel-start";
-    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableInlineEdit: this.enableInlineEdit, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
+    return (h("calcite-shell", { class: tableSizeClass + " border-bottom" }, h("calcite-action-bar", { class: "border", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip))), h("div", { class: "width-full height-full position-relative" }, h("layer-table", { enableAutoRefresh: this.enableAutoRefresh, enableInlineEdit: this.enableInlineEdit, mapInfo: this._mapInfo, mapView: this === null || this === void 0 ? void 0 : this._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected }))));
   }
   /**
    * Open/Close the appropriate panel.
@@ -372,10 +385,18 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
 }, [0, "crowdsource-manager", {
     "classicGrid": [4, "classic-grid"],
     "enableAutoRefresh": [4, "enable-auto-refresh"],
+    "enableFullscreen": [4, "enable-fullscreen"],
     "enableInlineEdit": [4, "enable-inline-edit"],
+    "enableLegend": [4, "enable-legend"],
+    "enableSearch": [4, "enable-search"],
+    "enableHome": [4, "enable-home"],
+    "enableZoom": [4, "enable-zoom"],
+    "enableBasemap": [4, "enable-basemap"],
+    "basemapConfig": [16],
     "showNewestFirst": [4, "show-newest-first"],
     "hideMap": [4, "hide-map"],
     "mapInfos": [16],
+    "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],
     "searchConfiguration": [16],
     "zoomAndScrollToSelected": [4, "zoom-and-scroll-to-selected"],
     "_expandPopup": [32],
@@ -383,7 +404,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     "_layoutMode": [32],
     "_mapView": [32],
     "_panelOpen": [32]
-  }, [[8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"]]]);
+  }, [[8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "beforeMapChanged", "beforeMapChanged"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/edit-card2.js

@@ -16,6 +16,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
     super();
     this.__registerHost();
     this.closeEdit = createEvent(this, "closeEdit", 7);
+    this.editsComplete = createEvent(this, "editsComplete", 7);
     /**
      * boolean: When true the Editor widget should be closed
      */
@@ -34,20 +35,25 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
   /**
    * Watch for changes to the graphics and update the feature widget
    */
-  graphicIndexWatchHandler() {
-    this._initEditorWidget();
-  }
-  /**
-   * Watch for changes to the graphics and update the feature widget
-   */
-  graphicsWatchHandler() {
-    this._initEditorWidget();
+  async graphicsWatchHandler() {
+    if (this.graphics.length === 0) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
-  /**
-   * Watch for changes to the mapView and re-init the Feature widget
-   */
-  mapViewWatchHandler() {
-    this._initEditorWidget();
+  async openWatchHandler(v) {
+    var _a;
+    if (v && ((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.graphicIndex > -1) {
+      this._initEditorWidget();
+      if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
+        await this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
+        this._shouldClose = true;
+      }
+    }
+    if (!v) {
+      this._shouldClose = false;
+      this.closeEdit.emit();
+    }
   }
   //--------------------------------------------------------------------------
   //
@@ -78,6 +84,10 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
     }
     if (((_a = this.graphics) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.graphics[0]) === null || _b === void 0 ? void 0 : _b.layer)) {
       this._layer = this.graphics[0].layer;
+      if (this._layerEditHandle) {
+        this._layerEditHandle.remove();
+      }
+      this._layerEditHandle = this._layer.on("edits", () => this.editsComplete.emit());
     }
   }
   /**
@@ -134,15 +144,17 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
         this._attachmentHandle.remove();
         this._activeWorkflowHandle.remove();
       }
-      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" || this._editor.viewModel.state === "editing-attachment", () => {
+      this._attachmentHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "adding-attachment" ||
+        this._editor.viewModel.state === "editing-attachment" ||
+        this._editor.viewModel.state === "creating-features", () => {
         this._shouldClose = false;
       });
       this._editHandle = this.reactiveUtils.when(() => this._editor.viewModel.state === "ready", () => {
         if (this._shouldClose) {
-          this.closeEdit.emit();
           this._shouldClose = false;
+          this.closeEdit.emit();
         }
-        if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
+        else if (this.graphicIndex > -1 && this.graphics.length > 0 && this.open && !this._shouldClose) {
           void this._editor.startUpdateWorkflowAtFeatureEdit(this.graphics[this.graphicIndex]);
           this._shouldClose = true;
         }
@@ -167,9 +179,8 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
   }
   get el() { return this; }
   static get watchers() { return {
-    "graphicIndex": ["graphicIndexWatchHandler"],
     "graphics": ["graphicsWatchHandler"],
-    "mapView": ["mapViewWatchHandler"]
+    "open": ["openWatchHandler"]
   }; }
   static get style() { return editCardCss; }
 }, [0, "edit-card", {