@itwin/map-layers 3.1.0-dev.8 → 3.2.0-dev.12

package/lib/cjs/ui/FeatureInfoUiItemsProvider.js

@@ -0,0 +1,51 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureInfoUiItemsProvider = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const appui_react_1 = require("@itwin/appui-react");
+const FeatureInfoWidget_1 = require("./widget/FeatureInfoWidget");
+const mapLayers_1 = require("../mapLayers");
+const MapFeatureInfoTool_1 = require("./MapFeatureInfoTool");
+class FeatureInfoUiItemsProvider {
+    constructor(_featureInfoOpts) {
+        this._featureInfoOpts = _featureInfoOpts;
+        this.id = "FeatureInfoUiItemsProvider";
+    }
+    provideToolbarButtonItems(_stageId, stageUsage, toolbarUsage, toolbarOrientation) {
+        var _a;
+        if (!((_a = this._featureInfoOpts) === null || _a === void 0 ? void 0 : _a.disableDefaultFeatureInfoTool) &&
+            stageUsage === appui_abstract_1.StageUsage.General &&
+            toolbarUsage === appui_abstract_1.ToolbarUsage.ContentManipulation &&
+            toolbarOrientation === appui_abstract_1.ToolbarOrientation.Vertical) {
+            MapFeatureInfoTool_1.DefaultMapFeatureInfoTool.register(mapLayers_1.MapLayersUI.localizationNamespace);
+            return [
+                appui_react_1.ToolbarHelper.createToolbarItemFromItemDef(60, (0, MapFeatureInfoTool_1.getDefaultMapFeatureInfoToolItemDef)()),
+            ];
+        }
+        return [];
+    }
+    // eslint-disable-next-line deprecation/deprecation
+    provideWidgets(_stageId, stageUsage, location, section, zoneLocation) {
+        const widgets = [];
+        // eslint-disable-next-line deprecation/deprecation
+        if ((undefined === section && stageUsage === appui_abstract_1.StageUsage.General && zoneLocation === appui_abstract_1.AbstractZoneLocation.BottomRight) ||
+            (stageUsage === appui_abstract_1.StageUsage.General && location === appui_abstract_1.StagePanelLocation.Right && section === appui_abstract_1.StagePanelSection.End && "1" !== appui_react_1.UiFramework.uiVersion)) {
+            widgets.push({
+                id: FeatureInfoUiItemsProvider.widgetId,
+                label: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:FeatureInfoWidget.Label"),
+                icon: "icon-map",
+                getWidgetContent: () => React.createElement(FeatureInfoWidget_1.MapFeatureInfoWidget, { featureInfoOpts: this._featureInfoOpts }),
+                defaultState: appui_abstract_1.WidgetState.Closed,
+            });
+        }
+        return widgets;
+    }
+}
+exports.FeatureInfoUiItemsProvider = FeatureInfoUiItemsProvider;
+FeatureInfoUiItemsProvider.widgetId = "map-layers:mapFeatureInfoWidget";
+//# sourceMappingURL=FeatureInfoUiItemsProvider.js.map

package/lib/cjs/ui/FeatureInfoUiItemsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureInfoUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F,+BAA+B;AAC/B,0DAAwN;AACxN,oDAAgE;AAChE,kEAAkE;AAElE,4CAA2C;AAC3C,6DAAsG;AAEtG,MAAa,0BAA0B;IAIrC,YAA2B,gBAAuC;QAAvC,qBAAgB,GAAhB,gBAAgB,CAAuB;QAHlD,OAAE,GAAG,4BAA4B,CAAC;IAGoB,CAAC;IAEhE,yBAAyB,CAC9B,QAAgB,EAChB,UAAkB,EAClB,YAA0B,EAC1B,kBAAsC;;QAEtC,IACE,CAAC,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,6BAA6B,CAAA;YACrD,UAAU,KAAK,2BAAU,CAAC,OAAO;YACjC,YAAY,KAAK,6BAAY,CAAC,mBAAmB;YACjD,kBAAkB,KAAK,mCAAkB,CAAC,QAAQ,EAClD;YACA,8CAAyB,CAAC,QAAQ,CAAC,uBAAW,CAAC,qBAAqB,CAAC,CAAC;YACtE,OAAO;gBACL,2BAAa,CAAC,4BAA4B,CAAC,EAAE,EAAE,IAAA,wDAAmC,GAAE,CAAC;aACtF,CAAC;SACH;QAED,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,mDAAmD;IAC5C,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAA2B,EAAE,YAAmC;QACxJ,MAAM,OAAO,GAA0B,EAAE,CAAC;QAE1C,mDAAmD;QACnD,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,UAAU,KAAK,2BAAU,CAAC,OAAO,IAAI,YAAY,KAAK,qCAAoB,CAAC,WAAW,CAAC;YACnH,CAAC,UAAU,KAAK,2BAAU,CAAC,OAAO,IAAI,QAAQ,KAAK,mCAAkB,CAAC,KAAK,IAAI,OAAO,KAAK,kCAAiB,CAAC,GAAG,IAAI,GAAG,KAAK,yBAAW,CAAC,SAAS,CAAC,EAAE;YACpJ,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,0BAA0B,CAAC,QAAQ;gBACvC,KAAK,EAAE,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,mCAAmC,CAAC;gBACvF,IAAI,EAAE,UAAU;gBAChB,gBAAgB,EAAE,GAAG,EAAE,CAAC,oBAAC,wCAAoB,IAAC,eAAe,EAAE,IAAI,CAAC,gBAAgB,GAAI;gBACxF,YAAY,EAAE,4BAAW,CAAC,MAAM;aACjC,CAAC,CAAC;SACJ;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;;AA5CH,gEA6CC;AA3CwB,mCAAQ,GAAG,iCAAiC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractWidgetProps, AbstractZoneLocation, CommonToolbarItem, StagePanelLocation, StagePanelSection, StageUsage, ToolbarOrientation, ToolbarUsage, UiItemsProvider, WidgetState } from \"@itwin/appui-abstract\";\r\nimport { ToolbarHelper, UiFramework } from \"@itwin/appui-react\";\r\nimport { MapFeatureInfoWidget } from \"./widget/FeatureInfoWidget\";\r\nimport { MapFeatureInfoOptions } from \"./Interfaces\";\r\nimport { MapLayersUI } from \"../mapLayers\";\r\nimport { DefaultMapFeatureInfoTool, getDefaultMapFeatureInfoToolItemDef } from \"./MapFeatureInfoTool\";\r\n\r\nexport class FeatureInfoUiItemsProvider implements UiItemsProvider {\r\n  public readonly id = \"FeatureInfoUiItemsProvider\";\r\n  public static readonly widgetId = \"map-layers:mapFeatureInfoWidget\";\r\n\r\n  public constructor(private _featureInfoOpts: MapFeatureInfoOptions) { }\r\n\r\n  public provideToolbarButtonItems(\r\n    _stageId: string,\r\n    stageUsage: string,\r\n    toolbarUsage: ToolbarUsage,\r\n    toolbarOrientation: ToolbarOrientation,\r\n  ): CommonToolbarItem[] {\r\n    if (\r\n      !this._featureInfoOpts?.disableDefaultFeatureInfoTool &&\r\n      stageUsage === StageUsage.General &&\r\n      toolbarUsage === ToolbarUsage.ContentManipulation &&\r\n      toolbarOrientation === ToolbarOrientation.Vertical\r\n    ) {\r\n      DefaultMapFeatureInfoTool.register(MapLayersUI.localizationNamespace);\r\n      return [\r\n        ToolbarHelper.createToolbarItemFromItemDef(60, getDefaultMapFeatureInfoToolItemDef()),\r\n      ];\r\n    }\r\n\r\n    return [];\r\n  }\r\n\r\n  // eslint-disable-next-line deprecation/deprecation\r\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section?: StagePanelSection, zoneLocation?: AbstractZoneLocation): ReadonlyArray<AbstractWidgetProps> {\r\n    const widgets: AbstractWidgetProps[] = [];\r\n\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    if ((undefined === section && stageUsage === StageUsage.General && zoneLocation === AbstractZoneLocation.BottomRight) ||\r\n      (stageUsage === StageUsage.General && location === StagePanelLocation.Right && section === StagePanelSection.End && \"1\" !== UiFramework.uiVersion)) {\r\n      widgets.push({\r\n        id: FeatureInfoUiItemsProvider.widgetId,\r\n        label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\r\n        icon: \"icon-map\",\r\n        getWidgetContent: () => <MapFeatureInfoWidget featureInfoOpts={this._featureInfoOpts} />, // eslint-disable-line react/display-name\r\n        defaultState: WidgetState.Closed,\r\n      });\r\n    }\r\n\r\n    return widgets;\r\n  }\r\n}\r\n"]}

