@esri/solutions-components 0.7.17 → 0.7.19

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;
     /**

package/dist/types/components.d.ts

@@ -67,6 +67,10 @@ export namespace Components {
         "unit": DistanceUnit;
     }
     interface CardManager {
+        /**
+          * When true the component will render an optimized view for mobile devices
+         */
+        "isMobile": boolean;
         /**
           * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
          */
@@ -310,6 +314,10 @@ export namespace Components {
           * 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
          */
@@ -370,6 +378,11 @@ export namespace Components {
           * number: when provided this will be used to select a feature in the table by default
          */
         "defaultOid": number[];
+        /**
+          * Delete currently selected features
+          * @returns Promise resolving when the process is complete
+         */
+        "deleteFeatures": () => Promise<void>;
         /**
           * boolean: when true the layer table will auto refresh the data
          */
@@ -391,9 +404,9 @@ export namespace Components {
          */
         "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
          */
@@ -602,6 +615,10 @@ export namespace Components {
           * number: optional fixed height value for the control. 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
          */
@@ -1331,7 +1348,8 @@ declare global {
         new (): HTMLFloorFilterElement;
     };
     interface HTMLInfoCardElementEventMap {
-        "selectionChanged": __esri.Graphic;
+        "popupClosed": void;
+        "selectionChanged": __esri.Graphic[];
     }
     interface HTMLInfoCardElement extends Components.InfoCard, HTMLStencilElement {
         addEventListener<K extends keyof HTMLInfoCardElementEventMap>(type: K, listener: (this: HTMLInfoCardElement, ev: InfoCardCustomEvent<HTMLInfoCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1842,6 +1860,10 @@ declare namespace LocalJSX {
         "unit"?: DistanceUnit;
     }
     interface CardManager {
+        /**
+          * When true the component will render an optimized view for mobile devices
+         */
+        "isMobile"?: boolean;
         /**
           * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
          */
@@ -2096,14 +2118,22 @@ declare namespace LocalJSX {
           * 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
          */
         "mapView"?: __esri.MapView;
+        /**
+          * Emitted on demand when the popup is closed
+         */
+        "onPopupClosed"?: (event: InfoCardCustomEvent<void>) => void;
         /**
           * Emitted on demand when the selected index changes
          */
-        "onSelectionChanged"?: (event: InfoCardCustomEvent<__esri.Graphic>) => void;
+        "onSelectionChanged"?: (event: InfoCardCustomEvent<__esri.Graphic[]>) => void;
         /**
           * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
          */
@@ -2161,9 +2191,9 @@ declare namespace LocalJSX {
          */
         "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
          */
@@ -2398,6 +2428,10 @@ declare namespace LocalJSX {
           * number: optional fixed height value for the control. 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
          */

package/dist/types/preact.d.ts

@@ -524,7 +524,8 @@ declare module "preact/src/jsx" {
 
       "floor-filter": JSX.SolutionsFloorFilter & JSXInternal.HTMLAttributes<HTMLSolutionsFloorFilterElement>
 
-      "info-card": Omit<JSX.SolutionsInfoCard, "onSelectionChanged"> & JSXInternal.HTMLAttributes<HTMLSolutionsInfoCardElement> & {
+      "info-card": Omit<JSX.SolutionsInfoCard, "onPopupClosed" | "onSelectionChanged"> & JSXInternal.HTMLAttributes<HTMLSolutionsInfoCardElement> & {
+        "onpopupClosed"?: (event: CustomEvent<any>) => void;
         "onselectionChanged"?: (event: CustomEvent<any>) => void;
       }
 

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

@@ -77,7 +77,7 @@ import { IQueryRelatedOptions, IQueryRelatedResponse, IRelatedRecordGroup } from
  * @param includeHeaderNames Add the label format at the front of the list of generated labels
  * @returns selectionSetNames that will be used for export filenames
  */
-export declare function consolidateLabels(webmap: __esri.Map, exportInfos: IExportInfos, formatUsingLayerPopup?: boolean, includeHeaderNames?: boolean, isCSVExport?: boolean): Promise<string[][]>;
+export declare function consolidateLabels(webmap: __esri.Map, exportInfos: IExportInfos, formatUsingLayerPopup?: boolean, includeHeaderNames?: boolean, isCSVExport?: boolean, fields?: any[]): Promise<string[][]>;
 /**
  * Downloads csv of mailing labels for the provided list of ids
  *
@@ -89,7 +89,7 @@ export declare function consolidateLabels(webmap: __esri.Map, exportInfos: IExpo
  * @param addColumnTitle Indicates if column headings should be included in output
  * @returns Promise resolving when function is done
  */
-export declare function downloadCSV(webmap: __esri.Map, exportInfos: IExportInfos, formatUsingLayerPopup: boolean, removeDuplicates?: boolean, addColumnTitle?: boolean): Promise<void>;
+export declare function downloadCSV(webmap: __esri.Map, exportInfos: IExportInfos, formatUsingLayerPopup: boolean, removeDuplicates?: boolean, addColumnTitle?: boolean, fields?: any[]): Promise<void>;
 /**
  * Downloads csv of mailing labels for the provided list of ids
  *
@@ -230,7 +230,7 @@ export declare function _prepareAttributeValue(attributeValue: any, attributeTyp
  * @param includeHeaderNames Add the label format at the front of the list of generated labels
  * @returns Promise resolving when function is done
  */
-export declare function _prepareLabels(webmap: __esri.Map, layer: __esri.FeatureLayer, ids: number[], formatUsingLayerPopup?: boolean, includeHeaderNames?: boolean): Promise<string[][]>;
+export declare function _prepareLabels(webmap: __esri.Map, layer: __esri.FeatureLayer, ids: number[], formatUsingLayerPopup?: boolean, includeHeaderNames?: boolean, fields?: any[]): Promise<string[][]>;
 /**
  * Creates labels from all attributes in items.
  *

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

@@ -415,7 +415,9 @@ export interface IBasemapConfig {
     basemapGroupId: string;
 }
 export interface IToolInfo {
+    active: boolean;
     icon: string;
+    indicator: boolean;
     func: any;
     label: string;
     disabled: boolean;
@@ -468,3 +470,7 @@ export interface ILayerAndTableIds {
     layerIds: string[];
     tableIds: string[];
 }
+export interface IPopupUtils {
+    arcade: typeof import("esri/arcade");
+    getPopupTitle(graphic: __esri.Graphic): Promise<string>;
+}

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

@@ -0,0 +1,46 @@
+/** @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" />
+export declare class PopupUtils {
+    /**
+     * esri/arcade: https://developers.arcgis.com/javascript/latest/api-reference/esri-arcade.html
+     */
+    arcade: typeof import("esri/arcade");
+    /**
+     * Get the popup title that honors arcade expressions
+     *
+     * @returns Promise resolving with the popup title
+     *
+     * @protected
+     */
+    getPopupTitle(graphic: __esri.Graphic): Promise<string>;
+    /**
+     * Remove any tags from the title
+     *
+     * @returns title string without tags
+     *
+     * @protected
+     */
+    protected _removeTags(str: string): string;
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    protected _initModules(): Promise<void>;
+}

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

@@ -59,7 +59,7 @@ export declare function queryObjectIds(geometries: __esri.Geometry[], layer: __e
  *
  * @returns Promise with the featureSet from the layer that match the provided ids
  */
-export declare function queryFeaturesByID(ids: number[], layer: __esri.FeatureLayer, graphics: __esri.Graphic[], returnGeometry: boolean, outSpatialReference?: __esri.SpatialReference): Promise<__esri.Graphic[]>;
+export declare function queryFeaturesByID(ids: number[], layer: __esri.FeatureLayer, graphics: __esri.Graphic[], returnGeometry: boolean, outSpatialReference?: __esri.SpatialReference, fields?: string[]): Promise<__esri.Graphic[]>;
 /**
  * Query the layer for features that have the provided globalId
  *