@esri/solutions-components 0.10.25 → 0.10.27

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

@@ -373,7 +373,7 @@ export interface ITemplateInfo {
   title: string;
   type: string;
   typeKeywords: string[];
-  description: string;
+  snippet: string;
 }
 
 /**

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

@@ -49,6 +49,10 @@ export declare class CardManager {
      * boolean: when true the users can have the option to create features
      */
     enableCreateFeatures: boolean;
+    /**
+     * boolean: When select feature from map message will shown
+     */
+    selectingFeatureFromMap: boolean;
     /**
      * When true a loading indicator will be shown in the current card
      */
@@ -115,7 +119,7 @@ export declare class CardManager {
     protected getEditorComponent(): Node;
     /**
      * Gets the Feature using its ids
-     *
+     * @param ids list of ids that are currently selected
      * @returns Promise when complete
      * @protected
      */

package/dist/types/components/create-feature/create-feature.d.ts

@@ -16,6 +16,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import CreateFeature_T9n from "../../assets/t9n/create-feature/resources.json";
 import { ISearchConfiguration } from "../../utils/interfaces";
+type ICurrentPage = "templatePicker" | "drawing" | "featureForm";
 export declare class CreateFeature {
     el: HTMLCreateFeatureElement;
     /**
@@ -55,14 +56,18 @@ export declare class CreateFeature {
      * boolean: When true the notice message with the current state should be shown
      */
     showGuidingMsg?: boolean;
+    /**
+     * boolean: When false the notice message at drawing page will be hidden
+     */
+    showGuidingMsgWhileDrawing?: boolean;
     /**
      * boolean: When true a loading indicator will be shown while the editor loads
      */
     _editorLoading: boolean;
     /**
-     * boolean: When true the search widget will shown
+     * ICurrentPage: specifies the current page
      */
-    _showSearchWidget: boolean;
+    _currentPage: ICurrentPage;
     /**
      * Contains the translations for this component.
      * All UI strings should be defined here.
@@ -141,10 +146,6 @@ export declare class CreateFeature {
      * __esri.FeatureLayer: selected feature layer;
      */
     protected _selectedLayer: __esri.FeatureLayer;
-    /**
-     * boolean: flag to maintain if user is on template picker page
-     */
-    protected _isTemplatePickerPage: boolean;
     /**
      * Called each time the mapView prop is changed.
      */
@@ -284,3 +285,4 @@ export declare class CreateFeature {
      */
     protected _getTranslations(): Promise<void>;
 }
+export {};

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

@@ -189,6 +189,10 @@ export declare class CrowdsourceManager {
      * When true the component will render an optimized view for mobile devices
      */
     _isMobile: boolean;
+    /**
+     * When true the component will render an optimized view for mobile devices
+     */
+    _isPortraitMobile: boolean;
     /**
      * Contains the translations for this component.
      * All UI strings should be defined here.
@@ -226,6 +230,14 @@ export declare class CrowdsourceManager {
      * boolean: When true information header will be displayed
      */
     _showInformationHeader: boolean;
+    /**
+     * boolean: list of layer ids
+     */
+    _layerIds: string[];
+    /**
+     * boolean: if true panel will be in loading state
+     */
+    _isLoading: 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
@@ -261,6 +273,10 @@ export declare class CrowdsourceManager {
      * HTMLInstantAppsFilterListElement: Component from Instant Apps that supports interacting with the current filter config
      */
     protected _filterList: HTMLInstantAppsFilterListElement;
+    /**
+     * HTMLMapCardElement: Map card refrence element
+     */
+    protected _mapCard: HTMLMapCardElement;
     /**
      * boolean: True when app is directly rendered to map view layout
      */
@@ -301,6 +317,10 @@ export declare class CrowdsourceManager {
      * Get the layer for the provided layer id
      */
     layerSelectionChange(evt: CustomEvent): Promise<void>;
+    /**
+     * Get the layer ids from the map
+     */
+    idsFound(evt: CustomEvent): Promise<void>;
     /**
      * StencilJS: Called once just after the component is first connected to the DOM.
      *

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

@@ -157,6 +157,10 @@ export declare class LayerTable {
     * string Placeholder string to show fields included in full text search
     */
     _searchPlaceHolder: string;
+    /**
+     * number Total number of records currently displayed in the table. This takes into account all active filters.
+     */
+    _size: number;
     /**
      * esri/widgets/FeatureTable: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FeatureTable.html
      */
@@ -417,6 +421,10 @@ export declare class LayerTable {
      * Refresh the table when
      */
     noLayersFound(): void;
+    /**
+     * Clears the selection from table
+     */
+    clearSelection(): void;
     /**
      * StencilJS: Called once just after the component is first connected to the DOM.
      *
@@ -463,7 +471,7 @@ export declare class LayerTable {
      * Update the search expression in layer
      * @param searchedIds Array of objectIds satisfying the full search text
      */
-    protected _updateSearchDefinitionExpression(searchedIds: number[]): void;
+    protected _updateSearchDefinitionExpression(searchedIds: number[]): Promise<void>;
     /**
      * Validates if full text search is enabled and and indexes for fullTextSearch available on the layer
      */
@@ -794,7 +802,7 @@ export declare class LayerTable {
      */
     protected _updateToolInfoLoading(name: string, isLoading: boolean): void;
     /**
-     * Refreshes the table and maintains the curent scroll position
+     * Refreshes the table and maintains the current scroll position
      * @protected
      */
     protected _refresh(): Promise<void>;

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

@@ -13,9 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import MapCard_T9n from "../../assets/t9n/map-card/resources.json";
-import { IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, theme } from "../../utils/interfaces";
+import { IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, IToolInfo, IToolSizeInfo, theme, TooltipPlacement } from "../../utils/interfaces";
 export declare class MapCard {
     el: HTMLMapCardElement;
     /**
@@ -162,6 +162,14 @@ export declare class MapCard {
      * boolean: When true the show/hide fields list is forced open
      */
     _showHideOpen: boolean;
+    /**
+     * IToolInfo[]: Key details used for creating the tools
+     */
+    _toolInfos: IToolInfo[];
+    /**
+     * IToolSizeInfo[]: The controls that currently fit based on toolbar size
+     */
+    _controlsThatFit: IToolSizeInfo[];
     /**
      * esri/config: https://developers.arcgis.com/javascript/latest/api-reference/esri-config.html
      */
@@ -218,6 +226,38 @@ export declare class MapCard {
      * string: The current layers definition expression
      */
     protected _definitionExpression: string;
+    /**
+     * HTMLMapLayerPickerElement: The Map layer picker refrence element
+     */
+    protected _mapLayerPicker: HTMLMapLayerPickerElement;
+    /**
+     * ResizeObserver: The observer that watches for toolbar size changes
+     */
+    protected _resizeObserver: ResizeObserver;
+    /**
+     * HTMLCalciteDropdownElement: Dropdown the will support show/hide of table columns
+     */
+    protected _showHideDropdown: HTMLCalciteDropdownElement;
+    /**
+     * HTMLDivElement: The toolbars containing node
+     */
+    protected _toolbar: HTMLDivElement;
+    /**
+     * any: Timeout used to limit redundancy for toolbar resizing
+     */
+    protected _timeout: any;
+    /**
+     * IToolSizeInfo[]: Id and Width for the current tools
+     */
+    protected _toolbarSizeInfos: IToolSizeInfo[];
+    /**
+     * IToolSizeInfo[]: The default list of tool size info for tools that should display outside of the dropdown
+     */
+    protected _defaultVisibleToolSizeInfos: IToolSizeInfo[];
+    /**
+     * boolean: When true the observer has been set and we don't need to set it again
+     */
+    protected _observerSet: boolean;
     /**
      * Add/remove home widget
      */
@@ -226,14 +266,26 @@ export declare class MapCard {
      * watch for changes in layer view and verify if it has editing enabled
      */
     selectedLayerWatchHandler(): Promise<void>;
+    /**
+     * watch for features ids changes
+     */
+    selectedFeaturesIdsWatchHandler(): Promise<void>;
+    /**
+     * watch for changes to the list of controls that will currently fit in the display
+     */
+    _controlsThatFitWatchHandler(): void;
     /**
      * Reset the filter
      */
-    filterReset(): Promise<void>;
+    resetFilter(): Promise<void>;
     /**
      * updates the filter
      */
-    updateFilter(): Promise<void>;
+    updateFilterState(): Promise<void>;
+    /**
+     * updates the layer in map layer picker
+     */
+    updateLayer(): Promise<void>;
     /**
      * Emitted when a new map is loaded
      */
@@ -246,6 +298,10 @@ export declare class MapCard {
      * Emitted on demand when filter action is clicked
      */
     toggleFilter: EventEmitter<void>;
+    /**
+     * Emitted on demand when clear selection button is clicked
+     */
+    clearSelection: EventEmitter<void>;
     /**
      * Listen for changes to map info and load the appropriate map
      */
@@ -254,6 +310,10 @@ export declare class MapCard {
      * Listen for change when mapview doesn't contain any layer
      */
     noLayersFound(): void;
+    /**
+     * Handles layer selection change to show new table
+     */
+    layerSelectionChange(): void;
     /**
      * StencilJS: Called once just after the component is first connected to the DOM.
      */
@@ -266,6 +326,10 @@ export declare class MapCard {
      * Called each time after the component is loaded
      */
     componentDidRender(): Promise<void>;
+    /**
+     * Called once after the component is loaded
+     */
+    componentDidLoad(): Promise<void>;
     /**
      * Load esri javascript api modules
      *
@@ -280,6 +344,69 @@ export declare class MapCard {
      * @param webMapInfo the webmap id and name to load
      */
     protected _loadMap(webMapInfo: IMapInfo): Promise<void>;
+    /**
+     * Add/Remove tools from the action bar and dropdown based on available size
+     * @protected
+     */
+    protected _updateToolbar(): void;
+    /**
+     * Validate if controls that fit the current display has changed or
+     * is different from what is currently displayed
+     * @param _setControlsThatFit
+     * @param skipControls
+     * @protected
+     */
+    protected _setControlsThatFit(controlsThatFit: IToolSizeInfo[], skipControls: string[]): void;
+    /**
+     * Get the id and size for the toolbars current items
+     * @protected
+     */
+    protected _setToolbarSizeInfos(): void;
+    /**
+     * Gets a row of controls that can be used for various interactions with the table
+     *
+     * @returns The dom node that contains the controls
+     * @protected
+     */
+    protected _getActionBar(): VNode;
+    /**
+     * Get a list of toolInfos that should display in the dropdown
+     *
+     * @param id string the id for the dropdown and its tooltip
+     *
+     * @returns VNode the dropdown node
+     * @protected
+     */
+    protected _getDropdown(id: string): VNode;
+    /**
+     * Open show/hide dropdown
+     * @protected
+     */
+    protected _closeShowHide(): void;
+    /**
+     * Get a list of toolInfos that should display in the dropdown
+     *
+     * @returns IToolInfo[] the list of toolInfos that should display in the dropdown
+     * @protected
+     */
+    protected _getDropdownItems(): IToolInfo[];
+    /**
+     * 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.
+     * @protected
+     */
+    protected _initToolInfos(): void;
+    /**
+     * Update actions active prop based on a stored value
+     * @protected
+     */
+    protected _validateActiveActions(): void;
+    /**
+     * Update actions enabled prop based on number of selected indexes
+     * @protected
+     */
+    protected _validateEnabledActions(): void;
     /**
      * Add/remove the home widget base on enableHome prop
      *
@@ -299,11 +426,15 @@ export declare class MapCard {
      */
     protected _handleDocumentClick(e: MouseEvent): void;
     /**
-   * Zoom to all selected features
-   *
-   * @returns a promise that will resolve when the operation is complete
-   */
+     * Zoom to all selected features
+     *
+     * @returns a promise that will resolve when the operation is complete
+     */
     protected _zoom(): Promise<void>;
+    /**
+     * toggle the filter
+     * @protected
+     */
     protected _toggleFilter(): Promise<void>;
     /**
      * Return true when we have at least 1 layer expression for the current layer
@@ -312,15 +443,50 @@ export declare class MapCard {
      */
     protected _hasFilterExpressions(): boolean;
     /**
-     * Get Dropdown action item
-     * @returns Dropdown item
+     * Get the actions that are used for various interactions with the table
+     *
+     * @returns VNode[] the action nodes
+     */
+    protected _getActions(): VNode[];
+    /**
+     * Get a tooltip
+     *
+     * @param placement string where the tooltip should display
+     * @param referenceElement string the element the tooltip will be associated with
+     * @param text string the text to display in the tooltip
+     *
+     * @returns VNode The tooltip node
+     */
+    protected _getToolTip(placement: TooltipPlacement, referenceElement: string, text: string): VNode;
+    /**
+     * Get a list of toolInfos that should display outside of the dropdown
+     *
+     * @returns IToolInfo[] the list of toolInfos that should not display in the overflow dropdown
      */
-    protected _getDropDownItem(): Node;
+    protected _getActionItems(): IToolInfo[];
     /**
-     * Gets the dropdown items
-     * @returns dropdown items
+     * Get an action and tooltip
+     *
+     * @param active boolean if true the icon is in use
+     * @param icon string the name of the icon to display, will also be used as the id
+     * @param indicator if true the icon will shown using indicator
+     * @param label string the text to display and label the action
+     * @param func any the function to execute
+     * @param disabled boolean when true the user will not be able to interact with the action
+     * @param loading if true loading indicator will shown
+     * @param slot slot for the action
+     *
+     * @returns VNode The node representing the DOM element that will contain the action
+     */
+    protected _getAction(active: boolean, icon: string, indicator: boolean, label: string, func: any, disabled: boolean, loading: boolean, slot?: string): VNode;
+    /**
+     * Get an id with a prefix to the user supplied value
+     *
+     * @param id the unique value for the id
+     *
+     * @returns the new id with the prefix value
      */
-    protected _getDropDownItems(): Node;
+    protected _getId(id: string): string;
     /**
    * Fetches the component's translations
    *

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

@@ -73,6 +73,10 @@ export declare class MapLayerPicker {
      * boolean: when true standalone tables will also be available
      */
     showTables: boolean;
+    /**
+     * boolean: when true table will shown as disabled
+     */
+    showTablesDisabled: boolean;
     /**
      * boolean: when true a map with a single layer will show a label rather than a dropdown
      * Used in conjunction with _hasMultipleLayers
@@ -129,7 +133,11 @@ export declare class MapLayerPicker {
      */
     mapViewWatchHandler(): Promise<void>;
     /**
-     * Emitted on demand when no valid layers are found
+     * updates the layers
+     */
+    updateLayer(): Promise<void>;
+    /**
+     * Emitted on demand when valid layers are found
      *
      */
     idsFound: EventEmitter<ILayerAndTableIds>;

package/dist/types/components/solution-item-icon/solution-item-icon.d.ts

@@ -39,6 +39,19 @@ export declare class SolutionItemIcon {
      *
      * @param type The item type
      * @param typeKeywords The item typeKeywords
+     *
+     * @returns string the asset path for the given item type and typekeywords
      */
     protected _getIconUrl(type: string, typeKeywords: string[]): string;
+    /**
+     * This function was copied and slightly modified from the arcgis-app-components.
+     *
+     * This will fetch the name of the icon based on type and typeKeyword info.
+     *
+     * @param type The item type
+     * @param typeKeywords The item typeKeywords
+     *
+     * @returns string the name of the icon for the given type and typekeywords
+     */
+    protected _getItemIcon(type: string, typeKeywords: string[]): any;
 }

package/dist/types/components.d.ts

@@ -99,6 +99,10 @@ export namespace Components {
           * A list of ids that are currently selected
          */
         "selectedFeaturesIds": number[];
+        /**
+          * boolean: When select feature from map message will shown
+         */
+        "selectingFeatureFromMap": boolean;
         /**
           * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
          */
@@ -169,6 +173,10 @@ export namespace Components {
           * boolean: When true the notice message with the current state should be shown
          */
         "showGuidingMsg"?: boolean;
+        /**
+          * boolean: When false the notice message at drawing page will be hidden
+         */
+        "showGuidingMsgWhileDrawing"?: boolean;
         /**
           * Submit the created feature
           * @returns Promise that resolves when the operation is complete
@@ -940,10 +948,6 @@ export namespace Components {
           * boolean: when true map tools will be displayed within a single expand/collapse widget when false widgets will be loaded individually into expand widgets
          */
         "enableSingleExpand": boolean;
-        /**
-          * Reset the filter
-         */
-        "filterReset": () => Promise<void>;
         /**
           * boolean: When true the map display will be hidden
          */
@@ -996,6 +1000,10 @@ export namespace Components {
           * boolean: When true only editable layers that support the update capability will be available
          */
         "onlyShowUpdatableLayers": boolean;
+        /**
+          * Reset the filter
+         */
+        "resetFilter": () => Promise<void>;
         /**
           * number[]: A list of ids that are currently selected
          */
@@ -1019,7 +1027,11 @@ export namespace Components {
         /**
           * updates the filter
          */
-        "updateFilter": () => Promise<void>;
+        "updateFilterState": () => Promise<void>;
+        /**
+          * updates the layer in map layer picker
+         */
+        "updateLayer": () => Promise<void>;
         /**
           * number: default scale to zoom to when zooming to a single point feature
          */
@@ -1144,10 +1156,18 @@ export namespace Components {
           * boolean: when true standalone tables will also be available
          */
         "showTables": boolean;
+        /**
+          * boolean: when true table will shown as disabled
+         */
+        "showTablesDisabled": boolean;
         /**
           * "select" | "combobox" | "dropdown": type of component to leverage
          */
         "type": "select" | "combobox" | "dropdown";
+        /**
+          * updates the layers
+         */
+        "updateLayer": () => Promise<void>;
     }
     interface MapLegend {
         /**
@@ -2232,6 +2252,7 @@ declare global {
         "mapChanged": IMapChange;
         "beforeMapChanged": void;
         "toggleFilter": void;
+        "clearSelection": void;
     }
     interface HTMLMapCardElement extends Components.MapCard, HTMLStencilElement {
         addEventListener<K extends keyof HTMLMapCardElementEventMap>(type: K, listener: (this: HTMLMapCardElement, ev: MapCardCustomEvent<HTMLMapCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2728,6 +2749,10 @@ declare namespace LocalJSX {
           * A list of ids that are currently selected
          */
         "selectedFeaturesIds"?: number[];
+        /**
+          * boolean: When select feature from map message will shown
+         */
+        "selectingFeatureFromMap"?: boolean;
         /**
           * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
          */
@@ -2812,6 +2837,10 @@ declare namespace LocalJSX {
           * boolean: When true the notice message with the current state should be shown
          */
         "showGuidingMsg"?: boolean;
+        /**
+          * boolean: When false the notice message at drawing page will be hidden
+         */
+        "showGuidingMsgWhileDrawing"?: boolean;
     }
     interface CreateRelatedFeature {
         /**
@@ -3644,6 +3673,10 @@ declare namespace LocalJSX {
           * Emitted before a new map is loaded
          */
         "onBeforeMapChanged"?: (event: MapCardCustomEvent<void>) => void;
+        /**
+          * Emitted on demand when clear selection button is clicked
+         */
+        "onClearSelection"?: (event: MapCardCustomEvent<void>) => void;
         /**
           * Emitted when a new map is loaded
          */
@@ -3787,7 +3820,7 @@ declare namespace LocalJSX {
          */
         "mapView"?: __esri.MapView;
         /**
-          * Emitted on demand when no valid layers are found
+          * Emitted on demand when valid layers are found
          */
         "onIdsFound"?: (event: MapLayerPickerCustomEvent<ILayerAndTableIds>) => void;
         /**
@@ -3822,6 +3855,10 @@ declare namespace LocalJSX {
           * boolean: when true standalone tables will also be available
          */
         "showTables"?: boolean;
+        /**
+          * boolean: when true table will shown as disabled
+         */
+        "showTablesDisabled"?: boolean;
         /**
           * "select" | "combobox" | "dropdown": type of component to leverage
          */

package/dist/types/preact.d.ts

@@ -740,10 +740,11 @@ declare module "preact/src/jsx" {
 
       "location-flow-item": JSX.SolutionsLocationFlowItem & JSXInternal.HTMLAttributes<HTMLSolutionsLocationFlowItemElement>
 
-      "map-card": Omit<JSX.SolutionsMapCard, "onMapChanged" | "onBeforeMapChanged" | "onToggleFilter"> & JSXInternal.HTMLAttributes<HTMLSolutionsMapCardElement> & {
+      "map-card": Omit<JSX.SolutionsMapCard, "onMapChanged" | "onBeforeMapChanged" | "onToggleFilter" | "onClearSelection"> & JSXInternal.HTMLAttributes<HTMLSolutionsMapCardElement> & {
         "onmapChanged"?: (event: CustomEvent<any>) => void;
         "onbeforeMapChanged"?: (event: CustomEvent<any>) => void;
         "ontoggleFilter"?: (event: CustomEvent<any>) => void;
+        "onclearSelection"?: (event: CustomEvent<any>) => void;
       }
 
       "map-draw-tools": Omit<JSX.SolutionsMapDrawTools, "onSelectionLoadingChange" | "onSketchGraphicsChange" | "onDrawUndo" | "onDrawRedo"> & JSXInternal.HTMLAttributes<HTMLSolutionsMapDrawToolsElement> & {

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

@@ -319,7 +319,7 @@ export interface ITemplateInfo {
     title: string;
     type: string;
     typeKeywords: string[];
-    description: string;
+    snippet: string;
 }
 /**
  * Stores updated templates that contain runtime changes from the user

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.10.25",
+  "version": "0.10.27",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",