package/lib/cjs/ui/Interfaces.d.ts

@@ -1,10 +1,11 @@
+import { BeEvent } from "@itwin/core-bentley";
 import { MapSubLayerProps } from "@itwin/core-common";
-import { MapLayerImageryProvider } from "@itwin/core-frontend";
+import { HitDetail, MapLayerImageryProvider } from "@itwin/core-frontend";
 export interface StyleMapLayerSettings {
     /** Name */
     name: string;
-    /** URL */
-    url: string;
+    /** source (i.URL for ImageMapLayerSettings or modelId for ModelMapLayerSettings) */
+    source: string;
     /** Controls visibility of layer */
     visible: boolean;
     /** A transparency value from 0.0 (fully opaque) to 1.0 (fully transparent) to apply to map graphics when drawing, or false to indicate the transparency should not be overridden. Default value: false. */
@@ -29,4 +30,19 @@ export interface MapLayerOptions {
     fetchPublicMapLayerSources?: boolean;
     mapTypeOptions?: MapTypesOptions;
 }
+export interface MapFeatureInfoPropertyGridOptions {
+    isPropertySelectionEnabled?: boolean;
+}
+export declare type MapHitEvent = BeEvent<(hit: HitDetail) => void>;
+export interface MapFeatureInfoOptions {
+    /**
+     * HitDetail Event whenever the map is clicked.
+     * Typically the HitDetail object is provided by ElementLocateManager.doLocate.
+     * Every time this event is raised, FeatureInfoWidget will attempt to retrieve data from MapLayerImageryProviders.
+     */
+    onMapHit: MapHitEvent;
+    disableDefaultFeatureInfoTool?: boolean;
+    showLoadProgressAnimation?: boolean;
+    propertyGridOptions?: MapFeatureInfoPropertyGridOptions;
+}
 //# sourceMappingURL=Interfaces.d.ts.map

package/lib/cjs/ui/Interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Interfaces.d.ts","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,iCAAiC;IACjC,aAAa,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,uBAAuB,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC;CAC5C;AAED,MAAM,WAAW,eAAe;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC"}
+{"version":3,"file":"Interfaces.d.ts","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,iCAAiC;IACjC,aAAa,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,uBAAuB,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC;CAC5C;AAED,MAAM,WAAW,eAAe;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,iCAAiC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,oBAAY,WAAW,GAAG,OAAO,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC;AAE5D,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,QAAQ,EAAE,WAAW,CAAC;IACtB,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,iCAAiC,CAAC;CACzD"}

package/lib/cjs/ui/Interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport { MapSubLayerProps } from \"@itwin/core-common\";\r\nimport { MapLayerImageryProvider } from \"@itwin/core-frontend\";\r\n\r\nexport interface StyleMapLayerSettings {\r\n  /** Name */\r\n  name: string;\r\n  /** URL */\r\n  url: string;\r\n  /** Controls visibility of layer */\r\n  visible: boolean;\r\n  /** A transparency value from 0.0 (fully opaque) to 1.0 (fully transparent) to apply to map graphics when drawing, or false to indicate the transparency should not be overridden. Default value: false. */\r\n  transparency: number;\r\n  /** Transparent background */\r\n  transparentBackground: boolean;\r\n  /** set map as underlay or overlay */\r\n  isOverlay: boolean;\r\n  /** Available map sub-layer */\r\n  subLayers?: MapSubLayerProps[];\r\n  /** sub-layer panel displayed. */\r\n  showSubLayers: boolean;\r\n  /** Some format can publish only a single layer at a time (i.e WMTS) */\r\n  provider?: MapLayerImageryProvider;\r\n}\r\n\r\nexport interface MapTypesOptions {\r\n  readonly supportTileUrl: boolean;\r\n  readonly supportWmsAuthentication: boolean;\r\n}\r\n\r\nexport interface MapLayerOptions {\r\n  hideExternalMapLayers?: boolean;\r\n  fetchPublicMapLayerSources?: boolean;\r\n  mapTypeOptions?: MapTypesOptions;\r\n}\r\n"]}
+{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport { BeEvent } from \"@itwin/core-bentley\";\r\nimport { MapSubLayerProps } from \"@itwin/core-common\";\r\nimport { HitDetail, MapLayerImageryProvider } from \"@itwin/core-frontend\";\r\n\r\nexport interface StyleMapLayerSettings {\r\n  /** Name */\r\n  name: string;\r\n  /** source (i.URL for ImageMapLayerSettings or modelId for ModelMapLayerSettings) */\r\n  source: string;\r\n  /** Controls visibility of layer */\r\n  visible: boolean;\r\n  /** A transparency value from 0.0 (fully opaque) to 1.0 (fully transparent) to apply to map graphics when drawing, or false to indicate the transparency should not be overridden. Default value: false. */\r\n  transparency: number;\r\n  /** Transparent background */\r\n  transparentBackground: boolean;\r\n  /** set map as underlay or overlay */\r\n  isOverlay: boolean;\r\n  /** Available map sub-layer */\r\n  subLayers?: MapSubLayerProps[];\r\n  /** sub-layer panel displayed. */\r\n  showSubLayers: boolean;\r\n  /** Some format can publish only a single layer at a time (i.e WMTS) */\r\n  provider?: MapLayerImageryProvider;\r\n}\r\n\r\nexport interface MapTypesOptions {\r\n  readonly supportTileUrl: boolean;\r\n  readonly supportWmsAuthentication: boolean;\r\n}\r\n\r\nexport interface MapLayerOptions {\r\n  hideExternalMapLayers?: boolean;\r\n  fetchPublicMapLayerSources?: boolean;\r\n  mapTypeOptions?: MapTypesOptions;\r\n}\r\n\r\nexport interface MapFeatureInfoPropertyGridOptions {\r\n  isPropertySelectionEnabled?: boolean;\r\n}\r\n\r\nexport type MapHitEvent = BeEvent<(hit: HitDetail) => void>;\r\n\r\nexport interface MapFeatureInfoOptions {\r\n  /**\r\n   * HitDetail Event whenever the map is clicked.\r\n   * Typically the HitDetail object is provided by ElementLocateManager.doLocate.\r\n   * Every time this event is raised, FeatureInfoWidget will attempt to retrieve data from MapLayerImageryProviders.\r\n   */\r\n  onMapHit: MapHitEvent;\r\n  disableDefaultFeatureInfoTool?: boolean;\r\n  showLoadProgressAnimation?: boolean;\r\n  propertyGridOptions?: MapFeatureInfoPropertyGridOptions;\r\n}\r\n"]}

