@itwin/map-layers 6.0.9 → 6.1.0

package/CHANGELOG.md

@@ -1,12 +1,20 @@
 # Change Log - @itwin/map-layers
 
-<!-- This log was last generated on Mon, 03 Nov 2025 14:36:13 GMT and should not be manually modified. -->
+<!-- This log was last generated on Tue, 03 Mar 2026 14:55:43 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## 6.1.0
+
+Tue, 03 Mar 2026 14:55:43 GMT
+
+### Minor changes
+
+- Enhance FeatureInfoUiItemsProvider: Add toolbar orientation and item priority options; update widget integration ([#1613](https://github.com/iTwin/viewer-components-react/pull/1613))
+
 ## 6.0.9
 
-Mon, 03 Nov 2025 14:36:13 GMT
+Mon, 03 Nov 2025 14:36:22 GMT
 
 ### Patches
 

package/lib/cjs/public/locales/en/mapLayers.json

@@ -134,7 +134,8 @@
   },
   "LayerMenu": {
     "Detach": "Detach",
-    "ZoomToLayer": "Zoom to layer"
+    "ZoomToLayer": "Zoom to layer",
+    "MoreOptions": "More options"
   },
   "Settings": {
     "ElevationOffset": "Elevation Offset",

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

@@ -1,6 +1,7 @@
+import { ToolbarOrientation } from "@itwin/appui-react";
 import type { ToolbarActionItem, ToolbarItem, UiItemsProvider, Widget } from "@itwin/appui-react";
 import type { MapFeatureInfoOptions } from "./Interfaces";
-export declare const getMapFeatureInfoToolItemDef: (itemPriority: number) => ToolbarActionItem;
+export declare const getMapFeatureInfoToolItemDef: (itemPriority: number, toolbarOrientation?: ToolbarOrientation) => ToolbarActionItem;
 export declare class FeatureInfoUiItemsProvider implements UiItemsProvider {
     private _featureInfoOpts;
     readonly id = "FeatureInfoUiItemsProvider";

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoUiItemsProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGlG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AA4B1D,eAAO,MAAM,4BAA4B,iBAAkB,MAAM,KAAG,iBAqBnE,CAAC;AAEF,qBAAa,0BAA2B,YAAW,eAAe;IAI7C,OAAO,CAAC,gBAAgB;IAH3C,SAAgB,EAAE,gCAAgC;IAClD,gBAAuB,QAAQ,qCAAqC;gBAEzC,gBAAgB,EAAE,qBAAqB;IAE3D,eAAe,IAAI,aAAa,CAAC,WAAW,CAAC;IAQ7C,UAAU,IAAI,MAAM,EAAE;CAiB9B"}
+{"version":3,"file":"FeatureInfoUiItemsProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,EACwD,kBAAkB,EAChF,MAAM,oBAAoB,CAAC;AAS5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGlG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AA4B1D,eAAO,MAAM,4BAA4B,iBAAkB,MAAM,8CAAqD,iBAqBrH,CAAC;AAEF,qBAAa,0BAA2B,YAAW,eAAe;IAI7C,OAAO,CAAC,gBAAgB;IAH3C,SAAgB,EAAE,gCAAgC;IAClD,gBAAuB,QAAQ,qCAAqC;gBAEzC,gBAAgB,EAAE,qBAAqB;IAE3D,eAAe,IAAI,aAAa,CAAC,WAAW,CAAC;IAQ7C,UAAU,IAAI,MAAM,EAAE;CAoB9B"}

package/lib/cjs/ui/FeatureInfoUiItemsProvider.js

@@ -39,7 +39,7 @@ const isMapFeatureInfoSupported = () => {
     }
     return false;
 };
-const getMapFeatureInfoToolItemDef = (itemPriority) => {
+const getMapFeatureInfoToolItemDef = (itemPriority, toolbarOrientation = appui_react_1.ToolbarOrientation.Vertical) => {
     return appui_react_1.ToolbarItemUtilities.createActionItem({
         id: map_layers_formats_1.MapFeatureInfoTool.toolId,
         icon: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgMapInfo, {}), // TODO: Update to iconNode when moving to 5.x appui-react
@@ -55,7 +55,7 @@ const getMapFeatureInfoToolItemDef = (itemPriority) => {
         }, [MapLayersActionIds_1.MapLayersSyncUiEventId.MapImageryChanged]),
         layouts: {
             standard: {
-                orientation: appui_react_1.ToolbarOrientation.Vertical,
+                orientation: toolbarOrientation,
                 usage: appui_react_1.ToolbarUsage.ContentManipulation,
             }
         }
@@ -71,11 +71,13 @@ class FeatureInfoUiItemsProvider {
     }
     getToolbarItems() {
         if (!this._featureInfoOpts?.disableDefaultFeatureInfoTool) {
-            return [(0, exports.getMapFeatureInfoToolItemDef)(60)];
+            return [(0, exports.getMapFeatureInfoToolItemDef)(this._featureInfoOpts?.itemPriority ?? 60, this._featureInfoOpts?.toolbarOrientation)];
         }
         return [];
     }
     getWidgets() {
+        if (this._featureInfoOpts?.disableDefaultFeatureInfoWidget)
+            return [];
         const widgets = [];
         widgets.push({
             id: FeatureInfoUiItemsProvider.widgetId,

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport {\n  StagePanelLocation,\n  StagePanelSection,\n  ToolbarItemUtilities,\n  ToolbarOrientation,\n  ToolbarUsage,\n  WidgetState\n} from \"@itwin/appui-react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { SvgMapInfo } from \"@itwin/itwinui-icons-react\";\nimport { MapFeatureInfoTool } from \"@itwin/map-layers-formats\";\nimport { MapLayersUI } from \"../mapLayers\";\nimport { MapLayersSyncUiEventId } from \"../MapLayersActionIds\";\nimport { MapFeatureInfoWidget } from \"./widget/FeatureInfoWidget\";\n\nimport type { ToolbarActionItem, ToolbarItem, UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { MapLayerProps } from \"@itwin/core-common\";\nimport type { MapFeatureInfoOptions } from \"./Interfaces\";\nconst supportsMapFeatureInfo = (vp: ScreenViewport, isOverlay: boolean, mapLayerProps: MapLayerProps[]): boolean => {\n  for (let mapLayerIndex = 0; mapLayerIndex < mapLayerProps.length; mapLayerIndex++) {\n    if (mapLayerProps[mapLayerIndex].visible && mapLayerProps[mapLayerIndex].transparency !== 1.0) {\n      const layerProvider = vp.getMapLayerImageryProvider({ index: mapLayerIndex, isOverlay });\n      if (layerProvider?.supportsMapFeatureInfo) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n\nconst isMapFeatureInfoSupported = (): boolean => {\n  const vp = IModelApp.viewManager.selectedView;\n  if (vp?.viewFlags.backgroundMap) {\n    const backgroundLayers = vp.displayStyle.settings.mapImagery.backgroundLayers.map((value) => value.toJSON());\n    if (supportsMapFeatureInfo(vp, false, backgroundLayers)) {\n      return true;\n    }\n    const overlayLayers = vp.displayStyle.settings.mapImagery.overlayLayers.map((value) => value.toJSON());\n    if (supportsMapFeatureInfo(vp, true, overlayLayers)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport const getMapFeatureInfoToolItemDef = (itemPriority: number): ToolbarActionItem => {\n  return ToolbarItemUtilities.createActionItem({\n    id: MapFeatureInfoTool.toolId,\n    icon: <SvgMapInfo />, // TODO: Update to iconNode when moving to 5.x appui-react\n    label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\n    description: MapFeatureInfoTool.description,\n    itemPriority,\n    execute: async () => {\n      await IModelApp.tools.run(MapFeatureInfoTool.toolId);\n    },\n    isHidden: new ConditionalBooleanValue(() => {\n      // Hide the MapFeatureInfoTool if the Map Layers toggle is off or no ArcGISFeature layers are active\n      return !isMapFeatureInfoSupported();\n    }, [MapLayersSyncUiEventId.MapImageryChanged]),\n    layouts: {\n      standard: {\n        orientation: ToolbarOrientation.Vertical,\n        usage: ToolbarUsage.ContentManipulation,\n      }\n    }\n  });\n};\n\nexport class FeatureInfoUiItemsProvider implements UiItemsProvider {\n  public readonly id = \"FeatureInfoUiItemsProvider\";\n  public static readonly widgetId = \"map-layers:mapFeatureInfoWidget\";\n\n  public constructor(private _featureInfoOpts: MapFeatureInfoOptions) {}\n\n  public getToolbarItems(): ReadonlyArray<ToolbarItem> {\n    if (!this._featureInfoOpts?.disableDefaultFeatureInfoTool) {\n      return [getMapFeatureInfoToolItemDef(60)];\n    }\n\n    return [];\n  }\n\n  public getWidgets(): Widget[] {\n    const widgets: Widget[] = [];\n    widgets.push({\n      id: FeatureInfoUiItemsProvider.widgetId,\n      label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\n      icon: <SvgMapInfo />,\n      content: <MapFeatureInfoWidget featureInfoOpts={this._featureInfoOpts} />,\n      defaultState: WidgetState.Hidden,\n      layouts: {\n        standard: {\n          location: StagePanelLocation.Right,\n          section: StagePanelSection.End,\n        },\n      },\n    });\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"FeatureInfoUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport {\n  StagePanelLocation, StagePanelSection, ToolbarItemUtilities, ToolbarOrientation, ToolbarUsage, WidgetState,\n} from \"@itwin/appui-react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { SvgMapInfo } from \"@itwin/itwinui-icons-react\";\nimport { MapFeatureInfoTool } from \"@itwin/map-layers-formats\";\n\nimport { MapLayersUI } from \"../mapLayers\";\nimport { MapLayersSyncUiEventId } from \"../MapLayersActionIds\";\nimport { MapFeatureInfoWidget } from \"./widget/FeatureInfoWidget\";\n\nimport type { ToolbarActionItem, ToolbarItem, UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { MapLayerProps } from \"@itwin/core-common\";\nimport type { MapFeatureInfoOptions } from \"./Interfaces\";\nconst supportsMapFeatureInfo = (vp: ScreenViewport, isOverlay: boolean, mapLayerProps: MapLayerProps[]): boolean => {\n  for (let mapLayerIndex = 0; mapLayerIndex < mapLayerProps.length; mapLayerIndex++) {\n    if (mapLayerProps[mapLayerIndex].visible && mapLayerProps[mapLayerIndex].transparency !== 1.0) {\n      const layerProvider = vp.getMapLayerImageryProvider({ index: mapLayerIndex, isOverlay });\n      if (layerProvider?.supportsMapFeatureInfo) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n\nconst isMapFeatureInfoSupported = (): boolean => {\n  const vp = IModelApp.viewManager.selectedView;\n  if (vp?.viewFlags.backgroundMap) {\n    const backgroundLayers = vp.displayStyle.settings.mapImagery.backgroundLayers.map((value) => value.toJSON());\n    if (supportsMapFeatureInfo(vp, false, backgroundLayers)) {\n      return true;\n    }\n    const overlayLayers = vp.displayStyle.settings.mapImagery.overlayLayers.map((value) => value.toJSON());\n    if (supportsMapFeatureInfo(vp, true, overlayLayers)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport const getMapFeatureInfoToolItemDef = (itemPriority: number, toolbarOrientation = ToolbarOrientation.Vertical): ToolbarActionItem => {\n  return ToolbarItemUtilities.createActionItem({\n    id: MapFeatureInfoTool.toolId,\n    icon: <SvgMapInfo />, // TODO: Update to iconNode when moving to 5.x appui-react\n    label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\n    description: MapFeatureInfoTool.description,\n    itemPriority,\n    execute: async () => {\n      await IModelApp.tools.run(MapFeatureInfoTool.toolId);\n    },\n    isHidden: new ConditionalBooleanValue(() => {\n      // Hide the MapFeatureInfoTool if the Map Layers toggle is off or no ArcGISFeature layers are active\n      return !isMapFeatureInfoSupported();\n    }, [MapLayersSyncUiEventId.MapImageryChanged]),\n    layouts: {\n      standard: {\n        orientation: toolbarOrientation,\n        usage: ToolbarUsage.ContentManipulation,\n      }\n    }\n  });\n};\n\nexport class FeatureInfoUiItemsProvider implements UiItemsProvider {\n  public readonly id = \"FeatureInfoUiItemsProvider\";\n  public static readonly widgetId = \"map-layers:mapFeatureInfoWidget\";\n\n  public constructor(private _featureInfoOpts: MapFeatureInfoOptions) {}\n\n  public getToolbarItems(): ReadonlyArray<ToolbarItem> {\n    if (!this._featureInfoOpts?.disableDefaultFeatureInfoTool) {\n      return [getMapFeatureInfoToolItemDef(this._featureInfoOpts?.itemPriority ?? 60, this._featureInfoOpts?.toolbarOrientation)];\n    }\n\n    return [];\n  }\n\n  public getWidgets(): Widget[] {\n    if (this._featureInfoOpts?.disableDefaultFeatureInfoWidget)\n      return [];\n\n    const widgets: Widget[] = [];\n    widgets.push({\n      id: FeatureInfoUiItemsProvider.widgetId,\n      label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\n      icon: <SvgMapInfo />,\n      content: <MapFeatureInfoWidget featureInfoOpts={this._featureInfoOpts} />,\n      defaultState: WidgetState.Hidden,\n      layouts: {\n        standard: {\n          location: StagePanelLocation.Right,\n          section: StagePanelSection.End,\n        },\n      },\n    });\n    return widgets;\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import type { BeEvent } from "@itwin/core-bentley";
 import type { BaseMapLayerSettings, MapSubLayerProps } from "@itwin/core-common";
 import type { HitDetail, MapLayerImageryProvider, MapTileTreeScaleRangeVisibility } from "@itwin/core-frontend";
+import type { ToolbarOrientation } from "@itwin/appui-react";
 export interface StyleMapLayerSettings {
     /** Name */
     name: string;
@@ -48,6 +49,14 @@ export interface MapFeatureInfoOptions {
     disableDefaultFeatureInfoTool?: boolean;
     showLoadProgressAnimation?: boolean;
     propertyGridOptions?: MapFeatureInfoPropertyGridOptions;
+    toolbarOrientation?: ToolbarOrientation;
+    itemPriority?: number;
+    /**
+     * Optional flag to disable the default feature info widget.
+     * When true, the default widget will not be created, allowing you to display
+     * the feature info content in a custom widget.
+     */
+    disableDefaultFeatureInfoWidget?: boolean;
 }
 export interface CustomParamItem {
     name: string;

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,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAEhH,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,+BAA+B,CAAC;IAChD,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,UAAU,EAAE,MAAM,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;IAEnC,QAAQ,EAAE,OAAO,CAAC;CACnB;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;IAEjC,iFAAiF;IACjF,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEvC,qGAAqG;IACrG,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,iCAAiC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC;AAE5D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,iCAAiC,CAAC;CACzD;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B"}
+{"version":3,"file":"Interfaces.d.ts","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAChH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,+BAA+B,CAAC;IAChD,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,UAAU,EAAE,MAAM,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;IAEnC,QAAQ,EAAE,OAAO,CAAC;CACnB;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;IAEjC,iFAAiF;IACjF,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEvC,qGAAqG;IACrG,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,iCAAiC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC;AAE5D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,iCAAiC,CAAC;IACxD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport type { BaseMapLayerSettings, MapSubLayerProps } from \"@itwin/core-common\";\nimport type { HitDetail, MapLayerImageryProvider, MapTileTreeScaleRangeVisibility } from \"@itwin/core-frontend\";\n\nexport interface StyleMapLayerSettings {\n  /** Name */\n  name: string;\n  /** source (i.URL for ImageMapLayerSettings or modelId for ModelMapLayerSettings)  */\n  source: string;\n  /** Controls visibility of layer */\n  visible: boolean;\n  treeVisibility: MapTileTreeScaleRangeVisibility;\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. */\n  transparency: number;\n  /** Transparent background */\n  transparentBackground: boolean;\n  /** set map as underlay or overlay */\n  isOverlay: boolean;\n  /** layer index in the viewport */\n  layerIndex: number;\n  /** Available map sub-layer */\n  subLayers?: MapSubLayerProps[];\n  /** sub-layer panel displayed. */\n  showSubLayers: boolean;\n  /** Some format can publish only a single layer at a time (i.e WMTS) */\n  provider?: MapLayerImageryProvider;\n\n  selected: boolean;\n}\n\nexport interface MapTypesOptions {\n  readonly supportTileUrl: boolean;\n  readonly supportWmsAuthentication: boolean;\n}\n\nexport interface MapLayerOptions {\n  hideExternalMapLayers?: boolean;\n  fetchPublicMapLayerSources?: boolean;\n  mapTypeOptions?: MapTypesOptions;\n\n  /** Optional list of base map-layers to display in the base map select control */\n  baseMapLayers?: BaseMapLayerSettings[];\n\n  /** Optionally show the user preferences storage options(i.e. iTwin vs iModel).  Defaults to false */\n  showUserPreferencesStorageOptions?: boolean;\n\n  /** Optionally hide the header label */\n  hideHeaderLabel?: boolean;\n}\n\nexport interface MapFeatureInfoPropertyGridOptions {\n  isPropertySelectionEnabled?: boolean;\n}\n\nexport type MapHitEvent = BeEvent<(hit: HitDetail) => void>;\n\nexport interface MapFeatureInfoOptions {\n  disableDefaultFeatureInfoTool?: boolean;\n  showLoadProgressAnimation?: boolean;\n  propertyGridOptions?: MapFeatureInfoPropertyGridOptions;\n}\n\nexport interface CustomParamItem {\n  name: string;\n  key: string;\n  value: string;\n  secret: boolean;\n}\n\nexport interface CustomParamsMappingItem {\n  customParamNames: string[];\n}\n"]}
+{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport type { BaseMapLayerSettings, MapSubLayerProps } from \"@itwin/core-common\";\nimport type { HitDetail, MapLayerImageryProvider, MapTileTreeScaleRangeVisibility } from \"@itwin/core-frontend\";\nimport type { ToolbarOrientation } from \"@itwin/appui-react\";\n\nexport interface StyleMapLayerSettings {\n  /** Name */\n  name: string;\n  /** source (i.URL for ImageMapLayerSettings or modelId for ModelMapLayerSettings)  */\n  source: string;\n  /** Controls visibility of layer */\n  visible: boolean;\n  treeVisibility: MapTileTreeScaleRangeVisibility;\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. */\n  transparency: number;\n  /** Transparent background */\n  transparentBackground: boolean;\n  /** set map as underlay or overlay */\n  isOverlay: boolean;\n  /** layer index in the viewport */\n  layerIndex: number;\n  /** Available map sub-layer */\n  subLayers?: MapSubLayerProps[];\n  /** sub-layer panel displayed. */\n  showSubLayers: boolean;\n  /** Some format can publish only a single layer at a time (i.e WMTS) */\n  provider?: MapLayerImageryProvider;\n\n  selected: boolean;\n}\n\nexport interface MapTypesOptions {\n  readonly supportTileUrl: boolean;\n  readonly supportWmsAuthentication: boolean;\n}\n\nexport interface MapLayerOptions {\n  hideExternalMapLayers?: boolean;\n  fetchPublicMapLayerSources?: boolean;\n  mapTypeOptions?: MapTypesOptions;\n\n  /** Optional list of base map-layers to display in the base map select control */\n  baseMapLayers?: BaseMapLayerSettings[];\n\n  /** Optionally show the user preferences storage options(i.e. iTwin vs iModel).  Defaults to false */\n  showUserPreferencesStorageOptions?: boolean;\n\n  /** Optionally hide the header label */\n  hideHeaderLabel?: boolean;\n}\n\nexport interface MapFeatureInfoPropertyGridOptions {\n  isPropertySelectionEnabled?: boolean;\n}\n\nexport type MapHitEvent = BeEvent<(hit: HitDetail) => void>;\n\nexport interface MapFeatureInfoOptions {\n  disableDefaultFeatureInfoTool?: boolean;\n  showLoadProgressAnimation?: boolean;\n  propertyGridOptions?: MapFeatureInfoPropertyGridOptions;\n  toolbarOrientation?: ToolbarOrientation;\n  itemPriority?: number;\n  /**\n   * Optional flag to disable the default feature info widget.\n   * When true, the default widget will not be created, allowing you to display\n   * the feature info content in a custom widget.\n   */\n  disableDefaultFeatureInfoWidget?: boolean;\n}\n\nexport interface CustomParamItem {\n  name: string;\n  key: string;\n  value: string;\n  secret: boolean;\n}\n\nexport interface CustomParamsMappingItem {\n  customParamNames: string[];\n}\n"]}

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

@@ -85,6 +85,6 @@ function MapLayerSettingsMenu({ mapLayerSettings, onMenuItemSelection, activeVie
         (0, jsx_runtime_1.jsx)(itwinui_react_1.MenuItem, { onClick: () => handleRemoveLayer(), children: labelDetach }, 1),
         (0, jsx_runtime_1.jsx)(itwinui_react_1.MenuItem, { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Slider, { className: "map-manager-item-dropdown-slider", min: 0, max: 100, values: [transparency * 100], step: 1, onChange: handleTransparencyChange }) }, 2),
     ];
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.DropdownMenu, { as: "div", placement: "bottom-start", menuItems: dropdownMenuItems, "aria-disabled": disabled, children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgMoreVertical, {}) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.DropdownMenu, { as: "div", placement: "bottom-start", menuItems: dropdownMenuItems, "aria-disabled": disabled, children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", "aria-label": mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:LayerMenu.MoreOptions"), children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgMoreVertical, {}) }) }) }));
 }
 //# sourceMappingURL=MapLayerSettingsMenu.js.map

