@esri/solutions-components 0.3.2 → 0.3.4

package/dist/types/utils/mapViewUtils.d.ts

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 /// <reference types="arcgis-js-api" />
+import { ILayerHash } from "./interfaces";
 /**
  * Gets the layer names from the current map
  *
@@ -22,27 +23,36 @@
  * @returns Promise resolving with an array of layer names
  *
  */
-export declare function getMapLayerNames(mapView: __esri.MapView): Promise<string[]>;
+export declare function getMapLayerHash(mapView: __esri.MapView): Promise<ILayerHash>;
 /**
- * Get a layer view by title
+ * 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 declare function getMapLayerIds(mapView: __esri.MapView): Promise<string[]>;
+/**
+ * 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 declare function getMapLayerView(mapView: __esri.MapView, title: string): Promise<__esri.FeatureLayerView>;
+export declare function getMapLayerView(mapView: __esri.MapView, id: string): Promise<__esri.FeatureLayerView>;
 /**
- * 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 declare function getMapLayer(mapView: __esri.MapView, title: string): Promise<__esri.FeatureLayer>;
+export declare function getMapLayer(mapView: __esri.MapView, id: string): Promise<__esri.FeatureLayer>;
 /**
  * Highlight features by OID
  *
@@ -64,7 +74,7 @@ export declare function highlightFeatures(ids: number[], layerView: __esri.Featu
  * @returns Promise resolving when the operation is complete
  *
  */
-export declare function flashSelection(ids: number[], layerView: __esri.FeatureLayerView): Promise<void>;
+export declare function flashSelection(ids: number[], layerView: __esri.FeatureLayerView, featureEffect: __esri.FeatureEffect): Promise<void>;
 /**
  * Zoom to features based on OID
  *
@@ -76,4 +86,4 @@ export declare function flashSelection(ids: number[], layerView: __esri.FeatureL
  * @returns Promise resolving when the operation is complete
  *
  */
-export declare function goToSelection(ids: number[], layerView: __esri.FeatureLayerView, mapView: __esri.MapView, flashFeatures?: boolean): Promise<void>;
+export declare function goToSelection(ids: number[], layerView: __esri.FeatureLayerView, mapView: __esri.MapView, flashFeatures?: boolean, featureEffect?: __esri.FeatureEffect): Promise<void>;

package/dist/types/utils/publicNotificationStore.d.ts

@@ -16,5 +16,6 @@
 declare const state: {
   managedLayers: any[];
   highlightHandle: any;
+  layerNameHash: {};
 };
 export default state;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/check-list.cjs.entry.js

@@ -1,103 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ee607805.js');
-
-const checkListCss = ":host{display:block}";
-
-const CheckList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  State (internal)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * A list of all checkbox elements for this component
-     *
-     * @protected
-     */
-    this._elements = [];
-    this.defaultChecked = true;
-    this.values = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return this._elements.reduce((prev, cur) => {
-      prev[cur.value] = cur.checked;
-      return prev;
-    }, {});
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   */
-  async componentDidLoad() {
-    if (this.defaultChecked) {
-      this._elements.forEach(el => {
-        el.checked = true;
-      });
-    }
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("div", null, this._renderCheckboxes(this.values))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Render a checkbox with a label for each of the types listed in the NLS
-   *
-   * @returns Array of label/checkbox input nodes
-   * @protected
-   */
-  _renderCheckboxes(values) {
-    return values.map(v => {
-      return (index.h("calcite-label", { layout: "inline" }, index.h("calcite-checkbox", { ref: (el) => this._elements.push(el), value: v }), v));
-    });
-  }
-  get el() { return index.getElement(this); }
-};
-CheckList.style = checkListCss;
-
-exports.check_list = CheckList;

package/dist/cjs/config-buffer-tools.cjs.entry.js