package/lib/cjs/ui/MapFeatureInfoTool.d.ts

@@ -0,0 +1,14 @@
+import { BeButtonEvent, EventHandled, HitDetail, PrimitiveTool } from "@itwin/core-frontend";
+import { ToolItemDef } from "@itwin/appui-react";
+import { BeEvent } from "@itwin/core-bentley";
+export declare const getDefaultMapFeatureInfoToolItemDef: () => ToolItemDef;
+export declare class DefaultMapFeatureInfoTool extends PrimitiveTool {
+    static readonly onMapHit: BeEvent<(hit: HitDetail) => void>;
+    static toolId: string;
+    static iconSpec: string;
+    requireWriteableTarget(): boolean;
+    onDataButtonDown(ev: BeButtonEvent): Promise<EventHandled>;
+    onResetButtonUp(_ev: BeButtonEvent): Promise<EventHandled>;
+    onRestartTool(): Promise<void>;
+}
+//# sourceMappingURL=MapFeatureInfoTool.d.ts.map

package/lib/cjs/ui/MapFeatureInfoTool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapFeatureInfoTool.d.ts","sourceRoot":"","sources":["../../../src/ui/MapFeatureInfoTool.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,aAAa,EACb,YAAY,EACZ,SAAS,EAGT,aAAa,EACd,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAqB,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,eAAO,MAAM,mCAAmC,QAAO,WAOnD,CAAC;AAEL,qBAAa,yBAA0B,SAAQ,aAAa;IAC1D,gBAAuB,QAAQ,gBAAqB,SAAS,KAAK,IAAI,EAAI;IAC1E,OAAuB,MAAM,SAAwB;IACrD,OAAuB,QAAQ,SAAc;IAE7B,sBAAsB,IAAI,OAAO;IAI3B,gBAAgB,CACpC,EAAE,EAAE,aAAa,GAChB,OAAO,CAAC,YAAY,CAAC;IAsBF,eAAe,CACnC,GAAG,EAAE,aAAa,GACjB,OAAO,CAAC,YAAY,CAAC;IAMX,aAAa;CAI3B"}

package/lib/cjs/ui/MapFeatureInfoTool.js