package/lib/cjs/ui/widget/MapLayerSettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapLayerSettingsMenu.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./MapLayerManager.scss\";\nimport * as React from \"react\";\nimport { SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, IconButton, MenuItem, Slider } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { StyleMapLayerSettings } from \"../Interfaces\";\ninterface MapLayerSettingsMenuProps {\n  mapLayerSettings: StyleMapLayerSettings;\n  onMenuItemSelection: (action: string, mapLayerSettings: StyleMapLayerSettings) => void;\n  activeViewport: ScreenViewport;\n  disabled?: boolean;\n}\n\nexport function MapLayerSettingsMenu({ mapLayerSettings, onMenuItemSelection, activeViewport, disabled }: MapLayerSettingsMenuProps) {\n  const [labelDetach] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.Detach\"));\n  const [labelZoomToLayer] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.ZoomToLayer\"));\n  const [hasRangeData, setHasRangeData] = React.useState<boolean | undefined>();\n  const [transparency, setTransparency] = React.useState(mapLayerSettings.transparency);\n\n  React.useEffect(() => {\n    async function fetchRangeData() {\n      let hasRange = false;\n      const indexInDisplayStyle = activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(\n        mapLayerSettings.name,\n        mapLayerSettings.source,\n        mapLayerSettings.isOverlay,\n      );\n      if (undefined !== indexInDisplayStyle) {\n        hasRange = undefined !== (await activeViewport.getMapLayerRange({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay }));\n      }\n      setHasRangeData(hasRange);\n    }\n    fetchRangeData(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }, [activeViewport, mapLayerSettings]);\n\n  const handleRemoveLayer = React.useCallback(() => {\n    onMenuItemSelection(\"delete\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const handleZoomToLayer = React.useCallback(() => {\n    onMenuItemSelection(\"zoom-to-layer\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const applyTransparencyChange = React.useCallback(\n    (value: number) => {\n      if (activeViewport) {\n        const newTransparency = value;\n        const displayStyle = activeViewport.displayStyle;\n        const indexInDisplayStyle = displayStyle.findMapLayerIndexByNameAndSource(mapLayerSettings.name, mapLayerSettings.source, mapLayerSettings.isOverlay);\n        if (-1 !== indexInDisplayStyle) {\n          const styleTransparency = displayStyle.mapLayerAtIndex({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay })?.transparency;\n          const styleTransparencyValue = styleTransparency ? styleTransparency : 0;\n          if (Math.abs(styleTransparencyValue - newTransparency) > 0.01) {\n            // update the display style\n            displayStyle.changeMapLayerProps({ transparency: newTransparency }, { index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay });\n          }\n        }\n      }\n    },\n    [activeViewport, mapLayerSettings],\n  );\n\n  const handleTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      if (values.length) {\n        const newTransparency = values[0] / 100.0;\n        if (newTransparency !== transparency) {\n          setTransparency(newTransparency);\n          applyTransparencyChange(newTransparency);\n        }\n      }\n    },\n    [transparency, applyTransparencyChange],\n  );\n\n  const dropdownMenuItems = () => [\n    <MenuItem disabled={!hasRangeData} key={0} onClick={() => handleZoomToLayer()}>\n      {labelZoomToLayer}\n    </MenuItem>,\n    <MenuItem key={1} onClick={() => handleRemoveLayer()}>\n      {labelDetach}\n    </MenuItem>,\n    <MenuItem key={2}>\n      <Slider className=\"map-manager-item-dropdown-slider\" min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\n    </MenuItem>,\n  ];\n\n  return (\n    <>\n      <DropdownMenu as=\"div\" placement=\"bottom-start\" menuItems={dropdownMenuItems} aria-disabled={disabled}>\n        <IconButton size=\"small\" styleType=\"borderless\">\n          <SvgMoreVertical />\n        </IconButton>\n      </DropdownMenu>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"MapLayerSettingsMenu.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./MapLayerManager.scss\";\nimport * as React from \"react\";\nimport { SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, IconButton, MenuItem, Slider } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { StyleMapLayerSettings } from \"../Interfaces\";\ninterface MapLayerSettingsMenuProps {\n  mapLayerSettings: StyleMapLayerSettings;\n  onMenuItemSelection: (action: string, mapLayerSettings: StyleMapLayerSettings) => void;\n  activeViewport: ScreenViewport;\n  disabled?: boolean;\n}\n\nexport function MapLayerSettingsMenu({ mapLayerSettings, onMenuItemSelection, activeViewport, disabled }: MapLayerSettingsMenuProps) {\n  const [labelDetach] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.Detach\"));\n  const [labelZoomToLayer] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.ZoomToLayer\"));\n  const [hasRangeData, setHasRangeData] = React.useState<boolean | undefined>();\n  const [transparency, setTransparency] = React.useState(mapLayerSettings.transparency);\n\n  React.useEffect(() => {\n    async function fetchRangeData() {\n      let hasRange = false;\n      const indexInDisplayStyle = activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(\n        mapLayerSettings.name,\n        mapLayerSettings.source,\n        mapLayerSettings.isOverlay,\n      );\n      if (undefined !== indexInDisplayStyle) {\n        hasRange = undefined !== (await activeViewport.getMapLayerRange({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay }));\n      }\n      setHasRangeData(hasRange);\n    }\n    fetchRangeData(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }, [activeViewport, mapLayerSettings]);\n\n  const handleRemoveLayer = React.useCallback(() => {\n    onMenuItemSelection(\"delete\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const handleZoomToLayer = React.useCallback(() => {\n    onMenuItemSelection(\"zoom-to-layer\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const applyTransparencyChange = React.useCallback(\n    (value: number) => {\n      if (activeViewport) {\n        const newTransparency = value;\n        const displayStyle = activeViewport.displayStyle;\n        const indexInDisplayStyle = displayStyle.findMapLayerIndexByNameAndSource(mapLayerSettings.name, mapLayerSettings.source, mapLayerSettings.isOverlay);\n        if (-1 !== indexInDisplayStyle) {\n          const styleTransparency = displayStyle.mapLayerAtIndex({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay })?.transparency;\n          const styleTransparencyValue = styleTransparency ? styleTransparency : 0;\n          if (Math.abs(styleTransparencyValue - newTransparency) > 0.01) {\n            // update the display style\n            displayStyle.changeMapLayerProps({ transparency: newTransparency }, { index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay });\n          }\n        }\n      }\n    },\n    [activeViewport, mapLayerSettings],\n  );\n\n  const handleTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      if (values.length) {\n        const newTransparency = values[0] / 100.0;\n        if (newTransparency !== transparency) {\n          setTransparency(newTransparency);\n          applyTransparencyChange(newTransparency);\n        }\n      }\n    },\n    [transparency, applyTransparencyChange],\n  );\n\n  const dropdownMenuItems = () => [\n    <MenuItem disabled={!hasRangeData} key={0} onClick={() => handleZoomToLayer()}>\n      {labelZoomToLayer}\n    </MenuItem>,\n    <MenuItem key={1} onClick={() => handleRemoveLayer()}>\n      {labelDetach}\n    </MenuItem>,\n    <MenuItem key={2}>\n      <Slider className=\"map-manager-item-dropdown-slider\" min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\n    </MenuItem>,\n  ];\n\n  return (\n    <>\n      <DropdownMenu as=\"div\" placement=\"bottom-start\" menuItems={dropdownMenuItems} aria-disabled={disabled}>\n        <IconButton size=\"small\" styleType=\"borderless\" aria-label={MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.MoreOptions\")}>\n          <SvgMoreVertical />\n        </IconButton>\n      </DropdownMenu>\n    </>\n  );\n}\n"]}

