@esri/solutions-components 0.6.13 → 0.6.14

package/dist/components/mapViewUtils.js

@@ -25,78 +25,64 @@ import { E as EWorkflowType } from './interfaces.js';
  * 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
  *
  */
-async function getMapLayerHash(mapView) {
-  let layerHash = {};
+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
  *
  */
-async function getMapTableHash(mapView) {
-  let tableHash = {};
+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
- *
- */
-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
- *
- */
-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
@@ -108,19 +94,19 @@ async function getMapTableIds(mapView) {
  *
  */
 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
  *
  */
-async function getLayer(mapView, id) {
+async function getLayerOrTable(mapView, id) {
   let layers = [];
   await mapView.when(() => {
     layers = [
@@ -240,4 +226,4 @@ async function goToSelection(ids, layerView, mapView, flashFeatures = true, feat
   }
 }
 
-export { getMapLayerIds as a, goToSelection as b, getMapTableIds as c, getMapLayerHash as d, getMapTableHash as e, getFeatureLayerView as f, getLayer as g, highlightFeatures as h, getIdSets as i, highlightAllFeatures as j };
+export { goToSelection as a, getMapLayerHash as b, getMapTableHash as c, getFeatureLayerView as d, getIdSets as e, highlightAllFeatures as f, getLayerOrTable as g, highlightFeatures as h };

package/dist/components/public-notification.js

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { c as EExportType, d as EPageType, E as EWorkflowType } from './interfaces.js';
 import { l as loadModules } from './loadModules.js';
-import { b as goToSelection, h as highlightFeatures } from './mapViewUtils.js';
+import { a as goToSelection, h as highlightFeatures } from './mapViewUtils.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { c as consolidateLabels, r as removeDuplicateLabels } from './downloadUtils.js';

package/dist/components/publicNotificationStore.js

@@ -27,10 +27,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/components/refine-selection2.js

@@ -5,34 +5,36 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { e as ESelectionMode, b as EDrawMode, E as EWorkflowType } from './interfaces.js';
-import { f as getFeatureLayerView, i as getIdSets, j as highlightAllFeatures } from './mapViewUtils.js';
+import { d as getFeatureLayerView, e as getIdSets, f as highlightAllFeatures } from './mapViewUtils.js';
 import { d as queryFeaturesByGeometry } from './queryUtils.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$q } from './action.js';
-import { d as defineCustomElement$p } from './button.js';
-import { d as defineCustomElement$o } from './chip.js';
-import { d as defineCustomElement$n } from './combobox.js';
-import { d as defineCustomElement$m } from './combobox-item.js';
-import { d as defineCustomElement$l } from './dropdown.js';
-import { d as defineCustomElement$k } from './dropdown-group.js';
-import { d as defineCustomElement$j } from './dropdown-item.js';
-import { d as defineCustomElement$i } from './filter2.js';
-import { d as defineCustomElement$h } from './handle.js';
-import { d as defineCustomElement$g } from './icon.js';
-import { d as defineCustomElement$f } from './input.js';
-import { d as defineCustomElement$e } from './label2.js';
-import { d as defineCustomElement$d } from './list.js';
-import { d as defineCustomElement$c } from './list-item2.js';
-import { d as defineCustomElement$b } from './loader.js';
-import { d as defineCustomElement$a } from './option.js';
-import { d as defineCustomElement$9 } from './popover.js';
-import { d as defineCustomElement$8 } from './progress.js';
-import { d as defineCustomElement$7 } from './scrim.js';
-import { d as defineCustomElement$6 } from './segmented-control.js';
-import { d as defineCustomElement$5 } from './segmented-control-item.js';
-import { d as defineCustomElement$4 } from './select.js';
-import { d as defineCustomElement$3 } from './stack.js';
+import { d as defineCustomElement$s } from './action.js';
+import { d as defineCustomElement$r } from './button.js';
+import { d as defineCustomElement$q } from './chip.js';
+import { d as defineCustomElement$p } from './combobox.js';
+import { d as defineCustomElement$o } from './combobox-item.js';
+import { d as defineCustomElement$n } from './dropdown.js';
+import { d as defineCustomElement$m } from './dropdown-group.js';
+import { d as defineCustomElement$l } from './dropdown-item.js';
+import { d as defineCustomElement$k } from './filter2.js';
+import { d as defineCustomElement$j } from './handle.js';
+import { d as defineCustomElement$i } from './icon.js';
+import { d as defineCustomElement$h } from './input.js';
+import { d as defineCustomElement$g } from './label2.js';
+import { d as defineCustomElement$f } from './list.js';
+import { d as defineCustomElement$e } from './list-item2.js';
+import { d as defineCustomElement$d } from './loader.js';
+import { d as defineCustomElement$c } from './notice.js';
+import { d as defineCustomElement$b } from './option.js';
+import { d as defineCustomElement$a } from './popover.js';
+import { d as defineCustomElement$9 } from './progress.js';
+import { d as defineCustomElement$8 } from './scrim.js';
+import { d as defineCustomElement$7 } from './segmented-control.js';
+import { d as defineCustomElement$6 } from './segmented-control-item.js';
+import { d as defineCustomElement$5 } from './select.js';
+import { d as defineCustomElement$4 } from './stack.js';
+import { d as defineCustomElement$3 } from './tooltip.js';
 import { d as defineCustomElement$2 } from './map-draw-tools2.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
 
@@ -441,7 +443,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["refine-selection", "calcite-action", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-option", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-segmented-control", "calcite-segmented-control-item", "calcite-select", "calcite-stack", "map-draw-tools", "map-layer-picker"];
+  const components = ["refine-selection", "calcite-action", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-label", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-notice", "calcite-option", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-segmented-control", "calcite-segmented-control-item", "calcite-select", "calcite-stack", "calcite-tooltip", "map-draw-tools", "map-layer-picker"];
   components.forEach(tagName => { switch (tagName) {
     case "refine-selection":
       if (!customElements.get(tagName)) {
@@ -450,120 +452,130 @@ function defineCustomElement() {
       break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$q();
+        defineCustomElement$s();
       }
       break;
     case "calcite-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$p();
+        defineCustomElement$r();
       }
       break;
     case "calcite-chip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$o();
+        defineCustomElement$q();
       }
       break;
     case "calcite-combobox":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$p();
       }
       break;
     case "calcite-combobox-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$o();
       }
       break;
     case "calcite-dropdown":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$n();
       }
       break;
     case "calcite-dropdown-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$m();
       }
       break;
     case "calcite-dropdown-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$l();
       }
       break;
     case "calcite-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$k();
       }
       break;
     case "calcite-handle":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$j();
       }
       break;
     case "calcite-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$i();
       }
       break;
     case "calcite-input":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$h();
       }
       break;
     case "calcite-label":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$g();
       }
       break;
     case "calcite-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$f();
       }
       break;
     case "calcite-list-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$e();
       }
       break;
     case "calcite-loader":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$d();