@@ -0,0 +1,51 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultMapFeatureInfoTool = exports.getDefaultMapFeatureInfoToolItemDef = void 0;
+const core_frontend_1 = require("@itwin/core-frontend");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const appui_react_1 = require("@itwin/appui-react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const FeatureInfoUiItemsProvider_1 = require("./FeatureInfoUiItemsProvider");
+const getDefaultMapFeatureInfoToolItemDef = () => new appui_react_1.ToolItemDef({
+    toolId: DefaultMapFeatureInfoTool.toolId,
+    iconSpec: DefaultMapFeatureInfoTool.iconSpec,
+    label: () => DefaultMapFeatureInfoTool.flyover,
+    description: () => DefaultMapFeatureInfoTool.description,
+    execute: async () => { await core_frontend_1.IModelApp.tools.run(DefaultMapFeatureInfoTool.toolId); },
+});
+exports.getDefaultMapFeatureInfoToolItemDef = getDefaultMapFeatureInfoToolItemDef;
+class DefaultMapFeatureInfoTool extends core_frontend_1.PrimitiveTool {
+    requireWriteableTarget() {
+        return false;
+    }
+    async onDataButtonDown(ev) {
+        const hit = await core_frontend_1.IModelApp.locateManager.doLocate(new core_frontend_1.LocateResponse(), true, ev.point, ev.viewport, ev.inputSource);
+        if (hit !== undefined) {
+            const widgetDef = appui_react_1.FrontstageManager.findWidget(FeatureInfoUiItemsProvider_1.FeatureInfoUiItemsProvider.widgetId);
+            if (widgetDef && widgetDef.state !== appui_abstract_1.WidgetState.Open)
+                widgetDef.setWidgetState(appui_abstract_1.WidgetState.Open);
+            DefaultMapFeatureInfoTool.onMapHit.raiseEvent(hit);
+            return core_frontend_1.EventHandled.Yes;
+        }
+        return core_frontend_1.EventHandled.No;
+    }
+    async onResetButtonUp(_ev) {
+        /* Common reset behavior for primitive tools is calling onReinitialize to restart or exitTool to terminate. */
+        await this.onReinitialize();
+        return core_frontend_1.EventHandled.No;
+    }
+    async onRestartTool() {
+        const tool = new DefaultMapFeatureInfoTool();
+        if (!(await tool.run()))
+            return this.exitTool();
+    }
+}
+exports.DefaultMapFeatureInfoTool = DefaultMapFeatureInfoTool;
+DefaultMapFeatureInfoTool.onMapHit = new core_bentley_1.BeEvent();
+DefaultMapFeatureInfoTool.toolId = "MapFeatureInfoTool";
+DefaultMapFeatureInfoTool.iconSpec = "icon-map";
+//# sourceMappingURL=MapFeatureInfoTool.js.map

package/lib/cjs/ui/MapFeatureInfoTool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapFeatureInfoTool.js","sourceRoot":"","sources":["../../../src/ui/MapFeatureInfoTool.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F,wDAO8B;AAC9B,0DAAoD;AACpD,oDAAoE;AACpE,sDAA8C;AAC9C,6EAA0E;AAEnE,MAAM,mCAAmC,GAAG,GAAgB,EAAE,CACnE,IAAI,yBAAW,CAAC;IACd,MAAM,EAAE,yBAAyB,CAAC,MAAM;IACxC,QAAQ,EAAE,yBAAyB,CAAC,QAAQ;IAC5C,KAAK,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,OAAO;IAC9C,WAAW,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,WAAW;IACxD,OAAO,EAAE,KAAK,IAAI,EAAE,GAAG,MAAM,yBAAS,CAAC,KAAK,CAAC,GAAG,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CACtF,CAAC,CAAC;AAPQ,QAAA,mCAAmC,uCAO3C;AAEL,MAAa,yBAA0B,SAAQ,6BAAa;IAK1C,sBAAsB;QACpC,OAAO,KAAK,CAAC;IACf,CAAC;IAEe,KAAK,CAAC,gBAAgB,CACpC,EAAiB;QAEjB,MAAM,GAAG,GAAG,MAAM,yBAAS,CAAC,aAAa,CAAC,QAAQ,CAChD,IAAI,8BAAc,EAAE,EACpB,IAAI,EACJ,EAAE,CAAC,KAAK,EACR,EAAE,CAAC,QAAQ,EACX,EAAE,CAAC,WAAW,CACf,CAAC;QACF,IAAI,GAAG,KAAK,SAAS,EAAE;YACrB,MAAM,SAAS,GAAG,+BAAiB,CAAC,UAAU,CAC5C,uDAA0B,CAAC,QAAQ,CACpC,CAAC;YACF,IAAI,SAAS,IAAI,SAAS,CAAC,KAAK,KAAK,4BAAW,CAAC,IAAI;gBACnD,SAAS,CAAC,cAAc,CAAC,4BAAW,CAAC,IAAI,CAAC,CAAC;YAE7C,yBAAyB,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YACnD,OAAO,4BAAY,CAAC,GAAG,CAAC;SACzB;QAED,OAAO,4BAAY,CAAC,EAAE,CAAC;IACzB,CAAC;IAEe,KAAK,CAAC,eAAe,CACnC,GAAkB;QAElB,8GAA8G;QAC9G,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,OAAO,4BAAY,CAAC,EAAE,CAAC;IACzB,CAAC;IAEM,KAAK,CAAC,aAAa;QACxB,MAAM,IAAI,GAAG,IAAI,yBAAyB,EAAE,CAAC;QAC7C,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC;YAAE,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IAClD,CAAC;;AA5CH,8DA6CC;AA5CwB,kCAAQ,GAAG,IAAI,sBAAO,EAA4B,CAAC;AACnD,gCAAM,GAAG,oBAAoB,CAAC;AAC9B,kCAAQ,GAAG,UAAU,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport {\r\n  BeButtonEvent,\r\n  EventHandled,\r\n  HitDetail,\r\n  IModelApp,\r\n  LocateResponse,\r\n  PrimitiveTool,\r\n} from \"@itwin/core-frontend\";\r\nimport { WidgetState } from \"@itwin/appui-abstract\";\r\nimport { FrontstageManager, ToolItemDef } from \"@itwin/appui-react\";\r\nimport { BeEvent } from \"@itwin/core-bentley\";\r\nimport { FeatureInfoUiItemsProvider } from \"./FeatureInfoUiItemsProvider\";\r\n\r\nexport const getDefaultMapFeatureInfoToolItemDef = (): ToolItemDef =>\r\n  new ToolItemDef({\r\n    toolId: DefaultMapFeatureInfoTool.toolId,\r\n    iconSpec: DefaultMapFeatureInfoTool.iconSpec,\r\n    label: () => DefaultMapFeatureInfoTool.flyover,\r\n    description: () => DefaultMapFeatureInfoTool.description,\r\n    execute: async () => { await IModelApp.tools.run(DefaultMapFeatureInfoTool.toolId); },\r\n  });\r\n\r\nexport class DefaultMapFeatureInfoTool extends PrimitiveTool {\r\n  public static readonly onMapHit = new BeEvent<(hit: HitDetail) => void>();\r\n  public static override toolId = \"MapFeatureInfoTool\";\r\n  public static override iconSpec = \"icon-map\";\r\n\r\n  public override requireWriteableTarget(): boolean {\r\n    return false;\r\n  }\r\n\r\n  public override async onDataButtonDown(\r\n    ev: BeButtonEvent\r\n  ): Promise<EventHandled> {\r\n    const hit = await IModelApp.locateManager.doLocate(\r\n      new LocateResponse(),\r\n      true,\r\n      ev.point,\r\n      ev.viewport,\r\n      ev.inputSource\r\n    );\r\n    if (hit !== undefined) {\r\n      const widgetDef = FrontstageManager.findWidget(\r\n        FeatureInfoUiItemsProvider.widgetId\r\n      );\r\n      if (widgetDef && widgetDef.state !== WidgetState.Open)\r\n        widgetDef.setWidgetState(WidgetState.Open);\r\n\r\n      DefaultMapFeatureInfoTool.onMapHit.raiseEvent(hit);\r\n      return EventHandled.Yes;\r\n    }\r\n\r\n    return EventHandled.No;\r\n  }\r\n\r\n  public override async onResetButtonUp(\r\n    _ev: BeButtonEvent\r\n  ): Promise<EventHandled> {\r\n    /* Common reset behavior for primitive tools is calling onReinitialize to restart or exitTool to terminate. */\r\n    await this.onReinitialize();\r\n    return EventHandled.No;\r\n  }\r\n\r\n  public async onRestartTool() {\r\n    const tool = new DefaultMapFeatureInfoTool();\r\n    if (!(await tool.run())) return this.exitTool();\r\n  }\r\n}\r\n"]}

package/lib/cjs/ui/MapLayersUiItemsProvider.d.ts

@@ -1,23 +1,9 @@
-import { AbstractWidgetProps, StagePanelLocation, StagePanelSection, UiItemsProvider } from "@itwin/appui-abstract";
-import { Localization } from "@itwin/core-common";
-import { ConfigurableCreateInfo, WidgetControl } from "@itwin/appui-react";
+import { AbstractWidgetProps, AbstractZoneLocation, StagePanelLocation, StagePanelSection, UiItemsProvider } from "@itwin/appui-abstract";
 import { MapLayerOptions } from "./Interfaces";
 export declare class MapLayersUiItemsProvider implements UiItemsProvider {
     readonly id = "MapLayersUiItemsProvider";
-    static localization: Localization;
-    constructor(localization: Localization);
-    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section: StagePanelSection | undefined): ReadonlyArray<AbstractWidgetProps>;
-}
-/** MapLayersWidgetControl provides a widget to attach and remove maps layers from the active view's display style.
- * ``` tsx
- *  <Widget id={MapLayersWidgetControl.id} label={MapLayersWidgetControl.label} control={MapLayersWidgetControl}
- *    iconSpec={MapLayersWidgetControl.iconSpec} />,
- * ```
- */
-export declare class MapLayersWidgetControl extends WidgetControl {
-    static id: string;
-    static iconSpec: string;
-    static get label(): string;
-    constructor(info: ConfigurableCreateInfo, mapLayerOptions: MapLayerOptions | undefined);
+    private _mapLayerOptions?;
+    constructor(mapLayerOptions?: MapLayerOptions);
+    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section: StagePanelSection | undefined, zoneLocation?: AbstractZoneLocation): ReadonlyArray<AbstractWidgetProps>;
 }
 //# sourceMappingURL=MapLayersUiItemsProvider.d.ts.map

package/lib/cjs/ui/MapLayersUiItemsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapLayersUiItemsProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/MapLayersUiItemsProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAChI,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,qBAAa,wBAAyB,YAAW,eAAe;IAC9D,SAAgB,EAAE,8BAA8B;IAChD,OAAc,YAAY,EAAE,YAAY,CAAC;gBAEtB,YAAY,EAAE,YAAY;IAItC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,GAAG,SAAS,GAAG,aAAa,CAAC,mBAAmB,CAAC;CAmBtK;AAED;;;;;GAKG;AACH,qBAAa,sBAAuB,SAAQ,aAAa;IACvD,OAAc,EAAE,SAAqB;IACrC,OAAc,QAAQ,SAAc;IAEpC,WAAkB,KAAK,IAAI,MAAM,CAEhC;gBAEW,IAAI,EAAE,sBAAsB,EAAE,eAAe,EAAE,eAAe,GAAG,SAAS;CAKvF"}
+{"version":3,"file":"MapLayersUiItemsProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/MapLayersUiItemsProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,iBAAiB,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGtJ,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,qBAAa,wBAAyB,YAAW,eAAe;IAC9D,SAAgB,EAAE,8BAA8B;IAChD,OAAO,CAAC,gBAAgB,CAAC,CAAkB;gBAExB,eAAe,CAAC,EAAE,eAAe;IAS7C,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,GAAG,SAAS,EAAE,YAAY,CAAC,EAAE,oBAAoB,GAAG,aAAa,CAAC,mBAAmB,CAAC;CAgB3M"}