@@ -1,125 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ee607805.js');
-const locale = require('./locale-d15229c4.js');
-require('./_commonjsHelpers-6aafa5de.js');
-
-const configBufferToolsCss = ":host{display:block}.horizontal-display{display:flex}.label-spacing{--calcite-label-margin-bottom:0}.padding-inline-end-1{-webkit-padding-end:1rem;padding-inline-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.width-half{width:50%}.width-full{width:100%}";
-
-const ConfigBufferTools = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.distance = 100;
-    this.unit = "Meters";
-    this._showBufferChecked = true;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return {
-      "distance": this.distance,
-      "unit": this.unit
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("div", null, index.h("calcite-label", { layout: "inline" }, index.h("calcite-checkbox", { checked: this._showBufferChecked, onCalciteCheckboxChange: () => this._setShowBufferChecked(), ref: (el) => { this._showBufferElement = el; } }), this._translations.showSearchDistance)), index.h("div", { class: "padding-inline-start-1" }, index.h("div", { class: "padding-block-end-1 width-full" }, index.h("calcite-label", { class: "label-spacing" }, this._translations.defaultBufferDistance, index.h("calcite-input", { disabled: !this._showBufferChecked, min: 0, "number-button-type": "vertical", onCalciteInputInput: (evt) => { this._distanceChanged(evt); }, type: "number", value: this.distance.toString() }))), index.h("div", { class: "width-full" }, index.h("calcite-label", { class: "label-spacing" }, this._translations.defaultUnit, index.h("calcite-select", { disabled: !this._showBufferChecked, label: this._translations.defaultUnit, onCalciteSelectChange: (evt) => { this._unitSelectionChange(evt); } }, this._renderUnitOptions()))))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Store the user defined distance
-   *
-   * @protected
-   */
-  _distanceChanged(evt) {
-    this.distance = evt.detail.value;
-  }
-  /**
-   * Store the user defined unit
-   *
-   * @protected
-   */
-  _unitSelectionChange(evt) {
-    this.unit = evt.target.value;
-  }
-  /**
-   * Render the various unit options
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  _renderUnitOptions() {
-    const nlsUnits = this._translations.units || {};
-    const units = Object.keys(nlsUnits).map(k => nlsUnits[k]);
-    return units.map(unit => {
-      return (index.h("calcite-option", { label: unit, selected: unit === this.unit, value: unit }));
-    });
-  }
-  /**
-   * When not checked the buffer options will be disabled in the config and not visible in the UI at runtime
-   *
-   * @protected
-   */
-  _setShowBufferChecked() {
-    this._showBufferChecked = this._showBufferElement.checked;
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await locale.getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return index.getElement(this); }
-};
-ConfigBufferTools.style = configBufferToolsCss;
-
-exports.config_buffer_tools = ConfigBufferTools;

package/dist/cjs/config-draw-tools.cjs.entry.js

@@ -1,85 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ee607805.js');
-const locale = require('./locale-d15229c4.js');
-require('./_commonjsHelpers-6aafa5de.js');
-
-const configDrawToolsCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigDrawTools = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.defaultChecked = true;
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return this._checkList.getConfigInfo();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    const nlsTypes = this._translations.types || {};
-    const types = Object.keys(nlsTypes).map(k => nlsTypes[k]);
-    return (index.h(index.Host, null, index.h("div", null, index.h("div", { class: "padding-block-end-1" }, index.h("calcite-label", { class: "label-spacing" }, this._translations.drawTools)), index.h("div", { class: "padding-inline-start-1" }, index.h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._checkList = el; }, values: types })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await locale.getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return index.getElement(this); }
-};
-ConfigDrawTools.style = configDrawToolsCss;
-
-exports.config_draw_tools = ConfigDrawTools;

package/dist/cjs/config-layer-picker.cjs.entry.js

