@esri/solutions-components 0.3.2 → 0.3.3

package/dist/collection/components/refine-selection/refine-selection.js

@@ -34,6 +34,7 @@ export class RefineSelection {
      */
     this._addEnabled = true;
     this.addresseeLayer = undefined;
+    this.enabledLayerIds = [];
     this.mapView = undefined;
     this.selectionSets = [];
     this.GraphicsLayer = undefined;
@@ -66,7 +67,7 @@ export class RefineSelection {
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("div", { class: "padding-1" }, h("div", null, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, this._translations.add), h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, this._translations.remove)), h("refine-selection-tools", { border: true, ids: utils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, useLayerPicker: false })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
+    return (h(Host, null, h("div", { class: "padding-1" }, h("div", null, h("calcite-radio-group", { class: "w-100", onCalciteRadioGroupChange: (evt) => this._modeChanged(evt) }, h("calcite-radio-group-item", { checked: this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, this._translations.add), h("calcite-radio-group-item", { checked: !this._addEnabled, class: "w-50", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, this._translations.remove)), h("refine-selection-tools", { border: true, enabledLayerIds: this.enabledLayerIds, ids: utils.getSelectionIds(this.selectionSets), layerViews: [this.addresseeLayer], mapView: this.mapView, mode: this._addEnabled ? ESelectionMode.ADD : ESelectionMode.REMOVE, ref: (el) => { this._refineTools = el; }, useLayerPicker: false })), h("br", null), (h("calcite-list", { class: "list-border" }, this._getRefineSelectionSetList())))));
   }
   //--------------------------------------------------------------------------
   //
@@ -283,6 +284,22 @@ export class RefineSelection {
           "text": "esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html"
         }
       },
+      "enabledLayerIds": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "string[]: Optional list of enabled layer ids\r\n If empty all layers will be available"
+        },
+        "defaultValue": "[]"
+      },
       "mapView": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/refine-selection-tools/refine-selection-tools.js