package/lib/cjs/ui/MapLayersUiItemsProvider.js

@@ -4,52 +4,36 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MapLayersWidgetControl = exports.MapLayersUiItemsProvider = void 0;
+exports.MapLayersUiItemsProvider = void 0;
 const React = require("react");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const MapLayersWidget_1 = require("./widget/MapLayersWidget");
 const appui_react_1 = require("@itwin/appui-react");
-const core_frontend_1 = require("@itwin/core-frontend");
+const mapLayers_1 = require("../mapLayers");
 class MapLayersUiItemsProvider {
-    constructor(localization) {
+    constructor(mapLayerOptions) {
         this.id = "MapLayersUiItemsProvider";
-        MapLayersUiItemsProvider.localization = localization;
-    }
-    provideWidgets(_stageId, stageUsage, location, section) {
-        const widgets = [];
-        const mapLayerOptions = {
+        this._mapLayerOptions = mapLayerOptions !== null && mapLayerOptions !== void 0 ? mapLayerOptions : {
             hideExternalMapLayers: false,
             mapTypeOptions: { supportTileUrl: false, supportWmsAuthentication: true },
             fetchPublicMapLayerSources: false,
         };
-        if (stageUsage === appui_abstract_1.StageUsage.General && location === appui_abstract_1.StagePanelLocation.Right && section === appui_abstract_1.StagePanelSection.Start) {
+    }
+    // eslint-disable-next-line deprecation/deprecation
+    provideWidgets(_stageId, stageUsage, location, section, zoneLocation) {
+        const widgets = [];
+        // eslint-disable-next-line deprecation/deprecation
+        if ((undefined === section && stageUsage === appui_abstract_1.StageUsage.General && zoneLocation === appui_abstract_1.AbstractZoneLocation.CenterRight) ||
+            (stageUsage === appui_abstract_1.StageUsage.General && location === appui_abstract_1.StagePanelLocation.Right && section === appui_abstract_1.StagePanelSection.Start && "1" !== appui_react_1.UiFramework.uiVersion)) {
             widgets.push({
                 id: "map-layers:mapLayersWidget",
-                label: core_frontend_1.IModelApp.localization.getLocalizedString("mapLayers:Widget.Label"),
+                label: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:Widget.Label"),
                 icon: "icon-map",
-                getWidgetContent: () => React.createElement(MapLayersWidget_1.MapLayersWidget, { mapLayerOptions: mapLayerOptions }), // eslint-disable-line react/display-name
+                getWidgetContent: () => React.createElement(MapLayersWidget_1.MapLayersWidget, { mapLayerOptions: this._mapLayerOptions }), // eslint-disable-line react/display-name
             });
         }
         return widgets;
     }
 }
 exports.MapLayersUiItemsProvider = MapLayersUiItemsProvider;
-/** MapLayersWidgetControl provides a widget to attach and remove maps layers from the active view's display style.
- * ``` tsx
- *  <Widget id={MapLayersWidgetControl.id} label={MapLayersWidgetControl.label} control={MapLayersWidgetControl}
- *    iconSpec={MapLayersWidgetControl.iconSpec} />,
- * ```
- */
-class MapLayersWidgetControl extends appui_react_1.WidgetControl {
-    constructor(info, mapLayerOptions) {
-        super(info, mapLayerOptions);
-        this.reactNode = React.createElement(MapLayersWidget_1.MapLayersWidget, { mapLayerOptions: mapLayerOptions });
-    }
-    static get label() {
-        return core_frontend_1.IModelApp.localization.getLocalizedString("mapLayers:Widget.Label");
-    }
-}
-exports.MapLayersWidgetControl = MapLayersWidgetControl;
-MapLayersWidgetControl.id = "MapLayersWidget";
-MapLayersWidgetControl.iconSpec = "icon-map";
 //# sourceMappingURL=MapLayersUiItemsProvider.js.map

package/lib/cjs/ui/MapLayersUiItemsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapLayersUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/MapLayersUiItemsProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F,+BAA+B;AAC/B,0DAAgI;AAEhI,8DAA2D;AAC3D,oDAA2E;AAC3E,wDAAiD;AAGjD,MAAa,wBAAwB;IAInC,YAAmB,YAA0B;QAH7B,OAAE,GAAG,0BAA0B,CAAC;QAI9C,wBAAwB,CAAC,YAAY,GAAG,YAAY,CAAC;IACvD,CAAC;IAEM,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAAsC;QAC9H,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,MAAM,eAAe,GAAoB;YACvC,qBAAqB,EAAE,KAAK;YAC5B,cAAc,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE;YACzE,0BAA0B,EAAE,KAAK;SAClC,CAAC;QAEF,IAAI,UAAU,KAAK,2BAAU,CAAC,OAAO,IAAI,QAAQ,KAAK,mCAAkB,CAAC,KAAK,IAAI,OAAO,KAAK,kCAAiB,CAAC,KAAK,EAAE;YACrH,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,4BAA4B;gBAChC,KAAK,EAAE,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,wBAAwB,CAAC;gBAC1E,IAAI,EAAE,UAAU;gBAChB,gBAAgB,EAAE,GAAG,EAAE,CAAC,oBAAC,iCAAe,IAAC,eAAe,EAAE,eAAe,GAAI,EAAE,yCAAyC;aACzH,CAAC,CAAC;SACJ;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AA3BD,4DA2BC;AAED;;;;;GAKG;AACH,MAAa,sBAAuB,SAAQ,2BAAa;IAQvD,YAAY,IAA4B,EAAE,eAA4C;QACpF,KAAK,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QAE7B,IAAI,CAAC,SAAS,GAAG,oBAAC,iCAAe,IAAC,eAAe,EAAE,eAAe,GAAI,CAAC;IACzE,CAAC;IARM,MAAM,KAAK,KAAK;QACrB,OAAO,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;IAC7E,CAAC;;AANH,wDAaC;AAZe,yBAAE,GAAG,iBAAiB,CAAC;AACvB,+BAAQ,GAAG,UAAU,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractWidgetProps, StagePanelLocation, StagePanelSection, StageUsage, UiItemsProvider } from \"@itwin/appui-abstract\";\r\nimport { Localization } from \"@itwin/core-common\";\r\nimport { MapLayersWidget } from \"./widget/MapLayersWidget\";\r\nimport { ConfigurableCreateInfo, WidgetControl } from \"@itwin/appui-react\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { MapLayerOptions } from \"./Interfaces\";\r\n\r\nexport class MapLayersUiItemsProvider implements UiItemsProvider {\r\n  public readonly id = \"MapLayersUiItemsProvider\";\r\n  public static localization: Localization;\r\n\r\n  public constructor(localization: Localization) {\r\n    MapLayersUiItemsProvider.localization = localization;\r\n  }\r\n\r\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section: StagePanelSection | undefined): ReadonlyArray<AbstractWidgetProps> {\r\n    const widgets: AbstractWidgetProps[] = [];\r\n    const mapLayerOptions: MapLayerOptions = {\r\n      hideExternalMapLayers: false,\r\n      mapTypeOptions: { supportTileUrl: false, supportWmsAuthentication: true },\r\n      fetchPublicMapLayerSources: false,\r\n    };\r\n\r\n    if (stageUsage === StageUsage.General && location === StagePanelLocation.Right && section === StagePanelSection.Start) {\r\n      widgets.push({\r\n        id: \"map-layers:mapLayersWidget\",\r\n        label: IModelApp.localization.getLocalizedString(\"mapLayers:Widget.Label\"),\r\n        icon: \"icon-map\",\r\n        getWidgetContent: () => <MapLayersWidget mapLayerOptions={mapLayerOptions} />, // eslint-disable-line react/display-name\r\n      });\r\n    }\r\n\r\n    return widgets;\r\n  }\r\n}\r\n\r\n/** MapLayersWidgetControl provides a widget to attach and remove maps layers from the active view's display style.\r\n * ``` tsx\r\n *  <Widget id={MapLayersWidgetControl.id} label={MapLayersWidgetControl.label} control={MapLayersWidgetControl}\r\n *    iconSpec={MapLayersWidgetControl.iconSpec} />,\r\n * ```\r\n */\r\nexport class MapLayersWidgetControl extends WidgetControl {\r\n  public static id = \"MapLayersWidget\";\r\n  public static iconSpec = \"icon-map\";\r\n\r\n  public static get label(): string {\r\n    return IModelApp.localization.getLocalizedString(\"mapLayers:Widget.Label\");\r\n  }\r\n\r\n  constructor(info: ConfigurableCreateInfo, mapLayerOptions: MapLayerOptions | undefined) {\r\n    super(info, mapLayerOptions);\r\n\r\n    this.reactNode = <MapLayersWidget mapLayerOptions={mapLayerOptions} />;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"MapLayersUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/MapLayersUiItemsProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F,+BAA+B;AAC/B,0DAAsJ;AACtJ,8DAA2D;AAC3D,oDAAiD;AAEjD,4CAA2C;AAE3C,MAAa,wBAAwB;IAInC,YAAmB,eAAiC;QAHpC,OAAE,GAAG,0BAA0B,CAAC;QAI9C,IAAI,CAAC,gBAAgB,GAAG,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI;YACzC,qBAAqB,EAAE,KAAK;YAC5B,cAAc,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE;YACzE,0BAA0B,EAAE,KAAK;SAClC,CAAC;IACJ,CAAC;IAED,mDAAmD;IAC5C,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAAsC,EAAE,YAAmC;QACnK,MAAM,OAAO,GAA0B,EAAE,CAAC;QAE1C,mDAAmD;QACnD,IAAI,CAAC,SAAS,KAAK,OAAO,IAAI,UAAU,KAAK,2BAAU,CAAC,OAAO,IAAI,YAAY,KAAK,qCAAoB,CAAC,WAAW,CAAC;YACnH,CAAC,UAAU,KAAK,2BAAU,CAAC,OAAO,IAAI,QAAQ,KAAK,mCAAkB,CAAC,KAAK,IAAI,OAAO,KAAK,kCAAiB,CAAC,KAAK,IAAI,GAAG,KAAK,yBAAW,CAAC,SAAS,CAAC,EAAE;YACtJ,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,4BAA4B;gBAChC,KAAK,EAAE,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,wBAAwB,CAAC;gBAC5E,IAAI,EAAE,UAAU;gBAChB,gBAAgB,EAAE,GAAG,EAAE,CAAC,oBAAC,iCAAe,IAAC,eAAe,EAAE,IAAI,CAAC,gBAAgB,GAAI,EAAE,yCAAyC;aAC/H,CAAC,CAAC;SACJ;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AA7BD,4DA6BC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractWidgetProps, AbstractZoneLocation, StagePanelLocation, StagePanelSection, StageUsage, UiItemsProvider } from \"@itwin/appui-abstract\";\r\nimport { MapLayersWidget } from \"./widget/MapLayersWidget\";\r\nimport { UiFramework } from \"@itwin/appui-react\";\r\nimport { MapLayerOptions } from \"./Interfaces\";\r\nimport { MapLayersUI } from \"../mapLayers\";\r\n\r\nexport class MapLayersUiItemsProvider implements UiItemsProvider {\r\n  public readonly id = \"MapLayersUiItemsProvider\";\r\n  private _mapLayerOptions?: MapLayerOptions;\r\n\r\n  public constructor(mapLayerOptions?: MapLayerOptions) {\r\n    this._mapLayerOptions = mapLayerOptions ?? {\r\n      hideExternalMapLayers: false,\r\n      mapTypeOptions: { supportTileUrl: false, supportWmsAuthentication: true },\r\n      fetchPublicMapLayerSources: false,\r\n    };\r\n  }\r\n\r\n  // eslint-disable-next-line deprecation/deprecation\r\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section: StagePanelSection | undefined, zoneLocation?: AbstractZoneLocation): ReadonlyArray<AbstractWidgetProps> {\r\n    const widgets: AbstractWidgetProps[] = [];\r\n\r\n    // eslint-disable-next-line deprecation/deprecation\r\n    if ((undefined === section && stageUsage === StageUsage.General && zoneLocation === AbstractZoneLocation.CenterRight) ||\r\n      (stageUsage === StageUsage.General && location === StagePanelLocation.Right && section === StagePanelSection.Start && \"1\" !== UiFramework.uiVersion)) {\r\n      widgets.push({\r\n        id: \"map-layers:mapLayersWidget\",\r\n        label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Widget.Label\"),\r\n        icon: \"icon-map\",\r\n        getWidgetContent: () => <MapLayersWidget mapLayerOptions={this._mapLayerOptions} />, // eslint-disable-line react/display-name\r\n      });\r\n    }\r\n\r\n    return widgets;\r\n  }\r\n}\r\n"]}

