Merge pull request #528 from Esri/package-updates

Package updates

package.json

@@ -41,12 +41,12 @@
     "@stencil/core": "^4.8.0",
     "@stencil/sass": "^3.0.7",
     "@stencil/store": "^2.0.11",
-    "@types/arcgis-js-api": "^4.28.0",
     "@types/autoprefixer": "^10.2.0",
     "@types/jest": "^27.0.3",
     "@types/node": "^16.11.11",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
     "@typescript-eslint/parser": "^5.39.0",
+    "arcgis-js-api": "^4.29.0-next.20240118",
     "autoprefixer": "^10.4.4",
     "babel-jest": "^29.7.0",
     "dotenv": "^10.0.0",
@@ -79,8 +79,8 @@
     "@esri/arcgis-rest-portal": "^3.4.2",
     "@esri/arcgis-rest-request": "^3.4.2",
     "@esri/arcgis-rest-service-admin": "^3.4.2",
-    "@esri/calcite-components": "2.0.0",
-    "@esri/calcite-design-tokens": "2.0.0",
+    "@esri/calcite-components": "2.4.0",
+    "@esri/calcite-design-tokens": "2.1.1",
     "@esri/hub-common": "^12.37.1",
     "@esri/hub-initiatives": "^12.4.1",
     "@esri/hub-sites": "^12.6.0",

src/components/buffer-tools/readme.md

@@ -35,6 +35,12 @@
 
 Get the translated unit for display
 
+#### Parameters
+
+| Name   | Type     | Description |
+| ------ | -------- | ----------- |
+| `unit` | `string` |             |
+
 #### Returns
 
 Type: `Promise<string>`

src/components/crowdsource-manager/readme.md

@@ -161,6 +161,7 @@ graph TD;
   map-layer-picker --> calcite-option
   map-layer-picker --> calcite-dropdown-item
   calcite-select --> calcite-icon
+  calcite-combobox --> calcite-combobox-item
   calcite-combobox --> calcite-chip
   calcite-combobox --> calcite-icon
   calcite-combobox-item --> calcite-icon

src/components/crowdsource-reporter/crowdsource-reporter.tsx

