@esri/solutions-components 0.6.1 → 0.6.3

package/dist/solutions-components/utils/queryUtils.ts

@@ -48,6 +48,46 @@ export async function queryAllFeatures(
     Promise.resolve(graphics);
 }
 
+/**
+ * Query the layer for all IDs
+ *
+ * @param layer the layer to retrieve features from
+ *
+ * @returns Promise with the featureSet from the layer that match the provided ids
+ */
+export async function queryAllIds(
+  layer: __esri.FeatureLayer
+): Promise<number[]> {
+  const query = layer.createQuery();
+  query.where = "1=1";
+  return await layer.queryObjectIds(query);
+}
+
+/**
+ * Query the feature for any image attachments
+ *
+ * @param layer the layer to retrieve attachments from
+ *
+ * @returns Promise with any attachments from the feature
+ */
+export async function queryAttachments(
+  layer: __esri.FeatureLayer,
+  objectIds: number[]
+): Promise<any> {
+  return await layer.queryAttachments({
+    attachmentTypes: [
+      "image/jpeg",
+      "image/png",
+      "image/gif",
+      "image/jpg",
+      "image/tif",
+      "image/tiff",
+      "image/bmp"
+    ],
+    objectIds
+  });
+}
+
 /**
  * Query the layer for OIDs based on any user drawn geometries or buffers
  *
@@ -77,20 +117,28 @@ export async function queryObjectIds(
  *
  * @param ids array of ObjectIDs to be used to query for features in a layer
  * @param layer the layer to retrieve features from
+ * @param graphics the result graphics array
  *
  * @returns Promise with the featureSet from the layer that match the provided ids
  */
 export async function queryFeaturesByID(
   ids: number[],
   layer: __esri.FeatureLayer,
-  start: number,
-  graphics: __esri.Graphic[]
+  graphics: __esri.Graphic[],
+  returnGeometry: boolean,
+  outSpatialReference?: __esri.SpatialReference
 ): Promise<__esri.Graphic[]> {
   const num = layer.capabilities.query.maxRecordCount;
+  const start = 0;
+
   const q = layer.createQuery();
   q.start = start;
   q.num = num;
+  q.returnGeometry = returnGeometry;
   q.objectIds = ids.slice(start, num);
+  if (outSpatialReference) {
+    q.outSpatialReference = outSpatialReference;
+  }
 
   const result = await layer.queryFeatures(q);
 
@@ -99,9 +147,8 @@ export async function queryFeaturesByID(
   );
 
   const remainingIds = ids.slice(num, ids.length);
-
   return remainingIds.length > 0 ?
-    queryFeaturesByID(remainingIds, layer, start += num, graphics) :
+    queryFeaturesByID(remainingIds, layer, graphics, returnGeometry, outSpatialReference) :
     Promise.resolve(graphics);
 }
 

package/dist/types/components/card-manager/card-manager.d.ts