package/lib/cjs/ui/widget/AttachLayerPopupButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachLayerPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/AttachLayerPopupButton.tsx"],"names":[],"mappings":";AA0TA,gBAAgB;AAChB,oBAAY,qBAAqB;IAC/B,OAAO,IAAA;IACP,IAAI,IAAA;IACJ,IAAI,IAAA;CACL;AACD,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AAED,gBAAgB;AAEhB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAqHxE"}
+{"version":3,"file":"AttachLayerPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/AttachLayerPopupButton.tsx"],"names":[],"mappings":";AAsWA,gBAAgB;AAChB,oBAAY,qBAAqB;IAC/B,OAAO,IAAA;IACP,IAAI,IAAA;IACJ,IAAI,IAAA;CACL;AACD,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AAED,gBAAgB;AAEhB,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eAiHxE"}

package/lib/cjs/ui/widget/AttachLayerPopupButton.js

@@ -12,24 +12,39 @@ const UiCore = require("@itwin/core-react");
 const appui_react_1 = require("@itwin/appui-react");
 const MapLayerManager_1 = require("./MapLayerManager");
 const MapUrlDialog_1 = require("./MapUrlDialog");
-const MapLayersUiItemsProvider_1 = require("../MapLayersUiItemsProvider");
 const ConfirmMessageDialog_1 = require("./ConfirmMessageDialog");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const MapLayerPreferences_1 = require("../../MapLayerPreferences");
