@itwin/map-layers 6.0.9 → 6.2.0

package/lib/esm/map-layers.js

@@ -10,4 +10,5 @@ export * from "./ui/MapLayersUiItemsProvider";
 export * from "./ui/FeatureInfoUiItemsProvider";
 export * from "./ui/widget/MapLayersWidget";
 export * from "./BaseMapPresets";
+export { MapFeatureInfoWidget } from "./ui/widget/FeatureInfoWidget";
 //# sourceMappingURL=map-layers.js.map

package/lib/esm/map-layers.js.map

@@ -1 +1 @@
-{"version":3,"file":"map-layers.js","sourceRoot":"","sources":["../../src/map-layers.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC","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 *--------------------------------------------------------------------------------------------*/\nexport * from \"./mapLayers\";\nexport * from \"./MapLayersActionIds\";\nexport * from \"./MapLayersPrefBrowserStorage\";\nexport * from \"./ui/Interfaces\";\nexport * from \"./ui/MapLayersUiItemsProvider\";\nexport * from \"./ui/FeatureInfoUiItemsProvider\";\nexport * from \"./ui/widget/MapLayersWidget\";\nexport * from \"./BaseMapPresets\";\n"]}
+{"version":3,"file":"map-layers.js","sourceRoot":"","sources":["../../src/map-layers.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC","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 *--------------------------------------------------------------------------------------------*/\nexport * from \"./mapLayers\";\nexport * from \"./MapLayersActionIds\";\nexport * from \"./MapLayersPrefBrowserStorage\";\nexport * from \"./ui/Interfaces\";\nexport * from \"./ui/MapLayersUiItemsProvider\";\nexport * from \"./ui/FeatureInfoUiItemsProvider\";\nexport * from \"./ui/widget/MapLayersWidget\";\nexport * from \"./BaseMapPresets\";\nexport { MapFeatureInfoWidget } from \"./ui/widget/FeatureInfoWidget\";\n"]}

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

@@ -130,11 +130,15 @@
   },
   "FeatureInfoWidget": {
     "Label": "Map Layers Info",
-    "NoRecords": "No Results"
+    "NoRecords": "No Results",
+    "Copy": "Copy",
+    "Copied": "Copied!",
+    "CopyFailed": "Copy failed"
   },
   "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;CAqB9B"}

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,17 +67,19 @@ 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,
             label: MapLayersUI.localization.getLocalizedString("mapLayers:FeatureInfoWidget.Label"),
             icon: _jsx(SvgMapInfo, {}),