+      }
+      break;
+    case "calcite-notice":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
       }
       break;
     case "calcite-option":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "calcite-popover":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "calcite-progress":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "calcite-scrim":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "calcite-segmented-control":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "calcite-segmented-control-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "calcite-select":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "calcite-stack":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "calcite-tooltip":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }

package/dist/esm/basemap-gallery_6.entry.js

@@ -14,6 +14,7 @@ const BasemapGallery = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.mapView = undefined;
+    this.basemapConfig = undefined;
     this.basemapWidget = undefined;
   }
   //--------------------------------------------------------------------------
@@ -290,7 +291,7 @@ const MapLegend = class {
 };
 MapLegend.style = mapLegendCss;
 
-const mapPickerCss = ":host{display:block}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-scrim-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.action-bar-color{background-color:var(--calcite-ui-border-3) !important}";
+const mapPickerCss = ":host{display:block}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-ui-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.action-bar-color{background-color:var(--calcite-ui-border-3) !important}.align-center{align-items:center}";
 
 const MapPicker = class {
   constructor(hostRef) {
@@ -321,9 +322,9 @@ const MapPicker = class {
   /**
    * Called each time the mapInfos prop is changed.
    */
-  mapInfosWatchHandler(v, oldV) {
+  async mapInfosWatchHandler(v, oldV) {
     if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
-      this.mapInfoChange.emit(v[0]);
+      this._webMapSelected(v[0]);
     }
   }
   //--------------------------------------------------------------------------
@@ -348,7 +349,7 @@ const MapPicker = class {
   /**
    * Called once after the component has loaded
    */
-  componentDidLoad() {
+  async componentDidLoad() {
     const webMapInfo = this.mapInfos && this.mapInfos.length > 0 ? this.mapInfos[0] : undefined;
     if (webMapInfo) {
       this._webMapSelected(webMapInfo);
@@ -602,6 +603,11 @@ const mapToolsCss = ":host{display:block}.display-none{display:none}.margin-top-
 const MapTools = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.enableLegend = undefined;
+    this.enableFullscreen = undefined;
+    this.enableSearch = undefined;
+    this.enableBasemap = undefined;
+    this.basemapConfig = undefined;
     this.layout = "vertical";
     this.mapView = undefined;
     this.searchConfiguration = undefined;
@@ -705,7 +711,16 @@ const MapTools = class {
     const fullscreenIcon = this._showFullscreen ? "full-screen-exit" : "full-screen";
     const fullscreenTip = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen;
     const expandTip = this._showTools ? this._translations.collapse : this._translations.expand;
-    return (h(Host, null, h("div", null, h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools())), h("div", { class: `margin-top-1-2 box-shadow ${toolsClass}` }, this._getActionGroup("legend", false, this._translations.legend, () => this._showLegend()), this._getActionGroup("magnifying-glass", false, this._translations.search, () => this._search()), this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()), this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()))), h("basemap-gallery", { class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } })));
+    const containerClass = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch ? "display-none" : "";
+    return (h(Host, null, h("div", { class: containerClass }, h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools())), h("div", { class: `margin-top-1-2 box-shadow ${toolsClass}` }, this.enableLegend ?
+      this._getActionGroup("legend", false, this._translations.legend, () => this._showLegend()) :
+      undefined, this.enableSearch ?
+      this._getActionGroup("magnifying-glass", false, this._translations.search, () => this._search()) :
+      undefined, this.enableFullscreen ?
+      this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()) :
+      undefined, this.enableBasemap ?
+      this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
+      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/buffer-tools_4.entry.js

@@ -16,7 +16,7 @@ import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFoc
 import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-00000ab4.js';
 import { d as decimalPlaces, c as clamp } from './math-0d6817c3.js';
 import { f as EDrawMode } from './interfaces-7470d906.js';
-import { s as state } from './publicNotificationStore-90a6a274.js';
+import { s as state } from './publicNotificationStore-dcf39a55.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './resources-1e6d76df.js';
 import './observers-95c50046.js';