@esri/solutions-components 0.11.11 → 0.11.13

package/dist/collection/components/feature-list/feature-list.js

@@ -24,28 +24,6 @@ import { PopupUtils } from "../../utils/popupUtils";
 import { getFeatureLayerView, getLayerOrTable, highlightFeatures } from "../../utils/mapViewUtils";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class FeatureList {
-    constructor() {
-        this.selectedLayerId = undefined;
-        this.mapView = undefined;
-        this.noFeaturesFoundMsg = undefined;
-        this.pageSize = 100;
-        this.highlightOnMap = false;
-        this.highlightOnHover = false;
-        this.locale = undefined;
-        this.sortingInfo = undefined;
-        this.whereClause = undefined;
-        this.textSize = "large";
-        this.showInitialLoading = true;
-        this.showErrorWhenNoFeatures = true;
-        this.showUserImageInList = false;
-        this.showFeatureSymbol = false;
-        this.applyLayerViewFilter = false;
-        this.reportingOptions = undefined;
-        this._featureItems = [];
-        this._featuresCount = 0;
-        this._isLoading = false;
-        this._translations = undefined;
-    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -54,6 +32,97 @@ export class FeatureList {
     el;
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * string: Layer id of the feature layer to show the list
+     */
+    selectedLayerId;
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * string: Message to be displayed when features are not found
+     */
+    noFeaturesFoundMsg;
+    /**
+     * number: Number features to be fetched per page, by default 100 features will be fetched
+     */
+    pageSize = 100;
+    /**
+     * 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 = false;
+    /**
+     * boolean: Highlight feature on map optional (default false) boolean to indicate if we should highlight when hover on Feature in list
+     */
+    highlightOnHover = false;
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * ISortingInfo: Sorting field and order using which features list will be sorted
+     */
+    sortingInfo;
+    /**
+     * string: where clause to filter the features list
+     */
+    whereClause;
+    /**
+     * string(small/large): Controls the font size of the title
+     */
+    textSize = "large";
+    /**
+     * boolean: Show initial loading indicator when creating list
+     */
+    showInitialLoading = true;
+    /**
+     * boolean: If true will show error msg when features are not present
+     */
+    showErrorWhenNoFeatures = true;
+    /**
+     * boolean: If true display's profile img on each feature item
+     */
+    showUserImageInList = false;
+    /**
+     * boolean: If true display's feature symbol on each feature item
+     */
+    showFeatureSymbol = false;
+    /**
+     * boolean: If true will consider the FeatureFilter applied on the layerview
+     */
+    applyLayerViewFilter = false;
+    /**
+     * IReportingOptions: Key options for reporting
+     */
+    reportingOptions;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * calcite-list-item list of features with popup titles
+     */
+    _featureItems = [];
+    /**
+     * number: Total number of feature count
+     */
+    _featuresCount = 0;
+    /**
+     * boolean: Check if selected layer's features fetching process is completed
+     */
+    _isLoading = false;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/floor-filter/floor-filter.js

@@ -21,11 +21,6 @@
 import { Host, h } from "@stencil/core";
 import { loadModules } from "../../utils/loadModules";
 export class FloorFilter {
-    constructor() {
-        this.enabled = undefined;
-        this.floorFilterWidget = undefined;
-        this.mapView = undefined;
-    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -34,6 +29,25 @@ export class FloorFilter {
     el;
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: when true the Floor Filter widget will be available
+     */
+    enabled;
+    /**
+     * esri/widgets/FloorFilter: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-FloorFilter.html
+     *
+     * FloorFilter instance
+     */
+    floorFilterWidget;
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    //--------------------------------------------------------------------------
+    //
     //  State (internal)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/info-card/info-card.js

@@ -23,24 +23,6 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 import { loadModules } from "../../utils/loadModules";
 import { PopupUtils } from "../../utils/popupUtils";
 export class InfoCard {
-    constructor() {
-        this.enableEditGeometry = false;
-        this.graphics = undefined;
-        this.isLoading = false;
-        this.isMobile = undefined;
-        this.mapView = undefined;
-        this.allowEditing = true;
-        this.highlightEnabled = true;
-        this.locale = undefined;
-        this.paginationEnabled = true;
-        this.position = 'absolute';
-        this._alertOpen = false;
-        this._count = "";
-        this._editRecordOpen = false;
-        this._mobileTitle = "";
-        this._showListView = false;
-        this._translations = undefined;
-    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -49,6 +31,83 @@ export class InfoCard {
     el;
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * When true the geometry of the current feature will be editable
+     */
+    enableEditGeometry = false;
+    /**
+     * esri/Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html
+     */
+    graphics;
+    /**
+     * boolean: when true a loading indicator will be shown
+     */
+    isLoading = false;
+    /**
+     * When true the component will render an optimized view for mobile devices
+     */
+    isMobile;
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * boolean: If true will show edit button
+     */
+    allowEditing = true;
+    /**
+     * boolean: If true will highlights the features on map using Features Widget
+     */
+    highlightEnabled = true;
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * boolean: If true will show the pagination for multiple features
+     */
+    paginationEnabled = true;
+    /**
+     * string: Set the position of the feature info
+     */
+    position = 'absolute';
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: When true a alert will be shown to indicate a problem or confirm the current action
+     */
+    _alertOpen = false;
+    /**
+     * string: Current index of total string
+     * This value is not displayed but will force a render if it changes
+     */
+    _count = "";
+    /**
+     * When true the add record modal will be displayed
+     */
+    _editRecordOpen = false;
+    /**
+     * When isMobile is true we will handle the display of the title so
+     * we can display beside a custom back button
+     */
+    _mobileTitle = "";
+    /**
+     * When true the features list view will be displayed
+     */
+    _showListView = false;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/json-editor/json-editor.js

@@ -55,13 +55,6 @@
 import { Host, h } from "@stencil/core";
 import { getLocaleComponentStrings } from "../../utils/locale";
 export class JsonEditor {
-    constructor() {
-        this.hasChanges = false;
-        this.hasErrors = false;
-        this.instanceid = "";
-        this.locale = undefined;
-        this.value = "";
-    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -70,6 +63,34 @@ export class JsonEditor {
     el;
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Contains a public value to indicate if the model has any changes.
+     */
+    hasChanges = false;
+    /**
+     * Contains a public value to indicate if the model has any errors
+     * that would prevent saving it.
+     */
+    hasErrors = false;
+    /**
+     * Contains a unique identifier for when we have multiple instances of the editor.
+     * For example when we want to show an item's data as well as an item's properties.
+     */
+    instanceid = "";
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * Contains the public value for this component; it is not changed by the editor.
+     * When changed, the change overwrites the contents of the editor.
+     */
+    value = "";
+    //--------------------------------------------------------------------------
+    //
     //  Watch handlers
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/layer-list/layer-list.js

@@ -23,18 +23,6 @@ import { getAllLayers, getFeatureLayerView, getMapLayerHash } from "../../utils/
 import { getLocaleComponentStrings } from "../../utils/locale";
 import { formatNumber } from "../../utils/languageUtil";
 export class LayerList {
-    constructor() {
-        this.mapView = undefined;
-        this.layers = undefined;
-        this.locale = undefined;
-        this.showFeatureCount = true;
-        this.showNextIcon = false;
-        this.applyLayerViewFilter = false;
-        this._noLayersToDisplay = false;
-        this._mapLayerIds = [];
-        this._isLoading = false;
-        this._translations = undefined;
-    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -43,6 +31,56 @@ export class LayerList {
     el;
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * string[]: If passed will show only these layers in the list if they are present in map and are editable
+     */
+    layers;
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * boolean: if true display's feature count for each layer
+     */
+    showFeatureCount = true;
+    /**
+     * boolean: If true display's arrow icon on each layer item
+     */
+    showNextIcon = false;
+    /**
+     * boolean: If true will consider the FeatureFilter applied on the layerview
+     */
+    applyLayerViewFilter = false;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: When true will display message no layers found
+     */
+    _noLayersToDisplay = false;
+    /**
+     * string[]: list of layer ids from the map which will be listed
+     */
+    _mapLayerIds = [];
+    /**
+     * boolean: When true display the loading indicator
+     */
+    _isLoading = false;
+    /**
+     * Contains the translations for this component.
+     */
+    _translations;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------

package/dist/collection/components/layer-table/layer-table.js

@@ -26,47 +26,6 @@ import { queryAllIds, queryAllOidsWithQueryFeatures, queryFeaturesByGlobalID } f
 import * as downloadUtils from "../../utils/downloadUtils";
 import "@esri/instant-apps-components/dist/components/instant-apps-social-share";
 export class LayerTable {
-    constructor() {
-        this.appLayout = undefined;
-        this.defaultGlobalId = undefined;
-        this.defaultLayerId = undefined;
-        this.defaultOid = undefined;
-        this.enableAutoRefresh = undefined;
-        this.enableColumnReorder = true;
-        this.enableCSV = undefined;
-        this.enableInlineEdit = undefined;
-        this.enableShare = undefined;
-        this.honorMapFieldSettings = undefined;
-        this.isMobile = undefined;
-        this.locale = undefined;
-        this.mapHidden = undefined;
-        this.mapInfo = undefined;
-        this.mapView = undefined;
-        this.onlyShowUpdatableLayers = undefined;
-        this.selectedIds = [];
-        this.shareIncludeEmbed = undefined;
-        this.shareIncludeSocial = undefined;
-        this.showNewestFirst = undefined;
-        this.zoomAndScrollToSelected = undefined;
-        this.zoomToScale = undefined;
-        this.createFilterModal = true;
-        this._allIds = [];
-        this._controlsThatFit = undefined;
-        this._csvExporting = false;
-        this._fetchingData = false;
-        this._filterActive = false;
-        this._filterOpen = false;
-        this._layer = undefined;
-        this._selectAllActive = false;
-        this._showHideOpen = false;
-        this._showOnlySelected = false;
-        this._toolInfos = undefined;
-        this._translations = undefined;
-        this._fullTextSearchInfo = undefined;
-        this._searchPlaceHolder = '';
-        this._size = 0;
-        this._queryingData = false;
-    }
     //--------------------------------------------------------------------------
     //
     //  Host element access
@@ -75,6 +34,177 @@ export class LayerTable {
     el;
     //--------------------------------------------------------------------------
     //
+    //  Properties (public)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * AppLayout: the current app layout
+     */
+    appLayout;
+    /**
+     * string: Global ID of the feature to select
+     */
+    defaultGlobalId;
+    /**
+     * string: when provided this layer ID will be used when the app loads
+     */
+    defaultLayerId;
+    /**
+     * number: when provided this will be used to select a feature in the table by default
+     */
+    defaultOid;
+    /**
+     * boolean: when true the layer table will auto refresh the data
+     */
+    enableAutoRefresh;
+    /**
+     * boolean: when true the layer table will support drag/drop of columns to adjust order
+     */
+    enableColumnReorder = true;
+    /**
+     * boolean: when true the export to csv button will be available
+     */
+    enableCSV;
+    /**
+     * boolean: when true edits can be applied directly within the table
+     */
+    enableInlineEdit;
+    /**
+     * boolean: when true the share widget will be available
+     */
+    enableShare;
+    /**
+     * boolean: when true we will honor field order and visibility that may have been defined
+     * in the map viewer if no field order is defined in the mapInfo.
+     *
+     * Field order defined in the mapInfo as would be the case for Instant App configurations
+     * will always override this map level setting.
+     */
+    honorMapFieldSettings;
+    /**
+     * When true the component will render an optimized view for mobile devices
+     */
+    isMobile;
+    /**
+     * string: Locale to use for translation of stings in the UI
+     */
+    locale;
+    /**
+     * boolean: when true the map is hidden and map specific controls should be hidden
+     */
+    mapHidden;
+    /**
+     * IMapInfo: key configuration details about the current map
+     */
+    mapInfo;
+    /**
+     * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     */
+    mapView;
+    /**
+     * boolean: When true only editable layers that support the update capability will be available
+     */
+    onlyShowUpdatableLayers;
+    /**
+     * number[]: A list of ids that are currently selected
+     */
+    selectedIds = [];
+    /**
+     * boolean: When true the share options will include embed option
+     */
+    shareIncludeEmbed;
+    /**
+     * boolean: When true the share options will include social media sharing
+     */
+    shareIncludeSocial;
+    /**
+     * boolean: when true the table will be sorted by objectid in descending order by default
+     */
+    showNewestFirst;
+    /**
+     * boolean: When true the selected feature will zoomed to in the map and the row will be scrolled to within the table
+     */
+    zoomAndScrollToSelected;
+    /**
+     * number: default scale to zoom to when zooming to a single point feature
+     */
+    zoomToScale;
+    /**
+     * boolean: create filter modal optional (default true) boolean value to create filter modal in layer table
+     */
+    createFilterModal = true;
+    //--------------------------------------------------------------------------
+    //
+    //  State (internal)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * number[]: A list of all IDs for the current layer
+     */
+    _allIds = [];
+    /**
+     * IToolSizeInfo[]: The controls that currently fit based on toolbar size
+     */
+    _controlsThatFit;
+    /**
+     * boolean: When true a loading indicator will be shown beside the button text
+     */
+    _csvExporting = false;
+    /**
+     * boolean: When true a loading indicator will be shown in place of the layer table
+     */
+    _fetchingData = false;
+    /**
+     * boolean: When true an indicator will be shown on the action
+     */
+    _filterActive = false;
+    /**
+     * boolean: When true the filter component will be displayed
+     */
+    _filterOpen = false;
+    /**
+     * esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+     */
+    _layer;
+    /**
+     * boolean: When true the select all will be displayed in an active state
+     */
+    _selectAllActive = false;
+    /**
+     * boolean: When true the show/hide fields list is forced open
+     */
+    _showHideOpen = false;
+    /**
+     * boolean: When true only selected records will be shown in the table
+     */
+    _showOnlySelected = false;
+    /**
+     * IToolInfo[]: Key details used for creating the tools
+     */
+    _toolInfos;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations;
+    /**
+     * any[] Contains full text search info object
+     */
+    _fullTextSearchInfo;
+    /**
+    * string Placeholder string to show fields included in full text search
+    */
+    _searchPlaceHolder = '';
+    /**
+     * number Total number of records currently displayed in the table. This takes into account all active filters.
+     */
+    _size = 0;
+    /**
+     * boolean: When true a loading indicator will be shown in place of the layer table
+     */
+    _queryingData = false;
+    //--------------------------------------------------------------------------
+    //
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
@@ -1313,6 +1443,8 @@ export class LayerTable {
      * @param node HTMLDivElement The node representing the DOM element that will contain the widget.
      */
     async _getTable(node, columnTemplates) {
+        console.log("_getTable");
+        console.log(columnTemplates);
         if (this._layer) {
             await this._layer.when(() => {
                 this._table = new this.FeatureTable({
@@ -1994,6 +2126,7 @@ export class LayerTable {
      * @protected
      */
     _getColumnTemplates(id, fieldInfos) {
+        console.log("_getColumnTemplates SOMETHING IS OFF HERE I THINK");
         let layerOption;
         this.mapInfo?.layerOptions?.layers.some(l => {
             if (l.id === id) {
@@ -2006,6 +2139,7 @@ export class LayerTable {
         if (attributeTableTemplateElements?.length > 0 && this.honorMapFieldSettings) {
             mapFieldOrder = attributeTableTemplateElements.map(e => e.fieldName);
         }
+        //const fieldOrder = layerOption?.fields && layerOption?.fieldOrder ?
         const fieldOrder = layerOption?.fields && layerOption?.fieldOrder ?
             layerOption.fieldOrder.filter(f => layerOption.fields.indexOf(f) > -1) :
             mapFieldOrder.length > 0 ? mapFieldOrder : undefined;
@@ -2036,6 +2170,8 @@ export class LayerTable {
                 return prev;
             }, []);
         }
+        console.log("columnTemplates");
+        console.log(columnTemplates);
         return fieldOrder ?
             columnTemplates?.sort(this._sortFields.bind(this, fieldOrder)) :
             columnTemplates;