@esri/solutions-components 0.7.23 → 0.7.24

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

@@ -73,6 +73,10 @@ export declare class LayerTable {
      * boolean: When true only editable layers that support the update capability will be available
      */
     onlyShowUpdatableLayers: boolean;
+    /**
+     * number[]: A list of ids that are currently selected
+     */
+    selectedIds: number[];
     /**
      * boolean: When true the share options will include embed option
      */
@@ -89,10 +93,6 @@ export declare class LayerTable {
      * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
      */
     zoomAndScrollToSelected: boolean;
-    /**
-     * boolean: When true the user will be asked to confirm the delete operation
-     */
-    _confirmDelete: boolean;
     /**
      * IToolSizeInfo[]: The controls that currently fit based on toolbar size
      */
@@ -109,10 +109,6 @@ export declare class LayerTable {
      * boolean: When true the filter component will be displayed
      */
     _filterOpen: 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
      */
@@ -121,10 +117,6 @@ export declare class LayerTable {
      * boolean: When true the select all will be displayed in an active state
      */
     _selectAllActive: boolean;
-    /**
-     * number[]: A list of indexes that are currently selected
-     */
-    _selectedIndexes: number[];
     /**
      * boolean: When true the show/hide fields list is forced open
      */
@@ -309,17 +301,11 @@ export declare class LayerTable {
     /**
      * watch for selection changes
      */
-    _selectedIndexesWatchHandler(): Promise<void>;
+    _selectedIdsWatchHandler(): Promise<void>;
     /**
      * 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
      */
@@ -333,7 +319,7 @@ export declare class LayerTable {
     /**
      * Refresh the table when edits are completed
      */
-    editsComplete(): Promise<void>;
+    editsComplete(evt: CustomEvent): Promise<void>;
     /**
      * Refresh the table when floor filter level is changed
      */
@@ -525,6 +511,12 @@ export declare class LayerTable {
      * @returns VNode The node representing the DOM element that will contain the action
      */
     private _getDangerAction;
+    /**
+     * Return all currently selected IDs from the table
+     *
+     * @param number[] the selected ids
+     */
+    protected _getIds(): number[];
     /**
      * Store a reference to the table node after it's first created
      * and initializes the FeatureTable
@@ -605,26 +597,12 @@ export declare class LayerTable {
      * Close the filter modal
      */
     protected _closeFilter(): Promise<void>;
-    /**
-     * Show delete confirmation message
-     *
-     * @returns node to confirm or deny the delete operation
-     */
-    protected _deleteMessage(): VNode;
-    /**
-     * Delete the currently selected features
-     */
-    protected _deleteFeatures(): Promise<void>;
     /**
      * Handle map click events to keep table and map click selection in sync
      *
      * @param evt IMapClick map click event details
      */
     protected _mapClicked(evt: IMapClick): Promise<void>;
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    protected _deleteClosed(): void;
     /**
      * Select or deselect all rows
      */
@@ -667,12 +645,6 @@ export declare class LayerTable {
      * @returns a promise that will resolve when the operation is complete
      */
     protected _zoom(): void;
-    /**
-     * 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
-     */
-    protected _delete(): void;
     /**
      * Handles layer selection change to show new table
      *

package/dist/types/components/solution-spatial-ref/solution-spatial-ref.d.ts

@@ -31,6 +31,7 @@ export declare class SolutionSpatialRef {
     * When true, all but the main switch are disabled to prevent interaction.
     */
     locked: boolean;
+    lockedChanged(newLocked: boolean): void;
     /**
     * List of service names the spatial reference should apply to
     */
@@ -60,8 +61,11 @@ export declare class SolutionSpatialRef {
         name: string;
         enabled: boolean;
     }>;
+    lockedSpatialReferenceChange: EventEmitter<{
+        locked: boolean;
+    }>;
     /**
-     * Handle changes to the buffer distance value
+     * Saves changes to the embedded spatial reference value
      */
     spatialReferenceChange(event: CustomEvent): void;
     /**

package/dist/types/components.d.ts

@@ -5,10 +5,10 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { DistanceUnit, EDrawMode, ELayoutMode, IBasemapConfig, IExportInfos, IInventoryItem, ILayerAndTableIds, IMapChange, IMapInfo, ISearchConfiguration, ISelectionSet, ISketchGraphicsChange, ISolutionSpatialReferenceInfo, ISpatialRefRepresentation, IValueChange, theme } from "./utils/interfaces";
+import { ButtonType, DistanceUnit, EditType, EDrawMode, ELayoutMode, IBasemapConfig, IExportInfos, IInventoryItem, ILayerAndTableIds, IMapChange, IMapInfo, ISearchConfiguration, ISelectionSet, ISketchGraphicsChange, ISolutionSpatialReferenceInfo, ISpatialRefRepresentation, IValueChange, theme } from "./utils/interfaces";
 import { LayerExpression } from "@esri/instant-apps-components";
 import { UserSession } from "@esri/solution-common";
-export { DistanceUnit, EDrawMode, ELayoutMode, IBasemapConfig, IExportInfos, IInventoryItem, ILayerAndTableIds, IMapChange, IMapInfo, ISearchConfiguration, ISelectionSet, ISketchGraphicsChange, ISolutionSpatialReferenceInfo, ISpatialRefRepresentation, IValueChange, theme } from "./utils/interfaces";
+export { ButtonType, DistanceUnit, EditType, EDrawMode, ELayoutMode, IBasemapConfig, IExportInfos, IInventoryItem, ILayerAndTableIds, IMapChange, IMapInfo, ISearchConfiguration, ISelectionSet, ISketchGraphicsChange, ISolutionSpatialReferenceInfo, ISpatialRefRepresentation, IValueChange, theme } from "./utils/interfaces";
 export { LayerExpression } from "@esri/instant-apps-components";
 export { UserSession } from "@esri/solution-common";
 export namespace Components {
@@ -201,6 +201,10 @@ export namespace Components {
         "zoomAndScrollToSelected": boolean;
     }
     interface CrowdsourceReporter {
+        /**
+          * string: Item ID of the web map that should be selected by default
+         */
+        "defaultWebmap": string;
         /**
           * string: The text that will display under the title on the landing page
          */
@@ -217,6 +221,10 @@ export namespace Components {
           * boolean: When true the user will be allowed to submit comments
          */
         "enableComments": boolean;
+        /**
+          * boolean: when true the home widget will be available
+         */
+        "enableHome": boolean;
         /**
           * boolean: When true the user will be provided a login page
          */
@@ -225,6 +233,14 @@ export namespace Components {
           * boolean: When true the user will be allowed to submit new reports
          */
         "enableNewReports": boolean;
+        /**
+          * boolean: when true the search widget will be available
+         */
+        "enableSearch": boolean;
+        /**
+          * boolean: when true the zoom widget will be available
+         */
+        "enableZoom": boolean;
         /**
           * string[]: list of layer ids
          */
@@ -234,9 +250,9 @@ export namespace Components {
          */
         "loginTitle": string;
         /**
-          * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+          * IMapInfo[]: array of map infos (name and id)
          */
-        "mapView": __esri.MapView;
+        "mapInfos": IMapInfo[];
         /**
           * string: The word(s) to display in the reports submit button
          */
@@ -257,9 +273,35 @@ export namespace Components {
           * boolean: When true the comments from all users will be visible
          */
         "showComments": boolean;
+        /**
+          * theme: "light" | "dark" theme to be used
+         */
+        "theme": theme;
     }
     interface DeductCalculator {
     }
+    interface DeleteButton {
+        /**
+          * ButtonType (button | action): Support usage as action or button
+         */
+        "buttonType": ButtonType;
+        /**
+          * boolean: This overrides internal enable/disable logic that is based on checks if the layer supports delete
+         */
+        "disabled": boolean;
+        /**
+          * string: The icon to display in the component
+         */
+        "icon": string;
+        /**
+          * number[]: The ids that would be deleted
+         */
+        "ids": any[];
+        /**
+          * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+         */
+        "layer": __esri.FeatureLayer;
+    }
     interface EditCard {
         /**
           * The index of the current graphic
@@ -282,6 +324,28 @@ export namespace Components {
     }
     interface FeatureFormFlowItem {
     }
+    interface FeatureList {
+        /**
+          * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight and zoom to the extent of the feature geometry
+         */
+        "highlightOnMap"?: boolean;
+        /**
+          * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView": __esri.MapView;
+        /**
+          * string: Message to be displayed when features are not found
+         */
+        "noFeaturesFoundMsg"?: string;
+        /**
+          * number: Number features to be fetched per page, by default 100 features will be fetched
+         */
+        "pageSize"?: number;
+        /**
+          * string: Layer id of the feature layer to show the list
+         */
+        "selectedLayerId": string;
+    }
     interface FeaturesFlowItem {
     }
     interface FloorFilter {
@@ -299,6 +363,10 @@ export namespace Components {
         "mapView": __esri.MapView;
     }
     interface InfoCard {
+        /**
+          * boolean: If true will show edit button
+         */
+        "allowEditing"?: boolean;
         /**
           * Get the current selected feature from the Features widget
           * @returns Promise resolving with the current feature
@@ -363,6 +431,20 @@ export namespace Components {
          */
         "value": any;
     }
+    interface LayerList {
+        /**
+          * string[]: If passed will show only these layers in the list if they are present in map and are editable
+         */
+        "layers": string[];
+        /**
+          * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView": __esri.MapView;
+        /**
+          * string: Error message to be displayed when no layers found
+         */
+        "noLayerErrorMsg"?: string;
+    }
     interface LayerTable {
         /**
           * LayerExpression[]: default layer expression(s) to apply to the current layer
@@ -380,11 +462,6 @@ 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
          */
@@ -421,6 +498,10 @@ export namespace Components {
           * boolean: When true only editable layers that support the update capability will be available
          */
         "onlyShowUpdatableLayers": boolean;
+        /**
+          * number[]: A list of ids that are currently selected
+         */
+        "selectedIds": number[];
         /**
           * boolean: When true the share options will include embed option
          */
@@ -1175,10 +1256,18 @@ export interface DeductCalculatorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDeductCalculatorElement;
 }
+export interface DeleteButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDeleteButtonElement;
+}
 export interface EditCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEditCardElement;
 }
+export interface FeatureListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLFeatureListElement;
+}
 export interface FloorFilterCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLFloorFilterElement;
@@ -1187,6 +1276,10 @@ export interface InfoCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLInfoCardElement;
 }
+export interface LayerListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLayerListElement;
+}
 export interface LayerTableCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLLayerTableElement;
@@ -1318,6 +1411,23 @@ declare global {
         prototype: HTMLDeductCalculatorElement;
         new (): HTMLDeductCalculatorElement;
     };
+    interface HTMLDeleteButtonElementEventMap {
+        "editsComplete": EditType;
+    }
+    interface HTMLDeleteButtonElement extends Components.DeleteButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDeleteButtonElementEventMap>(type: K, listener: (this: HTMLDeleteButtonElement, ev: DeleteButtonCustomEvent<HTMLDeleteButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDeleteButtonElementEventMap>(type: K, listener: (this: HTMLDeleteButtonElement, ev: DeleteButtonCustomEvent<HTMLDeleteButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDeleteButtonElement: {
+        prototype: HTMLDeleteButtonElement;
+        new (): HTMLDeleteButtonElement;
+    };
     interface HTMLEditCardElementEventMap {
         "closeEdit": void;
         "editsComplete": void;
@@ -1349,6 +1459,23 @@ declare global {
         prototype: HTMLFeatureFormFlowItemElement;
         new (): HTMLFeatureFormFlowItemElement;
     };
+    interface HTMLFeatureListElementEventMap {
+        "featureSelect": __esri.Graphic;
+    }
+    interface HTMLFeatureListElement extends Components.FeatureList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLFeatureListElementEventMap>(type: K, listener: (this: HTMLFeatureListElement, ev: FeatureListCustomEvent<HTMLFeatureListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLFeatureListElementEventMap>(type: K, listener: (this: HTMLFeatureListElement, ev: FeatureListCustomEvent<HTMLFeatureListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLFeatureListElement: {
+        prototype: HTMLFeatureListElement;
+        new (): HTMLFeatureListElement;
+    };
     interface HTMLFeaturesFlowItemElement extends Components.FeaturesFlowItem, HTMLStencilElement {
     }
     var HTMLFeaturesFlowItemElement: {
@@ -1396,6 +1523,24 @@ declare global {
         prototype: HTMLJsonEditorElement;
         new (): HTMLJsonEditorElement;
     };
+    interface HTMLLayerListElementEventMap {
+        "layerSelect": { layerId: string, layerName: string };
+        "layersListLoaded": string[];
+    }
+    interface HTMLLayerListElement extends Components.LayerList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLayerListElementEventMap>(type: K, listener: (this: HTMLLayerListElement, ev: LayerListCustomEvent<HTMLLayerListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLayerListElementEventMap>(type: K, listener: (this: HTMLLayerListElement, ev: LayerListCustomEvent<HTMLLayerListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLayerListElement: {
+        prototype: HTMLLayerListElement;
+        new (): HTMLLayerListElement;
+    };
     interface HTMLLayerTableElementEventMap {
         "featureSelectionChange": number[];
     }
@@ -1699,6 +1844,7 @@ declare global {
     };
     interface HTMLSolutionSpatialRefElementEventMap {
         "featureServiceSpatialReferenceChange": { name: string, enabled: boolean };
+        "lockedSpatialReferenceChange": { locked: boolean };
     }
     interface HTMLSolutionSpatialRefElement extends Components.SolutionSpatialRef, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSolutionSpatialRefElementEventMap>(type: K, listener: (this: HTMLSolutionSpatialRefElement, ev: SolutionSpatialRefCustomEvent<HTMLSolutionSpatialRefElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1779,13 +1925,16 @@ declare global {
         "crowdsource-manager": HTMLCrowdsourceManagerElement;
         "crowdsource-reporter": HTMLCrowdsourceReporterElement;
         "deduct-calculator": HTMLDeductCalculatorElement;
+        "delete-button": HTMLDeleteButtonElement;
         "edit-card": HTMLEditCardElement;
         "feature-comments": HTMLFeatureCommentsElement;
         "feature-form-flow-item": HTMLFeatureFormFlowItemElement;
+        "feature-list": HTMLFeatureListElement;
         "features-flow-item": HTMLFeaturesFlowItemElement;
         "floor-filter": HTMLFloorFilterElement;
         "info-card": HTMLInfoCardElement;
         "json-editor": HTMLJsonEditorElement;
+        "layer-list": HTMLLayerListElement;
         "layer-table": HTMLLayerTableElement;
         "layout-manager": HTMLLayoutManagerElement;
         "list-flow-item": HTMLListFlowItemElement;
@@ -2017,6 +2166,10 @@ declare namespace LocalJSX {
         "zoomAndScrollToSelected"?: boolean;
     }
     interface CrowdsourceReporter {
+        /**
+          * string: Item ID of the web map that should be selected by default
+         */
+        "defaultWebmap"?: string;
         /**
           * string: The text that will display under the title on the landing page
          */
@@ -2033,6 +2186,10 @@ declare namespace LocalJSX {
           * boolean: When true the user will be allowed to submit comments
          */
         "enableComments"?: boolean;
+        /**
+          * boolean: when true the home widget will be available
+         */
+        "enableHome"?: boolean;
         /**
           * boolean: When true the user will be provided a login page
          */
@@ -2041,6 +2198,14 @@ declare namespace LocalJSX {
           * boolean: When true the user will be allowed to submit new reports
          */
         "enableNewReports"?: boolean;
+        /**
+          * boolean: when true the search widget will be available
+         */
+        "enableSearch"?: boolean;
+        /**
+          * boolean: when true the zoom widget will be available
+         */
+        "enableZoom"?: boolean;
         /**
           * string[]: list of layer ids
          */
@@ -2050,9 +2215,9 @@ declare namespace LocalJSX {
          */
         "loginTitle"?: string;
         /**
-          * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+          * IMapInfo[]: array of map infos (name and id)
          */
-        "mapView"?: __esri.MapView;
+        "mapInfos"?: IMapInfo[];
         /**
           * string: The word(s) to display in the reports submit button
          */
@@ -2073,6 +2238,10 @@ declare namespace LocalJSX {
           * boolean: When true the comments from all users will be visible
          */
         "showComments"?: boolean;
+        /**
+          * theme: "light" | "dark" theme to be used
+         */
+        "theme"?: theme;
     }
     interface DeductCalculator {
         /**
@@ -2080,6 +2249,32 @@ declare namespace LocalJSX {
          */
         "onDeductValueComplete"?: (event: DeductCalculatorCustomEvent<string>) => void;
     }
+    interface DeleteButton {
+        /**
+          * ButtonType (button | action): Support usage as action or button
+         */
+        "buttonType"?: ButtonType;
+        /**
+          * boolean: This overrides internal enable/disable logic that is based on checks if the layer supports delete
+         */
+        "disabled"?: boolean;
+        /**
+          * string: The icon to display in the component
+         */
+        "icon"?: string;
+        /**
+          * number[]: The ids that would be deleted
+         */
+        "ids"?: any[];
+        /**
+          * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+         */
+        "layer"?: __esri.FeatureLayer;
+        /**
+          * Emitted on demand when features have been deleted
+         */
+        "onEditsComplete"?: (event: DeleteButtonCustomEvent<EditType>) => void;
+    }
     interface EditCard {
         /**
           * The index of the current graphic
@@ -2114,6 +2309,32 @@ declare namespace LocalJSX {
     }
     interface FeatureFormFlowItem {
     }
+    interface FeatureList {
+        /**
+          * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight and zoom to the extent of the feature geometry
+         */
+        "highlightOnMap"?: boolean;
+        /**
+          * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView"?: __esri.MapView;
+        /**
+          * string: Message to be displayed when features are not found
+         */
+        "noFeaturesFoundMsg"?: string;
+        /**
+          * Emitted on demand when feature is selected using the list
+         */
+        "onFeatureSelect"?: (event: FeatureListCustomEvent<__esri.Graphic>) => void;
+        /**
+          * number: Number features to be fetched per page, by default 100 features will be fetched
+         */
+        "pageSize"?: number;
+        /**
+          * string: Layer id of the feature layer to show the list
+         */
+        "selectedLayerId"?: string;
+    }
     interface FeaturesFlowItem {
     }
     interface FloorFilter {
@@ -2135,6 +2356,10 @@ declare namespace LocalJSX {
         "onLevelChanged"?: (event: FloorFilterCustomEvent<string>) => void;
     }
     interface InfoCard {
+        /**
+          * boolean: If true will show edit button
+         */
+        "allowEditing"?: boolean;
         /**
           * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
          */
@@ -2182,6 +2407,28 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    interface LayerList {
+        /**
+          * string[]: If passed will show only these layers in the list if they are present in map and are editable
+         */
+        "layers"?: string[];
+        /**
+          * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView"?: __esri.MapView;
+        /**
+          * string: Error message to be displayed when no layers found
+         */
+        "noLayerErrorMsg"?: string;
+        /**
+          * Emitted on demand when feature layer clicked with details layerId and layerName
+         */
+        "onLayerSelect"?: (event: LayerListCustomEvent<{ layerId: string, layerName: string }>) => void;
+        /**
+          * Emitted on demand when list of layers to be listed are created. When empty array received in this event means no valid layers are found to be listed
+         */
+        "onLayersListLoaded"?: (event: LayerListCustomEvent<string[]>) => void;
+    }
     interface LayerTable {
         /**
           * LayerExpression[]: default layer expression(s) to apply to the current layer
@@ -2239,6 +2486,10 @@ declare namespace LocalJSX {
           * boolean: When true only editable layers that support the update capability will be available
          */
         "onlyShowUpdatableLayers"?: boolean;
+        /**
+          * number[]: A list of ids that are currently selected
+         */
+        "selectedIds"?: number[];
         /**
           * boolean: When true the share options will include embed option
          */
@@ -2929,6 +3180,7 @@ declare namespace LocalJSX {
          */
         "locked"?: boolean;
         "onFeatureServiceSpatialReferenceChange"?: (event: SolutionSpatialRefCustomEvent<{ name: string, enabled: boolean }>) => void;
+        "onLockedSpatialReferenceChange"?: (event: SolutionSpatialRefCustomEvent<{ locked: boolean }>) => void;
         /**
           * List of service names the spatial reference should apply to
          */
@@ -3002,13 +3254,16 @@ declare namespace LocalJSX {
         "crowdsource-manager": CrowdsourceManager;
         "crowdsource-reporter": CrowdsourceReporter;
         "deduct-calculator": DeductCalculator;
+        "delete-button": DeleteButton;
         "edit-card": EditCard;
         "feature-comments": FeatureComments;
         "feature-form-flow-item": FeatureFormFlowItem;
+        "feature-list": FeatureList;
         "features-flow-item": FeaturesFlowItem;
         "floor-filter": FloorFilter;
         "info-card": InfoCard;
         "json-editor": JsonEditor;
+        "layer-list": LayerList;
         "layer-table": LayerTable;
         "layout-manager": LayoutManager;
         "list-flow-item": ListFlowItem;
@@ -3054,13 +3309,16 @@ declare module "@stencil/core" {
             "crowdsource-manager": LocalJSX.CrowdsourceManager & JSXBase.HTMLAttributes<HTMLCrowdsourceManagerElement>;
             "crowdsource-reporter": LocalJSX.CrowdsourceReporter & JSXBase.HTMLAttributes<HTMLCrowdsourceReporterElement>;
             "deduct-calculator": LocalJSX.DeductCalculator & JSXBase.HTMLAttributes<HTMLDeductCalculatorElement>;
+            "delete-button": LocalJSX.DeleteButton & JSXBase.HTMLAttributes<HTMLDeleteButtonElement>;
             "edit-card": LocalJSX.EditCard & JSXBase.HTMLAttributes<HTMLEditCardElement>;
             "feature-comments": LocalJSX.FeatureComments & JSXBase.HTMLAttributes<HTMLFeatureCommentsElement>;
             "feature-form-flow-item": LocalJSX.FeatureFormFlowItem & JSXBase.HTMLAttributes<HTMLFeatureFormFlowItemElement>;
+            "feature-list": LocalJSX.FeatureList & JSXBase.HTMLAttributes<HTMLFeatureListElement>;
             "features-flow-item": LocalJSX.FeaturesFlowItem & JSXBase.HTMLAttributes<HTMLFeaturesFlowItemElement>;
             "floor-filter": LocalJSX.FloorFilter & JSXBase.HTMLAttributes<HTMLFloorFilterElement>;
             "info-card": LocalJSX.InfoCard & JSXBase.HTMLAttributes<HTMLInfoCardElement>;
             "json-editor": LocalJSX.JsonEditor & JSXBase.HTMLAttributes<HTMLJsonEditorElement>;
+            "layer-list": LocalJSX.LayerList & JSXBase.HTMLAttributes<HTMLLayerListElement>;
             "layer-table": LocalJSX.LayerTable & JSXBase.HTMLAttributes<HTMLLayerTableElement>;
             "layout-manager": LocalJSX.LayoutManager & JSXBase.HTMLAttributes<HTMLLayoutManagerElement>;
             "list-flow-item": LocalJSX.ListFlowItem & JSXBase.HTMLAttributes<HTMLListFlowItemElement>;