package/lib/esm/public/locales/en/mapLayers.json

@@ -134,7 +134,8 @@
   },
   "LayerMenu": {
     "Detach": "Detach",
-    "ZoomToLayer": "Zoom to layer"
+    "ZoomToLayer": "Zoom to layer",
+    "MoreOptions": "More options"
   },
   "Settings": {
     "ElevationOffset": "Elevation Offset",

package/lib/esm/ui/FeatureInfoUiItemsProvider.d.ts

@@ -1,6 +1,7 @@
+import { ToolbarOrientation } from "@itwin/appui-react";
 import type { ToolbarActionItem, ToolbarItem, UiItemsProvider, Widget } from "@itwin/appui-react";
 import type { MapFeatureInfoOptions } from "./Interfaces";
-export declare const getMapFeatureInfoToolItemDef: (itemPriority: number) => ToolbarActionItem;
+export declare const getMapFeatureInfoToolItemDef: (itemPriority: number, toolbarOrientation?: ToolbarOrientation) => ToolbarActionItem;
 export declare class FeatureInfoUiItemsProvider implements UiItemsProvider {
     private _featureInfoOpts;
     readonly id = "FeatureInfoUiItemsProvider";

package/lib/esm/ui/FeatureInfoUiItemsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoUiItemsProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGlG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AA4B1D,eAAO,MAAM,4BAA4B,iBAAkB,MAAM,KAAG,iBAqBnE,CAAC;AAEF,qBAAa,0BAA2B,YAAW,eAAe;IAI7C,OAAO,CAAC,gBAAgB;IAH3C,SAAgB,EAAE,gCAAgC;IAClD,gBAAuB,QAAQ,qCAAqC;gBAEzC,gBAAgB,EAAE,qBAAqB;IAE3D,eAAe,IAAI,aAAa,CAAC,WAAW,CAAC;IAQ7C,UAAU,IAAI,MAAM,EAAE;CAiB9B"}
+{"version":3,"file":"FeatureInfoUiItemsProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,EACwD,kBAAkB,EAChF,MAAM,oBAAoB,CAAC;AAS5B,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGlG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AA4B1D,eAAO,MAAM,4BAA4B,iBAAkB,MAAM,8CAAqD,iBAqBrH,CAAC;AAEF,qBAAa,0BAA2B,YAAW,eAAe;IAI7C,OAAO,CAAC,gBAAgB;IAH3C,SAAgB,EAAE,gCAAgC;IAClD,gBAAuB,QAAQ,qCAAqC;gBAEzC,gBAAgB,EAAE,qBAAqB;IAE3D,eAAe,IAAI,aAAa,CAAC,WAAW,CAAC;IAQ7C,UAAU,IAAI,MAAM,EAAE;CAoB9B"}

package/lib/esm/ui/FeatureInfoUiItemsProvider.js

@@ -4,7 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import { ConditionalBooleanValue } from "@itwin/appui-abstract";
-import { StagePanelLocation, StagePanelSection, ToolbarItemUtilities, ToolbarOrientation, ToolbarUsage, WidgetState } from "@itwin/appui-react";
+import { StagePanelLocation, StagePanelSection, ToolbarItemUtilities, ToolbarOrientation, ToolbarUsage, WidgetState, } from "@itwin/appui-react";
 import { IModelApp } from "@itwin/core-frontend";
 import { SvgMapInfo } from "@itwin/itwinui-icons-react";
 import { MapFeatureInfoTool } from "@itwin/map-layers-formats";
@@ -36,7 +36,7 @@ const isMapFeatureInfoSupported = () => {
     }
     return false;
 };
-export const getMapFeatureInfoToolItemDef = (itemPriority) => {
+export const getMapFeatureInfoToolItemDef = (itemPriority, toolbarOrientation = ToolbarOrientation.Vertical) => {
     return ToolbarItemUtilities.createActionItem({
         id: MapFeatureInfoTool.toolId,
         icon: _jsx(SvgMapInfo, {}), // TODO: Update to iconNode when moving to 5.x appui-react
@@ -52,7 +52,7 @@ export const getMapFeatureInfoToolItemDef = (itemPriority) => {
         }, [MapLayersSyncUiEventId.MapImageryChanged]),
         layouts: {
             standard: {
-                orientation: ToolbarOrientation.Vertical,
+                orientation: toolbarOrientation,
                 usage: ToolbarUsage.ContentManipulation,
             }
         }
@@ -67,11 +67,13 @@ export class FeatureInfoUiItemsProvider {
     }
     getToolbarItems() {
         if (!this._featureInfoOpts?.disableDefaultFeatureInfoTool) {
-            return [getMapFeatureInfoToolItemDef(60)];
+            return [getMapFeatureInfoToolItemDef(this._featureInfoOpts?.itemPriority ?? 60, this._featureInfoOpts?.toolbarOrientation)];
         }
         return [];
     }
     getWidgets() {
+        if (this._featureInfoOpts?.disableDefaultFeatureInfoWidget)
+            return [];
         const widgets = [];
         widgets.push({
             id: FeatureInfoUiItemsProvider.widgetId,

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport {\n  StagePanelLocation,\n  StagePanelSection,\n  ToolbarItemUtilities,\n  ToolbarOrientation,\n  ToolbarUsage,\n  WidgetState\n} from \"@itwin/appui-react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { SvgMapInfo } from \"@itwin/itwinui-icons-react\";\nimport { MapFeatureInfoTool } from \"@itwin/map-layers-formats\";\nimport { MapLayersUI } from \"../mapLayers\";\nimport { MapLayersSyncUiEventId } from \"../MapLayersActionIds\";\nimport { MapFeatureInfoWidget } from \"./widget/FeatureInfoWidget\";\n\nimport type { ToolbarActionItem, ToolbarItem, UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { MapLayerProps } from \"@itwin/core-common\";\nimport type { MapFeatureInfoOptions } from \"./Interfaces\";\nconst supportsMapFeatureInfo = (vp: ScreenViewport, isOverlay: boolean, mapLayerProps: MapLayerProps[]): boolean => {\n  for (let mapLayerIndex = 0; mapLayerIndex < mapLayerProps.length; mapLayerIndex++) {\n    if (mapLayerProps[mapLayerIndex].visible && mapLayerProps[mapLayerIndex].transparency !== 1.0) {\n      const layerProvider = vp.getMapLayerImageryProvider({ index: mapLayerIndex, isOverlay });\n      if (layerProvider?.supportsMapFeatureInfo) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n\nconst isMapFeatureInfoSupported = (): boolean => {\n  const vp = IModelApp.viewManager.selectedView;\n  if (vp?.viewFlags.backgroundMap) {\n    const backgroundLayers = vp.displayStyle.settings.mapImagery.backgroundLayers.map((value) => value.toJSON());\n    if (supportsMapFeatureInfo(vp, false, backgroundLayers)) {\n      return true;\n    }\n    const overlayLayers = vp.displayStyle.settings.mapImagery.overlayLayers.map((value) => value.toJSON());\n    if (supportsMapFeatureInfo(vp, true, overlayLayers)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport const getMapFeatureInfoToolItemDef = (itemPriority: number): ToolbarActionItem => {\n  return ToolbarItemUtilities.createActionItem({\n    id: MapFeatureInfoTool.toolId,\n    icon: <SvgMapInfo />, // TODO: Update to iconNode when moving to 5.x appui-react\n    label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\n    description: MapFeatureInfoTool.description,\n    itemPriority,\n    execute: async () => {\n      await IModelApp.tools.run(MapFeatureInfoTool.toolId);\n    },\n    isHidden: new ConditionalBooleanValue(() => {\n      // Hide the MapFeatureInfoTool if the Map Layers toggle is off or no ArcGISFeature layers are active\n      return !isMapFeatureInfoSupported();\n    }, [MapLayersSyncUiEventId.MapImageryChanged]),\n    layouts: {\n      standard: {\n        orientation: ToolbarOrientation.Vertical,\n        usage: ToolbarUsage.ContentManipulation,\n      }\n    }\n  });\n};\n\nexport class FeatureInfoUiItemsProvider implements UiItemsProvider {\n  public readonly id = \"FeatureInfoUiItemsProvider\";\n  public static readonly widgetId = \"map-layers:mapFeatureInfoWidget\";\n\n  public constructor(private _featureInfoOpts: MapFeatureInfoOptions) {}\n\n  public getToolbarItems(): ReadonlyArray<ToolbarItem> {\n    if (!this._featureInfoOpts?.disableDefaultFeatureInfoTool) {\n      return [getMapFeatureInfoToolItemDef(60)];\n    }\n\n    return [];\n  }\n\n  public getWidgets(): Widget[] {\n    const widgets: Widget[] = [];\n    widgets.push({\n      id: FeatureInfoUiItemsProvider.widgetId,\n      label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\n      icon: <SvgMapInfo />,\n      content: <MapFeatureInfoWidget featureInfoOpts={this._featureInfoOpts} />,\n      defaultState: WidgetState.Hidden,\n      layouts: {\n        standard: {\n          location: StagePanelLocation.Right,\n          section: StagePanelSection.End,\n        },\n      },\n    });\n    return widgets;\n  }\n}\n"]}
+{"version":3,"file":"FeatureInfoUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport {\n  StagePanelLocation, StagePanelSection, ToolbarItemUtilities, ToolbarOrientation, ToolbarUsage, WidgetState,\n} from \"@itwin/appui-react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { SvgMapInfo } from \"@itwin/itwinui-icons-react\";\nimport { MapFeatureInfoTool } from \"@itwin/map-layers-formats\";\n\nimport { MapLayersUI } from \"../mapLayers\";\nimport { MapLayersSyncUiEventId } from \"../MapLayersActionIds\";\nimport { MapFeatureInfoWidget } from \"./widget/FeatureInfoWidget\";\n\nimport type { ToolbarActionItem, ToolbarItem, UiItemsProvider, Widget } from \"@itwin/appui-react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { MapLayerProps } from \"@itwin/core-common\";\nimport type { MapFeatureInfoOptions } from \"./Interfaces\";\nconst supportsMapFeatureInfo = (vp: ScreenViewport, isOverlay: boolean, mapLayerProps: MapLayerProps[]): boolean => {\n  for (let mapLayerIndex = 0; mapLayerIndex < mapLayerProps.length; mapLayerIndex++) {\n    if (mapLayerProps[mapLayerIndex].visible && mapLayerProps[mapLayerIndex].transparency !== 1.0) {\n      const layerProvider = vp.getMapLayerImageryProvider({ index: mapLayerIndex, isOverlay });\n      if (layerProvider?.supportsMapFeatureInfo) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n\nconst isMapFeatureInfoSupported = (): boolean => {\n  const vp = IModelApp.viewManager.selectedView;\n  if (vp?.viewFlags.backgroundMap) {\n    const backgroundLayers = vp.displayStyle.settings.mapImagery.backgroundLayers.map((value) => value.toJSON());\n    if (supportsMapFeatureInfo(vp, false, backgroundLayers)) {\n      return true;\n    }\n    const overlayLayers = vp.displayStyle.settings.mapImagery.overlayLayers.map((value) => value.toJSON());\n    if (supportsMapFeatureInfo(vp, true, overlayLayers)) {\n      return true;\n    }\n  }\n  return false;\n};\n\nexport const getMapFeatureInfoToolItemDef = (itemPriority: number, toolbarOrientation = ToolbarOrientation.Vertical): ToolbarActionItem => {\n  return ToolbarItemUtilities.createActionItem({\n    id: MapFeatureInfoTool.toolId,\n    icon: <SvgMapInfo />, // TODO: Update to iconNode when moving to 5.x appui-react\n    label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\n    description: MapFeatureInfoTool.description,\n    itemPriority,\n    execute: async () => {\n      await IModelApp.tools.run(MapFeatureInfoTool.toolId);\n    },\n    isHidden: new ConditionalBooleanValue(() => {\n      // Hide the MapFeatureInfoTool if the Map Layers toggle is off or no ArcGISFeature layers are active\n      return !isMapFeatureInfoSupported();\n    }, [MapLayersSyncUiEventId.MapImageryChanged]),\n    layouts: {\n      standard: {\n        orientation: toolbarOrientation,\n        usage: ToolbarUsage.ContentManipulation,\n      }\n    }\n  });\n};\n\nexport class FeatureInfoUiItemsProvider implements UiItemsProvider {\n  public readonly id = \"FeatureInfoUiItemsProvider\";\n  public static readonly widgetId = \"map-layers:mapFeatureInfoWidget\";\n\n  public constructor(private _featureInfoOpts: MapFeatureInfoOptions) {}\n\n  public getToolbarItems(): ReadonlyArray<ToolbarItem> {\n    if (!this._featureInfoOpts?.disableDefaultFeatureInfoTool) {\n      return [getMapFeatureInfoToolItemDef(this._featureInfoOpts?.itemPriority ?? 60, this._featureInfoOpts?.toolbarOrientation)];\n    }\n\n    return [];\n  }\n\n  public getWidgets(): Widget[] {\n    if (this._featureInfoOpts?.disableDefaultFeatureInfoWidget)\n      return [];\n\n    const widgets: Widget[] = [];\n    widgets.push({\n      id: FeatureInfoUiItemsProvider.widgetId,\n      label: MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\n      icon: <SvgMapInfo />,\n      content: <MapFeatureInfoWidget featureInfoOpts={this._featureInfoOpts} />,\n      defaultState: WidgetState.Hidden,\n      layouts: {\n        standard: {\n          location: StagePanelLocation.Right,\n          section: StagePanelSection.End,\n        },\n      },\n    });\n    return widgets;\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import type { BeEvent } from "@itwin/core-bentley";
 import type { BaseMapLayerSettings, MapSubLayerProps } from "@itwin/core-common";
 import type { HitDetail, MapLayerImageryProvider, MapTileTreeScaleRangeVisibility } from "@itwin/core-frontend";
+import type { ToolbarOrientation } from "@itwin/appui-react";
 export interface StyleMapLayerSettings {
     /** Name */
     name: string;
@@ -48,6 +49,14 @@ export interface MapFeatureInfoOptions {
     disableDefaultFeatureInfoTool?: boolean;
     showLoadProgressAnimation?: boolean;
     propertyGridOptions?: MapFeatureInfoPropertyGridOptions;
+    toolbarOrientation?: ToolbarOrientation;
+    itemPriority?: number;
+    /**
+     * Optional flag to disable the default feature info widget.
+     * When true, the default widget will not be created, allowing you to display
+     * the feature info content in a custom widget.
+     */
+    disableDefaultFeatureInfoWidget?: boolean;
 }
 export interface CustomParamItem {
     name: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Interfaces.d.ts","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAEhH,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,+BAA+B,CAAC;IAChD,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,UAAU,EAAE,MAAM,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;IAEnC,QAAQ,EAAE,OAAO,CAAC;CACnB;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;IAEjC,iFAAiF;IACjF,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEvC,qGAAqG;IACrG,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,iCAAiC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC;AAE5D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,iCAAiC,CAAC;CACzD;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B"}
+{"version":3,"file":"Interfaces.d.ts","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAChH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,+BAA+B,CAAC;IAChD,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,UAAU,EAAE,MAAM,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;IAEnC,QAAQ,EAAE,OAAO,CAAC;CACnB;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;IAEjC,iFAAiF;IACjF,aAAa,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAEvC,qGAAqG;IACrG,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,iCAAiC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC;AAE5D,MAAM,WAAW,qBAAqB;IACpC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,iCAAiC,CAAC;IACxD,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport type { BaseMapLayerSettings, MapSubLayerProps } from \"@itwin/core-common\";\nimport type { HitDetail, MapLayerImageryProvider, MapTileTreeScaleRangeVisibility } from \"@itwin/core-frontend\";\n\nexport interface StyleMapLayerSettings {\n  /** Name */\n  name: string;\n  /** source (i.URL for ImageMapLayerSettings or modelId for ModelMapLayerSettings)  */\n  source: string;\n  /** Controls visibility of layer */\n  visible: boolean;\n  treeVisibility: MapTileTreeScaleRangeVisibility;\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. */\n  transparency: number;\n  /** Transparent background */\n  transparentBackground: boolean;\n  /** set map as underlay or overlay */\n  isOverlay: boolean;\n  /** layer index in the viewport */\n  layerIndex: number;\n  /** Available map sub-layer */\n  subLayers?: MapSubLayerProps[];\n  /** sub-layer panel displayed. */\n  showSubLayers: boolean;\n  /** Some format can publish only a single layer at a time (i.e WMTS) */\n  provider?: MapLayerImageryProvider;\n\n  selected: boolean;\n}\n\nexport interface MapTypesOptions {\n  readonly supportTileUrl: boolean;\n  readonly supportWmsAuthentication: boolean;\n}\n\nexport interface MapLayerOptions {\n  hideExternalMapLayers?: boolean;\n  fetchPublicMapLayerSources?: boolean;\n  mapTypeOptions?: MapTypesOptions;\n\n  /** Optional list of base map-layers to display in the base map select control */\n  baseMapLayers?: BaseMapLayerSettings[];\n\n  /** Optionally show the user preferences storage options(i.e. iTwin vs iModel).  Defaults to false */\n  showUserPreferencesStorageOptions?: boolean;\n\n  /** Optionally hide the header label */\n  hideHeaderLabel?: boolean;\n}\n\nexport interface MapFeatureInfoPropertyGridOptions {\n  isPropertySelectionEnabled?: boolean;\n}\n\nexport type MapHitEvent = BeEvent<(hit: HitDetail) => void>;\n\nexport interface MapFeatureInfoOptions {\n  disableDefaultFeatureInfoTool?: boolean;\n  showLoadProgressAnimation?: boolean;\n  propertyGridOptions?: MapFeatureInfoPropertyGridOptions;\n}\n\nexport interface CustomParamItem {\n  name: string;\n  key: string;\n  value: string;\n  secret: boolean;\n}\n\nexport interface CustomParamsMappingItem {\n  customParamNames: string[];\n}\n"]}
+{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { BeEvent } from \"@itwin/core-bentley\";\nimport type { BaseMapLayerSettings, MapSubLayerProps } from \"@itwin/core-common\";\nimport type { HitDetail, MapLayerImageryProvider, MapTileTreeScaleRangeVisibility } from \"@itwin/core-frontend\";\nimport type { ToolbarOrientation } from \"@itwin/appui-react\";\n\nexport interface StyleMapLayerSettings {\n  /** Name */\n  name: string;\n  /** source (i.URL for ImageMapLayerSettings or modelId for ModelMapLayerSettings)  */\n  source: string;\n  /** Controls visibility of layer */\n  visible: boolean;\n  treeVisibility: MapTileTreeScaleRangeVisibility;\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. */\n  transparency: number;\n  /** Transparent background */\n  transparentBackground: boolean;\n  /** set map as underlay or overlay */\n  isOverlay: boolean;\n  /** layer index in the viewport */\n  layerIndex: number;\n  /** Available map sub-layer */\n  subLayers?: MapSubLayerProps[];\n  /** sub-layer panel displayed. */\n  showSubLayers: boolean;\n  /** Some format can publish only a single layer at a time (i.e WMTS) */\n  provider?: MapLayerImageryProvider;\n\n  selected: boolean;\n}\n\nexport interface MapTypesOptions {\n  readonly supportTileUrl: boolean;\n  readonly supportWmsAuthentication: boolean;\n}\n\nexport interface MapLayerOptions {\n  hideExternalMapLayers?: boolean;\n  fetchPublicMapLayerSources?: boolean;\n  mapTypeOptions?: MapTypesOptions;\n\n  /** Optional list of base map-layers to display in the base map select control */\n  baseMapLayers?: BaseMapLayerSettings[];\n\n  /** Optionally show the user preferences storage options(i.e. iTwin vs iModel).  Defaults to false */\n  showUserPreferencesStorageOptions?: boolean;\n\n  /** Optionally hide the header label */\n  hideHeaderLabel?: boolean;\n}\n\nexport interface MapFeatureInfoPropertyGridOptions {\n  isPropertySelectionEnabled?: boolean;\n}\n\nexport type MapHitEvent = BeEvent<(hit: HitDetail) => void>;\n\nexport interface MapFeatureInfoOptions {\n  disableDefaultFeatureInfoTool?: boolean;\n  showLoadProgressAnimation?: boolean;\n  propertyGridOptions?: MapFeatureInfoPropertyGridOptions;\n  toolbarOrientation?: ToolbarOrientation;\n  itemPriority?: number;\n  /**\n   * Optional flag to disable the default feature info widget.\n   * When true, the default widget will not be created, allowing you to display\n   * the feature info content in a custom widget.\n   */\n  disableDefaultFeatureInfoWidget?: boolean;\n}\n\nexport interface CustomParamItem {\n  name: string;\n  key: string;\n  value: string;\n  secret: boolean;\n}\n\nexport interface CustomParamsMappingItem {\n  customParamNames: string[];\n}\n"]}

package/lib/esm/ui/widget/MapLayerSettingsMenu.js

@@ -59,6 +59,6 @@ export function MapLayerSettingsMenu({ mapLayerSettings, onMenuItemSelection, ac
         _jsx(MenuItem, { onClick: () => handleRemoveLayer(), children: labelDetach }, 1),
         _jsx(MenuItem, { children: _jsx(Slider, { className: "map-manager-item-dropdown-slider", min: 0, max: 100, values: [transparency * 100], step: 1, onChange: handleTransparencyChange }) }, 2),
     ];
-    return (_jsx(_Fragment, { children: _jsx(DropdownMenu, { as: "div", placement: "bottom-start", menuItems: dropdownMenuItems, "aria-disabled": disabled, children: _jsx(IconButton, { size: "small", styleType: "borderless", children: _jsx(SvgMoreVertical, {}) }) }) }));
+    return (_jsx(_Fragment, { children: _jsx(DropdownMenu, { as: "div", placement: "bottom-start", menuItems: dropdownMenuItems, "aria-disabled": disabled, children: _jsx(IconButton, { size: "small", styleType: "borderless", "aria-label": MapLayersUI.localization.getLocalizedString("mapLayers:LayerMenu.MoreOptions"), children: _jsx(SvgMoreVertical, {}) }) }) }));
 }
 //# sourceMappingURL=MapLayerSettingsMenu.js.map

package/lib/esm/ui/widget/MapLayerSettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapLayerSettingsMenu.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./MapLayerManager.scss\";\nimport * as React from \"react\";\nimport { SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, IconButton, MenuItem, Slider } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { StyleMapLayerSettings } from \"../Interfaces\";\ninterface MapLayerSettingsMenuProps {\n  mapLayerSettings: StyleMapLayerSettings;\n  onMenuItemSelection: (action: string, mapLayerSettings: StyleMapLayerSettings) => void;\n  activeViewport: ScreenViewport;\n  disabled?: boolean;\n}\n\nexport function MapLayerSettingsMenu({ mapLayerSettings, onMenuItemSelection, activeViewport, disabled }: MapLayerSettingsMenuProps) {\n  const [labelDetach] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.Detach\"));\n  const [labelZoomToLayer] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.ZoomToLayer\"));\n  const [hasRangeData, setHasRangeData] = React.useState<boolean | undefined>();\n  const [transparency, setTransparency] = React.useState(mapLayerSettings.transparency);\n\n  React.useEffect(() => {\n    async function fetchRangeData() {\n      let hasRange = false;\n      const indexInDisplayStyle = activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(\n        mapLayerSettings.name,\n        mapLayerSettings.source,\n        mapLayerSettings.isOverlay,\n      );\n      if (undefined !== indexInDisplayStyle) {\n        hasRange = undefined !== (await activeViewport.getMapLayerRange({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay }));\n      }\n      setHasRangeData(hasRange);\n    }\n    fetchRangeData(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }, [activeViewport, mapLayerSettings]);\n\n  const handleRemoveLayer = React.useCallback(() => {\n    onMenuItemSelection(\"delete\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const handleZoomToLayer = React.useCallback(() => {\n    onMenuItemSelection(\"zoom-to-layer\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const applyTransparencyChange = React.useCallback(\n    (value: number) => {\n      if (activeViewport) {\n        const newTransparency = value;\n        const displayStyle = activeViewport.displayStyle;\n        const indexInDisplayStyle = displayStyle.findMapLayerIndexByNameAndSource(mapLayerSettings.name, mapLayerSettings.source, mapLayerSettings.isOverlay);\n        if (-1 !== indexInDisplayStyle) {\n          const styleTransparency = displayStyle.mapLayerAtIndex({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay })?.transparency;\n          const styleTransparencyValue = styleTransparency ? styleTransparency : 0;\n          if (Math.abs(styleTransparencyValue - newTransparency) > 0.01) {\n            // update the display style\n            displayStyle.changeMapLayerProps({ transparency: newTransparency }, { index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay });\n          }\n        }\n      }\n    },\n    [activeViewport, mapLayerSettings],\n  );\n\n  const handleTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      if (values.length) {\n        const newTransparency = values[0] / 100.0;\n        if (newTransparency !== transparency) {\n          setTransparency(newTransparency);\n          applyTransparencyChange(newTransparency);\n        }\n      }\n    },\n    [transparency, applyTransparencyChange],\n  );\n\n  const dropdownMenuItems = () => [\n    <MenuItem disabled={!hasRangeData} key={0} onClick={() => handleZoomToLayer()}>\n      {labelZoomToLayer}\n    </MenuItem>,\n    <MenuItem key={1} onClick={() => handleRemoveLayer()}>\n      {labelDetach}\n    </MenuItem>,\n    <MenuItem key={2}>\n      <Slider className=\"map-manager-item-dropdown-slider\" min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\n    </MenuItem>,\n  ];\n\n  return (\n    <>\n      <DropdownMenu as=\"div\" placement=\"bottom-start\" menuItems={dropdownMenuItems} aria-disabled={disabled}>\n        <IconButton size=\"small\" styleType=\"borderless\">\n          <SvgMoreVertical />\n        </IconButton>\n      </DropdownMenu>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"MapLayerSettingsMenu.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./MapLayerManager.scss\";\nimport * as React from \"react\";\nimport { SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, IconButton, MenuItem, Slider } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { StyleMapLayerSettings } from \"../Interfaces\";\ninterface MapLayerSettingsMenuProps {\n  mapLayerSettings: StyleMapLayerSettings;\n  onMenuItemSelection: (action: string, mapLayerSettings: StyleMapLayerSettings) => void;\n  activeViewport: ScreenViewport;\n  disabled?: boolean;\n}\n\nexport function MapLayerSettingsMenu({ mapLayerSettings, onMenuItemSelection, activeViewport, disabled }: MapLayerSettingsMenuProps) {\n  const [labelDetach] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.Detach\"));\n  const [labelZoomToLayer] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.ZoomToLayer\"));\n  const [hasRangeData, setHasRangeData] = React.useState<boolean | undefined>();\n  const [transparency, setTransparency] = React.useState(mapLayerSettings.transparency);\n\n  React.useEffect(() => {\n    async function fetchRangeData() {\n      let hasRange = false;\n      const indexInDisplayStyle = activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(\n        mapLayerSettings.name,\n        mapLayerSettings.source,\n        mapLayerSettings.isOverlay,\n      );\n      if (undefined !== indexInDisplayStyle) {\n        hasRange = undefined !== (await activeViewport.getMapLayerRange({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay }));\n      }\n      setHasRangeData(hasRange);\n    }\n    fetchRangeData(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }, [activeViewport, mapLayerSettings]);\n\n  const handleRemoveLayer = React.useCallback(() => {\n    onMenuItemSelection(\"delete\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const handleZoomToLayer = React.useCallback(() => {\n    onMenuItemSelection(\"zoom-to-layer\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const applyTransparencyChange = React.useCallback(\n    (value: number) => {\n      if (activeViewport) {\n        const newTransparency = value;\n        const displayStyle = activeViewport.displayStyle;\n        const indexInDisplayStyle = displayStyle.findMapLayerIndexByNameAndSource(mapLayerSettings.name, mapLayerSettings.source, mapLayerSettings.isOverlay);\n        if (-1 !== indexInDisplayStyle) {\n          const styleTransparency = displayStyle.mapLayerAtIndex({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay })?.transparency;\n          const styleTransparencyValue = styleTransparency ? styleTransparency : 0;\n          if (Math.abs(styleTransparencyValue - newTransparency) > 0.01) {\n            // update the display style\n            displayStyle.changeMapLayerProps({ transparency: newTransparency }, { index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay });\n          }\n        }\n      }\n    },\n    [activeViewport, mapLayerSettings],\n  );\n\n  const handleTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      if (values.length) {\n        const newTransparency = values[0] / 100.0;\n        if (newTransparency !== transparency) {\n          setTransparency(newTransparency);\n          applyTransparencyChange(newTransparency);\n        }\n      }\n    },\n    [transparency, applyTransparencyChange],\n  );\n\n  const dropdownMenuItems = () => [\n    <MenuItem disabled={!hasRangeData} key={0} onClick={() => handleZoomToLayer()}>\n      {labelZoomToLayer}\n    </MenuItem>,\n    <MenuItem key={1} onClick={() => handleRemoveLayer()}>\n      {labelDetach}\n    </MenuItem>,\n    <MenuItem key={2}>\n      <Slider className=\"map-manager-item-dropdown-slider\" min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\n    </MenuItem>,\n  ];\n\n  return (\n    <>\n      <DropdownMenu as=\"div\" placement=\"bottom-start\" menuItems={dropdownMenuItems} aria-disabled={disabled}>\n        <IconButton size=\"small\" styleType=\"borderless\" aria-label={MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.MoreOptions\")}>\n          <SvgMoreVertical />\n        </IconButton>\n      </DropdownMenu>\n    </>\n  );\n}\n"]}

package/lib/public/locales/en/mapLayers.json

@@ -134,7 +134,8 @@
   },
   "LayerMenu": {
     "Detach": "Detach",
-    "ZoomToLayer": "Zoom to layer"
+    "ZoomToLayer": "Zoom to layer",
+    "MoreOptions": "More options"
   },
   "Settings": {
     "ElevationOffset": "Elevation Offset",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/map-layers",
-  "version": "6.0.9",
+  "version": "6.1.0",
   "description": "Extension that adds a Map Layers Widget",
   "main": "lib/cjs/map-layers.js",
   "module": "lib/esm/map-layers.js",
@@ -64,13 +64,12 @@
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.6.1",
-    "@types/jsdom-global": "^3.0.7",
-    "@types/node": "^18.19.87",
+    "@types/node": "^22.13.9",
     "@types/react": "^18.3.20",
     "@types/react-beautiful-dnd": "^13.1.8",
     "@typescript-eslint/eslint-plugin": "^8.31.1",
     "@typescript-eslint/parser": "^8.31.1",
-    "@vitest/coverage-v8": "^2.1.9",
+    "@vitest/coverage-v8": "^4.0.18",
     "cpx2": "^3.0.2",
     "eslint": "^9.25.1",
     "eslint-config-prettier": "^10.1.2",
@@ -78,20 +77,19 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-unused-imports": "^4.1.4",
     "ignore-styles": "^5.0.1",
-    "jsdom": "^22.1.0",
-    "jsdom-global": "^3.0.2",
+    "jsdom": "^28.0.0",
     "raf": "^3.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-redux": "^7.2.9",
     "redux": "^4.2.1",
     "rimraf": "^3.0.2",
-    "sass-embedded": "^1.87.0",
+    "sass": "^1.97.3",
     "source-map-support": "^0.5.21",
     "ts-node": "^10.9.2",
     "typemoq": "^2.1.0",
     "typescript": "~5.6.3",
-    "vitest": "^2.1.9"
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "@itwin/appui-abstract": "^5.0.0",