@esri/solutions-components 0.10.33 → 0.10.35

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

@@ -42,6 +42,10 @@ export declare class CrowdsourceManager {
      * string: custom notification text to display in the card manager
      */
     customInfoText: string;
+    /**
+     * string: default layout the application should use
+     */
+    defaultAppLayout: AppLayout;
     /**
      * string: default center point values for the map
      * ; delimited x;y pair
@@ -238,6 +242,10 @@ export declare class CrowdsourceManager {
      * boolean: if true panel will be in loading state
      */
     _isLoading: boolean;
+    /**
+     * boolean: When true the default appLayout has been applied and should no longer override
+     */
+    protected _defaultAppLayoutHonored: 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

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

@@ -503,7 +503,7 @@ export declare class CrowdsourceReporter {
      * On submit report navigate to the layer list home page and refresh the layer list
      * @protected
      */
-    protected onReportSubmitted(): void;
+    protected onReportSubmitted(): Promise<void>;
     /**
      * On adding the is failed, show the error message
      * @param evt Event which has comment failed message
@@ -553,6 +553,11 @@ export declare class CrowdsourceReporter {
      * @protected
      */
     protected resetFilter(): Promise<void>;
+    /**
+     * On back from filter panel get the filter's init state
+     * @protected
+     */
+    protected backFromFilterPanel(): Promise<void>;
     /**
      * On back from selected panel navigate to the previous panel
      * @protected

package/dist/types/components/delete-button/delete-button.d.ts

@@ -18,6 +18,10 @@ import DeleteButton_T9n from "../../assets/t9n/delete-button/resources.json";
 import { ButtonType, EditType } from "../../utils/interfaces";
 export declare class DeleteButton {
     el: HTMLBufferToolsElement;
+    /**
+     * calcite-modal: Use this prop when using the button within a parent like a dropdown that would constrain the modal and that is not desired
+     */
+    deleteDialog: any;
     /**
      * ButtonType (button | action): Support usage as action or button
      */
@@ -46,10 +50,6 @@ export declare class DeleteButton {
      * boolean: When true the user can delete the current features
      */
     _deleteEndabled: boolean;
-    /**
-     * boolean: When true a loading indicator will be shown in the delete button
-     */
-    _isDeleting: boolean;
     /**
      * boolean: When true the layer supports delete and a button will be returned
      */
@@ -101,14 +101,6 @@ export declare class DeleteButton {
      * @returns node to confirm or deny the delete operation
      */
     protected _deleteMessage(): VNode;
-    /**
-     * Delete the currently selected features
-     */
-    protected _deleteFeatures(): Promise<void>;
-    /**
-     * Set the alertOpen member to false when the alert is closed
-     */
-    protected _deleteClosed(): void;
     /**
      * Fetches the component's translations
      *

package/dist/types/components/delete-dialog/delete-dialog.d.ts

@@ -0,0 +1,75 @@
+/** @license
+ * Copyright 2024 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { EventEmitter } from '../../stencil-public-runtime';
+import DeleteDialog_T9n from "../../assets/t9n/delete-button/resources.json";
+import { EditType } from "../../utils/interfaces";
+export declare class DeleteDialog {
+    el: HTMLDeleteDialogElement;
+    /**
+     * 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;
+    /**
+     * boolean: When true the delete dialog will be displayed
+     */
+    open: boolean;
+    /**
+     * boolean: When true a loading indicator will be shown in the delete button
+     */
+    _isDeleting: boolean;
+    /**
+     * Contains the translations for this component.
+     * All UI strings should be defined here.
+     */
+    _translations: typeof DeleteDialog_T9n;
+    /**
+     * Emitted on demand when features have been deleted
+     */
+    editsComplete: EventEmitter<EditType>;
+    /**
+     * Emitted on demand when features have been deleted
+     */
+    deleteDialogClose: EventEmitter<void>;
+    /**
+     * StencilJS: Called once just after the component is first connected to the DOM.
+     *
+     * @returns Promise when complete
+     */
+    componentWillLoad(): Promise<void>;
+    /**
+     * Renders the component.
+     */
+    render(): any;
+    /**
+     * Delete the currently selected features
+     */
+    protected _deleteFeatures(): Promise<void>;
+    /**
+     * Set the alertOpen member to false when the alert is closed
+     */
+    protected _close(): void;
+    /**
+     * Fetches the component's translations
+     *
+     * @returns Promise when complete
+     * @protected
+     */
+    protected _getTranslations(): Promise<void>;
+}

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

@@ -15,11 +15,15 @@
  */
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import LayerTable_T9n from "../../assets/t9n/layer-table/resources.json";
-import { IColumnsInfo, IMapClick, IMapInfo, IToolInfo, IToolSizeInfo, TooltipPlacement } from "../../utils/interfaces";
+import { AppLayout, IColumnsInfo, 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";
 export declare class LayerTable {
     el: HTMLCrowdsourceManagerElement;
+    /**
+     * AppLayout: the current app layout
+     */
+    appLayout: AppLayout;
     /**
      * string: Global ID of the feature to select
      */
@@ -132,6 +136,10 @@ export declare class LayerTable {
      * boolean: When true the select all will be displayed in an active state
      */
     _selectAllActive: boolean;
+    /**
+     * boolean: When true the delete dialog will be shown
+     */
+    _deleteDialogOpen: boolean;
     /**
      * boolean: When true the show/hide fields list is forced open
      */
@@ -317,6 +325,10 @@ export declare class LayerTable {
      * string the current search expression
      */
     protected _searchExpression: string;
+    /**
+     * Update the url params when the appLayout changes
+     */
+    appLayoutWatchHandler(): void;
     /**
      * Handle url defaults when defaultOid is set
      */
@@ -435,6 +447,7 @@ export declare class LayerTable {
      * Renders the component.
      */
     render(): any;
+    protected _deleteDialog: any;
     /**
      * Called once after the component is loaded
      */
@@ -595,6 +608,13 @@ export declare class LayerTable {
      * @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;
+    /**
+     * Show the delete dialog
+     *
+     * @param
+     *
+     */
+    protected _showDelete(): void;
     /**
      * Get an action and tooltip for share
      *

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

@@ -15,9 +15,14 @@
  */
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import MapCard_T9n from "../../assets/t9n/map-card/resources.json";
-import { IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, IToolInfo, IToolSizeInfo, theme, TooltipPlacement } from "../../utils/interfaces";
+import { AppLayout, IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, IToolInfo, IToolSizeInfo, theme, TooltipPlacement } from "../../utils/interfaces";
+import "@esri/instant-apps-components/dist/components/instant-apps-social-share";
 export declare class MapCard {
     el: HTMLMapCardElement;
+    /**
+     * AppLayout: the current app layout
+     */
+    appLayout: AppLayout;
     /**
      * Array of objects containing proxy information for premium platform services.
      */
@@ -46,6 +51,10 @@ export declare class MapCard {
      * boolean: when true the fullscreen widget will be available
      */
     enableFullscreen: boolean;
+    /**
+     * boolean: when true the share widget will be available
+     */
+    enableShare: boolean;
     /**
      * boolean: when true map tools will be displayed within a single expand/collapse widget
      * when false widgets will be loaded individually into expand widgets
@@ -121,6 +130,14 @@ export declare class MapCard {
      * boolean: When true map will shown is full screen
      */
     isMapLayout: boolean;
+    /**
+     * boolean: When true the share options will include embed option
+     */
+    shareIncludeEmbed: boolean;
+    /**
+     * boolean: When true the share options will include social media sharing
+     */
+    shareIncludeSocial: boolean;
     /**
      * number[]: A list of ids that are currently selected
      */
@@ -234,6 +251,10 @@ export declare class MapCard {
      * ResizeObserver: The observer that watches for toolbar size changes
      */
     protected _resizeObserver: ResizeObserver;
+    /**
+     * HTMLInstantAppsSocialShareElement: Element to support app sharing to social media
+     */
+    protected _shareNode: HTMLInstantAppsSocialShareElement;
     /**
      * HTMLCalciteDropdownElement: Dropdown the will support show/hide of table columns
      */
@@ -258,10 +279,22 @@ export declare class MapCard {
      * boolean: When true the observer has been set and we don't need to set it again
      */
     protected _observerSet: boolean;
+    /**
+     * Update the url params when the appLayout changes
+     */
+    appLayoutWatchHandler(): void;
     /**
      * Add/remove home widget
      */
     enableHomeWatchHandler(): void;
+    /**
+     * Update the toolbar when the share button is enabled/disabled
+     */
+    enableShareWatchHandler(): void;
+    /**
+     * watch for changes in map view and get the first layer
+     */
+    mapViewWatchHandler(): Promise<void>;
     /**
      * watch for changes in layer view and verify if it has editing enabled
      */
@@ -378,6 +411,18 @@ export declare class MapCard {
      * @protected
      */
     protected _getDropdown(id: string): VNode;
+    /**
+     * Get an action and tooltip for share
+     *
+     * @param icon string the name of the icon to display, will also be used in its id
+     *
+     * @returns VNode The node representing the DOM element that will contain the action
+     */
+    protected _getShare(icon: string): VNode;
+    /**
+     * Called each time the values that are used for custom url params change
+     */
+    _updateShareUrl(): void;
     /**
      * Open show/hide dropdown
      * @protected

package/dist/types/components.d.ts

@@ -225,6 +225,10 @@ export namespace Components {
           * string: custom notification text to display in the card manager
          */
         "customInfoText": string;
+        /**
+          * string: default layout the application should use
+         */
+        "defaultAppLayout": AppLayout;
         /**
           * string: default center point values for the map ; delimited x;y pair
          */
@@ -495,6 +499,10 @@ export namespace Components {
           * ButtonType (button | action): Support usage as action or button
          */
         "buttonType": ButtonType;
+        /**
+          * calcite-modal: Use this prop when using the button within a parent like a dropdown that would constrain the modal and that is not desired
+         */
+        "deleteDialog": any;
         /**
           * boolean: This overrides internal enable/disable logic that is based on checks if the layer supports delete
          */
@@ -512,6 +520,20 @@ export namespace Components {
          */
         "layer": __esri.FeatureLayer;
     }
+    interface DeleteDialog {
+        /**
+          * 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;
+        /**
+          * boolean: When true the delete dialog will be displayed
+         */
+        "open": boolean;
+    }
     interface EditCard {
         /**
           * When true the geometry of the current feature will be editable
@@ -791,6 +813,10 @@ export namespace Components {
         "showNextIcon"?: boolean;
     }
     interface LayerTable {
+        /**
+          * AppLayout: the current app layout
+         */
+        "appLayout": AppLayout;
         /**
           * Closes the filter
          */
@@ -895,6 +921,10 @@ export namespace Components {
     interface LocationFlowItem {
     }
     interface MapCard {
+        /**
+          * AppLayout: the current app layout
+         */
+        "appLayout": AppLayout;
         /**
           * Array of objects containing proxy information for premium platform services.
          */
@@ -935,6 +965,10 @@ export namespace Components {
           * boolean: when true the search widget will be available
          */
         "enableSearch": boolean;
+        /**
+          * boolean: when true the share widget will be available
+         */
+        "enableShare": boolean;
         /**
           * boolean: when true map tools will be displayed within a single expand/collapse widget when false widgets will be loaded individually into expand widgets
          */
@@ -1003,6 +1037,14 @@ export namespace Components {
           * __esri.FeatureLayer: Selected layer
          */
         "selectedLayer": __esri.FeatureLayer;
+        /**
+          * boolean: When true the share options will include embed option
+         */
+        "shareIncludeEmbed": boolean;
+        /**
+          * boolean: When true the share options will include social media sharing
+         */
+        "shareIncludeSocial": boolean;
         /**
           * boolean: When true the map widget tools will have no margin between them. When false the map widget tools will have a margin between them.
          */
@@ -1789,6 +1831,10 @@ export interface DeleteButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDeleteButtonElement;
 }
+export interface DeleteDialogCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDeleteDialogElement;
+}
 export interface EditCardCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLEditCardElement;
@@ -2056,6 +2102,24 @@ declare global {
         prototype: HTMLDeleteButtonElement;
         new (): HTMLDeleteButtonElement;
     };
+    interface HTMLDeleteDialogElementEventMap {
+        "editsComplete": EditType;
+        "deleteDialogClose": void;
+    }
+    interface HTMLDeleteDialogElement extends Components.DeleteDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDeleteDialogElementEventMap>(type: K, listener: (this: HTMLDeleteDialogElement, ev: DeleteDialogCustomEvent<HTMLDeleteDialogElementEventMap[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 HTMLDeleteDialogElementEventMap>(type: K, listener: (this: HTMLDeleteDialogElement, ev: DeleteDialogCustomEvent<HTMLDeleteDialogElementEventMap[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 HTMLDeleteDialogElement: {
+        prototype: HTMLDeleteDialogElement;
+        new (): HTMLDeleteDialogElement;
+    };
     interface HTMLEditCardElementEventMap {
         "closeEdit": void;
         "editsComplete": void;
@@ -2590,6 +2654,7 @@ declare global {
         "crowdsource-reporter": HTMLCrowdsourceReporterElement;
         "deduct-calculator": HTMLDeductCalculatorElement;
         "delete-button": HTMLDeleteButtonElement;
+        "delete-dialog": HTMLDeleteDialogElement;
         "edit-card": HTMLEditCardElement;
         "feature-comments": HTMLFeatureCommentsElement;
         "feature-details": HTMLFeatureDetailsElement;
@@ -2892,6 +2957,10 @@ declare namespace LocalJSX {
           * string: custom notification text to display in the card manager
          */
         "customInfoText"?: string;
+        /**
+          * string: default layout the application should use
+         */
+        "defaultAppLayout"?: AppLayout;
         /**
           * string: default center point values for the map ; delimited x;y pair
          */
@@ -3178,6 +3247,10 @@ declare namespace LocalJSX {
           * ButtonType (button | action): Support usage as action or button
          */
         "buttonType"?: ButtonType;
+        /**
+          * calcite-modal: Use this prop when using the button within a parent like a dropdown that would constrain the modal and that is not desired
+         */
+        "deleteDialog"?: any;
         /**
           * boolean: This overrides internal enable/disable logic that is based on checks if the layer supports delete
          */
@@ -3199,6 +3272,28 @@ declare namespace LocalJSX {
          */
         "onEditsComplete"?: (event: DeleteButtonCustomEvent<EditType>) => void;
     }
+    interface DeleteDialog {
+        /**
+          * 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
+         */
+        "onDeleteDialogClose"?: (event: DeleteDialogCustomEvent<void>) => void;
+        /**
+          * Emitted on demand when features have been deleted
+         */
+        "onEditsComplete"?: (event: DeleteDialogCustomEvent<EditType>) => void;
+        /**
+          * boolean: When true the delete dialog will be displayed
+         */
+        "open"?: boolean;
+    }
     interface EditCard {
         /**
           * When true the geometry of the current feature will be editable
@@ -3468,6 +3563,10 @@ declare namespace LocalJSX {
         "showNextIcon"?: boolean;
     }
     interface LayerTable {
+        /**
+          * AppLayout: the current app layout
+         */
+        "appLayout"?: AppLayout;
         /**
           * boolean: create filter modal optional (default true) boolean value to create filter modal in layer table
          */
@@ -3568,6 +3667,10 @@ declare namespace LocalJSX {
     interface LocationFlowItem {
     }
     interface MapCard {
+        /**
+          * AppLayout: the current app layout
+         */
+        "appLayout"?: AppLayout;
         /**
           * Array of objects containing proxy information for premium platform services.
          */
@@ -3608,6 +3711,10 @@ declare namespace LocalJSX {
           * boolean: when true the search widget will be available
          */
         "enableSearch"?: boolean;
+        /**
+          * boolean: when true the share widget will be available
+         */
+        "enableShare"?: boolean;
         /**
           * boolean: when true map tools will be displayed within a single expand/collapse widget when false widgets will be loaded individually into expand widgets
          */
@@ -3688,6 +3795,14 @@ declare namespace LocalJSX {
           * __esri.FeatureLayer: Selected layer
          */
         "selectedLayer"?: __esri.FeatureLayer;
+        /**
+          * boolean: When true the share options will include embed option
+         */
+        "shareIncludeEmbed"?: boolean;
+        /**
+          * boolean: When true the share options will include social media sharing
+         */
+        "shareIncludeSocial"?: boolean;
         /**
           * boolean: When true the map widget tools will have no margin between them. When false the map widget tools will have a margin between them.
          */
@@ -4415,6 +4530,7 @@ declare namespace LocalJSX {
         "crowdsource-reporter": CrowdsourceReporter;
         "deduct-calculator": DeductCalculator;
         "delete-button": DeleteButton;
+        "delete-dialog": DeleteDialog;
         "edit-card": EditCard;
         "feature-comments": FeatureComments;
         "feature-details": FeatureDetails;
@@ -4475,6 +4591,7 @@ declare module "@stencil/core" {
             "crowdsource-reporter": LocalJSX.CrowdsourceReporter & JSXBase.HTMLAttributes<HTMLCrowdsourceReporterElement>;
             "deduct-calculator": LocalJSX.DeductCalculator & JSXBase.HTMLAttributes<HTMLDeductCalculatorElement>;
             "delete-button": LocalJSX.DeleteButton & JSXBase.HTMLAttributes<HTMLDeleteButtonElement>;
+            "delete-dialog": LocalJSX.DeleteDialog & JSXBase.HTMLAttributes<HTMLDeleteDialogElement>;
             "edit-card": LocalJSX.EditCard & JSXBase.HTMLAttributes<HTMLEditCardElement>;
             "feature-comments": LocalJSX.FeatureComments & JSXBase.HTMLAttributes<HTMLFeatureCommentsElement>;
             "feature-details": LocalJSX.FeatureDetails & JSXBase.HTMLAttributes<HTMLFeatureDetailsElement>;

package/dist/types/preact.d.ts

@@ -581,6 +581,11 @@ declare module "preact/src/jsx" {
         "oneditsComplete"?: (event: CustomEvent<any>) => void;
       }
 
+      "delete-dialog": Omit<JSX.SolutionsDeleteDialog, "onEditsComplete" | "onDeleteDialogClose"> & JSXInternal.HTMLAttributes<HTMLSolutionsDeleteDialogElement> & {
+        "oneditsComplete"?: (event: CustomEvent<any>) => void;
+        "ondeleteDialogClose"?: (event: CustomEvent<any>) => void;
+      }
+
       "edit-card": Omit<JSX.SolutionsEditCard, "onCloseEdit" | "onEditsComplete" | "onRefreshGraphics"> & JSXInternal.HTMLAttributes<HTMLSolutionsEditCardElement> & {
         "oncloseEdit"?: (event: CustomEvent<any>) => void;
         "oneditsComplete"?: (event: CustomEvent<any>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.10.33",
+  "version": "0.10.35",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -84,7 +84,7 @@
     "workbox-build": "^7.1.1"
   },
   "dependencies": {
-    "@arcgis/core": ">=4.31.0-next.20240922 <4.32",
+    "@arcgis/core": ">=4.31.0-next.20241016 <4.32",
     "@esri/arcgis-rest-auth": "^3.7.0",
     "@esri/arcgis-rest-feature-layer": "^3.7.0",
     "@esri/arcgis-rest-portal": "^3.7.0",