@esri/solutions-components 0.6.12 → 0.6.14

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

@@ -21,89 +21,73 @@ import { EWorkflowType, IMapItemHash, ISelectionSet } from "./interfaces";
  * 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
  *
  */
 export async function getMapLayerHash(
-  mapView: __esri.MapView
+  mapView: __esri.MapView,
+  onlyShowUpdatableLayers: boolean
 ): Promise<IMapItemHash> {
-  let layerHash = {};
+  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
  *
  */
 export async function getMapTableHash(
-  mapView: __esri.MapView
+  mapView: __esri.MapView,
+  onlyShowUpdatableTables: boolean
 ): Promise<IMapItemHash> {
-  let tableHash = {};
+  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
- *
- */
-export async function getMapLayerIds(
-  mapView: __esri.MapView
-): Promise<string[]> {
-  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
- *
- */
-export async function getMapTableIds(
-  mapView: __esri.MapView
-): Promise<string[]> {
-  // 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;
 }
 
 /**
@@ -119,20 +103,20 @@ export async function getFeatureLayerView(
   mapView: __esri.MapView,
   id: string
 ): Promise<__esri.FeatureLayerView> {
-  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
  *
  */
-export async function getLayer(
+export async function getLayerOrTable(
   mapView: __esri.MapView,
   id: string
 ): Promise<__esri.FeatureLayer> {

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

@@ -23,10 +23,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?.remove());

package/dist/solutions-components/utils/test/downloadUtils.spec.tsx

@@ -555,6 +555,7 @@ describe("downloadUtils", () => {
 
   });
 
+  /*
   describe('_getLabelFormat', () => {
 
     it('should prepare labels from visible popup fields', async () => {
@@ -841,6 +842,7 @@ describe("downloadUtils", () => {
     });
 
   });
+  */
 
   describe('_getSelectionSetNames', () => {
 

package/dist/types/components/basemap-gallery/basemap-gallery.d.ts

@@ -14,12 +14,17 @@
  * limitations under the License.
  */
 /// <reference types="arcgis-js-api" />
+import { IBasemapConfig } from '../../utils/interfaces';
 export declare class BasemapGallery {
   el: HTMLBasemapGalleryElement;
   /**
    * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
    */
   mapView: __esri.MapView;
+  /**
+   * IBasemapConfig: List of any basemaps to filter out from the basemap widget
+   */
+  basemapConfig: IBasemapConfig;
   /**
    * esri/widgets/BasemapGallery: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-BasemapGallery.html
    *

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

@@ -16,13 +16,49 @@
 /// <reference types="arcgis-js-api" />
 import { VNode } from "../../stencil-public-runtime";
 import CrowdsourceManager_T9n from "../../assets/t9n/crowdsource-manager/resources.json";
-import { ELayoutMode, IMapChange, IMapInfo, ISearchConfiguration } from "../../utils/interfaces";
+import { ELayoutMode, IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration } from "../../utils/interfaces";
 export declare class CrowdsourceManager {
   el: HTMLCrowdsourceManagerElement;
   /**
    * boolean: when true the grid will display like the previous manager app with the table across the top
    */
   classicGrid: boolean;
+  /**
+   * boolean: when true the layer table will auto refresh the data
+   */
+  enableAutoRefresh: boolean;
+  /**
+   * boolean: when true the fullscreen widget will be available
+   */
+  enableFullscreen: boolean;
+  /**
+   * boolean: when true edits can be applied directly within the table
+   */
+  enableInlineEdit: boolean;
+  /**
+   * boolean: when true the legend widget will be available
+   */
+  enableLegend: boolean;
+  /**
+   * boolean: when true the search widget will be available
+   */
+  enableSearch: boolean;
+  /**
+   * boolean: when true the home widget will be available
+   */
+  enableHome: boolean;
+  /**
+   * boolean: when true the zoom widget will be available
+   */
+  enableZoom: boolean;
+  /**
+   * boolean: when true the basemap widget will be available
+   */
+  enableBasemap: boolean;
+  /**
+   * IBasemapConfig: List of any basemaps to filter out from the basemap widget
+   */
+  basemapConfig: IBasemapConfig;
   /**
    * boolean: when true the table will be sorted by objectid in descending order by default
    */
@@ -35,6 +71,10 @@ export declare class CrowdsourceManager {
    * IMapInfo[]: array of map infos (name and id)
    */
   mapInfos: IMapInfo[];
+  /**
+   * boolean: When true only editable layers that support the update capability will be available
+   */
+  onlyShowUpdatableLayers: boolean;
   /**
    * ISearchConfiguration: Configuration details for the Search widget
    */
@@ -85,6 +125,10 @@ export declare class CrowdsourceManager {
    * Listen for mapChanged event to be fired then store the new mapView so components will be updated
    */
   mapChanged(evt: CustomEvent): Promise<void>;
+  /**
+   * Listen for beforeMapChanged and minimize the popup if it's expanded
+   */
+  beforeMapChanged(): Promise<void>;
   /**
    * StencilJS: Called once just after the component is first connected to the DOM.
    *

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

@@ -51,6 +51,10 @@ export declare class EditCard {
    * esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle
    */
   protected _editHandle: __esri.WatchHandle;
+  /**
+   * esri/core/Accessor: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-Accessor.html#WatchHandle
+   */
+  protected _layerEditHandle: __esri.WatchHandle;
   /**
    * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
    * The Editor constructor
@@ -102,6 +106,10 @@ export declare class EditCard {
    * Emitted on demand when the Editor widget should be closed
    */
   closeEdit: EventEmitter<void>;
+  /**
+   * Emitted on demand when edits are completed on current edit layer
+   */
+  editsComplete: EventEmitter<void>;
   /**
    * StencilJS: Called once just after the component is first connected to the DOM.
    *

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

@@ -19,6 +19,14 @@ import LayerTable_T9n from "../../assets/t9n/layer-table/resources.json";
 import { IMapClick, IMapInfo } from "../../utils/interfaces";
 export declare class LayerTable {
   el: HTMLCrowdsourceManagerElement;
+  /**
+   * boolean: when true the layer table will auto refresh the data
+   */
+  enableAutoRefresh: boolean;
+  /**
+   * boolean: when true edits can be applied directly within the table
+   */
+  enableInlineEdit: boolean;
   /**
    * IMapInfo: key configuration details about the current map
    */
@@ -27,6 +35,10 @@ export declare class LayerTable {
    * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
    */
   mapView: __esri.MapView;
+  /**
+   * boolean: When true only editable layers that support the update capability will be available
+   */
+  onlyShowUpdatableLayers: boolean;
   /**
    * boolean: when true the table will be sorted by objectid in descending order by default
    */
@@ -43,6 +55,10 @@ export declare class LayerTable {
    * boolean: When true a loading indicator will be shown in place of the layer table
    */
   _fetchingData: boolean;
+  /**
+   * boolean: When true a loading indicator will be shown in the delete button
+   */
+  _isDeleting: boolean;
   /**
    * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
    */
@@ -69,33 +85,9 @@ export declare class LayerTable {
    */
   protected FeatureTable: typeof import("esri/widgets/FeatureTable");
   /**
-   * 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 _alertMessage: string;
-  /**
-   * string: the alerts title
+   * boolean: When true the user will be asked to confirm the delete operation
    */
-  protected _alertTitle: string;
+  protected _confirmDelete: boolean;
   /**
    * number[]: A list of all IDs for the current layer
    */
@@ -104,6 +96,14 @@ export declare class LayerTable {
    * boolean: When false alerts will be shown to indicate that the layer must have editing enabled for edit actions
    */
   protected _editEnabled: boolean;
+  /**
+   * boolean: When false alerts will be shown to indicate that the layer must have delete and editing enabled
+   */
+  protected _deleteEnabled: boolean;
+  /**
+   * IHandle: The map click handle
+   */
+  protected _mapClickHandle: IHandle;
   /**
    * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
    */
@@ -152,6 +152,16 @@ export declare class LayerTable {
    * @param evt CustomEvent the graphic for the current selection
    */
   selectionChanged(evt: CustomEvent): Promise<void>;
+  /**
+   * Refresh the table when edits are completed
+   *
+   */
+  editsComplete(): void;
+  /**
+   * Refresh the table when edits are completed
+   *
+   */
+  noLayersFound(): void;
   /**
    * StencilJS: Called once just after the component is first connected to the DOM.
    *
@@ -178,6 +188,28 @@ export declare class LayerTable {
    * @returns The dom node that contains the controls
    */
   protected _getTableControlRow(slot?: string): VNode;
+  /**
+   * Get an action and tooltip
+   *
+   * @param icon string the name of the icon to display, will also be used as the id
+   * @param label string the text to display and label the action
+   * @param func any the function to execute
+   * @param disabled boolean when true the user will not be able to interact with the action
+   *
+   * @returns VNode The node representing the DOM element that will contain the action
+   */
+  private _getAction;
+  /**
+   * Get an action with danger color icon and text
+   *
+   * @param icon string the name of the icon to display, will also be used as the id
+   * @param label string the text to display and label the action
+   * @param func any the function to execute
+   * @param disabled boolean when true the user will not be able to interact with the action
+   *
+   * @returns VNode The node representing the DOM element that will contain the action
+   */
+  private _getDangerAction;
   /**
    * Store a reference to the table node after it's first created
    * and initializes the FeatureTable
@@ -201,12 +233,36 @@ export declare class LayerTable {
    * @returns void
    */
   protected _resetTable(): Promise<void>;
+  /**
+   * Verify edit capabilities of the layer
+   *
+   * @returns void
+   */
+  protected _checkEditEnabled(): void;
   /**
    * Sort the objectid field in descending order
    *
    * @returns void
    */
   protected _sortTable(): Promise<void>;
+  /**
+   * Show warning when editing is disabled
+   *
+   * @returns node with warning message
+   */
+  protected _getEditDisabledWarning(): VNode;
+  /**
+   * Show delete confirmation message
+   *
+   * @returns node to confirm or deny the delete operation
+   */
+  protected _deleteMessage(): VNode;
+  /**
+   * Delete the currently selected features
+   *
+   * @returns void
+   */
+  protected _deleteFeatures(): Promise<void>;
   /**
    * Handle map click events to keep table and map click selection in sync
    *

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

@@ -15,9 +15,29 @@
  */
 /// <reference types="arcgis-js-api" />
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IMapChange, IMapInfo, ISearchConfiguration } from "../../utils/interfaces";
+import { IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration } from "../../utils/interfaces";
 export declare class MapCard {
   el: HTMLMapCardElement;
+  /**
+   * boolean: when true the legend widget will be available
+   */
+  enableLegend: boolean;
+  /**
+   * boolean: when true the fullscreen widget will be available
+   */
+  enableFullscreen: boolean;
+  /**
+   * boolean: when true the search widget will be available
+   */
+  enableSearch: boolean;
+  /**
+   * boolean: when true the basemap widget will be available
+   */
+  enableBasemap: boolean;
+  /**
+   * IBasemapConfig: List of any basemaps to filter out from the basemap widget
+   */
+  basemapConfig: IBasemapConfig;
   /**
    * IMapInfo[]: array of map infos (name and id)
    */
@@ -62,6 +82,10 @@ export declare class MapCard {
    * Emitted when a new map is loaded
    */
   mapChanged: EventEmitter<IMapChange>;
+  /**
+   * Emitted before a new map is loaded
+   */
+  beforeMapChanged: EventEmitter<void>;
   /**
    * Listen for changes to map info and load the appropriate map
    */

package/dist/types/components/map-layer-picker/map-layer-picker.d.ts

@@ -15,6 +15,8 @@
  */
 /// <reference types="arcgis-js-api" />
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import MapLayerPicker_T9n from "../../assets/t9n/map-layer-picker/resources.json";
+import { IMapItemHash } from "../../utils/interfaces";
 export declare class MapLayerPicker {
   el: HTMLMapLayerPickerElement;
   /**
@@ -35,6 +37,10 @@ export declare class MapLayerPicker {
    * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
    */
   mapView: __esri.MapView;
+  /**
+   * boolean: When true only editable layers that support the update capability will be available
+   */
+  onlyShowUpdatableLayers: boolean;
   /**
    * string: optional placeholder icon used with "combobox" type
    */
@@ -55,23 +61,45 @@ export declare class MapLayerPicker {
    * "select" | "combobox" | "dropdown": type of component to leverage
    */
   type: "select" | "combobox" | "dropdown";
+  /**
+   * boolean: when true the map contains valid layers and all expected tools will be enabled
+   */
+  _hasValidLayers: boolean;
   /**
    * string[]: list of layer and table (if showTables is true) ids from the map
    */
   ids: string[];
   /**
-   * string: lcurrent layer name to display when using "dropdown" type
+   * string: current layer name to display when using "dropdown" type
    */
   selectedName: string;
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   */
+  _translations: typeof MapLayerPicker_T9n;
   /**
    * HTMLCalciteSelectElement: The html element for selecting layers
    */
   protected _layerElement: HTMLCalciteSelectElement | HTMLCalciteComboboxElement;
+  /**
+   * IMapItemHash: id/name lookup
+   */
+  protected _layerNameHash: IMapItemHash;
+  /**
+   * IMapItemHash: id/name lookup
+   */
+  protected _tableNameHash: IMapItemHash;
   /**
    * Called each time the mapView prop is changed.
    *
    */
   mapViewWatchHandler(): Promise<void>;
+  /**
+   * Emitted on demand when no valid layers are found
+   *
+   */
+  noLayersFound: EventEmitter<void>;
   /**
    * Emitted on demand when a layer is selected
    *
@@ -89,6 +117,12 @@ export declare class MapLayerPicker {
    * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
    */
   componentDidLoad(): Promise<void>;
+  /**
+   * Create a notice to inform the user that no layers were found
+   *
+   * @returns Calcite Notice component with the message
+   */
+  protected _getInvalidPlaceholder(): VNode;
   /**
    * Create a list of layers from the map
    *
@@ -126,19 +160,25 @@ export declare class MapLayerPicker {
   /**
    * Store the layer name based on the user selection
    */
-  _setSelectedLayer(id: string, type: "layer" | "table"): void;
+  _setSelectedLayer(id: string): void;
   /**
    * Fetch the ids of the layers from the map
    *
    * @returns Promise when the operation has completed
    */
   _setLayers(): Promise<void>;
+  /**
+   * Fetch the ids of all layers that support edits with the update capability
+   *
+   * @returns array of layer ids
+   */
+  protected _getEditableIds(hash: IMapItemHash): string[];
   /**
    * Create a layer id:title hash for layer name display
    *
    * @returns Promise when the operation has completed
    */
-  protected _initStateHash(): Promise<void>;
+  protected _initLayerTableHash(): Promise<void>;
   /**
    * Evaluate if the id exists in the current hash and verify if it should be excluded
    *
@@ -157,4 +197,11 @@ export declare class MapLayerPicker {
    * @returns Promise when the operation has completed
    */
   _layerSelectionChange(): void;
+  /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   * @protected
+   */
+  protected _getTranslations(): Promise<void>;
 }

package/dist/types/components/map-picker/map-picker.d.ts

@@ -44,7 +44,7 @@ export declare class MapPicker {
   /**
    * Called each time the mapInfos prop is changed.
    */
-  mapInfosWatchHandler(v: IMapInfo[], oldV: IMapInfo[]): void;
+  mapInfosWatchHandler(v: IMapInfo[], oldV: IMapInfo[]): Promise<void>;
   /**
    * Emitted when a new map is loaded
    */
@@ -60,7 +60,7 @@ export declare class MapPicker {
   /**
    * Called once after the component has loaded
    */
-  componentDidLoad(): void;
+  componentDidLoad(): Promise<void>;
   /**
    * Get a calcite action group for the map list
    * Actions do not support multiple icons so this uses a block

package/dist/types/components/map-tools/map-tools.d.ts

@@ -16,9 +16,29 @@
 /// <reference types="arcgis-js-api" />
 import { VNode } from '../../stencil-public-runtime';
 import MapTools_T9n from "../../assets/t9n/map-tools/resources.json";
-import { ISearchConfiguration } from "../../utils/interfaces";
+import { IBasemapConfig, ISearchConfiguration } from "../../utils/interfaces";
 export declare class MapTools {
   el: HTMLMapToolsElement;
+  /**
+   * boolean: when true the legend widget will be available
+   */
+  enableLegend: boolean;
+  /**
+   * boolean: when true the fullscreen widget will be available
+   */
+  enableFullscreen: boolean;
+  /**
+   * boolean: when true the search widget will be available
+   */
+  enableSearch: boolean;
+  /**
+   * boolean: when true the basemap widget will be available
+   */
+  enableBasemap: boolean;
+  /**
+   * IBasemapConfig: List of any basemaps to filter out from the basemap widget
+   */
+  basemapConfig: IBasemapConfig;
   /**
    * "horizontal" | "vertical": used to control the orientation of the tools
    */