@@ -28,7 +28,7 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 export class RefineSelectionTools {
   constructor() {
     /**
-     * {<layer title>: Graphic[]}: Collection of graphics returned from queries to the layer
+     * {<layer id>: Graphic[]}: Collection of graphics returned from queries to the layer
      */
     this._featuresCollection = {};
     /**
@@ -41,6 +41,7 @@ export class RefineSelectionTools {
     this._undoStack = [];
     this.active = false;
     this.border = false;
+    this.enabledLayerIds = [];
     this.graphics = undefined;
     this.ids = [];
     this.layerView = undefined;
@@ -130,7 +131,7 @@ export class RefineSelectionTools {
   render() {
     const showLayerPickerClass = this.useLayerPicker ? "div-visible" : "div-not-visible";
     const drawClass = this.border ? " border" : "";
-    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayers: this.layerViews.map(l => l.layer.title), selectionMode: "single" }), h("div", { class: "margin-top-1" + drawClass }, h("div", { class: "esri-sketch esri-widget" }, h("div", { class: "esri-sketch__panel" }, h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
+    return (h(Host, null, h("div", null, h("map-layer-picker", { class: showLayerPickerClass, enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedLayerIds: this.layerViews.map(l => l.layer.id), selectionMode: "single" }), h("div", { class: "margin-top-1" + drawClass }, h("div", { class: "esri-sketch esri-widget" }, h("div", { class: "esri-sketch__panel" }, h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "select", onClick: () => this._setSelectionMode(ESelectionType.POINT), scale: "s", text: this._translations.select })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: !this._selectEnabled, icon: "line", onClick: () => this._setSelectionMode(ESelectionType.LINE), scale: "s", text: this._translations.selectLine }), h("calcite-action", { disabled: !this._selectEnabled, icon: "polygon", onClick: () => this._setSelectionMode(ESelectionType.POLY), scale: "s", text: this._translations.selectPolygon }), h("calcite-action", { disabled: !this._selectEnabled, icon: "rectangle", onClick: () => this._setSelectionMode(ESelectionType.RECT), scale: "s", text: this._translations.selectRectangle })), h("div", { class: "esri-sketch__tool-section esri-sketch__section" }, h("calcite-action", { disabled: this._undoStack.length === 0, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { disabled: this._redoStack.length === 0, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo }))))))));
   }
   //--------------------------------------------------------------------------
   //
@@ -257,8 +258,8 @@ export class RefineSelectionTools {
   async _layerSelectionChange(evt) {
     if (Array.isArray(evt.detail) && evt.detail.length > 0) {
       this._selectEnabled = true;
-      const layerPromises = evt.detail.map(title => {
-        return getMapLayerView(this.mapView, title);
+      const layerPromises = evt.detail.map(id => {
+        return getMapLayerView(this.mapView, id);
       });
       return Promise.all(layerPromises).then((layerViews) => {
         this.layerViews = layerViews;
@@ -305,7 +306,7 @@ export class RefineSelectionTools {
    */
   async _selectFeatures(geom) {
     const queryFeaturePromises = this.layerViews.map(layerView => {
-      this._featuresCollection[layerView.layer.title] = [];
+      this._featuresCollection[layerView.layer.id] = [];
       return queryFeaturesByGeometry(0, layerView.layer, geom, this._featuresCollection);
     });
     return Promise.all(queryFeaturePromises).then(async (response) => {
@@ -455,6 +456,22 @@ export class RefineSelectionTools {
         "reflect": false,
         "defaultValue": "false"
       },
+      "enabledLayerIds": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "string[]: Optional list of enabled layer ids\r\n If empty all layers will be available"
+        },
+        "defaultValue": "[]"
+      },
       "graphics": {
         "type": "unknown",
         "mutable": true,

package/dist/{solutions-components/demos/config-pdf-download.html → collection/demos/buffer-tools.html}

@@ -5,7 +5,7 @@
       name="viewport"
       content="initial-scale=1,maximum-scale=1,user-scalable=no"
     />
-    <title>Config PDF Download</title>
+    <title>Buffer Tools</title>
     <!--
     | Copyright 2022 Esri
     |
@@ -22,7 +22,7 @@
     | limitations under the License.
     -->
     <style>
-      .map-div {
+      #viewDiv {
         padding: 0;
         margin: 0;
         height: 100%;
@@ -39,6 +39,9 @@
         padding: 1rem;
         border: 1px solid;
       }
+      .column[dir="rtl"] {
+        float: left;
+      }
     </style>
 
     <link
@@ -51,39 +54,28 @@
     <script src="https://js.arcgis.com/4.25/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
     <script>
-      require(["esri/WebMap", "esri/views/MapView"], (
-        WebMap,
+      require(["esri/Map", "esri/views/MapView"], (
+        Map,
         MapView
       ) => {
-        var webMap = new WebMap({
-          portalItem: {
-            id: "6a55f6678208461bb7a26d9e418a00bc"
-          }
+
+        const map = new Map({
+          basemap: "topo-vector"
         });
 
         const demo = document.getElementById("demo");
         demo.mapView = new MapView({
           container: "viewDiv",
-          map: webMap,
+          map: map,
           zoom: 5,
           center: [-98, 42]
         });
       });
-
-      function showResults() {
-        const demo = document.getElementById("demo");
-        demo?.getConfigInfo().then(configInfo => {
-          alert(JSON.stringify(configInfo));
-        });
-      };
     </script>
   </head>
 
   <body>
-    <div id="viewDiv" class="map-div"></div>
-    <div class="over-map column">
-      <config-pdf-download id="demo"></config-pdf-download>
-      <calcite-button onclick="showResults()">Demo Results</calcite-button>
-    </div>
+    <div id="viewDiv"></div>
+    <buffer-tools id="demo" class="over-map column" distance="10" unit="miles"></map-search>
   </body>
 </html>

package/dist/collection/demos/index.html

@@ -124,30 +124,6 @@
           </div>
         </div>
       </div>
-      <div>
-        <h3>Config Public Notification Examples!</h3>
-        <div>
-          <div class="demo-column">
-            <ul class="nav">
-              <li>
-                <calcite-link href="./config-buffer-tools.html" target="_blank">&lt;config-buffer-tools&gt;</calcite-link>
-              </li>
-              <li>
-                <calcite-link href="./config-draw-tools.html" target="_blank">&lt;config-draw-tools&gt;</calcite-link>
-              </li>
-              <li>
-                <calcite-link href="./config-layer-picker.html" target="_blank">&lt;config-layer-picker&gt;</calcite-link>
-              </li>
-              <li>
-                <calcite-link href="./config-pdf-download.html" target="_blank">&lt;config-pdf-download&gt;</calcite-link>
-              </li>
-              <li>
-                <calcite-link href="./check-list.html" target="_blank">&lt;check-list&gt;</calcite-link>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
 
       <div>
         <h3>Roadway Management</h3>

package/dist/collection/demos/map-draw-tools.html

@@ -49,27 +49,27 @@
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
+    <script src="https://js.arcgis.com/4.25/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
-    <script type="module">
-      import Map from 'https://js.arcgis.com/4.25/@arcgis/core/Map.js';
-      import MapView from 'https://js.arcgis.com/4.25/@arcgis/core/views/MapView.js';
-      import Sketch from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Sketch.js';
-      import GraphicsLayer from 'https://js.arcgis.com/4.25/@arcgis/core/layers/GraphicsLayer.js';
+    <script>
+      require(["esri/WebMap", "esri/views/MapView", "esri/widgets/Legend"], (
+        WebMap,
+        MapView,
+        Legend
+      ) => {
 
-      const map = new Map({
-        basemap: "topo-vector"
-      });
+        const map = new Map({
+          basemap: "topo-vector"
+        });
 
-      const demo = document.getElementById("demo");
-      demo.mapView = new MapView({
-        container: "viewDiv",
-        map: map,
-        zoom: 5,
-        center: [-98, 42]
+        const demo = document.getElementById("demo");
+        demo.mapView = new MapView({
+          container: "viewDiv",
+          map: map,
+          zoom: 5,
+          center: [-98, 42]
+        });
       });
-
-      demo.Sketch = Sketch;
-      demo.GraphicsLayer = GraphicsLayer;
     </script>
   </head>
 

package/dist/collection/demos/map-layer-picker.html

@@ -68,6 +68,8 @@
           zoom: 5,
           center: [-98, 42]
         });
+
+        demo.enabledLayerIds = ["Colorado14ers_916"];
       });
     </script>
   </head>

package/dist/collection/demos/map-search.html

@@ -51,25 +51,26 @@
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
+    <script src="https://js.arcgis.com/4.25/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
-    <script type="module">
-      import Map from 'https://js.arcgis.com/4.25/@arcgis/core/Map.js';
-      import MapView from 'https://js.arcgis.com/4.25/@arcgis/core/views/MapView.js';
-      import Search from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Search.js';
+    <script>
+      require(["esri/Map", "esri/views/MapView"], (
+        Map,
+        MapView
+      ) => {
 
-      const map = new Map({
-        basemap: "topo-vector"
-      });
+        const map = new Map({
+          basemap: "topo-vector"
+        });
 
-      const demo = document.getElementById("demo");
-      demo.mapView = new MapView({
-        container: "viewDiv",
-        map: map,
-        zoom: 5,
-        center: [-98, 42]
+        const demo = document.getElementById("demo");
+        demo.mapView = new MapView({
+          container: "viewDiv",
+          map: map,
+          zoom: 5,
+          center: [-98, 42]
+        });
       });
-
-      demo.Search = Search;
     </script>
   </head>
 

package/dist/collection/demos/map-select-tools.html

@@ -51,33 +51,25 @@
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
+    <script src="https://js.arcgis.com/4.25/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
-    <script type="module">
-      import Map from 'https://js.arcgis.com/4.25/@arcgis/core/Map.js';
-      import MapView from 'https://js.arcgis.com/4.25/@arcgis/core/views/MapView.js';
-      import Sketch from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Sketch.js';
-      import GraphicsLayer from 'https://js.arcgis.com/4.25/@arcgis/core/layers/GraphicsLayer.js';
-      import Search from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Search.js';
-      import Graphic from 'https://js.arcgis.com/4.25/@arcgis/core/Graphic.js';
-      import SketchViewModel from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Sketch/SketchViewModel.js';
+    <script>
+      require(["esri/Map", "esri/views/MapView"], (
+        Map,
+        MapView
+      ) => {
+        const map = new Map({
+          basemap: "topo-vector"
+        });
 
-      const map = new Map({
-        basemap: "topo-vector"
+        const demo = document.getElementById("demo");
+        demo.mapView = new MapView({
+          container: "viewDiv",
+          map: map,
+          zoom: 5,
+          center: [-98, 42]
+        });
       });
-
-      const demo = document.getElementById("demo");
-      demo.mapView = new MapView({
-        container: "viewDiv",
-        map: map,
-        zoom: 5,
-        center: [-98, 42]
-      });
-
-      demo.Sketch = Sketch;
-      demo.GraphicsLayer = GraphicsLayer;
-      demo.Search = Search;
-      demo.Graphic = Graphic;
-      demo.SketchViewModel = SketchViewModel;
     </script>
   </head>
 

package/dist/collection/demos/new-public-notification.html

@@ -60,47 +60,58 @@
     <link rel="stylesheet" href="https://webapps-cdn.esri.com/CDN/fonts/v1.4.1/fonts.css" />
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
+    <script src="https://js.arcgis.com/4.25/"></script>
     <script type="module" src="../solutions-components.esm.js"></script>
 
-    <script type="module">
-      import WebMap from 'https://js.arcgis.com/4.25/@arcgis/core/WebMap.js';
-      import MapView from 'https://js.arcgis.com/4.25/@arcgis/core/views/MapView.js';
-      import Legend from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Legend.js';
-      import Sketch from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Sketch.js';
-      import GraphicsLayer from 'https://js.arcgis.com/4.25/@arcgis/core/layers/GraphicsLayer.js';
-      import Search from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Search.js';
-      import Graphic from 'https://js.arcgis.com/4.25/@arcgis/core/Graphic.js';
-      import SketchViewModel from 'https://js.arcgis.com/4.25/@arcgis/core/widgets/Sketch/SketchViewModel.js';
-      import * as geometryEngine from 'https://js.arcgis.com/4.25/@arcgis/core/geometry/geometryEngine.js';
-
-      var webMap = new WebMap({
-        portalItem: {
-          // solutions
-          // id: "3715f4899bea4b2a948347c5c2357e58"
-          // InstantApps
-          id: "863e4f6f2a7840db896cc1b1606d552d"
-        }
-      });
+    <script>
+      require(["esri/WebMap", "esri/views/MapView", "esri/widgets/Legend"], (
+        WebMap,
+        MapView,
+        Legend
+      ) => {
+        var webMap = new WebMap({
+          portalItem: {
+            // solutions
+            // id: "3715f4899bea4b2a948347c5c2357e58"
+            // InstantApps
+            id: "863e4f6f2a7840db896cc1b1606d552d"
+          }
+        });
 
-      const demo = document.getElementById("demo");
-      demo.mapView = new MapView({
-        container: "viewDiv",
-        map: webMap
-      });
+        const demo = document.getElementById("demo");
+        demo.mapView = new MapView({
+          container: "viewDiv",
+          map: webMap
+        });
 
-      demo.mapView.when(() => {
-        const legend = new Legend({
-          view: demo.mapView
+        demo.mapView.when(() => {
+          const legend = new Legend({
+            view: demo.mapView
+          });
+          demo.mapView.ui.add(legend, "top-left");
         });
-        demo.mapView.ui.add(legend, "top-left");
+        demo.addresseeLayerIds = ["18434515eb8-layer-12"];
+        demo.defaultBufferDistance = 100;
+        demo.defaultBufferUnit = "kilometers";
+        demo.exportOptions = {
+          csvOptions: {
+            enabled: true, // I question if this should be exposed
+            addColumnTitle: false
+          },
+          pdfOptions: {
+            enabled: true, // I question if this should be exposed
+            enabledSizeValues: [6,10,14,20]
+          }
+        };
+        demo.featureEffect = {
+          includedEffect: "invert(100%)",
+          excludedEffect: "blur(5px)"
+        };
+        demo.featureHighlightEnabled = true;
+        demo.noResultText = "No results found";
+        demo.selectionLayerIds = ["1843422bf6b-layer-7"];
+        demo.showSearchSettings = false;
       });
-
-      demo.Sketch = Sketch;
-      demo.GraphicsLayer = GraphicsLayer;
-      demo.Search = Search;
-      demo.Graphic = Graphic;
-      demo.SketchViewModel = SketchViewModel;
-      demo.geometryEngine = geometryEngine;
     </script>
   </head>
 

package/dist/collection/demos/pdf-download.html

@@ -39,9 +39,16 @@
     <link rel="stylesheet" href="../solutions-components.css" type="text/css">
 
     <script type="module" src="../solutions-components.esm.js"></script>
+    <script>
+      function init() {
+        const demo = document.getElementById("demo");
+        demo.enabledSizeValues = [6,10];
+        demo.disabled = false;
+      }
+    </script>
   </head>
 
-  <body>
+  <body onload="init()">
     <pdf-download class="column over-map" id="demo"></pdf-download>
   </body>
 </html>

package/dist/collection/utils/csvUtils.js

@@ -28,7 +28,7 @@ import { queryFeaturesByID } from "./queryUtils";
  *
  * @returns Promise when the function has completed
  */
-export async function exportCSV(layerView, ids) {
+export 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 @@ export 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 @@ export 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/collection/utils/csvUtils.ts

@@ -28,7 +28,8 @@ import { queryFeaturesByID } from "./queryUtils";
  */
 export async function exportCSV(
   layerView: __esri.FeatureLayerView,
-  ids: number[]
+  ids: number[],
+  addColumnTitle: boolean
 ): Promise<void> {
   const featureSet = await queryFeaturesByID(ids, layerView.layer);
   const attributes = featureSet.features.map(f => f.attributes);
@@ -39,7 +40,7 @@ export async function exportCSV(
       fieldNames[k] = k;
     }
   });
-  _downloadCSVFile(fieldNames, attributes, `notify-${Date.now().toString()}`);
+  _downloadCSVFile(fieldNames, attributes, `notify-${Date.now().toString()}`, addColumnTitle);
 }
 
 /**
@@ -56,9 +57,10 @@ export async function exportCSV(
 function _downloadCSVFile(
   fieldNames: {[key: string]: string},
   attributes: {[key: string]: string}[],
-  fileTitle: string
+  fileTitle: string,
+  addColumnTitle: boolean
 ): void {
-  if (fieldNames) {
+  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/collection/utils/interfaces.ts

@@ -81,6 +81,70 @@ export enum EExpandType {
 
 export type SelectionMode = "single" | "multi";
 
+export type ValidSize = 6|10|14|20|30|60|80;
+
+export type DistanceUnit = "feet"|"meters"|"miles"|"kilometers";
+
+export interface IExportOptions {
+  csvOptions: ICsvOptions;
+  pdfOptions: IPdfOptions;
+}
+
+export interface ICsvOptions {
+  enabled: boolean;
+  addColumnTitle: boolean;
+}
+
+export interface IPdfOptions {
+  enabled: boolean;
+  enabledSizeValues: ValidSize[];
+}
+
+export interface ISearchConfiguration {
+  activeSourceIndex?: number;
+  allPlaceholder?: string;
+  includeDefaultSources?: boolean;
+  searchAllEnabled?: boolean;
+  sources: Array<ILocatorSourceConfigItem | ILayerSourceConfigItem>;
+}
+
+interface ISearchSourceConfigItem {
+  maxResults: number;
+  maxSuggestions: number;
+  minSuggestCharacters: number;
+  name: string;
+  suggestionsEnabled: boolean;
+  placeholder: string;
+  withinViewEnabled: boolean;
+  zoomScale: number;
+}
+
+export interface ILocatorSourceConfigItem extends ISearchSourceConfigItem {
+  url: string;
+  singleLineFieldName: string;
+  countryCode: string;
+}
+
+export interface ILayerSourceConfigItem extends ISearchSourceConfigItem {
+  displayField: string;
+  exactMatch: boolean;
+  layer: {
+    url: string | __esri.FeatureLayer;
+    id: string;
+  };
+  outFields: string[];
+  searchFields: string;
+  popupTemplate: any;
+  popupEnabled: boolean;
+}
+
+/**
+ * Layer id and title key value pair
+ */
+export interface ILayerHash {
+  [key: string]: string;
+}
+
 /**
  * Key details from the templates item
  */
@@ -309,7 +373,7 @@ export interface ISelectionSet {
   buffer: __esri.Geometry;
   distance: number;
   download: boolean;
-  unit: __esri.LinearUnits;
+  unit: DistanceUnit;
   label: string;
   selectedIds: number[];
   layerView: __esri.FeatureLayerView;