@esri/solutions-components 0.3.2 → 0.3.3

package/dist/collection/utils/mapViewUtils.js

@@ -27,42 +27,60 @@ import { queryExtent } from "./queryUtils";
  * @returns Promise resolving with an array of layer names
  *
  */
-export async function getMapLayerNames(mapView) {
-  let layerNames = [];
+export async function getMapLayerHash(mapView) {
+  let layerHash = {};
   await mapView.when(() => {
-    layerNames = mapView.map.layers.toArray().map((l) => {
-      return l.title;
+    layerHash = mapView.map.layers.toArray().reduce((prev, cur) => {
+      prev[cur.id] = cur.title;
+      return prev;
+    }, {});
+  });
+  return layerHash;
+}
+/**
+ * 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.layers.toArray().map((l) => {
+      return l.id;
     });
   });
-  return layerNames;
+  return layerIds;
 }
 /**
- * Get a layer view by title
+ * Get a layer view by id
  *
  * @param mapView the map view to fetch the layer from
- * @param title the title if the layer to fetch
+ * @param id the id if the layer to fetch
  *
  * @returns Promise resolving with the fetched layer view
  *
  */
-export async function getMapLayerView(mapView, title) {
-  const layer = await getMapLayer(mapView, title);
+export async function getMapLayerView(mapView, id) {
+  const layer = await getMapLayer(mapView, id);
   return layer ? await mapView.whenLayerView(layer) : undefined;
 }
 /**
- * Get a layer by title
+ * Get a layer by id
  *
  * @param mapView the map view to fetch the layer from
- * @param title the title if the layer to fetch
+ * @param id the id if the layer to fetch
  *
  * @returns Promise resolving with the fetched layer
  *
  */
-export async function getMapLayer(mapView, title) {
+export async function getMapLayer(mapView, id) {
   let layers = [];
   await mapView.when(() => {
     layers = mapView.map.layers.toArray().filter((l) => {
-      return l.title === title;
+      return l.id === id;
     });
   });
   return layers.length > 0 ? layers[0] : undefined;
@@ -93,15 +111,11 @@ export async function highlightFeatures(ids, layerView, mapView, updateExtent =
  * @returns Promise resolving when the operation is complete
  *
  */
-export async function flashSelection(ids, layerView) {
-  const featureFilter = {
+export async function flashSelection(ids, layerView, featureEffect) {
+  const filter = {
     objectIds: ids
   };
-  layerView.featureEffect = {
-    filter: featureFilter,
-    includedEffect: "invert(100%)",
-    excludedEffect: "blur(5px)"
-  };
+  layerView.featureEffect = Object.assign(Object.assign({}, featureEffect), { filter });
   setTimeout(() => {
     layerView.featureEffect = undefined;
   }, 1300);
@@ -117,10 +131,10 @@ export async function flashSelection(ids, layerView) {
  * @returns Promise resolving when the operation is complete
  *
  */
-export async function goToSelection(ids, layerView, mapView, flashFeatures = true) {
+export async function goToSelection(ids, layerView, mapView, flashFeatures = true, featureEffect = undefined) {
   const result = await queryExtent(ids, layerView.layer);
   await mapView.goTo(result.extent);
   if (flashFeatures) {
-    await flashSelection(ids, layerView);
+    await flashSelection(ids, layerView, featureEffect);
   }
 }

package/dist/collection/utils/mapViewUtils.ts

@@ -15,61 +15,83 @@
  */
 
 import { queryExtent } from "./queryUtils";
+import { ILayerHash } from "./interfaces";
 
 /**
  * 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 getMapLayerNames(
+export async function getMapLayerHash(
+  mapView: __esri.MapView
+): Promise<ILayerHash> {
+  let layerHash = {};
+  await mapView.when(() => {
+    layerHash = mapView.map.layers.toArray().reduce((prev, cur) => {
+      prev[cur.id] = cur.title;
+      return prev;
+    }, {});
+  });
+  return layerHash;
+}
+
+/**
+ * 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 layerNames = [];
+  let layerIds = [];
   await mapView.when(() => {
-    layerNames = mapView.map.layers.toArray().map((l) => {
-      return l.title;
+    layerIds = mapView.map.layers.toArray().map((l) => {
+      return l.id;
     });
   });
-  return layerNames;
+  return layerIds;
 }
 
 /**
- * Get a layer view by title
- * 
+ * Get a layer view by id
+ *
  * @param mapView the map view to fetch the layer from
- * @param title the title if the layer to fetch
+ * @param id the id if the layer to fetch
  *
  * @returns Promise resolving with the fetched layer view
  *
  */
 export async function getMapLayerView(
   mapView: __esri.MapView,
-  title: string
+  id: string
 ): Promise<__esri.FeatureLayerView> {
-  const layer = await getMapLayer(mapView, title);
+  const layer = await getMapLayer(mapView, id);
   return layer ? await mapView.whenLayerView(layer) : undefined;
 }
 
 /**
- * Get a layer by title
- * 
+ * Get a layer by id
+ *
  * @param mapView the map view to fetch the layer from
- * @param title the title if the layer to fetch
+ * @param id the id if the layer to fetch
  *
  * @returns Promise resolving with the fetched layer
  *
  */
 export async function getMapLayer(
   mapView: __esri.MapView,
-  title: string
+  id: string
 ): Promise<__esri.FeatureLayer> {
   let layers = [];
   await mapView.when(() => {
     layers = mapView.map.layers.toArray().filter((l) => {
-      return l.title === title;
+      return l.id === id;
     });
   });
   return layers.length > 0 ? layers[0] : undefined;
@@ -77,7 +99,7 @@ export async function getMapLayer(
 
 /**
  * Highlight features by OID
- * 
+ *
  * @param ids the OIDs from the layer to highlight
  * @param layerView the layer view to highlight
  * @param mapView the map view used if updateExtent is true
@@ -100,7 +122,7 @@ export async function highlightFeatures(
 
 /**
  * Flash features by OID
- * 
+ *
  * @param ids the OIDs from the layer to highlight
  * @param layerView the layer view to highlight
  *
@@ -109,15 +131,15 @@ export async function highlightFeatures(
  */
 export async function flashSelection(
   ids: number[],
-  layerView: __esri.FeatureLayerView
+  layerView: __esri.FeatureLayerView,
+  featureEffect: __esri.FeatureEffect
 ): Promise<void> {
-  const featureFilter = {
+  const filter = {
     objectIds: ids
   } as __esri.FeatureFilter;
   layerView.featureEffect = {
-    filter: featureFilter,
-    includedEffect: "invert(100%)",
-    excludedEffect: "blur(5px)"
+    ...featureEffect,
+    filter
   } as __esri.FeatureEffect;
 
   setTimeout(() => {
@@ -127,12 +149,12 @@ export async function flashSelection(
 
 /**
  * Zoom to features based on OID
- * 
+ *
  * @param ids the OIDs from the layer to go to
  * @param layerView the layer view that contains the OIDs
  * @param mapView the map view to show the extent change
  * @param flashFeatures optional (default true) boolean to indicate if we should flash the features
- * 
+ *
  * @returns Promise resolving when the operation is complete
  *
  */
@@ -140,11 +162,12 @@ export async function goToSelection(
   ids: number[],
   layerView: __esri.FeatureLayerView,
   mapView: __esri.MapView,
-  flashFeatures = true
+  flashFeatures = true,
+  featureEffect: __esri.FeatureEffect = undefined
 ): Promise<void> {
   const result = await queryExtent(ids, layerView.layer);
   await mapView.goTo(result.extent);
   if (flashFeatures) {
-    await flashSelection(ids, layerView);
+    await flashSelection(ids, layerView, featureEffect);
   }
 }

package/dist/collection/utils/publicNotificationStore.js

@@ -23,7 +23,9 @@ const { state, onChange } = createStore({
   // List of layers added and managed by the component
   managedLayers: [],
   // Handle: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle
-  highlightHandle: undefined
+  highlightHandle: undefined,
+  // ILayerHash title: id lookup to be used across components
+  layerNameHash: {}
 });
 const managedLayersChangedEvent = new CustomEvent("managedLayersChanged", {
   bubbles: true,

package/dist/collection/utils/publicNotificationStore.ts

@@ -20,7 +20,9 @@ const { state, onChange } = createStore({
     // List of layers added and managed by the component
     managedLayers: [],
     // Handle: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Handles.html#Handle
-    highlightHandle: undefined
+    highlightHandle: undefined,
+    // ILayerHash title: id lookup to be used across components
+    layerNameHash: {}
 });
 
 const managedLayersChangedEvent = new CustomEvent("managedLayersChanged", {

package/dist/collection/utils/queryUtils.js

@@ -60,7 +60,7 @@ export async function queryObjectIds(geometries, layer) {
   results.forEach(resultIds => {
     ids = [
       ...ids,
-      ...resultIds
+      ...resultIds || []
     ];
   });
   return ids;
@@ -99,7 +99,7 @@ export async function queryFeaturesByGeometry(start, layer, geometry, featuresCo
     geometry
   };
   const result = await layer.queryFeatures(query);
-  featuresCollection[layer.title] = featuresCollection[layer.title].concat(result.features);
+  featuresCollection[layer.id] = featuresCollection[layer.id].concat(result.features);
   return result.exceededTransferLimit ?
     queryFeaturesByGeometry(start += num, layer, geometry, featuresCollection) :
     Promise.resolve(featuresCollection);

package/dist/collection/utils/queryUtils.ts

@@ -70,7 +70,7 @@ export async function queryObjectIds(
   results.forEach(resultIds => {
     ids = [
       ...ids,
-      ...resultIds
+      ...resultIds || []
     ]
   });
   return ids;
@@ -120,7 +120,7 @@ export async function queryFeaturesByGeometry(
   };
 
   const result = await layer.queryFeatures(query);
-  featuresCollection[layer.title] = featuresCollection[layer.title].concat(
+  featuresCollection[layer.id] = featuresCollection[layer.id].concat(
     result.features
   );
 

package/dist/components/buffer-tools2.js

@@ -206,7 +206,7 @@ const BufferTools = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "sliderMin": [1026, "slider-min"],
     "sliderTicks": [1026, "slider-ticks"],
     "unionResults": [1028, "union-results"],
-    "unit": [1032],
+    "unit": [1025],
     "_translations": [32]
   }]);
 function defineCustomElement() {

package/dist/components/csvUtils.js

@@ -28,7 +28,7 @@ import { e as queryFeaturesByID } from './queryUtils.js';
  *
  * @returns Promise when the function has completed
  */
-async function exportCSV(layerView, ids) {
+async function exportCSV(layerView, ids, addColumnTitle) {
   const featureSet = await queryFeaturesByID(ids, layerView.layer);
   const attributes = featureSet.features.map(f => f.attributes);
   const fieldNames = {};
@@ -38,7 +38,7 @@ async function exportCSV(layerView, ids) {
       fieldNames[k] = k;
     }
   });
-  _downloadCSVFile(fieldNames, attributes, `notify-${Date.now().toString()}`);
+  _downloadCSVFile(fieldNames, attributes, `notify-${Date.now().toString()}`, addColumnTitle);
 }
 /**
  * Download the CSV file
@@ -51,8 +51,8 @@ async function exportCSV(layerView, ids) {
  *
  * @returns void
  */
-function _downloadCSVFile(fieldNames, attributes, fileTitle) {
-  if (fieldNames) {
+function _downloadCSVFile(fieldNames, attributes, fileTitle, addColumnTitle) {
+  if (addColumnTitle && fieldNames) {
     attributes.unshift(fieldNames);
   }
   // format values to string so it doesn't get tripped up when a value has a comma

package/dist/components/index.d.ts

@@ -2,12 +2,7 @@
 export { AddRecordModal as AddRecordModal } from '../types/components/add-record-modal/add-record-modal';
 export { BufferTools as BufferTools } from '../types/components/buffer-tools/buffer-tools';
 export { CardManager as CardManager } from '../types/components/card-manager/card-manager';
-export { CheckList as CheckList } from '../types/components/check-list/check-list';
 export { CommentCard as CommentCard } from '../types/components/comment-card/comment-card';
-export { ConfigBufferTools as ConfigBufferTools } from '../types/components/config-buffer-tools/config-buffer-tools';
-export { ConfigDrawTools as ConfigDrawTools } from '../types/components/config-draw-tools/config-draw-tools';
-export { ConfigLayerPicker as ConfigLayerPicker } from '../types/components/config-layer-picker/config-layer-picker';
-export { ConfigPdfDownload as ConfigPdfDownload } from '../types/components/config-pdf-download/config-pdf-download';
 export { CrowdsourceManager as CrowdsourceManager } from '../types/components/crowdsource-manager/crowdsource-manager';
 export { CrowdsourceReporter as CrowdsourceReporter } from '../types/components/crowdsource-reporter/crowdsource-reporter';
 export { DeductCalculator as DeductCalculator } from '../types/components/deduct-calculator/deduct-calculator';

package/dist/components/index.js

@@ -101,12 +101,7 @@ export { CalciteTreeItem, defineCustomElement as defineCustomElementCalciteTreeI
 export { CalciteValueList, defineCustomElement as defineCustomElementCalciteValueList } from './calcite-value-list.js';
 export { CalciteValueListItem, defineCustomElement as defineCustomElementCalciteValueListItem } from './calcite-value-list-item.js';
 export { CardManager, defineCustomElement as defineCustomElementCardManager } from './card-manager.js';
-export { CheckList, defineCustomElement as defineCustomElementCheckList } from './check-list.js';
 export { CommentCard, defineCustomElement as defineCustomElementCommentCard } from './comment-card.js';
-export { ConfigBufferTools, defineCustomElement as defineCustomElementConfigBufferTools } from './config-buffer-tools.js';
-export { ConfigDrawTools, defineCustomElement as defineCustomElementConfigDrawTools } from './config-draw-tools.js';
-export { ConfigLayerPicker, defineCustomElement as defineCustomElementConfigLayerPicker } from './config-layer-picker.js';
-export { ConfigPdfDownload, defineCustomElement as defineCustomElementConfigPdfDownload } from './config-pdf-download.js';
 export { CrowdsourceManager, defineCustomElement as defineCustomElementCrowdsourceManager } from './crowdsource-manager.js';
 export { CrowdsourceReporter, defineCustomElement as defineCustomElementCrowdsourceReporter } from './crowdsource-reporter.js';
 export { DeductCalculator, defineCustomElement as defineCustomElementDeductCalculator } from './deduct-calculator.js';

package/dist/components/layer-table.js

@@ -5,7 +5,7 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { a as goToSelection, b as getMapLayerView } from './mapViewUtils.js';
+import { g as goToSelection, a as getMapLayerView, d as defineCustomElement$2 } from './map-layer-picker2.js';
 import { q as queryAllFeatures } from './queryUtils.js';
 import { e as exportCSV } from './csvUtils.js';
 import { d as defineCustomElement$l } from './button.js';
@@ -27,7 +27,6 @@ import { d as defineCustomElement$6 } from './scrim.js';
 import { d as defineCustomElement$5 } from './select.js';
 import { d as defineCustomElement$4 } from './split-button.js';
 import { d as defineCustomElement$3 } from './edit-record-modal2.js';
-import { d as defineCustomElement$2 } from './map-layer-picker2.js';
 
 const layerTableCss = ":host{display:block}.table{display:table;width:100%}.header{display:table-header-group;background-color:#757575;font-weight:500;font-size:var(--calcite-font-size-0);color:var(--calcite-ui-text-inverse);position:sticky;top:0;z-index:1}.table-header-cell{display:table-cell;text-align:justify;border-right:1px solid var(--calcite-ui-border-2);padding:0.5rem}.table-body{display:table-row-group}.row{display:table-row}.table-cell{display:table-cell;padding:0.5rem}.display-table-header{display:table-header-group}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.justify-center{justify-content:center}.table-container{width:100%}.overflow-auto{overflow:auto}.data-container{overflow:auto;height:calc(100% - 35px)}.row:nth-child(odd){background:var(--calcite-ui-foreground-3)}.padding-3-4{padding:0.75rem}.field-width{white-space:nowrap;min-width:300px;max-width:300px;overflow:hidden}";
 
@@ -239,7 +238,7 @@ const LayerTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    */
   _exportToCSV() {
     const ids = this._getSelectedIds();
-    void exportCSV(this._layerView, ids);
+    void exportCSV(this._layerView, ids, true);
   }
   /**
    * Zoom to all selected features