@esri/solutions-components 0.7.29 → 0.7.30

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

@@ -124,6 +124,10 @@ export declare class CrowdsourceReporter {
      * boolean: When true show the sort and filter icon
      */
     _hasValidLayers: boolean;
+    /**
+     * string: The selected feature layer's name from the layer's list
+     */
+    _selectedLayerName: string;
     /**
      * IMapChange: The current map change details
      */
@@ -140,14 +144,18 @@ export declare class CrowdsourceReporter {
      * string: The selected feature layer's id from the layer's list
      */
     protected _selectedLayerId: string;
-    /**
-     * string: The selected feature layer's name from the layer's list
-     */
-    protected _selectedLayerName: string;
     /**
      * __esri.Graphic: The selected feature
      */
     protected _selectedFeature: __esri.Graphic[];
+    /**
+     * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
+     */
+    protected reactiveUtils: typeof import("esri/core/reactiveUtils");
+    /**
+     * IHandle: The map click handle
+     */
+    protected _mapClickHandle: IHandle;
     /**
      * Called each time the mapView prop is changed.
      */
@@ -170,6 +178,14 @@ export declare class CrowdsourceReporter {
      * Renders the component.
      */
     render(): any;
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    protected _initModules(): Promise<void>;
     /**
      * Get the reporter app functionality
      * @protected
@@ -210,6 +226,7 @@ export declare class CrowdsourceReporter {
     /**
      * Get feature list of the selected feature layer
      * @param layerId Layer id
+     * @param layerName Layer name
      * @returns feature list node
      * @protected
      */
@@ -219,6 +236,11 @@ export declare class CrowdsourceReporter {
      * @returns Node
      */
     protected getFeatureDetailsFlowItem(): Node;
+    /**
+     * On Feature details change update the Layer title and the current selected layer id
+     * @param evt Event hold the details of current feature graphic in the info-card
+     */
+    protected featureDetailsChanged(evt: any): void;
     /**
      * Returns the action button to Expand/Collapse side panel in mobile mode
      */
@@ -228,6 +250,21 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected setMapView(): Promise<void>;
+    /**
+     * Handle map click event
+     * @param layers Array of layerIds
+     *
+     *  @protected
+     */
+    protected handleMapClick(layers: string[]): void;
+    /**
+     * On map click do hitTest and get the clicked graphics of valid layers and show feature details
+     * @param event
+     * @param layers
+     *
+     * @protected
+     */
+    protected onMapClick(event: any, layers: string[]): Promise<void>;
     /**
      * Fetches the component's translations
      * @returns Promise when complete

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

@@ -102,6 +102,7 @@ export declare class FeatureList {
     /**
      * On feature click in feature list highlight the feature on the map
      * @param event feature clicked event
+     * @param selectedFeature selected feature graphic
      * @protected
      */
     protected featureClicked(event: any, selectedFeature: __esri.Graphic): Promise<void>;

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

@@ -38,6 +38,14 @@ export declare class LayerList {
      * string: Error message to be displayed when no layers found
      */
     noLayerErrorMsg?: string;
+    /**
+     * boolean: if true display's feature count for each layer
+     */
+    showFeatureCount?: boolean;
+    /**
+     * boolean: If true display's arrow icon on each layer item
+     */
+    showNextIcon?: boolean;
     /**
      * boolean: When true will display message no layers found
      */
@@ -118,11 +126,11 @@ export declare class LayerList {
      * @protected
      */
     protected getLayerListItem(layerId: string): VNode;
-    /**On click of layer list item show feature list
+    /**On click of layer list item emit the event along with the selected layerId and layerName
      * @param layerId Layer id
      * @protected
      */
-    protected showFeaturesList(layerId: string): void;
+    protected onLayerItemSelected(layerId: string): void;
     /**
      * Fetches the component's translations
      * @returns Promise when complete

package/dist/types/components.d.ts

@@ -452,6 +452,14 @@ export namespace Components {
           * string: Error message to be displayed when no layers found
          */
         "noLayerErrorMsg"?: string;
+        /**
+          * boolean: if true display's feature count for each layer
+         */
+        "showFeatureCount"?: boolean;
+        /**
+          * boolean: If true display's arrow icon on each layer item
+         */
+        "showNextIcon"?: boolean;
     }
     interface LayerTable {
         /**
@@ -2463,6 +2471,14 @@ declare namespace LocalJSX {
           * 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;
+        /**
+          * boolean: if true display's feature count for each layer
+         */
+        "showFeatureCount"?: boolean;
+        /**
+          * boolean: If true display's arrow icon on each layer item
+         */
+        "showNextIcon"?: boolean;
     }
     interface LayerTable {
         /**

package/package.json

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

package/dist/solutions-components/p-8756eebb.entry.js

@@ -1,6 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import{r as t,c as i,h as e,H as s,g as a}from"./p-78780f63.js";import{g as h}from"./p-e902ba19.js";import"./p-d918ec36.js";import"./p-e1a4994d.js";const o=class{constructor(e){t(this,e),this.togglePanel=i(this,"togglePanel",7),this.description=void 0,this.isMobile=void 0,this.enableAnonymousAccess=void 0,this.enableAnonymousComments=void 0,this.enableComments=void 0,this.enableLogin=void 0,this.enableNewReports=void 0,this.layers=void 0,this.loginTitle=void 0,this.mapView=void 0,this.reportButtonText=void 0,this.reportsHeader=void 0,this.reportSubmittedMessage=void 0,this.searchConfiguration=void 0,this.showComments=void 0,this.defaultWebmap="",this.enableSearch=!0,this.enableHome=!0,this.mapInfos=[],this.theme="light",this.enableZoom=!0,this._mapInfo=void 0,this._flowItems=["layer-list"],this._sidePanelCollapsed=!1,this._translations=void 0,this._hasValidLayers=!1}async isMobileWatchHandler(){this._sidePanelCollapsed=!1}async mapViewWatchHandler(){await this.mapView.when((async()=>{await this.setMapView()}))}async componentWillLoad(){await this._getTranslations()}render(){return e(s,null,e("div",null,e("calcite-shell",{"content-behind":!0},this._getReporter())))}_getReporter(){const t=[];return this._flowItems.forEach((i=>{switch(i){case"layer-list":t.push(this.getLayerListFlowItem());break;case"feature-list":t.push(this.getFeatureListFlowItem(this._selectedLayerId,this._selectedLayerName));break;case"feature-details":t.push(this.getFeatureDetailsFlowItem())}})),e("calcite-panel",{class:"width-full "+("dark"===this.theme?"calcite-mode-dark":"calcite-mode-light")},this.mapView?e("calcite-flow",null,(null==t?void 0:t.length)>0&&t):e("calcite-loader",{scale:"m"}))}getLayerListFlowItem(){return e("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this.reportsHeader},this._hasValidLayers&&e("calcite-action",{icon:"sort-ascending-arrow",slot:this.isMobile?"header-menu-actions":"header-actions-end",text:this._translations.sort,"text-enabled":this.isMobile}),this._hasValidLayers&&e("calcite-action",{icon:"filter",slot:this.isMobile?"header-menu-actions":"header-actions-end",text:this._translations.filter,"text-enabled":this.isMobile}),this.isMobile&&this.getActionToExpandCollapsePanel(),this._hasValidLayers&&this.enableNewReports&&e("calcite-button",{appearance:"secondary",slot:"footer",width:"full"},this.reportButtonText),e("calcite-panel",{"full-height":!0,"full-width":!0},e("layer-list",{class:"height-full",layers:this.layers,mapView:this.mapView,noLayerErrorMsg:this._translations.noLayerToDisplayErrorMsg,onLayerSelect:this.displayFeaturesList.bind(this),onLayersListLoaded:this.layerListLoaded.bind(this)})))}layerListLoaded(t){this._hasValidLayers=t.detail.length>0}displayFeaturesList(t){this._selectedLayerId=t.detail.layerId,this._selectedLayerName=t.detail.layerName,this._flowItems=[...this._flowItems,"feature-list"]}backFromFeatureList(){const t=[...this._flowItems];t.pop(),this._flowItems=[...t]}toggleSidePanel(){this._sidePanelCollapsed=!this._sidePanelCollapsed,this.togglePanel.emit(this._sidePanelCollapsed)}async onFeatureSelectFromList(t){this._selectedFeature=[t.detail],this._flowItems=[...this._flowItems,"feature-details"]}getFeatureListFlowItem(t,i){return e("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:i,onCalciteFlowItemBack:this.backFromFeatureList.bind(this)},e("calcite-action",{icon:"sort-ascending-arrow",slot:this.isMobile?"header-menu-actions":"header-actions-end",text:this._translations.sort,"text-enabled":this.isMobile}),e("calcite-action",{icon:"filter",slot:this.isMobile?"header-menu-actions":"header-actions-end",text:this._translations.filter,"text-enabled":this.isMobile}),this.isMobile&&this.getActionToExpandCollapsePanel(),this.enableNewReports&&e("calcite-button",{appearance:"secondary",slot:"footer",width:"full"},this.reportButtonText),e("calcite-panel",{"full-height":!0},e("feature-list",{class:"height-full",highlightOnMap:!0,mapView:this.mapView,noFeaturesFoundMsg:this._translations.featureErrorMsg,onFeatureSelect:this.onFeatureSelectFromList.bind(this),pageSize:30,selectedLayerId:t})))}getFeatureDetailsFlowItem(){return e("calcite-flow-item",{collapsed:this.isMobile&&this._sidePanelCollapsed,heading:this._selectedLayerName,onCalciteFlowItemBack:this.backFromFeatureList.bind(this)},this.isMobile&&this.getActionToExpandCollapsePanel(),e("calcite-action",{icon:"share",slot:"header-actions-end",text:this._translations.share}),e("calcite-panel",{"full-height":!0},e("info-card",{allowEditing:!1,graphics:this._selectedFeature,isLoading:!1,isMobile:!1,mapView:this.mapView,zoomAndScrollToSelected:!0})))}getActionToExpandCollapsePanel(){return e("calcite-action",{icon:this._sidePanelCollapsed?"chevrons-up":"chevrons-down",onClick:this.toggleSidePanel.bind(this),slot:"header-actions-end",text:this._sidePanelCollapsed?this._translations.expand:this._translations.collapse})}async setMapView(){this.mapView.popupEnabled=!1,this._defaultCenter&&this._defaultLevel&&(await this.mapView.goTo({center:this._defaultCenter,zoom:this._defaultLevel}),this._defaultCenter=void 0,this._defaultLevel=void 0)}async _getTranslations(){const t=await h(this.el);this._translations=t[0]}get el(){return a(this)}static get watchers(){return{isMobile:["isMobileWatchHandler"],mapView:["mapViewWatchHandler"]}}};o.style=":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.width-full{width:100% !important}.width-0{width:0}.height-full{height:100% !important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.error-msg{padding:10px}";export{o as crowdsource_reporter}