-            content: _jsx(MapFeatureInfoWidget, { featureInfoOpts: this._featureInfoOpts }),
+            content: _jsx(MapFeatureInfoWidget, { widgetId: FeatureInfoUiItemsProvider.widgetId, isPropertySelectionEnabled: this._featureInfoOpts.propertyGridOptions?.isPropertySelectionEnabled }),
             defaultState: WidgetState.Hidden,
             layouts: {
                 standard: {

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 widgetId={FeatureInfoUiItemsProvider.widgetId}\n      isPropertySelectionEnabled={this._featureInfoOpts.propertyGridOptions?.isPropertySelectionEnabled} />,\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/hooks/useResizeObserver.d.ts

@@ -1,2 +1,7 @@
+/** Hook that will observe Window Resize
+ * @internal
+ * Reference: https://github.com/iTwin/iTwinUI/blob/87bbc99316c17bd2b763a730135fbb45c84b0e82/packages/itwinui-react/src/utils/hooks/useResizeObserver.tsx
+ * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useResizeObserver.tsx
+ */
 export declare const useResizeObserver: <T extends HTMLElement>(onResize: (size: DOMRectReadOnly) => void) => readonly [(element: T | null | undefined) => void, ResizeObserver | undefined];
 //# sourceMappingURL=useResizeObserver.d.ts.map

package/lib/esm/ui/hooks/useResizeObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,YAC3C,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,yBAK7B,CAAC,GAAG,IAAI,GAAG,SAAS,sCA2BjC,CAAC"}
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAUA;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,YAC3C,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,yBAK7B,CAAC,GAAG,IAAI,GAAG,SAAS,sCA2BjC,CAAC"}

package/lib/esm/ui/hooks/useResizeObserver.js

@@ -3,14 +3,14 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import * as React from "react";
+const getWindow = () => {
+    return typeof window === "undefined" ? undefined : window;
+};
 /** Hook that will observe Window Resize
  * @internal
  * Reference: https://github.com/iTwin/iTwinUI/blob/87bbc99316c17bd2b763a730135fbb45c84b0e82/packages/itwinui-react/src/utils/hooks/useResizeObserver.tsx
  * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useResizeObserver.tsx
  */
-const getWindow = () => {
-    return typeof window === "undefined" ? undefined : window;
-};
 export const useResizeObserver = (onResize) => {
     const resizeObserver = React.useRef();
     const elementRef = React.useCallback((element) => {

package/lib/esm/ui/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;AAC5D,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,QAAyC,EACzC,EAAE;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAEtD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,OAA6B,EAAE,EAAE;QAChC,IAAI,CAAC,SAAS,EAAE,EAAE,cAAc,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;QACvC,IAAI,OAAO,EAAE,CAAC;YACZ,cAAc,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;gBACtD,uGAAuG;gBACvG,oDAAoD;gBACpD,qDAAqD;gBACrD,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;oBAChC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;wBAC/C,OAAO;oBACT,CAAC;oBAED,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,OAAO,CAAC;oBAClC,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAU,CAAC;AACvD,CAAC,CAAC","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 * as React from \"react\";\n\n/** Hook that will observe Window Resize\n * @internal\n * Reference: https://github.com/iTwin/iTwinUI/blob/87bbc99316c17bd2b763a730135fbb45c84b0e82/packages/itwinui-react/src/utils/hooks/useResizeObserver.tsx\n * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useResizeObserver.tsx\n */\nconst getWindow = () => {\n  return typeof window === \"undefined\" ? undefined : window;\n};\n\nexport const useResizeObserver = <T extends HTMLElement>(\n  onResize: (size: DOMRectReadOnly) => void,\n) => {\n  const resizeObserver = React.useRef<ResizeObserver>();\n\n  const elementRef = React.useCallback(\n    (element: T | null | undefined) => {\n      if (!getWindow()?.ResizeObserver) {\n        return;\n      }\n\n      resizeObserver.current?.disconnect?.();\n      if (element) {\n        resizeObserver.current = new ResizeObserver((entries) => {\n          // We wrap onResize with requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded\n          // See: https://github.com/iTwin/iTwinUI/issues/1317\n          // See: https://stackoverflow.com/a/58701523/11547064\n          window.requestAnimationFrame(() => {\n            if (!Array.isArray(entries) || !entries.length) {\n              return;\n            }\n\n            const [{ contentRect }] = entries;\n            return onResize(contentRect);\n          });\n        });\n        resizeObserver.current?.observe?.(element);\n      }\n    },\n    [onResize],\n  );\n\n  return [elementRef, resizeObserver.current] as const;\n};\n"]}
+{"version":3,"file":"useResizeObserver.js","sourceRoot":"","sources":["../../../../src/ui/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;AAC5D,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,QAAyC,EACzC,EAAE;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IAEtD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,OAA6B,EAAE,EAAE;QAChC,IAAI,CAAC,SAAS,EAAE,EAAE,cAAc,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,cAAc,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,CAAC;QACvC,IAAI,OAAO,EAAE,CAAC;YACZ,cAAc,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;gBACtD,uGAAuG;gBACvG,oDAAoD;gBACpD,qDAAqD;gBACrD,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;oBAChC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;wBAC/C,OAAO;oBACT,CAAC;oBAED,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,GAAG,OAAO,CAAC;oBAClC,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YACH,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAU,CAAC;AACvD,CAAC,CAAC","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 * as React from \"react\";\n\nconst getWindow = () => {\n  return typeof window === \"undefined\" ? undefined : window;\n};\n\n/** Hook that will observe Window Resize\n * @internal\n * Reference: https://github.com/iTwin/iTwinUI/blob/87bbc99316c17bd2b763a730135fbb45c84b0e82/packages/itwinui-react/src/utils/hooks/useResizeObserver.tsx\n * Copied from: https://github.com/iTwin/appui/blob/master/ui/core-react/src/core-react/utils/hooks/useResizeObserver.tsx\n */\nexport const useResizeObserver = <T extends HTMLElement>(\n  onResize: (size: DOMRectReadOnly) => void,\n) => {\n  const resizeObserver = React.useRef<ResizeObserver>();\n\n  const elementRef = React.useCallback(\n    (element: T | null | undefined) => {\n      if (!getWindow()?.ResizeObserver) {\n        return;\n      }\n\n      resizeObserver.current?.disconnect?.();\n      if (element) {\n        resizeObserver.current = new ResizeObserver((entries) => {\n          // We wrap onResize with requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded\n          // See: https://github.com/iTwin/iTwinUI/issues/1317\n          // See: https://stackoverflow.com/a/58701523/11547064\n          window.requestAnimationFrame(() => {\n            if (!Array.isArray(entries) || !entries.length) {\n              return;\n            }\n\n            const [{ contentRect }] = entries;\n            return onResize(contentRect);\n          });\n        });\n        resizeObserver.current?.observe?.(element);\n      }\n    },\n    [onResize],\n  );\n\n  return [elementRef, resizeObserver.current] as const;\n};\n"]}

package/lib/esm/ui/widget/CopyActionButton.d.ts

@@ -0,0 +1,12 @@
+interface CopyActionButtonProps {
+    value: string;
+    onCopy?: (value: string) => Promise<void> | void;
+}
+/**
+ * Renders an icon button that copies a value to the clipboard.
+ *
+ * After a click, the icon and label briefly switch to a copied state.
+ */
+export declare function CopyActionButton({ value, onCopy }: CopyActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CopyActionButton.d.ts.map

package/lib/esm/ui/widget/CopyActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyActionButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/CopyActionButton.tsx"],"names":[],"mappings":"AAQA,UAAU,qBAAqB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAClD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,qBAAqB,2CA6CxE"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SvgCheckmarkSmall, SvgCopy } from "@itwin/itwinui-icons-react";
+import { IconButton } from "@itwin/itwinui-react";
+import { useEffect, useRef, useState } from "react";
+import { IModelApp, NotifyMessageDetails, OutputMessagePriority } from "@itwin/core-frontend";
+import { MapLayersUI } from "../../mapLayers";
+/**
+ * Renders an icon button that copies a value to the clipboard.
+ *
+ * After a click, the icon and label briefly switch to a copied state.
+ */
+export function CopyActionButton({ value, onCopy }) {
+    const [isCopied, setIsCopied] = useState(false);
+    const timeoutRef = useRef(undefined);
+    useEffect(() => {
+        return () => {
+            if (timeoutRef.current !== undefined) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    return (_jsx(IconButton, { styleType: "borderless", label: isCopied ? MapLayersUI.localization.getLocalizedString("mapLayers:FeatureInfoWidget.Copied") : MapLayersUI.localization.getLocalizedString("mapLayers:FeatureInfoWidget.Copy"), onClick: async () => {
+            try {
+                if (onCopy) {
+                    await onCopy(value);
+                }
+                else {
+                    await navigator.clipboard.writeText(value);
+                }
+                setIsCopied(true);
+                if (timeoutRef.current !== undefined) {
+                    clearTimeout(timeoutRef.current);
+                }
+                timeoutRef.current = setTimeout(() => {
+                    setIsCopied(false);
+                    timeoutRef.current = undefined;
+                }, 1200);
+            }
+            catch {
+                const copyFailedMessage = MapLayersUI.localization.getLocalizedString("mapLayers:FeatureInfoWidget.CopyFailed");
+                IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Warning, copyFailedMessage));
+            }
+        }, disabled: isCopied, children: isCopied ? _jsx(SvgCheckmarkSmall, {}) : _jsx(SvgCopy, {}) }, String(isCopied)));
+}
+;
+//# sourceMappingURL=CopyActionButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyActionButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/CopyActionButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE9F,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAO9C;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAyB;IACvE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,UAAU,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBACrC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,UAAU,IACT,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,oCAAoC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,EACrL,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,IAAI,CAAC;gBACH,IAAI,MAAM,EAAE,CAAC;oBACX,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC;qBAAM,CAAC;oBACN,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBAC7C,CAAC;gBACD,WAAW,CAAC,IAAI,CAAC,CAAC;gBAElB,IAAI,UAAU,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;oBACrC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;gBACnC,CAAC;gBAED,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBACnC,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC;gBACjC,CAAC,EAAE,IAAI,CAAC,CAAC;YACX,CAAC;YAAC,MAAM,CAAC;gBACP,MAAM,iBAAiB,GAAG,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,wCAAwC,CAAC,CAAC;gBAChH,SAAS,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,oBAAoB,CAAC,qBAAqB,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;YACpH,CAAC;QACH,CAAC,EACD,QAAQ,EAAE,QAAQ,YAIjB,QAAQ,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,IAF1C,MAAM,CAAC,QAAQ,CAAC,CAGV,CACd,CAAC;AACJ,CAAC;AAAA,CAAC","sourcesContent":["import { SvgCheckmarkSmall, SvgCopy } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { IModelApp, NotifyMessageDetails, OutputMessagePriority } from \"@itwin/core-frontend\";\n\nimport { MapLayersUI } from \"../../mapLayers\";\n\ninterface CopyActionButtonProps {\n  value: string;\n  onCopy?: (value: string) => Promise<void> | void;\n}\n\n/**\n * Renders an icon button that copies a value to the clipboard.\n *\n * After a click, the icon and label briefly switch to a copied state.\n */\nexport function CopyActionButton({ value, onCopy }: CopyActionButtonProps) {\n  const [isCopied, setIsCopied] = useState(false);\n  const timeoutRef = useRef<number | undefined>(undefined);\n\n  useEffect(() => {\n    return () => {\n      if (timeoutRef.current !== undefined) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <IconButton\n      styleType=\"borderless\"\n      label={isCopied ? MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Copied\") : MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Copy\")}\n      onClick={async () => {\n        try {\n          if (onCopy) {\n            await onCopy(value);\n          } else {\n            await navigator.clipboard.writeText(value);\n          }\n          setIsCopied(true);\n\n          if (timeoutRef.current !== undefined) {\n            clearTimeout(timeoutRef.current);\n          }\n\n          timeoutRef.current = setTimeout(() => {\n            setIsCopied(false);\n            timeoutRef.current = undefined;\n          }, 1200);\n        } catch {\n          const copyFailedMessage = MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.CopyFailed\");\n          IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Warning, copyFailedMessage));\n        }\n      }}\n      disabled={isCopied}\n      // Use key to reset internal state of IconButton when isCopied changes, ensuring the label updates immediately.\n      key={String(isCopied)}\n    >\n      {isCopied ? <SvgCheckmarkSmall /> : <SvgCopy />}\n    </IconButton>\n  );\n};\n"]}

package/lib/esm/ui/widget/FeatureInfoWidget.d.ts

@@ -1,9 +1,27 @@
 import "./FeatureInfoWidget.scss";
-import type { MapFeatureInfoOptions } from "../Interfaces";
-export declare function useSpecificWidgetDef(id: string): import("@itwin/appui-react").WidgetDef | undefined;
+/**
+ * Props for {@link MapFeatureInfoWidget}.
+ */
 interface MapFeatureInfoWidgetProps {
-    featureInfoOpts: MapFeatureInfoOptions;
+    /** The widget that will be shown/hidden based on feature info data availability. */
+    widgetId: string;
+    /** Enables property selection support in the property grid when set. */
+    isPropertySelectionEnabled?: boolean;
+    /** Invoked when feature info data availability changes. */
+    onDataChanged?: (hasData: boolean) => void;
+    /**
+     * Optional copy handler used by the copy action button.
+     * When omitted, the component copies values using the browser clipboard API.
+     */
+    onCopy?: (value: string) => Promise<void> | void;
 }
-export declare function MapFeatureInfoWidget({ featureInfoOpts }: MapFeatureInfoWidgetProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Displays map feature info in a virtualized property grid and keeps the
+ * owning widget open/hidden based on whether records are available.
+ *
+ * @param props - Widget configuration and callbacks.
+ * @returns The feature info property grid UI, or `null` when no records are available.
+ */
+export declare function MapFeatureInfoWidget({ widgetId, isPropertySelectionEnabled, onDataChanged, onCopy }: MapFeatureInfoWidgetProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=FeatureInfoWidget.d.ts.map

package/lib/esm/ui/widget/FeatureInfoWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":"AAIA,OAAO,0BAA0B,CAAC;AAalC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,sDAG9C;AAGD,UAAU,yBAAyB;IACjC,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,yBAAyB,2CAmFlF"}
+{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":"AAIA,OAAO,0BAA0B,CAAC;AAiBlC;;GAEG;AACH,UAAU,yBAAyB;IACjC,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;IACjB,wEAAwE;IACxE,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,2DAA2D;IAC3D,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAClD;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,yBAAyB,kDAiE9H"}

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

@@ -7,29 +7,33 @@ import "./FeatureInfoWidget.scss";
 import * as React from "react";
 import { useActiveFrontstageDef, WidgetState } from "@itwin/appui-react";
 import { Orientation, VirtualizedPropertyGridWithDataProvider } from "@itwin/components-react";
-import { SvgCopy } from "@itwin/itwinui-icons-react";
-import { Flex, IconButton } from "@itwin/itwinui-react";
-import { MapLayersUI } from "../../mapLayers";
-import { FeatureInfoUiItemsProvider } from "../FeatureInfoUiItemsProvider";
 import { useResizeObserver } from "../hooks/useResizeObserver";
+import { CopyActionButton } from "./CopyActionButton";
 import { FeatureInfoDataProvider } from "./FeatureInfoDataProvider";
-export function useSpecificWidgetDef(id) {
+function useSpecificWidgetDef(id) {
     const frontstageDef = useActiveFrontstageDef();
     return frontstageDef?.findWidgetDef(id);
 }
-export function MapFeatureInfoWidget({ featureInfoOpts }) {
+/**
+ * Displays map feature info in a virtualized property grid and keeps the
+ * owning widget open/hidden based on whether records are available.
+ *
+ * @param props - Widget configuration and callbacks.
+ * @returns The feature info property grid UI, or `null` when no records are available.
+ */
+export function MapFeatureInfoWidget({ widgetId, isPropertySelectionEnabled, onDataChanged, onCopy }) {
     const dataProvider = React.useRef(null);
     const [hasData, setHasData] = React.useState(false);
-    const [noRecordsMessage] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:FeatureInfoWidget.NoRecords"));
     const [{ width, height }, setSize] = React.useState({ width: 0, height: 0 });
-    const widgetDef = useSpecificWidgetDef(FeatureInfoUiItemsProvider.widgetId);
+    const widgetDef = useSpecificWidgetDef(widgetId);
     const handleDataChanged = React.useCallback(() => {
         const dataAvailable = dataProvider.current !== null && dataProvider.current.hasRecords;
         setHasData(dataAvailable);
         if (widgetDef) {
             widgetDef.setWidgetState(dataAvailable ? WidgetState.Open : WidgetState.Hidden);
         }
-    }, [widgetDef]);
+        onDataChanged?.(dataAvailable);
+    }, [widgetDef, onDataChanged]);
     React.useEffect(() => {
         dataProvider.current = new FeatureInfoDataProvider();
         return () => {
@@ -48,18 +52,13 @@ export function MapFeatureInfoWidget({ featureInfoOpts }) {
     const [elementRef] = useResizeObserver((size) => {
         handleResize(size.width, size.height);
     });
-    const copyButton = React.useCallback((props) => props.isPropertyHovered && (_jsx("div", { children: _jsx(IconButton, { styleType: "borderless", label: "Copy", onClick: () => {
-                const value = props.property.value;
-                if (value !== undefined && value.hasOwnProperty("displayValue")) {
-                    navigator.clipboard.writeText(value.displayValue ?? "").catch((_) => { });
-                }
-            }, children: _jsx(SvgCopy, {}) }) })), []);
+    const copyButton = React.useCallback((props) => props.isPropertyHovered && (_jsx("div", { children: _jsx(CopyActionButton, { value: props.property.value ? props.property.value.displayValue ?? "" : "", onCopy: onCopy }) })), [onCopy]);
     if (hasData && dataProvider.current) {
-        return (_jsx("div", { ref: elementRef, className: "feature-info-widget-container", children: _jsx(VirtualizedPropertyGridWithDataProvider, { width: width, height: height, dataProvider: dataProvider.current, orientation: Orientation.Vertical, isPropertySelectionEnabled: featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled, isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered
+        return (_jsx("div", { ref: elementRef, className: "feature-info-widget-container", children: _jsx(VirtualizedPropertyGridWithDataProvider, { width: width, height: height, dataProvider: dataProvider.current, orientation: Orientation.Vertical, isPropertySelectionEnabled: isPropertySelectionEnabled, isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered
                 : true, actionButtonRenderers: [copyButton] }) }));
     }
     else {
-        return (_jsx(Flex, { justifyContent: "center", className: "feature-info-widget-no-records", children: _jsx("span", { children: _jsx("i", { children: noRecordsMessage }) }) }));
+        return null;
     }
 }
 //# sourceMappingURL=FeatureInfoWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoWidget.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.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 \"./FeatureInfoWidget.scss\";\nimport * as React from \"react\";\nimport { useActiveFrontstageDef, WidgetState } from \"@itwin/appui-react\";\nimport { Orientation, VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { SvgCopy } from \"@itwin/itwinui-icons-react\";\nimport { Flex, IconButton } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { FeatureInfoUiItemsProvider } from \"../FeatureInfoUiItemsProvider\";\nimport { useResizeObserver } from \"../hooks/useResizeObserver\";\nimport { FeatureInfoDataProvider } from \"./FeatureInfoDataProvider\";\n\nimport type { PrimitiveValue } from \"@itwin/appui-abstract\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport type { MapFeatureInfoOptions } from \"../Interfaces\";\nexport function useSpecificWidgetDef(id: string) {\n  const frontstageDef = useActiveFrontstageDef();\n  return frontstageDef?.findWidgetDef(id);\n}\n\n// MapFeatureInfoWidgetProps\ninterface MapFeatureInfoWidgetProps {\n  featureInfoOpts: MapFeatureInfoOptions;\n}\n\nexport function MapFeatureInfoWidget({ featureInfoOpts }: MapFeatureInfoWidgetProps) {\n  const dataProvider = React.useRef<FeatureInfoDataProvider | null>(null);\n  const [hasData, setHasData] = React.useState<boolean>(false);\n\n  const [noRecordsMessage] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.NoRecords\"));\n\n  const [{ width, height }, setSize] = React.useState({ width: 0, height: 0 });\n\n  const widgetDef = useSpecificWidgetDef(FeatureInfoUiItemsProvider.widgetId);\n  const handleDataChanged = React.useCallback(() => {\n    const dataAvailable = dataProvider.current !== null && dataProvider.current.hasRecords;\n    setHasData(dataAvailable);\n    if (widgetDef) {\n      widgetDef.setWidgetState(dataAvailable ? WidgetState.Open : WidgetState.Hidden);\n    }\n  }, [widgetDef]);\n\n  React.useEffect(() => {\n    dataProvider.current = new FeatureInfoDataProvider();\n    return () => {\n      dataProvider?.current?.onUnload();\n    };\n  }, []);\n\n  React.useEffect(() => {\n    dataProvider.current?.onDataChanged.addListener(handleDataChanged);\n    return () => {\n      dataProvider.current?.onDataChanged.removeListener(handleDataChanged);\n    };\n  }, [handleDataChanged]);\n\n  const handleResize = React.useCallback((w: number, h: number) => {\n    setSize({ width: w, height: h });\n  }, []);\n\n  const [elementRef] = useResizeObserver<HTMLDivElement>((size) => {\n    handleResize(size.width, size.height);\n  });\n\n  const copyButton = React.useCallback(\n    (props: ActionButtonRendererProps) =>\n      props.isPropertyHovered && (\n        <div>\n          <IconButton\n            styleType=\"borderless\"\n            label=\"Copy\"\n            onClick={() => {\n              const value = props.property.value;\n              if (value !== undefined && value.hasOwnProperty(\"displayValue\")) {\n                navigator.clipboard.writeText((value as PrimitiveValue).displayValue ?? \"\").catch((_) => {});\n              }\n            }}\n          >\n            <SvgCopy />\n          </IconButton>\n        </div>\n      ),\n    [],\n  );\n\n  if (hasData && dataProvider.current) {\n    return (\n      <div ref={elementRef} className=\"feature-info-widget-container\">\n        <VirtualizedPropertyGridWithDataProvider\n          width={width}\n          height={height}\n          dataProvider={dataProvider.current}\n          orientation={Orientation.Vertical}\n          isPropertySelectionEnabled={featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled}\n          isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered\n          actionButtonRenderers={[copyButton]}\n        />\n      </div>\n    );\n  } else {\n    return (\n      <Flex justifyContent=\"center\" className=\"feature-info-widget-no-records\">\n        <span>\n          <i>{noRecordsMessage}</i>\n        </span>\n      </Flex>\n    );\n  }\n}\n"]}
+{"version":3,"file":"FeatureInfoWidget.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.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 \"./FeatureInfoWidget.scss\";\nimport * as React from \"react\";\nimport { useActiveFrontstageDef, WidgetState } from \"@itwin/appui-react\";\nimport { Orientation, VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\n\nimport { useResizeObserver } from \"../hooks/useResizeObserver\";\nimport { CopyActionButton } from \"./CopyActionButton\";\nimport { FeatureInfoDataProvider } from \"./FeatureInfoDataProvider\";\n\nimport type { PrimitiveValue } from \"@itwin/appui-abstract\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\n\nfunction useSpecificWidgetDef(id: string) {\n  const frontstageDef = useActiveFrontstageDef();\n  return frontstageDef?.findWidgetDef(id);\n}\n\n/**\n * Props for {@link MapFeatureInfoWidget}.\n */\ninterface MapFeatureInfoWidgetProps {\n  /** The widget that will be shown/hidden based on feature info data availability. */\n  widgetId: string;\n  /** Enables property selection support in the property grid when set. */\n  isPropertySelectionEnabled?: boolean;\n  /** Invoked when feature info data availability changes. */\n  onDataChanged?: (hasData: boolean) => void;\n  /**\n   * Optional copy handler used by the copy action button.\n   * When omitted, the component copies values using the browser clipboard API.\n   */\n  onCopy?: (value: string) => Promise<void> | void;\n}\n\n/**\n * Displays map feature info in a virtualized property grid and keeps the\n * owning widget open/hidden based on whether records are available.\n *\n * @param props - Widget configuration and callbacks.\n * @returns The feature info property grid UI, or `null` when no records are available.\n */\nexport function MapFeatureInfoWidget({ widgetId, isPropertySelectionEnabled, onDataChanged, onCopy }: MapFeatureInfoWidgetProps) {\n  const dataProvider = React.useRef<FeatureInfoDataProvider | null>(null);\n  const [hasData, setHasData] = React.useState(false);\n\n  const [{ width, height }, setSize] = React.useState({ width: 0, height: 0 });\n\n  const widgetDef = useSpecificWidgetDef(widgetId);\n  const handleDataChanged = React.useCallback(() => {\n    const dataAvailable = dataProvider.current !== null && dataProvider.current.hasRecords;\n    setHasData(dataAvailable);\n    if (widgetDef) {\n      widgetDef.setWidgetState(dataAvailable ? WidgetState.Open : WidgetState.Hidden);\n    }\n    onDataChanged?.(dataAvailable);\n  }, [widgetDef, onDataChanged]);\n\n  React.useEffect(() => {\n    dataProvider.current = new FeatureInfoDataProvider();\n    return () => {\n      dataProvider?.current?.onUnload();\n    };\n  }, []);\n\n  React.useEffect(() => {\n    dataProvider.current?.onDataChanged.addListener(handleDataChanged);\n    return () => {\n      dataProvider.current?.onDataChanged.removeListener(handleDataChanged);\n    };\n  }, [handleDataChanged]);\n\n  const handleResize = React.useCallback((w: number, h: number) => {\n    setSize({ width: w, height: h });\n  }, []);\n\n  const [elementRef] = useResizeObserver<HTMLDivElement>((size) => {\n    handleResize(size.width, size.height);\n  });\n\n  const copyButton = React.useCallback(\n    (props: ActionButtonRendererProps) =>\n      props.isPropertyHovered && (\n        <div>\n          <CopyActionButton value={props.property.value ? (props.property.value as PrimitiveValue).displayValue ?? \"\" : \"\"} onCopy={onCopy} />\n        </div>\n      ),\n    [onCopy],\n  );\n\n  if (hasData && dataProvider.current) {\n    return (\n      <div ref={elementRef} className=\"feature-info-widget-container\">\n        <VirtualizedPropertyGridWithDataProvider\n          width={width}\n          height={height}\n          dataProvider={dataProvider.current}\n          orientation={Orientation.Vertical}\n          isPropertySelectionEnabled={isPropertySelectionEnabled}\n          isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered\n          actionButtonRenderers={[copyButton]}\n        />\n      </div>\n    );\n  } else {\n    return null;\n  }\n}\n"]}

package/lib/esm/ui/widget/FeatureInfoWidget.scss

@@ -7,8 +7,3 @@
   width: 100%;
   height: 100%;
 }
-
-.feature-info-widget-no-records {
-  width: 100%;
-  height: 100%;
-}

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

@@ -130,11 +130,15 @@
   },
   "FeatureInfoWidget": {
     "Label": "Map Layers Info",
-    "NoRecords": "No Results"
+    "NoRecords": "No Results",
+    "Copy": "Copy",
+    "Copied": "Copied!",
+    "CopyFailed": "Copy failed"
   },
   "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.2.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",