@@ -13,20 +13,48 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+/// <reference types="arcgis-js-api" />
 import CardManager_T9n from "../../assets/t9n/card-manager/resources.json";
 export declare class CardManager {
   el: HTMLCardManagerElement;
+  /**
+   * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html
+   */
+  layerView: __esri.FeatureLayerView;
+  /**
+   * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+   */
+  mapView: __esri.MapView;
+  /**
+   * When true a loading indicator will be shown in the current card
+   */
+  _cardLoading: boolean;
+  /**
+   * The current selected graphics
+   */
+  _graphics: __esri.Graphic[];
   /**
    * Contains the translations for this component.
    * All UI strings should be defined here.
    */
   _translations: typeof CardManager_T9n;
-  protected _showInfoCard: any;
-  protected _showMediaCard: any;
-  protected _showCommentsCard: any;
-  protected _fakeValues: any;
-  protected _fakeInfos: any;
+  /**
+   * Query the layer for the provided ids and store the result graphics
+   */
+  featureSelectionChange(evt: CustomEvent): Promise<void>;
+  /**
+   * Get the layer view for the provided layer id
+   */
+  layerSelectionChange(evt: CustomEvent): Promise<void>;
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
   componentWillLoad(): Promise<void>;
+  /**
+   * Renders the component.
+   */
   render(): any;
   /**
    * Fetches the component's translations

package/dist/types/components/crowdsource-manager/crowdsource-manager.d.ts

@@ -14,9 +14,9 @@
  * limitations under the License.
  */
 /// <reference types="arcgis-js-api" />
-import { VNode } from '../../stencil-public-runtime';
+import { VNode } from "../../stencil-public-runtime";
 import CrowdsourceManager_T9n from "../../assets/t9n/crowdsource-manager/resources.json";
-import { ELayoutMode, IMapInfo } from '../../utils/interfaces';
+import { ELayoutMode, IMapInfo } from "../../utils/interfaces";
 export declare class CrowdsourceManager {
   el: HTMLCrowdsourceManagerElement;
   /**
@@ -41,10 +41,18 @@ export declare class CrowdsourceManager {
    */
   _panelOpen: boolean;
   /**
-   * Handle changes to the buffer distance value
+   * Listen for mapChanged event to be fired then store the new mapView so components will be updated
+   */
+  mapChanged(evt: CustomEvent): Promise<void>;
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
    */
-  mapChanged(event: CustomEvent): void;
   componentWillLoad(): Promise<void>;
+  /**
+   * Renders the component.
+   */
   render(): any;
   protected _getAction(imgClass: string, layoutMode: ELayoutMode, tip: string): VNode;
   protected _getDividerIcon(layoutMode: ELayoutMode, panelOpen: boolean): string;

package/dist/types/components/deduct-calculator/deduct-calculator.d.ts

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { EventEmitter, VNode } from '../../stencil-public-runtime';
-import { ESeverity } from '../../utils/pciUtils';
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { ESeverity } from "../../utils/pciUtils";
 export declare class DeductCalculator {
   el: HTMLBufferToolsElement;
   /**

package/dist/types/components/edit-card/edit-card.d.ts

@@ -0,0 +1,136 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/// <reference types="arcgis-js-api" />
+import { EventEmitter } from "../../stencil-public-runtime";
+import EditCard_T9n from "../../assets/t9n/edit-card/resources.json";
+export declare class EditCard {
+  el: HTMLEditCardElement;
+  /**
+   * esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
+   */
+  graphics: __esri.Graphic[];
+  /**
+   * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+   */
+  mapView: __esri.MapView;
+  /**
+   * When true the component is displayed
+   */
+  open: boolean;
+  /**
+   * The index of the current graphic
+   */
+  graphicIndex: number;
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   */
+  _translations: typeof EditCard_T9n;
+  /**
+   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle
+   */
+  protected _attachmentHandle: __esri.WatchHandle;
+  /**
+   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle
+   */
+  protected _editHandle: __esri.WatchHandle;
+  /**
+   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+   * The Editor constructor
+   */
+  protected Editor: typeof import("esri/widgets/Editor");
+  /**
+   * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+   * The Editor instance
+   */
+  protected _editor: __esri.Editor;
+  /**
+   * esri/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+   */
+  protected _layer: __esri.FeatureLayer;
+  /**
+   * HTMLDivElement: https://developer.mozilla.org/en-US/docs/Web/API/HTMLDivElement
+   */
+  protected _editContainer: HTMLDivElement;
+  /**
+   * any[]: Collection of edit controls created in "MULTI" edit mode
+   * These can be calcite-input-text, calcite-input-number, calcite-input-date-picker, calcite-input-time-picker, or calcite-combobox
+   */
+  protected _editControlElements: any[];
+  /**
+   * boolean: When true edit controls will be disabled
+   */
+  protected _editingDisabled: boolean;
+  /**
+   * boolean: When true the Editor widget should be closed
+   */
+  protected _shouldClose: boolean;
+  /**
+   * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
+   */
+  protected reactiveUtils: typeof import("esri/core/reactiveUtils");
+  /**
+   * Watch for changes to the graphics and update the feature widget
+   */
+  graphicIndexWatchHandler(): void;
+  /**
+   * Watch for changes to the graphics and update the feature widget
+   */
+  graphicsWatchHandler(): void;
+  /**
+   * Watch for changes to the mapView and re-init the Feature widget
+   */
+  mapViewWatchHandler(): void;
+  /**
+   * Emitted on demand when the Editor widget should be closed
+   */
+  closeEdit: EventEmitter<void>;
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
+  componentWillLoad(): Promise<void>;
+  /**
+   * Special handeling when used with layer-table.
+   * This allows us to only fetch graphics when the modal is opened rather than with every render of the layer-table.
+   *
+   * @returns Promise when complete
+   */
+  componentWillRender(): Promise<void>;
+  /**
+   * Renders the component.
+   */
+  render(): any;
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   */
+  protected _initModules(): Promise<void>;
+  /**
+   * Init the Editor widget so we can display the popup content
+   *
+   * @returns void
+   */
+  protected _initEditorWidget(): void;
+  /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   */
+  protected _getTranslations(): Promise<void>;
+}

package/dist/types/components/info-card/info-card.d.ts

@@ -13,27 +13,107 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { VNode } from '../../stencil-public-runtime';
-import { IInfoCardValues } from '../../utils/interfaces';
+/// <reference types="arcgis-js-api" />
+import InfoCard_T9n from "../../assets/t9n/info-card/resources.json";
 export declare class InfoCard {
   el: HTMLInfoCardElement;
   /**
-   * string: the components title
+   * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
    */
-  cardTitle: string;
+  graphics: __esri.Graphic[];
   /**
-   * IInfoCardValues: key value pairs to show in the components table
+   * boolean: when true a loading indicator will be shown
    */
-  values: IInfoCardValues;
+  isLoading: boolean;
+  /**
+   * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+   */
+  mapView: __esri.MapView;
+  /**
+   * boolean: When true a alert will be shown to indicate a problem or confirm the current action
+   */
+  _alertOpen: boolean;
+  /**
+   * When true the add record modal will be displayed
+   */
+  _editRecordOpen: boolean;
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   */
+  _translations: typeof InfoCard_T9n;
+  /**
+   * esri/widgets/Feature: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Feature.html
+   * used for module import
+   */
+  protected Features: typeof import("esri/widgets/Features");
+  /**
+   * boolean: When false alerts will be shown to indicate that the layer must have editing enabled for edit actions
+   */
+  protected _editEnabled: boolean;
+  /**
+   * esri/widgets/Feature: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Feature.html
+   * used for widget instance
+   */
+  protected _features: __esri.Features;
+  /**
+   * Watch for changes to the graphic and update the feature widget
+   */
+  graphicsWatchHandler(): Promise<void>;
+  /**
+   * Watch for changes to the mapView and re-init the Feature widget
+   */
+  mapViewWatchHandler(): Promise<void>;
+  /**
+   * Get the current selected feature from the Features widget
+   *
+   * @returns Promise resolving with the current feature
+   */
+  getSelectedFeature(): Promise<any>;
+  closeEdit(): Promise<void>;
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   *
+   * @returns Promise when complete
+   */
+  componentWillLoad(): Promise<void>;
   /**
    * Renders the component.
    */
   render(): any;
   /**
-   * Render the user defined values as table rows
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   *
+   * @protected
+   */
+  protected _initModules(): Promise<void>;
+  /**
+   * Init the Feature widget so we can display the popup content
+   *
+   * @protected
+   */
+  protected _initFeaturesWidget(): Promise<void>;
+  /**
+   * Set the alertOpen member to false when the alert is closed
+   *
+   * @returns void
+   */
+  protected _alertClosed(): void;
+  /**
+   * Close the edit record modal
+   */
+  protected _editRecordClosed(): void;
+  /**
+   * Open the edit record modal
+   */
+  protected _openEditRecord(): void;
+  /**
+   * Fetches the component's translations
    *
-   * @returns array of row nodes
+   * @returns Promise when complete
    * @protected
    */
-  protected _getRows(): VNode[];
+  protected _getTranslations(): Promise<void>;
 }

package/dist/types/components/layer-table/layer-table.d.ts

@@ -14,22 +14,35 @@
  * limitations under the License.
  */
 /// <reference types="arcgis-js-api" />
-import { VNode } from '../../stencil-public-runtime';
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import LayerTable_T9n from "../../assets/t9n/layer-table/resources.json";
+import { IMapClick } from "../../utils/interfaces";
 export declare class LayerTable {
   el: HTMLCrowdsourceManagerElement;
   /**
    * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
    */
   mapView: __esri.MapView;
+  /**
+   * boolean: When true a alert will be shown to indicate a problem or confirm the current action
+   */
+  _alertOpen: boolean;
+  /**
+   * boolean: When true a loading indicator will be shown in place of the layer table
+   */
+  _fetchingData: boolean;
   /**
    * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html
    */
   _layerView: __esri.FeatureLayerView;
   /**
-   * A list of indexes that are currently selected
+   * number[]: A list of indexes that are currently selected
    */
   _selectedIndexes: number[];
+  /**
+   * boolean: When true only selected records will be shown in the table
+   */
+  _showOnlySelected: boolean;
   /**
    * Contains the translations for this component.
    * All UI strings should be defined here.
@@ -40,17 +53,45 @@ export declare class LayerTable {
    */
   protected FeatureTable: typeof import("esri/widgets/FeatureTable");
   /**
-   * HTMLEditRecordModalElement: Modal used to edit multiple records
+   * any: The function that the alerts action should execute
+   */
+  protected _alertActionFunction: any;
+  /**
+   * string: The alerts action text...will be displayed when _alertShowAction is True
+   */
+  protected _alertActionText: string;
+  /**
+   * string: main icon of the alert
+   */
+  protected _alertIcon: string;
+  /**
+   * "warning" | "danger": the kind of alert to display
+   */
+  protected _alertKind: "warning" | "danger";
+  /**
+   * boolean: When true a action link will be deisplayed
+   */
+  protected _alertShowAction: boolean;
+  /**
+   * string: main message of the alert
    */
-  protected _editMultipleMpdal: HTMLEditRecordModalElement;
+  protected _alertMessage: string;
   /**
-   * string[]: List of field names to display
+   * string: the alerts title
    */
-  protected _fieldNames: string[];
+  protected _alertTitle: string;
   /**
-   * esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
+   * number[]: A list of all IDs for the current layer
    */
-  protected _graphics: __esri.Graphic[];
+  protected _allIds: number[];
+  /**
+   * boolean: When false alerts will be shown to indicate that the layer must have editing enabled for edit actions
+   */
+  protected _editEnabled: boolean;
+  /**
+   * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
+   */
+  protected reactiveUtils: typeof import("esri/core/reactiveUtils");
   /**
    * HTMLCalciteCheckboxElement: Element to force selection of all records
    */
@@ -63,7 +104,24 @@ export declare class LayerTable {
    * HTMLDivElement: Element to hold the FeatureTable
    */
   protected _tableNode: HTMLDivElement;
+  /**
+   * watch for changes in map view and get the first layer
+   */
   mapViewWatchHandler(): Promise<void>;
+  /**
+   * watch for changes in layer view and verify if it has editing enabled
+   */
+  _layerViewWatchHandler(): Promise<void>;
+  /**
+   * Get the selected graphics
+   *
+   * @returns Promise that resolves when the operation is complete
+   */
+  getSelectedGraphics(): Promise<__esri.Graphic[]>;
+  /**
+   * Emitted on demand when a layer is selected
+   */
+  featureSelectionChange: EventEmitter<number[]>;
   /**
    * StencilJS: Called once just after the component is first connected to the DOM.
    *
@@ -87,7 +145,7 @@ export declare class LayerTable {
    *
    * @returns The dom node that contains the controls
    */
-  protected _getTableControlRow(): VNode;
+  protected _getTableControlRow(slot?: string): VNode;
   /**
    * Store a reference to the table node after it's first created
    * and initializes the FeatureTable
@@ -101,6 +159,24 @@ export declare class LayerTable {
    * @returns void
    */
   protected _getTable(node: HTMLDivElement): void;
+  /**
+   * Reset basic table props
+   *
+   * @returns void
+   */
+  protected _resetTable(): void;
+  /**
+   * Handle map click events to keep table and map click selection in sync
+   *
+   * @returns void
+   */
+  protected _mapClicked(evt: IMapClick): Promise<void>;
+  /**
+   * Set the alertOpen member to false when the alert is closed
+   *
+   * @returns void
+   */
+  protected _alertClosed(): void;
   /**
    * Select or deselect all rows
    *
@@ -108,7 +184,13 @@ export declare class LayerTable {
    *
    * @returns void
    */
-  protected _selectAll(checked: boolean): void;
+  protected _selectAll(): void;
+  /**
+   * Toggle the show only selected flag
+   *  When showOnly is true only the selected features will be shown in the table
+   *
+   * @returns void
+   */
   protected _showSelected(): void;
   /**
    * Clears the selected indexes
@@ -116,6 +198,7 @@ export declare class LayerTable {
    * @returns void
    */
   protected _clearSelection(): void;
+  protected _filter(): void;
   /**
    * Select all rows that are not currently selectd
    *
@@ -127,21 +210,21 @@ export declare class LayerTable {
    *
    * @returns a promise that will resolve when the operation is complete
    */
-  protected _exportToCSV(): void;
+  protected _exportToCSV(): Promise<void>;
   /**
-   * Zoom to all selected features
+   * Refreshes the table and maintains the curent scroll position
    *
-   * @returns a promise that will resolve when the operation is complete
+   * @returns void
    */
-  protected _zoom(): void;
+  protected _refresh(): void;
   /**
-   * Open the edit multiple modal
+   * Zoom to all selected features
    *
-   * @returns void
+   * @returns a promise that will resolve when the operation is complete
    */
-  protected _editMultiple(): void;
+  protected _zoom(): void;
   /**
-   * Delete all selected records
+   * Delete all selected records or shows an alert if the layer does not have editing enabled
    *
    * @returns a promise that will resolve when the operation is complete
    */
@@ -153,21 +236,7 @@ export declare class LayerTable {
    *
    * @returns An array of selected graphics
    */
-  protected _getGraphics(indexes: number[]): __esri.Graphic[];
-  /**
-   * Gets the object ids for all selected rows
-   *
-   * @returns An array of object ids
-   */
-  protected _getSelectedIds(): number[];
-  /**
-   * Update the selected indexes based on the current row
-   *
-   * @param index the index of the selected row
-   *
-   * @returns void
-   */
-  protected _rowSelected(index: number): void;
+  protected _getGraphics(ids: number[]): Promise<__esri.Graphic[]>;
   /**
    * Handles layer selection change to show new table
    *