@esri/solutions-components 0.7.17 → 0.7.18

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

@@ -140,6 +140,18 @@ export declare class CrowdsourceManager {
      * When true the info panel with the popup details will take the full height and prevent the map from displaying
      */
     _expandPopup: boolean;
+    /**
+     * When true the mobile footer will be hidden
+     */
+    _hideFooter: boolean;
+    /**
+     * When true the table will be hidden
+     */
+    _hideTable: boolean;
+    /**
+     * When true the component will render an optimized view for mobile devices
+     */
+    _isMobile: boolean;
     /**
      * Contains the translations for this component.
      * All UI strings should be defined here.
@@ -161,6 +173,10 @@ export declare class CrowdsourceManager {
      * Controls the layout of the application
      */
     _panelOpen: boolean;
+    /**
+     * Number of selected features in the table
+     */
+    _numSelected: number;
     /**
      * When true only editable tables have been found and the map will be hidden
      */
@@ -181,10 +197,18 @@ export declare class CrowdsourceManager {
      * number[]: List of ids that should be selected by default
      */
     protected _defaultOid: number[];
+    /**
+     * HTMLLayerTableElement: The layer table element
+     */
+    protected _layerTable: HTMLLayerTableElement;
     /**
      * IMapChange: The current map change details
      */
     protected _mapChange: IMapChange;
+    /**
+     * ResizeObserver: The observer that watches for screen size changes
+     */
+    protected _resizeObserver: ResizeObserver;
     /**
      * boolean: When true the map view will be set after render due to popup obstructing the view
      * MapView.when is not fired when mapView is not currently visible
@@ -210,6 +234,18 @@ export declare class CrowdsourceManager {
      * When true the map zoom tools will be available
      */
     enableZoomWatchHandler(): void;
+    /**
+     * Show the map, popup, and table if the user switches out of mobile mode
+     */
+    _isMobileWatchHandler(): Promise<void>;
+    /**
+     * Listen for changes in feature selection and show or hide the map, popup, and table
+     */
+    featureSelectionChange(evt: CustomEvent): Promise<void>;
+    /**
+     * Listen for when the popup is closed in mobile mode and hide the appropriate UI elements
+     */
+    popupClosed(): Promise<void>;
     /**
      * Listen for idsFound event to be fired so we can know that all layer ids have been fetched
      */
@@ -241,6 +277,17 @@ export declare class CrowdsourceManager {
      * Used to delay the setting of the mapView when the popup is expaneded and obstructs the view
      */
     componentDidRender(): Promise<void>;
+    /**
+     * Called once after the component is loaded
+     */
+    componentDidLoad(): Promise<void>;
+    /**
+     * Show View and Delete buttons in the footer when in isMobile is true
+     *
+     * @returns the footer node
+     * @protected
+     */
+    protected _getFooter(): VNode;
     /**
      * Get the icon name to use for the divider icon based on the current layout
      *
@@ -281,7 +328,7 @@ export declare class CrowdsourceManager {
      * @returns the parent node that contains the table and map
      * @protected
      */
-    protected _getBody(layoutMode: ELayoutMode, panelOpen: boolean, hideMap: boolean): VNode;
+    protected _getBody(layoutMode: ELayoutMode, panelOpen: boolean, hideMap: boolean, hideTable: boolean): VNode;
     /**
      * Get the map and card nodes based for the current layout options
      *
@@ -317,12 +364,9 @@ export declare class CrowdsourceManager {
      */
     protected _togglePopup(): void;
     /**
-     * Get the card node based for the current layout options
-     *
-     * @param layoutMode ELayoutMode the current layout mode
-     * @param hideMap when true no map is displayed
+     * Get the card node
      *
-     * @returns the map node
+     * @returns the card node
      * @protected
      */
     protected _getCardNode(): VNode;
@@ -335,15 +379,22 @@ export declare class CrowdsourceManager {
      * @returns the table node
      * @protected
      */
-    protected _getTable(layoutMode: ELayoutMode, panelOpen: boolean): VNode;
+    protected _getTable(layoutMode: ELayoutMode, panelOpen: boolean, hideTable: boolean): VNode;
+    /**
+     * Update the component layout when its size changes
+     */
+    protected _onResize(): void;
     /**
      * Open/Close the appropriate panel.
      * The panel that is toggled is dependent upon the layout mode and if using classic grid or not
-     *
-     * @returns void
-     * @protected
      */
     protected _toggleLayout(): void;
+    /**
+     * Show/Hide the map, popup, and table
+     *
+     * @param show when true the map, popup, and table will be displayed
+     */
+    protected showHideMapPopupAndTable(show: boolean): void;
     /**
      * Get the current map info (configuration details) when maps change
      *

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

@@ -142,20 +142,14 @@ export declare class EditCard {
     protected _initModules(): Promise<void>;
     /**
      * Init the Editor widget so we can display the popup content
-     *
-     * @returns void
      */
     protected _initEditorWidget(): Promise<void>;
     /**
      * Close the edit widget
-     *
-     * @returns void
      */
     protected _closeEdit(): Promise<void>;
     /**
      * Start the update workflow for the editor widget
-     *
-     * @returns void
      */
     protected _startUpdate(): Promise<void>;
     /**

package/dist/types/components/floor-filter/floor-filter.d.ts

@@ -56,10 +56,6 @@ export declare class FloorFilter {
     protected _initModules(): Promise<void>;
     /**
      * Initialize the floor filter or reset the current view if it already exists
-     *
-     * @returns void
-     *
-     * @protected
      */
     protected _initFloorFilter(view: __esri.MapView): void;
 }

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

@@ -26,6 +26,10 @@ export declare class InfoCard {
      * boolean: when true a loading indicator will be shown
      */
     isLoading: boolean;
+    /**
+     * When true the component will render an optimized view for mobile devices
+     */
+    isMobile: boolean;
     /**
      * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
      */
@@ -47,6 +51,11 @@ export declare class InfoCard {
      * When true the add record modal will be displayed
      */
     _editRecordOpen: boolean;
+    /**
+     * When isMobile is true we will handle the display of the title so
+     * we can display beside a custom back button
+     */
+    _mobileTitle: string;
     /**
      * When true the features list view will be displayed
      */
@@ -78,6 +87,12 @@ export declare class InfoCard {
      * Watch for changes to the graphic and update the feature widget
      */
     graphicsWatchHandler(): Promise<void>;
+    /**
+     * Watch for changes to the isMobile prop then init the Features widget
+     * We need to know if the title should be displayed by the widget (non mobile)
+     * or by us (mobile)
+     */
+    isMobileWatchHandler(): Promise<void>;
     /**
      * Watch for changes to the mapView and re-init the Feature widget
      */
@@ -88,10 +103,14 @@ export declare class InfoCard {
      * @returns Promise resolving with the current feature
      */
     getSelectedFeature(): Promise<any>;
+    /**
+     * Emitted on demand when the popup is closed
+     */
+    popupClosed: EventEmitter<void>;
     /**
      * Emitted on demand when the selected index changes
      */
-    selectionChanged: EventEmitter<__esri.Graphic>;
+    selectionChanged: EventEmitter<__esri.Graphic[]>;
     /**
      * Respond to and close the edit record display
      *
@@ -129,33 +148,23 @@ export declare class InfoCard {
      */
     protected _initFeaturesWidget(): Promise<void>;
     /**
-     * Set the alertOpen member to false when the alert is closed
-     *
-     * @returns void
+     * Close the popup and emit the selected features
      */
-    protected _alertClosed(): void;
+    protected _closePopup(): void;
     /**
-     * Close the edit record
-     *
-     * @returns void
+     * Set the alertOpen member to false when the alert is closed
      */
-    protected _editRecordClosed(): void;
+    protected _alertClosed(): void;
     /**
      * Open the edit record
-     *
-     * @returns void
      */
     protected _openEditRecord(): void;
     /**
      * Go to the previous feature in the features widget
-     *
-     * @returns void
      */
     protected _back(): void;
     /**
      * Go to the next feature in the features widget
-     *
-     * @returns void
      */
     protected _next(): void;
     /**

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

@@ -53,9 +53,9 @@ export declare class LayerTable {
      */
     enableShare: boolean;
     /**
-     * boolean: when true the zoom button will be enabled
+     * When true the component will render an optimized view for mobile devices
      */
-    enableZoom: boolean;
+    isMobile: boolean;
     /**
      * IMapInfo: key configuration details about the current map
      */
@@ -96,6 +96,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 an indicator will be shown on the action
+     */
+    _filterActive: boolean;
     /**
      * boolean: When true the filter component will be displayed
      */
@@ -108,6 +112,10 @@ export declare class LayerTable {
      * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
      */
     _layer: __esri.FeatureLayer;
+    /**
+     * boolean: When true the select all will be displayed in an active state
+     */
+    _selectAllActive: boolean;
     /**
      * number[]: A list of indexes that are currently selected
      */
@@ -165,6 +173,10 @@ export declare class LayerTable {
      * IToolSizeInfo[]: The default list of tool size info for tools that should display outside of the dropdown
      */
     protected _defaultVisibleToolSizeInfos: IToolSizeInfo[];
+    /**
+     * string: The current layers definition expression
+     */
+    protected _definitionExpression: string;
     /**
      * boolean: When false alerts will be shown to indicate that the layer must have delete and editing enabled
      */
@@ -181,6 +193,10 @@ export declare class LayerTable {
      * IHandle: The map click handle
      */
     protected _mapClickHandle: IHandle;
+    /**
+     * boolean: When true the observer has been set and we don't need to set it again
+     */
+    protected _observerSet: boolean;
     /**
      * number: The id of the previous current id and is used for multi select
      */
@@ -245,10 +261,6 @@ export declare class LayerTable {
      * IToolInfo[]: Key details used for creating the tools
      */
     protected _toolInfos: IToolInfo[];
-    /**
-     * Reset the toolInfos when zoom tool is enabled/disabled
-     */
-    enableZoomWatchHandler(): void;
     /**
      * Reset the toolInfos when export csv is enabled/disabled
      */
@@ -261,6 +273,10 @@ export declare class LayerTable {
      * watch for changes to the list of controls that will currently fit in the display
      */
     _controlsThatFitWatchHandler(): void;
+    /**
+     * When isMobile is false we need to init the tool infos for the dynamic toolbar
+     */
+    isMobileWatchHandler(): void;
     /**
      * watch for changes in map info and recheck the tool infos
      */
@@ -281,6 +297,12 @@ export declare class LayerTable {
      * When sortActive is false the user has not defined a sort and we should use the default sort
      */
     _sortActiveWatchHandler(): Promise<void>;
+    /**
+     * Delete currently selected features
+     *
+     * @returns Promise resolving when the process is complete
+     */
+    deleteFeatures(): Promise<void>;
     /**
      * Emitted on demand when a layer is selected
      */
@@ -329,8 +351,6 @@ export declare class LayerTable {
     protected _initModules(): Promise<void>;
     /**
      * Update the toolbar when its size changes
-     *
-     * @returns void
      */
     protected _onResize(): void;
     /**
@@ -364,16 +384,16 @@ export declare class LayerTable {
     _getFieldlist(): VNode;
     /**
      * Update actions enabled prop based on number of selected indexes
-     *
-     * @returns void
      */
     _validateEnabledActions(): void;
+    /**
+     * Update actions active prop based on a stored value
+     */
+    _validateActiveActions(): void;
     /**
      * Get the full list of toolInfos.
      * Order is important. They should be listed in the order they should display in the UI from
      * Left to Right for the action bar and Top to Bottom for the dropdown.
-     *
-     * @returns void
      */
     protected _initToolInfos(): void;
     /**
@@ -396,21 +416,15 @@ export declare class LayerTable {
     protected _hasFilterExpressions(): boolean;
     /**
      * Add/Remove tools from the action bar and dropdown based on available size
-     *
-     * @returns void
      */
     protected _updateToolbar(): void;
     /**
      * Validate if controls that fit the current display has changed or
      * is different from what is currently displayed
-     *
-     * @returns void
      */
     _setControlsThatFit(controlsThatFit: IToolSizeInfo[], skipControls: string[]): void;
     /**
      * Get the id and size for the toolbars current items
-     *
-     * @returns void
      */
     protected _setToolbarSizeInfos(): void;
     /**
@@ -443,7 +457,7 @@ export declare class LayerTable {
      *
      * @returns VNode The node representing the DOM element that will contain the action
      */
-    protected _getAction(icon: string, label: string, func: any, disabled: boolean, slot?: string): VNode;
+    protected _getAction(active: boolean, icon: string, indicator: boolean, label: string, func: any, disabled: boolean, slot?: string): VNode;
     /**
      * Get an action and tooltip for share
      *
@@ -491,53 +505,37 @@ export declare class LayerTable {
      * and initializes the FeatureTable
      *
      * @param node HTMLDivElement The node representing the DOM element that will contain the widget.
-     *
-     * @returns void
      */
     private onTableNodeCreate;
     /**
      * Initialize the FeatureTable
      *
      * @param node HTMLDivElement The node representing the DOM element that will contain the widget.
-     *
-     * @returns void
      */
     protected _getTable(node: HTMLDivElement, columnTemplates?: __esri.FieldColumnTemplate[]): Promise<void>;
     protected _handleOnChange(evt: any): Promise<void>;
     /**
      * Handle any updates after a selection change has occured and emit the results
-     *
-     * @returns void
      */
     protected _finishOnChange(): void;
     /**
      * Reset basic table props
-     *
-     * @returns void
      */
     protected _resetTable(): Promise<void>;
     /**
      * Store the column names and current hidden status to support show/hide of columns
-     *
-     * @returns void
      */
     protected _initColumnsInfo(): void;
     /**
      * Select the feature that was specified via url params
-     *
-     * @returns void
      */
     protected _selectDefaultFeature(oids: number[]): 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>;
     /**
@@ -558,14 +556,10 @@ export declare class LayerTable {
     protected _handleDocumentClick(e: MouseEvent): void;
     /**
      * Keep track of key down for ctrl and shift
-     *
-     * @returns void
      */
     protected _handleKeyDown(e: KeyboardEvent): void;
     /**
      * Keep track of key up for ctrl and shift
-     *
-     * @returns void
      */
     protected _handleKeyUp(e: KeyboardEvent): void;
     /**
@@ -574,10 +568,16 @@ export declare class LayerTable {
      * @returns node to interact with any configured filters for the current layer
      */
     protected _filterModal(): VNode;
+    /**
+     * Reset the filter active prop
+     */
+    protected _handleFilterListReset(): void;
+    /**
+     * Check if the layers definitionExpression has been modified
+     */
+    protected _handleFilterUpdate(): void;
     /**
      * Close the filter modal
-     *
-     * @returns void
      */
     protected _closeFilter(): Promise<void>;
     /**
@@ -588,60 +588,42 @@ export declare class LayerTable {
     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
      *
      * @param evt IMapClick map click event details
-     *
-     * @returns void
      */
     protected _mapClicked(evt: IMapClick): Promise<void>;
     /**
      * Set the alertOpen member to false when the alert is closed
-     *
-     * @returns void
      */
     protected _deleteClosed(): void;
     /**
      * Select or deselect all rows
-     *
-     * @returns 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 _toggleShowSelected(): void;
     /**
      * Clears the selected indexes
-     *
-     * @returns void
      */
     protected _clearSelection(): void;
     /**
      * When true the filter modal will be displayed
-     *
-     * @returns void
      */
     protected _toggleFilter(): void;
     /**
      * Store any filters for the current layer.
      * Should only occur on layer change
-     *
-     * @returns void
      */
     protected _initLayerExpressions(): void;
     /**
      * Select all rows that are not currently selectd
-     *
-     * @returns void
      */
     protected _switchSelected(): void;
     /**
@@ -652,8 +634,6 @@ export declare class LayerTable {
     protected _exportToCSV(): Promise<void>;
     /**
      * Refreshes the table and maintains the curent scroll position
-     *
-     * @returns void
      */
     protected _refresh(): Promise<void>;
     /**
@@ -686,16 +666,10 @@ export declare class LayerTable {
     protected _getColumnTemplates(id: string, fieldInfos: __esri.Field[]): __esri.FieldColumnTemplate[];
     /**
      * Get the menu config that adds the ability to hide the current column
-     *
-     * @returns void
-     * @protected
      */
     protected _getMenuConfig(name: string): any;
     /**
      * Hide the table column for the provided name
-     *
-     * @returns void
-     * @protected
      */
     protected _handleHideClick(name: string): void;
     /**

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

@@ -188,10 +188,6 @@ export declare class MapCard {
      * Load the webmap for the provided webMapInfo
      *
      * @param webMapInfo the webmap id and name to load
-     *
-     * @returns void
-     *
-     * @protected
      */
     protected _loadMap(webMapInfo: IMapInfo): Promise<void>;
     /**

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

@@ -151,8 +151,6 @@ export declare class MapDrawTools {
     componentDidLoad(): void;
     /**
      * StencilJS: Called every time the component is disconnected from the DOM
-     *
-     * @returns void
      */
     disconnectedCallback(): void;
     /**

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

@@ -46,6 +46,10 @@ export declare class MapLayerPicker {
      * Specified as pixel height.
      */
     height: number;
+    /**
+     * When true the component will render an optimized view for mobile devices
+     */
+    isMobile: boolean;
     /**
      * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
      */
@@ -88,6 +92,10 @@ export declare class MapLayerPicker {
      * boolean: when true the map contains valid layers and all expected tools will be enabled
      */
     _hasValidLayers: boolean;
+    /**
+     * boolean: when true the layer dropdown is open
+     */
+    _isDropdownOpen: boolean;
     /**
      * string[]: list of layer and table (if showTables is true) ids from the map
      */
@@ -186,6 +194,18 @@ export declare class MapLayerPicker {
      * @returns Array of Dropdown items with layer names
      */
     _getDropdown(id: string): VNode;
+    /**
+     * Get the button that will open the dropdown list wrapped in an action
+     *
+     * @returns the node for the action and button
+     */
+    protected _getActionDropdownButton(id: string): VNode;
+    /**
+     * Get the button that will open the dropdown list
+     *
+     * @returns the node for the button
+     */
+    protected _getDropdownButton(): VNode;
     /**
      * Get the appropriate type of dom nodes for each valid layer or table
      *

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

@@ -59,10 +59,6 @@ export declare class MapLegend {
     protected _initModules(): Promise<void>;
     /**
      * Initialize the basemap gallery or reset the current view if it already exists
-     *
-     * @returns void
-     *
-     * @protected
      */
     protected _initLegend(view: __esri.MapView): void;
 }

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

@@ -101,10 +101,6 @@ export declare class MapPicker {
      * Fired when the user clicks on the map list
      *
      * @param webMapInfo the web map id and name selected from the list
-     *
-     * @returns void
-     *
-     * @protected
      */
     protected _webMapSelected(webMapInfo: IMapInfo): void;
     /**

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

@@ -199,34 +199,18 @@ export declare class MapTools {
     protected _search(): void;
     /**
      * Show/Hide the basemap picker
-     *
-     * @returns void
-     *
-     * @protected
      */
     protected _toggleBasemapPicker(): void;
     /**
      * Show/Hide the floor filter
-     *
-     * @returns void
-     *
-     * @protected
      */
     protected _toggleFloorFilter(): void;
     /**
      * Enter/Exit fullscreen mode
-     *
-     * @returns void
-     *
-     * @protected
      */
     protected _expand(): void;
     /**
      * Show/Hide the map tools
-     *
-     * @returns void
-     *
-     * @protected
      */
     protected _toggleTools(): void;
     /**