+const mapLayers_1 = require("../../mapLayers");
+// cSpell:ignore droppable Sublayer
+var LayerAction;
+(function (LayerAction) {
+    LayerAction[LayerAction["Attached"] = 0] = "Attached";
+    LayerAction[LayerAction["Edited"] = 1] = "Edited";
+})(LayerAction || (LayerAction = {}));
 // eslint-disable-next-line @typescript-eslint/naming-convention
-function AttachLayerPanel({ isOverlay, onLayerAttached }) {
+function AttachLayerPanel({ isOverlay, onLayerAttached, onHandleOutsideClick }) {
     var _a, _b;
     const [layerNameToAdd, setLayerNameToAdd] = React.useState();
     const [sourceFilterString, setSourceFilterString] = React.useState();
-    const [placeholderLabel] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.SearchPlaceholder"));
-    const [addCustomLayerLabel] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.Custom"));
-    const [addCustomLayerToolTip] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.AttachCustomLayer"));
-    const [loadingMapSources] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.LoadingMapSources"));
-    const [removeLayerDefButtonTitle] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefButtonTitle"));
-    const [editLayerDefButtonTitle] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.EditLayerDefButtonTitle"));
-    const [removeLayerDefDialogTitle] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefDialogTitle"));
+    const { placeholderLabel, addCustomLayerLabel, addCustomLayerToolTip, loadingMapSources, removeLayerDefButtonTitle, editLayerDefButtonTitle, removeLayerDefDialogTitle } = React.useMemo(() => {
+        return {
+            placeholderLabel: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.SearchPlaceholder"),
+            addCustomLayerLabel: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.Custom"),
+            addCustomLayerToolTip: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.AttachCustomLayer"),
+            loadingMapSources: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.LoadingMapSources"),
+            removeLayerDefButtonTitle: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefButtonTitle"),
+            editLayerDefButtonTitle: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.EditLayerDefButtonTitle"),
+            removeLayerDefDialogTitle: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefDialogTitle"),
+        };
+    }, []);
     const [loading, setLoading] = React.useState(false);
     const [layerNameUnderCursor, setLayerNameUnderCursor] = React.useState();
+    const resumeOutsideClick = React.useCallback(() => {
+        if (onHandleOutsideClick) {
+            onHandleOutsideClick(true);
+        }
+    }, [onHandleOutsideClick]);
     // 'isMounted' is used to prevent any async operation once the hook has been
     // unloaded.  Otherwise we get a 'Can't perform a React state update on an unmounted component.' warning in the console.
     const isMounted = React.useRef(false);
@@ -59,15 +74,19 @@ function AttachLayerPanel({ isOverlay, onLayerAttached }) {
         }
         return false;
     }, [backgroundLayers, overlayLayers]);
-    const handleModalUrlDialogOk = React.useCallback(() => {
-        // close popup and refresh UI
-        onLayerAttached();
-    }, [onLayerAttached]);
+    const handleModalUrlDialogOk = React.useCallback((action) => {
+        if (LayerAction.Attached === action) {
+            // close popup and refresh UI
+            onLayerAttached();
+        }
+        resumeOutsideClick();
+    }, [onLayerAttached, resumeOutsideClick]);
     const handleModalUrlDialogCancel = React.useCallback(() => {
         // close popup and refresh UI
         setLoading(false);
         appui_react_1.ModalDialogManager.closeDialog();
-    }, []);
+        resumeOutsideClick();
+    }, [resumeOutsideClick]);
     React.useEffect(() => {
         async function attemptToAddLayer(layerName) {
             if (layerName && activeViewport) {
@@ -99,7 +118,10 @@ function AttachLayerPanel({ isOverlay, onLayerAttached }) {
                                 }
                             }
                             else if (status === core_frontend_1.MapLayerSourceStatus.RequireAuth && isMounted.current) {
-                                appui_react_1.ModalDialogManager.openDialog(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, layerRequiringCredentials: mapLayerSettings.toJSON(), onOkResult: handleModalUrlDialogOk, onCancelResult: handleModalUrlDialogCancel, mapTypesOptions: mapTypesOptions }));
+                                appui_react_1.ModalDialogManager.openDialog(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, layerRequiringCredentials: mapLayerSettings.toJSON(), onOkResult: () => handleModalUrlDialogOk(LayerAction.Attached), onCancelResult: handleModalUrlDialogCancel, mapTypesOptions: mapTypesOptions }));
+                                if (onHandleOutsideClick) {
+                                    onHandleOutsideClick(false);
+                                }
                             }
                         }
                         else {
@@ -127,7 +149,7 @@ function AttachLayerPanel({ isOverlay, onLayerAttached }) {
                 setLayerNameToAdd(undefined);
             }
         }
-    }, [setLayerNameToAdd, layerNameToAdd, activeViewport, sources, backgroundLayers, isOverlay, overlayLayers, onLayerAttached, handleModalUrlDialogOk, mapTypesOptions, handleModalUrlDialogCancel]);
+    }, [setLayerNameToAdd, layerNameToAdd, activeViewport, sources, backgroundLayers, isOverlay, overlayLayers, onLayerAttached, handleModalUrlDialogOk, mapTypesOptions, handleModalUrlDialogCancel, onHandleOutsideClick]);
     const options = React.useMemo(() => sources === null || sources === void 0 ? void 0 : sources.filter((source) => !styleContainsLayer(source.name)), [sources, styleContainsLayer]);
     const filteredOptions = React.useMemo(() => {
         if (undefined === sourceFilterString || 0 === sourceFilterString.length) {
@@ -138,9 +160,12 @@ function AttachLayerPanel({ isOverlay, onLayerAttached }) {
         }
     }, [options, sourceFilterString]);
     const handleAddNewMapSource = React.useCallback(() => {
-        appui_react_1.ModalDialogManager.openDialog(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, onOkResult: handleModalUrlDialogOk, mapTypesOptions: mapTypesOptions }));
+        appui_react_1.ModalDialogManager.openDialog(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, onOkResult: () => handleModalUrlDialogOk(LayerAction.Attached), onCancelResult: handleModalUrlDialogCancel, mapTypesOptions: mapTypesOptions }));
+        if (onHandleOutsideClick) {
+            onHandleOutsideClick(false);
+        }
         return;
-    }, [activeViewport, handleModalUrlDialogOk, isOverlay, mapTypesOptions]);
+    }, [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, isOverlay, mapTypesOptions, onHandleOutsideClick]);
     const handleAttach = React.useCallback((mapName) => {
         setLayerNameToAdd(mapName);
     }, []);