@@ -188,7 +188,7 @@ export class CrowdsourceReporter {
    * boolean: When true show the sort and filter icon
    */
   @State() _hasValidLayers = false;
-  
+
    /**
    * string: The selected feature layer's name from the layer's list
    */
@@ -256,7 +256,7 @@ export class CrowdsourceReporter {
   protected _mapClickHandle: IHandle;
 
   /**
-   * HTMLCreateFeatureElement: Create Feature component instance 
+   * HTMLCreateFeatureElement: Create Feature component instance
    */
   protected _createFeature: HTMLCreateFeatureElement;
 
@@ -348,9 +348,9 @@ export class CrowdsourceReporter {
         {this._reportSubmitted && <calcite-alert
           auto-close
           class={themeClass}
-          closable
           icon="check-circle"
           kind="success"
+          label=""
           onCalciteAlertClose={() => { this._reportSubmitted = false }}
           open
           placement={"top"}>
@@ -360,9 +360,9 @@ export class CrowdsourceReporter {
         {this._featureCreationFailedErrorMsg && <calcite-alert
           auto-close
           class={themeClass}
-          closable
           icon="x-octagon"
           kind="danger"
+          label=""
           onCalciteAlertClose={() => { this._featureCreationFailedErrorMsg = "" }}
           open
           placement={"top"}>
@@ -445,7 +445,7 @@ export class CrowdsourceReporter {
           ? <calcite-flow>
             {renderLists?.length > 0 && renderLists}
           </calcite-flow>
-          : <calcite-loader scale="m" />}
+          : <calcite-loader label="" scale="m" />}
       </calcite-panel>
     );
   }
@@ -475,7 +475,7 @@ export class CrowdsourceReporter {
         {this.isMobile && this.getActionToExpandCollapsePanel()}
         {this._hasValidLayers && this.enableNewReports &&
           <calcite-button
-            appearance="secondary"
+            appearance="solid"
             onClick={this.navigateToChooseCategory.bind(this)}
             slot="footer"
             width="full">
@@ -513,7 +513,7 @@ export class CrowdsourceReporter {
         <div class={"width-full"}
              slot="footer">
           <calcite-button
-            appearance="secondary"
+            appearance="solid"
             class={"footer-top-button footer-button"}
             disabled={!this._selectedLayerId}
             onClick={this.navigateToCreateFeature.bind(this)}
@@ -565,7 +565,7 @@ export class CrowdsourceReporter {
         {this._showSubmitCancelButton && <div class={"width-full"}
           slot="footer">
           <calcite-button
-            appearance="secondary"
+            appearance="solid"
             class={"footer-top-button footer-button"}
             onClick={this.onSubmitButtonClick.bind(this)}
             width="full">
@@ -707,7 +707,7 @@ export class CrowdsourceReporter {
    */
   protected async layerListLoaded(evt: CustomEvent): Promise<void> {
     const layersListed = evt.detail;
-    //consider only the layers listed in the layer-list component  
+    //consider only the layers listed in the layer-list component
     const allMapLayers = await getAllLayers(this.mapView);
     this._validLayers = [];
     allMapLayers.forEach((eachLayer: __esri.FeatureLayer) => {
@@ -794,7 +794,7 @@ export class CrowdsourceReporter {
         {this.isMobile && this.getActionToExpandCollapsePanel()}
         {this.enableNewReports &&
           <calcite-button
-            appearance="secondary"
+            appearance="solid"
             onClick={this.navigateToCreateFeature.bind(this)}
             slot="footer"
             width="full">
@@ -917,9 +917,9 @@ export class CrowdsourceReporter {
   }
 
   /**
-   * Handle map click event 
+   * Handle map click event
    * @param layers Array of layerIds
-   * 
+   *
    * @protected
    */
   protected handleMapClick(): void {
@@ -936,7 +936,7 @@ export class CrowdsourceReporter {
   /**
    * On map click do hitTest and get the clicked graphics of valid layers and show feature details
    * @param event IMapClick map click event details
-   * 
+   *
    * @protected
    */
   protected async onMapClick(event: IMapClick): Promise<void> {

src/components/delete-button/delete-button.tsx

@@ -180,6 +180,7 @@ export class DeleteButton {
             id={this.icon}
             onClick={() => this._delete()}
             scale="s"
+            text={this._translations.delete}
           >
             <calcite-button
               appearance="transparent"

src/components/feature-list/feature-list.tsx

@@ -121,7 +121,7 @@ export class FeatureList {
   //--------------------------------------------------------------------------
 
   /**
-   * Watch for selectedLayerId change and update layer instance and features list for new layerId 
+   * Watch for selectedLayerId change and update layer instance and features list for new layerId
    */
   @Watch("selectedLayerId")
   async selectedLayerWatchHandler(): Promise<void> {
@@ -180,7 +180,7 @@ export class FeatureList {
       <calcite-panel
         full-height
         full-width>
-        {this._isLoading && <calcite-loader scale="m" />}
+        {this._isLoading && <calcite-loader label="" scale="m" />}
         {this._featureItems.length === 0 && !this._isLoading &&
           <calcite-notice
             class="error-msg"

src/components/json-editor/readme.md

@@ -48,6 +48,12 @@ Type: `Promise<void>`
 
 Replaces the current selection with the supplied text, inserting if nothing is selected.
 
+#### Parameters
+
+| Name          | Type     | Description                              |
+| ------------- | -------- | ---------------------------------------- |
+| `replacement` | `string` | Text to use for replacement or insertion |
+
 #### Returns
 
 Type: `Promise<any>`

src/components/layer-list/layer-list.tsx

@@ -83,7 +83,7 @@ export class LayerList {
   //--------------------------------------------------------------------------
 
   /**
-   * boolean: When true will display message no layers found 
+   * boolean: When true will display message no layers found
    */
   @State() _noLayersToDisplay = false;
 
@@ -180,7 +180,7 @@ export class LayerList {
   render() {
     return (
       <Fragment>
-        {this._isLoading && <calcite-loader scale="m" />}
+        {this._isLoading && <calcite-loader label="" scale="m" />}
         {!this._isLoading && this.mapView && this._noLayersToDisplay &&
           <calcite-notice
             class="error-msg"

src/components/layer-table/layer-table.tsx

@@ -21,7 +21,7 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 import { getLayerOrTable, goToSelection } from "../../utils/mapViewUtils";
 import { queryAllIds, queryFeatureIds, queryFeaturesByGlobalID } from "../../utils/queryUtils";
 import * as downloadUtils from "../../utils/downloadUtils";
-import { EditType, IColumnsInfo, IExportInfos, ILayerDef, IMapClick, IMapInfo, IToolInfo, IToolSizeInfo } from "../../utils/interfaces";
+import { EditType, IColumnsInfo, IExportInfos, ILayerDef, IMapClick, IMapInfo, IToolInfo, IToolSizeInfo, TooltipPlacement } from "../../utils/interfaces";
 import "@esri/instant-apps-components/dist/components/instant-apps-social-share";
 import { LayerExpression } from "@esri/instant-apps-components";
 
@@ -804,7 +804,7 @@ export class LayerTable {
               <calcite-dropdown-item
                 id={k}
                 onClick={(e) => {
-                  const target = e.target;
+                  const target = e.target as HTMLCalciteDropdownItemElement;
                   this._columnsInfo[target.id] = target.selected;
                   if (!target.selected) {
                     this._table.hideColumn(target.id);
@@ -1336,7 +1336,7 @@ export class LayerTable {
    * @returns VNode The tooltip node
    */
   protected _getToolTip(
-    placement: string,
+    placement: TooltipPlacement,
     referenceElement: string,
     text: string
   ): VNode {
@@ -1756,7 +1756,7 @@ export class LayerTable {
         aria-labelledby="modal-title"
         class="modal"
         kind="brand"
-        onCalciteModalClose={async () => this._closeFilter()}
+        onCalciteModalClose={() => void this._closeFilter()}
         open={this._filterOpen}
         widthScale="s"
       >

src/components/layer-table/readme.md

@@ -106,12 +106,13 @@ graph TD;
   map-layer-picker --> calcite-dropdown-item
   calcite-notice --> calcite-icon
   calcite-select --> calcite-icon
+  calcite-combobox --> calcite-combobox-item
   calcite-combobox --> calcite-chip
   calcite-combobox --> calcite-icon
+  calcite-combobox-item --> calcite-icon
   calcite-chip --> calcite-icon
   calcite-button --> calcite-loader
   calcite-button --> calcite-icon
-  calcite-combobox-item --> calcite-icon
   calcite-dropdown-item --> calcite-icon
   instant-apps-social-share --> calcite-popover
   instant-apps-social-share --> calcite-button

src/components/map-layer-picker/map-layer-picker.tsx

@@ -406,7 +406,6 @@ export class MapLayerPicker {
   ): VNode {
     return (
       <calcite-dropdown
-        calciteDropdownOpen={() => alert("open")}
         class="layer-picker-dropdown"
         onCalciteDropdownBeforeClose={() => this._isDropdownOpen = false}
         onCalciteDropdownBeforeOpen={() => this._isDropdownOpen = true}

src/components/map-layer-picker/readme.md

@@ -77,14 +77,15 @@ graph TD;
   map-layer-picker --> calcite-dropdown-item
   calcite-notice --> calcite-icon
   calcite-select --> calcite-icon
+  calcite-combobox --> calcite-combobox-item
   calcite-combobox --> calcite-chip
   calcite-combobox --> calcite-icon
+  calcite-combobox-item --> calcite-icon
   calcite-chip --> calcite-icon
   calcite-action --> calcite-loader
   calcite-action --> calcite-icon
   calcite-button --> calcite-loader
   calcite-button --> calcite-icon
-  calcite-combobox-item --> calcite-icon
   calcite-dropdown-item --> calcite-icon
   layer-table --> map-layer-picker
   map-select-tools --> map-layer-picker

src/components/map-picker/readme.md

@@ -25,6 +25,12 @@
 
 
 
+#### Parameters
+
+| Name | Type     | Description |
+| ---- | -------- | ----------- |
+| `id` | `string` |             |
+
 #### Returns
 
 Type: `Promise<void>`

src/components/map-select-tools/readme.md

@@ -118,12 +118,13 @@ graph TD;
   map-layer-picker --> calcite-option
   map-layer-picker --> calcite-dropdown-item
   calcite-notice --> calcite-icon
+  calcite-combobox --> calcite-combobox-item
   calcite-combobox --> calcite-chip
   calcite-combobox --> calcite-icon
+  calcite-combobox-item --> calcite-icon
   calcite-chip --> calcite-icon
   calcite-button --> calcite-loader
   calcite-button --> calcite-icon
-  calcite-combobox-item --> calcite-icon
   calcite-dropdown-item --> calcite-icon
   calcite-input-message --> calcite-icon
   public-notification --> map-select-tools

src/components/pdf-download/readme.md

@@ -19,6 +19,15 @@
 
 Downloads csv of mailing labels for the provided list of ids
 
+#### Parameters
+
+| Name               | Type           | Description                                                                             |
+| ------------------ | -------------- | --------------------------------------------------------------------------------------- |
+| `webmap`           | `Map`          | Webmap containing layer                                                                 |
+| `exportInfos`      | `IExportInfos` | Information about items to be exported                                                  |
+| `removeDuplicates` | `boolean`      | When true a single label is generated when multiple featues have a shared address value |
+| `addColumnTitle`   | `boolean`      | Indicates if column headings should be included in output                               |
+
 #### Returns
 
 Type: `Promise<void>`
@@ -29,6 +38,16 @@ Promise resolving when function is done
 
 Downloads pdf of mailing labels for the provided list of ids
 
+#### Parameters
+
+| Name                  | Type           | Description                                                                             |
+| --------------------- | -------------- | --------------------------------------------------------------------------------------- |
+| `webmap`              | `Map`          | Webmap containing layer                                                                 |
+| `exportInfos`         | `IExportInfos` | Information about items to be exported                                                  |
+| `removeDuplicates`    | `boolean`      | When true a single label is generated when multiple featues have a shared address value |
+| `title`               | `string`       | Title for each page                                                                     |
+| `initialImageDataUrl` | `string`       | Data URL of image for first page                                                        |
+
 #### Returns
 
 Type: `Promise<void>`

src/components/public-notification/readme.md

@@ -143,10 +143,11 @@ graph TD;
   map-layer-picker --> calcite-option
   map-layer-picker --> calcite-dropdown-item
   calcite-notice --> calcite-icon
+  calcite-combobox --> calcite-combobox-item
   calcite-combobox --> calcite-chip
   calcite-combobox --> calcite-icon
-  calcite-chip --> calcite-icon
   calcite-combobox-item --> calcite-icon
+  calcite-chip --> calcite-icon
   calcite-dropdown-item --> calcite-icon
   calcite-input-message --> calcite-icon
   calcite-segmented-control-item --> calcite-icon

src/components/refine-selection/readme.md

@@ -71,14 +71,15 @@ graph TD;
   map-layer-picker --> calcite-dropdown-item
   calcite-notice --> calcite-icon
   calcite-select --> calcite-icon
+  calcite-combobox --> calcite-combobox-item
   calcite-combobox --> calcite-chip
   calcite-combobox --> calcite-icon
+  calcite-combobox-item --> calcite-icon
   calcite-chip --> calcite-icon
   calcite-action --> calcite-loader
   calcite-action --> calcite-icon
   calcite-button --> calcite-loader
   calcite-button --> calcite-icon
-  calcite-combobox-item --> calcite-icon
   calcite-dropdown-item --> calcite-icon
   calcite-popover --> calcite-action
   calcite-popover --> calcite-icon