@@ -1,113 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ee607805.js');
-const locale = require('./locale-d15229c4.js');
-const mapViewUtils = require('./mapViewUtils-8ea9adc5.js');
-require('./_commonjsHelpers-6aafa5de.js');
-require('./interfaces-772edf61.js');
-
-const configLayerPickerCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigLayerPicker = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.defaultChecked = true;
-    this.instruction = "";
-    this.mapView = undefined;
-    this._layerNames = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called each time the mapView prop is changed.
-   *
-   */
-  async watchStateHandler() {
-    await this._setLayers();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a list of layers that have been selected
-   *
-   * @returns Promise with a list of layer names to use
-   */
-  async getConfigInfo() {
-    return typeof this._checkList.value === "string" ?
-      [this._checkList.value] : this._checkList.value;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._setLayers();
-    await this._getTranslations();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("div", null, index.h("div", { class: "padding-block-end-1" }, index.h("calcite-label", { class: "label-spacing" }, this.instruction || this._translations.chooseLayer)), index.h("div", { class: "padding-inline-start-1" }, index.h("calcite-combobox", { label: '', overlayPositioning: "fixed", ref: (el) => { this._checkList = el; }, selectionMode: "multiple" }, this._getComboboxItems())))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  _getComboboxItems() {
-    return this._layerNames ? this._layerNames.map(name => (index.h("calcite-combobox-item", { textLabel: name, value: name }))) : [];
-  }
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _setLayers() {
-    if (this.mapView) {
-      this._layerNames = await mapViewUtils.getMapLayerNames(this.mapView);
-    }
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await locale.getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "mapView": ["watchStateHandler"]
-  }; }
-};
-ConfigLayerPicker.style = configLayerPickerCss;
-
-exports.config_layer_picker = ConfigLayerPicker;

package/dist/cjs/config-pdf-download.cjs.entry.js

@@ -1,117 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ee607805.js');
-const locale = require('./locale-d15229c4.js');
-const labelFormats = require('./labelFormats-3236d2e0.js');
-require('./_commonjsHelpers-6aafa5de.js');
-
-const configPdfDownloadCss = ":host{display:block}.label-spacing{--calcite-label-margin-bottom:0}.padding-block-end-1{-webkit-padding-after:1rem;padding-block-end:1rem}.padding-inline-start-1{-webkit-padding-start:1rem;padding-inline-start:1rem}";
-
-const ConfigPdfDownload = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.defaultChecked = true;
-    this._formatOptions = [];
-    this._translations = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    const formatOptions = await this._formatOptionsCheckList.getConfigInfo();
-    const csvOptions = await this._csvOptionsCheckList.getConfigInfo();
-    return Object.assign(Object.assign({}, formatOptions), csvOptions);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  async componentWillLoad() {
-    await this._getTranslations();
-    await this._setFormatOptions();
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("div", null, index.h("div", { class: "padding-block-end-1" }, index.h("calcite-label", { class: "label-spacing" }, this._translations.availableLabelFormats)), index.h("div", { class: "padding-block-end-1 padding-inline-start-1" }, index.h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._formatOptionsCheckList = el; }, values: this._formatOptions })), index.h("div", { class: "padding-block-end-1" }, index.h("calcite-label", { class: "label-spacing" }, this._translations.csvOptions)), index.h("div", { class: "padding-block-end-1 padding-inline-start-1" }, index.h("check-list", { defaultChecked: this.defaultChecked, ref: (el) => { this._csvOptionsCheckList = el; }, values: [this._translations.csvColumnTitle] })))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetch the names of the layers from the map
-   *
-   * @returns Promise when the operation has completed
-   */
-  async _setFormatOptions() {
-    const s = labelFormats.pdfUtils;
-    const sortedPdfIndo = (s.default || s).sort((a, b) => {
-      const _a = parseInt(a.descriptionPDF.labelsPerPageDisplay, 10);
-      const _b = parseInt(b.descriptionPDF.labelsPerPageDisplay, 10);
-      return _a < _b ? -1 : _a > _b ? 1 : 0;
-    });
-    this._formatOptions = sortedPdfIndo.map(l => {
-      return this._getLabelSizeText(l);
-    });
-  }
-  /**
-   * Gets the formatted pdf export size text
-   *
-   * @param labelInfo current user selected label info
-   *
-   * @returns the pdf label as a string
-   * @protected
-   */
-  _getLabelSizeText(labelInfo) {
-    const lNum = labelInfo.descriptionPDF.labelsPerPageDisplay;
-    const lSize = `${labelInfo.descriptionPDF.labelWidthDisplay} x ${labelInfo.descriptionPDF.labelHeightDisplay}`;
-    return this._translations.pdfLabel.replace("{{n}}", lNum).replace("{{labelSize}}", lSize);
-  }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    const messages = await locale.getLocaleComponentStrings(this.el);
-    this._translations = messages[0];
-  }
-  get el() { return index.getElement(this); }
-};
-ConfigPdfDownload.style = configPdfDownloadCss;
-
-exports.config_pdf_download = ConfigPdfDownload;