@@ -160,31 +185,36 @@ function AttachLayerPanel({ isOverlay, onLayerAttached }) {
     }, []);
     const handleNoConfirmation = React.useCallback((_layerName) => {
         appui_react_1.ModalDialogManager.closeDialog();
-    }, []);
+        resumeOutsideClick();
+    }, [resumeOutsideClick]);
     const handleYesConfirmation = React.useCallback(async (source) => {
         const layerName = source.name;
         if (!!iTwinId && !!iModelId) {
             try {
                 await MapLayerPreferences_1.MapLayerPreferences.deleteByName(source, iTwinId, iModelId);
-                const msg = MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefSuccess", { layerName });
+                const msg = mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefSuccess", { layerName });
                 core_frontend_1.IModelApp.notifications.outputMessage(new core_frontend_1.NotifyMessageDetails(core_frontend_1.OutputMessagePriority.Info, msg));
             }
             catch (err) {
-                const msg = MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefError", { layerName });
+                const msg = mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefError", { layerName });
                 core_frontend_1.IModelApp.notifications.outputMessage(new core_frontend_1.NotifyMessageDetails(core_frontend_1.OutputMessagePriority.Error, msg));
             }
         }
         appui_react_1.ModalDialogManager.closeDialog();
-    }, [iTwinId, iModelId]);
+        resumeOutsideClick();
+    }, [iTwinId, iModelId, resumeOutsideClick]);
     /*
      Handle Remove layer button clicked
      */
     const onItemRemoveButtonClicked = React.useCallback((source, event) => {
         event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.
         const layerName = source.name;
-        const msg = MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefDialogMessage", { layerName });
+        const msg = mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.RemoveLayerDefDialogMessage", { layerName });
         appui_react_1.ModalDialogManager.openDialog(React.createElement(ConfirmMessageDialog_1.ConfirmMessageDialog, { className: "map-sources-delete-confirmation", title: removeLayerDefDialogTitle, message: msg, maxWidth: 400, onClose: () => handleNoConfirmation(layerName), onEscape: () => handleNoConfirmation(layerName), onYesResult: async () => handleYesConfirmation(source), onNoResult: () => handleNoConfirmation(layerName) }));
-    }, [handleNoConfirmation, handleYesConfirmation, removeLayerDefDialogTitle]);
+        if (onHandleOutsideClick) {
+            onHandleOutsideClick(false);
+        }
+    }, [handleNoConfirmation, handleYesConfirmation, onHandleOutsideClick, removeLayerDefDialogTitle]);
     /*
    Handle Edit layer button clicked
    */
@@ -197,8 +227,11 @@ function AttachLayerPanel({ isOverlay, onLayerAttached }) {
         if (matchingSource === undefined) {
             return;
         }
-        appui_react_1.ModalDialogManager.openDialog(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, mapLayerSourceToEdit: matchingSource, onOkResult: handleModalUrlDialogOk, mapTypesOptions: mapTypesOptions }));
-    }, [activeViewport, handleModalUrlDialogOk, isOverlay, mapTypesOptions, sources]);
+        appui_react_1.ModalDialogManager.openDialog(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: activeViewport, isOverlay: isOverlay, mapLayerSourceToEdit: matchingSource, onOkResult: () => handleModalUrlDialogOk(LayerAction.Edited), onCancelResult: handleModalUrlDialogCancel, mapTypesOptions: mapTypesOptions }));
+        if (onHandleOutsideClick) {
+            onHandleOutsideClick(false);
+        }
+    }, [activeViewport, handleModalUrlDialogCancel, handleModalUrlDialogOk, isOverlay, mapTypesOptions, onHandleOutsideClick, sources]);
     return (React.createElement("div", { className: "map-manager-header" },
         (loading || loadingSources) && React.createElement(UiCore.LoadingSpinner, { message: loadingMapSources }),
         React.createElement("div", { className: "map-manager-source-listbox-header" },
@@ -225,9 +258,14 @@ var AttachLayerButtonType;
 /** @internal */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function AttachLayerPopupButton(props) {
-    const [showAttachLayerLabel] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:AttachLayerPopup.Attach"));
-    const [hideAttachLayerLabel] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:AttachLayerPopup.Close"));
-    const [addCustomLayerButtonLabel] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:CustomAttach.AddCustomLayerButtonLabel"));
+    const { showAttachLayerLabel, hideAttachLayerLabel, addCustomLayerButtonLabel } = React.useMemo(() => {
+        return {
+            showAttachLayerLabel: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:AttachLayerPopup.Attach"),
+            hideAttachLayerLabel: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:AttachLayerPopup.Close"),
+            addCustomLayerButtonLabel: mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:CustomAttach.AddCustomLayerButtonLabel"),
+        };
+    }, []);
+    const [handleOutsideClick, setHandleOutsideClick] = React.useState(true);
     const [popupOpen, setPopupOpen] = React.useState(false);
     const buttonRef = React.useRef(null);
     const panelRef = React.useRef(null);
@@ -246,22 +284,8 @@ function AttachLayerPopupButton(props) {
     const handleClosePopup = React.useCallback(() => {
         setPopupOpen(false);
     }, []);
-    const isInsideCoreDialog = React.useCallback((element) => {
-        if (element.nodeName === "DIV") {
-            if (element.classList && element.classList.contains("core-dialog"))
-                return true;
-            if (element.parentElement && isInsideCoreDialog(element.parentElement))
-                return true;
-        }
-        else {
-            // istanbul ignore else
-            if (element.parentElement && isInsideCoreDialog(element.parentElement))
-                return true;
-        }
-        return false;
-    }, []);
-    const handleOutsideClick = React.useCallback((event) => {
-        if (isInsideCoreDialog(event.target)) {
+    const onHandleOutsideClick = React.useCallback((event) => {
+        if (!handleOutsideClick) {
             return;
         }
         // If clicking on button that open panel -  don't trigger outside click processing
@@ -274,7 +298,7 @@ function AttachLayerPopupButton(props) {
         }
         // If we reach this point, we got an outside clicked, no close the popup
         setPopupOpen(false);
-    }, [isInsideCoreDialog]);
+    }, [handleOutsideClick]);
     const { refreshFromStyle } = (0, MapLayerManager_1.useSourceMapContext)();
     const handleLayerAttached = React.useCallback(() => {
         if (!isMounted.current) {
@@ -306,9 +330,9 @@ function AttachLayerPopupButton(props) {
     }
     return (React.createElement(React.Fragment, null,
         renderButton(),
-        React.createElement(UiCore.Popup, { isOpen: popupOpen, position: appui_abstract_1.RelativePosition.BottomRight, onClose: handleClosePopup, onOutsideClick: handleOutsideClick, target: buttonRef.current, closeOnEnter: false },
+        React.createElement(UiCore.Popup, { isOpen: popupOpen, position: appui_abstract_1.RelativePosition.BottomRight, onClose: handleClosePopup, onOutsideClick: onHandleOutsideClick, target: buttonRef.current, closeOnEnter: false, closeOnContextMenu: false },
             React.createElement("div", { ref: panelRef, className: "map-sources-popup-panel" },
-                React.createElement(AttachLayerPanel, { isOverlay: props.isOverlay, onLayerAttached: handleLayerAttached })))));
+                React.createElement(AttachLayerPanel, { isOverlay: props.isOverlay, onLayerAttached: handleLayerAttached, onHandleOutsideClick: setHandleOutsideClick })))));
 }
 exports.AttachLayerPopupButton = AttachLayerPopupButton;
 //# sourceMappingURL=AttachLayerPopupButton.js.map