@esri/solutions-components 0.10.7 → 0.10.9

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

@@ -37,6 +37,10 @@ export declare class CardManager {
      * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
      */
     zoomAndScrollToSelected: boolean;
+    /**
+     * A list of ids that are currently selected
+     */
+    selectedFeaturesIds: number[];
     /**
      * When true a loading indicator will be shown in the current card
      */
@@ -68,6 +72,13 @@ export declare class CardManager {
      * Renders the component.
      */
     render(): any;
+    /**
+     * Gets the Feature using its ids
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    protected _getFeaturesByIds(ids: number[]): Promise<__esri.Graphic[]>;
     /**
      * Fetches the component's translations
      *

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

@@ -17,6 +17,7 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
 import CrowdsourceManager_T9n from "../../assets/t9n/crowdsource-manager/resources.json";
 import { AppLayout, ELayoutMode, IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, theme } from "../../utils/interfaces";
+import { LayerExpression } from "@esri/instant-apps-components";
 export declare class CrowdsourceManager {
     el: HTMLCrowdsourceManagerElement;
     /**
@@ -81,10 +82,6 @@ export declare class CrowdsourceManager {
      * boolean: when true the layer table will support drag/drop of columns to adjust order
      */
     enableColumnReorder: boolean;
-    /**
-     * boolean: when true the users can have the option to create features
-     */
-    enableCreateFeatures: boolean;
     /**
      * boolean: when true the export to csv button will be available
      */
@@ -174,9 +171,9 @@ export declare class CrowdsourceManager {
      */
     zoomToScale: number;
     /**
-     * When true the info panel with the popup details will take the full height and prevent the map from displaying
+     * boolean: when true the users can have the option to create features
      */
-    _expandPopup: boolean;
+    _enableCreateFeatures: boolean;
     /**
      * When true the mobile footer will be hidden
      */
@@ -219,9 +216,9 @@ export declare class CrowdsourceManager {
      */
     _numSelected: number;
     /**
-     * When true only editable tables have been found and the map will be hidden
+     * boolean: When true the filter component will be displayed
      */
-    _tableOnly: boolean;
+    _filterOpen: boolean;
     /**
      * 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
@@ -253,6 +250,18 @@ export declare class CrowdsourceManager {
      * MapView.when is not fired when mapView is not currently visible
      */
     protected _shouldSetMapView: boolean;
+    /**
+     * LayerExpression[]: All layer expressions from the current filter config for the currently selected layer
+     */
+    protected _layerExpressions: LayerExpression[];
+    /**
+     * HTMLInstantAppsFilterListElement: Component from Instant Apps that supports interacting with the current filter config
+     */
+    protected _filterList: HTMLInstantAppsFilterListElement;
+    /**
+     * boolean: True when app is directly rendered to map view layout
+     */
+    protected _isMapViewOnLoad: boolean;
     /**
      * When true the map zoom tools will be available
      */
@@ -277,10 +286,6 @@ export declare class CrowdsourceManager {
      * 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
-     */
-    idsFound(evt: CustomEvent): Promise<void>;
     /**
      * Listen for layoutChanged event to be fired so we can adjust the layout
      */
@@ -289,10 +294,6 @@ 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>;
     /**
      * Get the layer for the provided layer id
      */
@@ -327,6 +328,13 @@ export declare class CrowdsourceManager {
      * @protected
      */
     protected _getFooter(): VNode;
+    /**
+     * sets the active layout to render
+     * @param appLayout new app layout
+     *
+     * @protected
+     */
+    protected _setActiveLayout(appLayout: AppLayout): void;
     /**
      * Get the icon name to use for the divider icon based on the current layout
      *
@@ -404,12 +412,6 @@ export declare class CrowdsourceManager {
      * @protected
      */
     protected _getPopupExpandNode(): VNode;
-    /**
-     * Toggle the popup information
-     *
-     * @protected
-     */
-    protected _togglePopup(): void;
     /**
      * Get the card node
      *
@@ -427,23 +429,87 @@ export declare class CrowdsourceManager {
      * @protected
      */
     protected _getTable(layoutMode: ELayoutMode, panelOpen: boolean, hideTable: boolean): VNode;
+    /**
+     * Returns the Actions for table's node
+     *
+     * @returns Node
+     * @protected
+     */
+    protected getActions(layoutMode: ELayoutMode, panelOpen: boolean): Node;
+    /**
+     * Show filter component in modal
+     *
+     * @returns node to interact with any configured filters for the current layer
+     * @protected
+     */
+    protected _filterModal(): VNode;
+    /**
+     * Store any filters for the current layer.
+     * Should only occur on layer change
+     *
+     * @protected
+     */
+    protected _initLayerExpressions(): void;
+    /**
+     * Toggle the filter modal
+     *
+     * @protected
+     */
+    protected _toggleFilter(): void;
+    /**
+     * Reset the filter active prop
+     *
+     * @protected
+     */
+    protected _handleFilterListReset(): void;
+    /**
+     * Close the filter modal
+     *
+     * @protected
+     */
+    protected _closeFilter(): Promise<void>;
     /**
      * Update the component layout when its size changes
+     *
+     * @protected
      */
     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
+     *
+     * @protected
      */
     protected _toggleLayout(): void;
+    /**
+     * Changes the layout mode
+     * @param appLayout selected active app layout
+     *
+     * @protected
+     */
+    protected _changeLayout(appLayout: AppLayout): void;
+    /**
+      * shows the map in card view
+      *
+      * @protected
+      */
+    protected _showMapInCardView(): void;
+    /**
+     * Shows the map in full view
+     *
+     * @protected
+     */
+    protected _showMapInFullView(): void;
     /**
      * Show/Hide the map, popup, and table
      *
      * @param show when true the map, popup, and table will be displayed
+     * @protected
      */
     protected showHideMapPopupAndTable(show: boolean): void;
     /**
      * Get the current map info (configuration details) when maps change
+     * @param id map changed id
      *
      * @returns IMapInfo for the provided id
      * @protected

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

@@ -97,6 +97,10 @@ export declare class LayerTable {
      * number: default scale to zoom to when zooming to a single point feature
      */
     zoomToScale: number;
+    /**
+     * boolean: create filter modal optional (default true) boolean value to create filter modal in layer table
+     */
+    createFilterModal: boolean;
     /**
      * number[]: A list of all IDs for the current layer
      */
@@ -346,16 +350,42 @@ export declare class LayerTable {
      * watch for selection changes
      */
     selectedIdsWatchHandler(): Promise<void>;
+    /**
+     * Reset the filter
+     */
+    filterReset(): Promise<void>;
+    /**
+     * Updates the filter
+     */
+    filterUpdate(): Promise<void>;
+    /**
+     * Closes the filter
+     */
+    closeFilter(): Promise<void>;
+    /**
+     * refresh the feature table
+     */
+    refresh(): Promise<void>;
     /**
      * Emitted on demand when a layer is selected
      */
     featureSelectionChange: EventEmitter<number[]>;
+    /**
+     * Emitted on demand when filter action is clicked
+     */
+    toggleFilter: EventEmitter<void>;
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
      * @param evt CustomEvent the graphic for the current selection
      */
     selectionChanged(evt: CustomEvent): Promise<void>;
+    /**
+   * Handles layer selection change to show new table
+   *
+   * @param evt CustomEvent the id for the current layer
+   */
+    layerSelectionChange(evt: CustomEvent): Promise<void>;
     /**
      * Refresh the table when edits are completed
      */

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

@@ -15,6 +15,7 @@
  */
 /// <reference types="arcgis-js-api" />
 import { EventEmitter } from "../../stencil-public-runtime";
+import MapCard_T9n from "../../assets/t9n/map-card/resources.json";
 import { IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, theme } from "../../utils/interfaces";
 export declare class MapCard {
     el: HTMLMapCardElement;
@@ -26,6 +27,10 @@ export declare class MapCard {
      * string: Item ID of the web map that should be selected by default when the app loads
      */
     defaultWebmapId: string;
+    /**
+     * string: when provided this layer ID will be used when the app loads
+     */
+    defaultLayerId: string;
     /**
      * boolean: when true the home widget will be available
      */
@@ -113,6 +118,39 @@ export declare class MapCard {
      * Valid tools: "legend", "search", "fullscreen", "basemap", "floorfilter"
      */
     toolOrder: string[];
+    /**
+     * boolean: When true map will shown is full screen
+     */
+    isMapLayout: boolean;
+    /**
+     * number[]: A list of ids that are currently selected
+     */
+    selectedFeaturesIds: number[];
+    /**
+     * __esri.FeatureLayer: Selected layer
+     */
+    selectedLayer: __esri.FeatureLayer;
+    /**
+     * number: default scale to zoom to when zooming to a single point feature
+     */
+    zoomToScale: number;
+    /**
+     * boolean: When true only editable layers that support the update capability will be available
+     */
+    onlyShowUpdatableLayers: boolean;
+    /**
+     * When true the component will render an optimized view for mobile devices
+     */
+    isMobile: boolean;
+    /**
+     * IMapInfo: key configuration details about the current map
+     */
+    mapInfo: IMapInfo;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations: typeof MapCard_T9n;
     /**
      * ISearchConfiguration: Configuration details for the Search widget
      */
@@ -121,6 +159,10 @@ export declare class MapCard {
      * IMapInfo: id and name of the map to display
      */
     _webMapInfo: IMapInfo;
+    /**
+     * boolean: When true the show/hide fields list is forced open
+     */
+    _showHideOpen: boolean;
     /**
      * esri/config: https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html
      */
@@ -161,10 +203,38 @@ export declare class MapCard {
      * HTMLMapToolsElement: the container div for the map tools
      */
     protected _mapTools: HTMLMapToolsElement;
+    /**
+     * HTMLCalciteDropdownElement: Dropdown the will support overflow tools that won't fit in the current display
+     */
+    protected _moreDropdown: HTMLCalciteDropdownElement;
+    /**
+     * boolean: When true the show/hide fields list is forced open
+     */
+    protected _mapListExpanded: boolean;
+    /**
+     * boolean: When true an indicator will be shown on the action
+     */
+    protected _filterActive: boolean;
+    /**
+     * string: The current layers definition expression
+     */
+    protected _definitionExpression: string;
     /**
      * Add/remove home widget
      */
     enableHomeWatchHandler(): void;
+    /**
+     * watch for changes in layer view and verify if it has editing enabled
+     */
+    selectedLayerWatchHandler(): Promise<void>;
+    /**
+     * Reset the filter
+     */
+    filterReset(): Promise<void>;
+    /**
+     * updates the filter
+     */
+    updateFilter(): Promise<void>;
     /**
      * Emitted when a new map is loaded
      */
@@ -173,10 +243,18 @@ export declare class MapCard {
      * Emitted before a new map is loaded
      */
     beforeMapChanged: EventEmitter<void>;
+    /**
+     * Emitted on demand when filter action is clicked
+     */
+    toggleFilter: EventEmitter<void>;
     /**
      * Listen for changes to map info and load the appropriate map
      */
     mapInfoChange(evt: CustomEvent): Promise<void>;
+    /**
+     * Listen for change when mapview doesn't contain any layer
+     */
+    noLayersFound(): void;
     /**
      * StencilJS: Called once just after the component is first connected to the DOM.
      */
@@ -185,6 +263,10 @@ export declare class MapCard {
      * Renders the component.
      */
     render(): any;
+    /**
+     * Called each time after the component is loaded
+     */
+    componentDidRender(): Promise<void>;
     /**
      * Load esri javascript api modules
      *
@@ -205,4 +287,46 @@ export declare class MapCard {
      * @protected
      */
     protected _initHome(): void;
+    /**
+     * Toggle show/hide dropdown
+     */
+    protected _toggleShowHide(): void;
+    /**
+     * Open show/hide dropdown
+     */
+    protected _forceShowHide(): void;
+    /**
+     * Close show/hide dropdown when the user clicks outside of it
+     */
+    protected _handleDocumentClick(e: MouseEvent): void;
+    /**
+   * Zoom to all selected features
+   *
+   * @returns a promise that will resolve when the operation is complete
+   */
+    protected _zoom(): Promise<void>;
+    protected _toggleFilter(): Promise<void>;
+    /**
+     * Return true when we have at least 1 layer expression for the current layer
+     *
+     * @returns boolean
+     */
+    protected _hasFilterExpressions(): boolean;
+    /**
+     * Get Dropdown action item
+     * @returns Dropdown item
+     */
+    protected _getDropDownItem(): Node;
+    /**
+     * Gets the dropdown items
+     * @returns dropdown items
+     */
+    protected _getDropDownItems(): Node;
+    /**
+   * Fetches the component's translations
+   *
+   * @returns Promise when complete
+   * @protected
+   */
+    protected _getTranslations(): Promise<void>;
 }

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

@@ -148,6 +148,10 @@ export declare class MapLayerPicker {
      * StencilJS: Called once just after the component is first connected to the DOM.
      */
     componentWillLoad(): Promise<void>;
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     */
+    componentWillRender(): Promise<void>;
     /**
      * Renders the component.
      */

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

@@ -22,6 +22,10 @@ export declare class MapPicker {
      * IMapInfo[]: array of map infos (name and id)
      */
     mapInfos: IMapInfo[];
+    /**
+     * boolean: when true map list will shown in half width.
+     */
+    isMapLayout?: boolean;
     /**
      * boolean: controls the state of the map list
      */
@@ -52,6 +56,14 @@ export declare class MapPicker {
      */
     mapInfosWatchHandler(v: IMapInfo[], oldV: IMapInfo[]): Promise<void>;
     setMapByID(id: string): Promise<void>;
+    /**
+     * Closes the list
+     */
+    close(): Promise<void>;
+    /**
+     * Expands the list
+     */
+    toggle(mapListExpanded: boolean): Promise<void>;
     /**
      * Emitted when a new map is loaded
      */