@itwin/map-layers 3.1.0-dev.32 → 3.1.0-dev.35

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

@@ -0,0 +1,147 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module PropertyGrid
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeatureInfoDataProvider = exports.MapFeatureInfoLoadState = void 0;
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const components_react_1 = require("@itwin/components-react");
+const core_bentley_1 = require("@itwin/core-bentley");
+const mapLayers_1 = require("../../mapLayers");
+// import { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from ""
+/**
+ * Implementation of [IPropertyDataProvider] that uses an associative array.
+ * @public
+ */
+var MapFeatureInfoLoadState;
+(function (MapFeatureInfoLoadState) {
+    MapFeatureInfoLoadState[MapFeatureInfoLoadState["DataLoadStart"] = 0] = "DataLoadStart";
+    MapFeatureInfoLoadState[MapFeatureInfoLoadState["DataLoadEnd"] = 1] = "DataLoadEnd";
+})(MapFeatureInfoLoadState = exports.MapFeatureInfoLoadState || (exports.MapFeatureInfoLoadState = {}));
+class FeatureInfoDataProvider {
+    constructor() {
+        var _a;
+        this.label = appui_abstract_1.PropertyRecord.fromString("");
+        this.categories = [];
+        this.records = {};
+        this.onDataChanged = new components_react_1.PropertyDataChangeEvent();
+        this.onDataLoadStateChanged = new core_bentley_1.BeEvent();
+        this.onDataUpdated = new core_bentley_1.BeEvent();
+        // eslint-disable-next-line @typescript-eslint/unbound-method
+        (_a = mapLayers_1.MapLayersUI.onMapHit) === null || _a === void 0 ? void 0 : _a.addListener(this.handleMapHit, this);
+    }
+    onUnload() {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/unbound-method
+        (_a = mapLayers_1.MapLayersUI.onMapHit) === null || _a === void 0 ? void 0 : _a.removeListener(this.handleMapHit);
+    }
+    async handleMapHit(mapHit) {
+        var _a, _b;
+        this.records = {};
+        this.categories = [];
+        let recordCount = 0;
+        if (mapHit === null || mapHit === void 0 ? void 0 : mapHit.isMapHit) {
+            this.onDataLoadStateChanged.raiseEvent(MapFeatureInfoLoadState.DataLoadStart);
+            const mapInfo = await mapHit.viewport.getMapFeatureInfo(mapHit);
+            this.onDataLoadStateChanged.raiseEvent(MapFeatureInfoLoadState.DataLoadEnd);
+            if (mapInfo.layerInfo !== undefined) {
+                for (const curLayerInfo of mapInfo.layerInfo) {
+                    const layerCatIdx = this.findCategoryIndexByName(curLayerInfo.layerName);
+                    let nbRecords = 0;
+                    const layerCategory = (layerCatIdx === -1 ?
+                        { name: curLayerInfo.layerName, label: curLayerInfo.layerName, expand: true, childCategories: [] }
+                        : this.categories[layerCatIdx]);
+                    if (curLayerInfo.info && !(curLayerInfo.info instanceof HTMLElement)) {
+                        // This is not an HTMLElement, so iterate over each sub-layer info
+                        for (const subLayerInfo of curLayerInfo.info) {
+                            nbRecords++;
+                            const subCatIdx = (_a = layerCategory.childCategories) === null || _a === void 0 ? void 0 : _a.findIndex((testCategory) => {
+                                return testCategory.name === subLayerInfo.subLayerName;
+                            });
+                            let subLayerCategory;
+                            if (subCatIdx === -1) {
+                                subLayerCategory = { name: subLayerInfo.subLayerName, label: subLayerInfo.subLayerName, expand: true };
+                                this.addSubCategory(subLayerCategory.name);
+                                (_b = layerCategory.childCategories) === null || _b === void 0 ? void 0 : _b.push(subLayerCategory);
+                            }
+                            if (subLayerInfo.records) {
+                                for (const record of subLayerInfo.records) {
+                                    // Always use the string value for now
+                                    this.addProperty(record, subLayerInfo.subLayerName);
+                                }
+                            }
+                        }
+                    }
+                    if (layerCatIdx === -1 && nbRecords > 0)
+                        this.addCategory(layerCategory);
+                    recordCount = recordCount + nbRecords;
+                }
+            }
+        }
+        this.onDataUpdated.raiseEvent({ recordCount });
+        this.onDataChanged.raiseEvent();
+    }
+    addSubCategory(categoryName) {
+        this.records[categoryName] = [];
+    }
+    addCategory(category) {
+        const categoryIdx = this.categories.push(category) - 1;
+        this.records[this.categories[categoryIdx].name] = [];
+        return categoryIdx;
+    }
+    findCategoryIndex(category) {
+        const index = this.categories.findIndex((testCategory) => {
+            return testCategory.name === category.name;
+        });
+        return index;
+    }
+    findCategoryIndexByName(name) {
+        const index = this.categories.findIndex((testCategory) => {
+            return testCategory.name === name;
+        });
+        return index;
+    }
+    addProperty(propertyRecord, categoryName) {
+        const idx = this.records[categoryName].findIndex((prop) => prop.property.name === propertyRecord.property.name);
+        if (idx === -1) {
+            this.records[categoryName].push(propertyRecord);
+        }
+        else {
+            this.records[categoryName][idx].isMerged = true;
+            this.records[categoryName][idx].isReadonly = true;
+        }
+    }
+    removeProperty(propertyRecord, categoryIdx) {
+        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
+            return record === propertyRecord;
+        });
+        let result = false;
+        if (index >= 0) {
+            this.records[this.categories[categoryIdx].name].splice(index, 1);
+            this.onDataChanged.raiseEvent();
+            result = true;
+        }
+        return result;
+    }
+    replaceProperty(propertyRecord, categoryIdx, newRecord) {
+        const index = this.records[this.categories[categoryIdx].name].findIndex((record) => {
+            return record === propertyRecord;
+        });
+        let result = false;
+        // istanbul ignore else
+        if (index >= 0) {
+            this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);
+            result = true;
+        }
+        return result;
+    }
+    async getData() {
+        return this;
+    }
+}
+exports.FeatureInfoDataProvider = FeatureInfoDataProvider;
+//# sourceMappingURL=FeatureInfoDataProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureInfoDataProvider.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoDataProvider.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyGrid\r\n */\r\n\r\nimport {  PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from \"@itwin/components-react\";\r\nimport { BeEvent } from \"@itwin/core-bentley\";\r\nimport { HitDetail } from \"@itwin/core-frontend\";\r\nimport { MapLayersUI } from \"../../mapLayers\";\r\n// import { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from \"\"\r\n\r\n/**\r\n * Implementation of [IPropertyDataProvider] that uses an associative array.\r\n * @public\r\n */\r\n\r\nexport enum MapFeatureInfoLoadState {DataLoadStart, DataLoadEnd}\r\nexport declare type MapFeatureInfoLoadListener = (state: MapFeatureInfoLoadState) => void;\r\n\r\nexport interface MapFeatureInfoDataUpdate {\r\n  recordCount: number;\r\n}\r\nexport declare type MapFeatureInfoDataUpdatedListener = (data: MapFeatureInfoDataUpdate) => void;\r\n\r\nexport class FeatureInfoDataProvider implements IPropertyDataProvider, PropertyData {\r\n  public label: PropertyRecord = PropertyRecord.fromString(\"\");\r\n  public description?: string;\r\n  public categories: PropertyCategory[] = [];\r\n  public records: { [categoryName: string]: PropertyRecord[] } = {};\r\n  public onDataChanged = new PropertyDataChangeEvent();\r\n  public onDataLoadStateChanged = new BeEvent<MapFeatureInfoLoadListener>();\r\n  public onDataUpdated = new BeEvent<MapFeatureInfoDataUpdatedListener>();\r\n  constructor() {\r\n    // eslint-disable-next-line @typescript-eslint/unbound-method\r\n    MapLayersUI.onMapHit?.addListener(this.handleMapHit, this);\r\n  }\r\n\r\n  public onUnload() {\r\n    // eslint-disable-next-line @typescript-eslint/unbound-method\r\n    MapLayersUI.onMapHit?.removeListener(this.handleMapHit);\r\n  }\r\n\r\n  private async handleMapHit(mapHit: HitDetail)  {\r\n    this.records = {};\r\n    this.categories = [];\r\n    let recordCount = 0;\r\n    if (mapHit?.isMapHit) {\r\n      this.onDataLoadStateChanged.raiseEvent(MapFeatureInfoLoadState.DataLoadStart);\r\n      const mapInfo = await mapHit.viewport.getMapFeatureInfo(mapHit);\r\n      this.onDataLoadStateChanged.raiseEvent(MapFeatureInfoLoadState.DataLoadEnd);\r\n      if (mapInfo.layerInfo !== undefined ) {\r\n        for (const curLayerInfo of mapInfo.layerInfo) {\r\n          const layerCatIdx = this.findCategoryIndexByName(curLayerInfo.layerName);\r\n          let nbRecords = 0;\r\n          const layerCategory = (\r\n            layerCatIdx === -1 ?\r\n              {name:curLayerInfo.layerName, label:curLayerInfo.layerName, expand:true, childCategories:[]}\r\n              : this.categories[layerCatIdx] );\r\n\r\n          if (curLayerInfo.info && !(curLayerInfo.info instanceof HTMLElement)) {\r\n            // This is not an HTMLElement, so iterate over each sub-layer info\r\n            for (const subLayerInfo of curLayerInfo.info) {\r\n              nbRecords++;\r\n              const subCatIdx = layerCategory.childCategories?.findIndex((testCategory: PropertyCategory) => {\r\n                return testCategory.name === subLayerInfo.subLayerName;\r\n              });\r\n              let subLayerCategory;\r\n              if (subCatIdx === -1) {\r\n                subLayerCategory = {name:subLayerInfo.subLayerName, label:subLayerInfo.subLayerName, expand:true};\r\n                this.addSubCategory(subLayerCategory.name);\r\n                layerCategory.childCategories?.push(subLayerCategory);\r\n              }\r\n              if (subLayerInfo.records) {\r\n                for (const record of subLayerInfo.records) {\r\n                  // Always use the string value for now\r\n                  this.addProperty(record, subLayerInfo.subLayerName);\r\n\r\n                }\r\n              }\r\n            }\r\n          }\r\n          if (layerCatIdx === -1 && nbRecords>0)\r\n            this.addCategory(layerCategory);\r\n\r\n          recordCount = recordCount + nbRecords;\r\n        }\r\n      }\r\n    }\r\n    this.onDataUpdated.raiseEvent({recordCount});\r\n    this.onDataChanged.raiseEvent();\r\n  }\r\n\r\n  public addSubCategory(categoryName: string) {\r\n    this.records[categoryName] = [];\r\n  }\r\n  public addCategory(category: PropertyCategory): number {\r\n    const categoryIdx = this.categories.push(category) - 1;\r\n    this.records[this.categories[categoryIdx].name] = [];\r\n    return categoryIdx;\r\n  }\r\n\r\n  public findCategoryIndex(category: PropertyCategory): number {\r\n    const index = this.categories.findIndex((testCategory: PropertyCategory) => {\r\n      return testCategory.name === category.name;\r\n    });\r\n    return index;\r\n  }\r\n  public findCategoryIndexByName(name: string): number {\r\n    const index = this.categories.findIndex((testCategory: PropertyCategory) => {\r\n      return testCategory.name === name;\r\n    });\r\n    return index;\r\n  }\r\n\r\n  public addProperty(propertyRecord: PropertyRecord, categoryName: string): void {\r\n    const idx = this.records[categoryName].findIndex((prop)=> prop.property.name === propertyRecord.property.name);\r\n    if (idx === -1) {\r\n      this.records[categoryName].push(propertyRecord);\r\n    } else {\r\n      this.records[categoryName][idx].isMerged = true;\r\n      this.records[categoryName][idx].isReadonly = true;\r\n    }\r\n  }\r\n\r\n  public removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean {\r\n    const index = this.records[this.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\r\n      return record === propertyRecord;\r\n    });\r\n\r\n    let result = false;\r\n\r\n    if (index >= 0) {\r\n      this.records[this.categories[categoryIdx].name].splice(index, 1);\r\n      this.onDataChanged.raiseEvent();\r\n      result = true;\r\n    }\r\n    return result;\r\n  }\r\n\r\n  public replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean {\r\n    const index = this.records[this.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\r\n      return record === propertyRecord;\r\n    });\r\n\r\n    let result = false;\r\n\r\n    // istanbul ignore else\r\n    if (index >= 0) {\r\n      this.records[this.categories[categoryIdx].name].splice(index, 1, newRecord);\r\n      result = true;\r\n    }\r\n    return result;\r\n  }\r\n\r\n  public async getData(): Promise<PropertyData> {\r\n    return this;\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MapFeatureInfoOptions } from "../Interfaces";
+interface MapFeatureInfoWidgetProps {
+    featureInfoOpts?: MapFeatureInfoOptions;
+}
+export declare function MapFeatureInfoWidget(props: MapFeatureInfoWidgetProps): JSX.Element;
+export {};
+//# sourceMappingURL=FeatureInfoWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,UAAU,yBAAyB;IACjC,eAAe,CAAC,EAAE,qBAAqB,CAAC;CACzC;AAGD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eAoDpE"}

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MapFeatureInfoWidget = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const React = require("react");
+const components_react_1 = require("@itwin/components-react");
+const core_react_1 = require("@itwin/core-react");
+const FeatureInfoDataProvider_1 = require("./FeatureInfoDataProvider");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const MapLayersUiItemsProvider_1 = require("../MapLayersUiItemsProvider");
+// eslint-disable-next-line @typescript-eslint/naming-convention
+function MapFeatureInfoWidget(props) {
+    var _a, _b, _c;
+    const dataProvider = React.useRef();
+    const [loadingData, setLoadingData] = React.useState(false);
+    const [hasData, setHasData] = React.useState(false);
+    const [noRecordsMessage] = React.useState(MapLayersUiItemsProvider_1.MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:FeatureInfoWidget.NoRecords"));
+    const handleLoadStateChange = (state) => {
+        setLoadingData(state === FeatureInfoDataProvider_1.MapFeatureInfoLoadState.DataLoadStart);
+    };
+    const handleDataUpdated = (state) => {
+        setHasData(state.recordCount !== 0);
+    };
+    React.useEffect(() => {
+        dataProvider.current = new FeatureInfoDataProvider_1.FeatureInfoDataProvider();
+        return () => {
+            var _a;
+            (_a = dataProvider === null || dataProvider === void 0 ? void 0 : dataProvider.current) === null || _a === void 0 ? void 0 : _a.onUnload();
+        };
+    }, []);
+    React.useEffect(() => {
+        var _a;
+        (_a = dataProvider.current) === null || _a === void 0 ? void 0 : _a.onDataUpdated.addListener(handleDataUpdated);
+        return () => {
+            var _a;
+            (_a = dataProvider.current) === null || _a === void 0 ? void 0 : _a.onDataUpdated.removeListener(handleDataUpdated);
+        };
+    }, []);
+    React.useEffect(() => {
+        var _a, _b;
+        if ((_a = props.featureInfoOpts) === null || _a === void 0 ? void 0 : _a.showLoadProgressAnimation) {
+            (_b = dataProvider.current) === null || _b === void 0 ? void 0 : _b.onDataLoadStateChanged.addListener(handleLoadStateChange);
+            return () => {
+                var _a;
+                (_a = dataProvider.current) === null || _a === void 0 ? void 0 : _a.onDataLoadStateChanged.removeListener(handleLoadStateChange);
+            };
+        }
+        return;
+    }, [(_a = props.featureInfoOpts) === null || _a === void 0 ? void 0 : _a.showLoadProgressAnimation]);
+    if (loadingData) {
+        return (React.createElement(core_react_1.FillCentered, null,
+            React.createElement(itwinui_react_1.ProgressRadial, { indeterminate: true })));
+    }
+    else if (!hasData) {
+        return (React.createElement(core_react_1.FillCentered, null,
+            React.createElement("span", null,
+                React.createElement("i", null, noRecordsMessage))));
+    }
+    else {
+        if (dataProvider.current)
+            return (React.createElement(components_react_1.PropertyGrid, { dataProvider: dataProvider.current, orientation: core_react_1.Orientation.Vertical, isPropertySelectionEnabled: (_c = (_b = props.featureInfoOpts) === null || _b === void 0 ? void 0 : _b.propertyGridOptions) === null || _c === void 0 ? void 0 : _c.isPropertySelectionEnabled }));
+        else
+            return (React.createElement(React.Fragment, null));
+    }
+}
+exports.MapFeatureInfoWidget = MapFeatureInfoWidget;
+//# sourceMappingURL=FeatureInfoWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureInfoWidget.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,+BAA+B;AAE/B,8DAAsD;AACtD,kDAA8D;AAE9D,uEAAuH;AACvH,wDAAsD;AAEtD,0EAAuE;AAMvE,gEAAgE;AAChE,SAAgB,oBAAoB,CAAC,KAAgC;;IAEnE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAA2B,CAAC;IAC7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,mDAAwB,CAAC,YAAY,CAAC,kBAAkB,CAAC,uCAAuC,CAAC,CAAC,CAAC;IAE7I,MAAM,qBAAqB,GAAG,CAAC,KAA8B,EAAE,EAAE;QAC/D,cAAc,CAAC,KAAK,KAAK,iDAAuB,CAAC,aAAa,CAAC,CAAC;IAClE,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,CAAC,KAA+B,EAAE,EAAE;QAC5D,UAAU,CAAC,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,GAAG,IAAI,iDAAuB,EAAE,CAAC;QACrD,OAAO,GAAG,EAAE;;YACV,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,QAAQ,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QAEnB,MAAA,YAAY,CAAC,OAAO,0CAAE,aAAa,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE;;YACV,MAAA,YAAY,CAAC,OAAO,0CAAE,aAAa,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;QACxE,CAAC,CAAC;IAEJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,IAAI,MAAA,KAAK,CAAC,eAAe,0CAAE,yBAAyB,EAAE;YACpD,MAAA,YAAY,CAAC,OAAO,0CAAE,sBAAsB,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC;YAChF,OAAO,GAAG,EAAE;;gBACV,MAAA,YAAY,CAAC,OAAO,0CAAE,sBAAsB,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC;YACrF,CAAC,CAAC;SACH;QACD,OAAO;IAET,CAAC,EAAE,CAAE,MAAA,KAAK,CAAC,eAAe,0CAAE,yBAAyB,CAAC,CAAC,CAAC;IAExD,IAAI,WAAW,EAAE;QACf,OAAO,CAAC,oBAAC,yBAAY;YAAC,oBAAC,8BAAc,IAAC,aAAa,EAAE,IAAI,GAAmB,CAAe,CAAC,CAAC;KAC9F;SAAM,IAAI,CAAC,OAAO,EAAE;QACnB,OAAO,CAAC,oBAAC,yBAAY;YAAC;gBAAM,+BAAI,gBAAgB,CAAK,CAAO,CAAe,CAAC,CAAC;KAC9E;SAAK;QACJ,IAAI,YAAY,CAAC,OAAO;YACtB,OAAO,CAAC,oBAAC,+BAAY,IAAC,YAAY,EAAE,YAAY,CAAC,OAAO,EAAE,WAAW,EAAE,wBAAW,CAAC,QAAQ,EACzF,0BAA0B,EAAE,MAAA,MAAA,KAAK,CAAC,eAAe,0CAAE,mBAAmB,0CAAE,0BAA0B,GAAI,CAAC,CAAC;;YAE1G,OAAO,CAAC,yCAAK,CAAC,CAAC;KAClB;AACH,CAAC;AApDD,oDAoDC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport * as React from \"react\";\r\n\r\nimport { PropertyGrid} from \"@itwin/components-react\";\r\nimport { FillCentered, Orientation } from \"@itwin/core-react\";\r\n\r\nimport { FeatureInfoDataProvider, MapFeatureInfoDataUpdate, MapFeatureInfoLoadState } from \"./FeatureInfoDataProvider\";\r\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\r\nimport { MapFeatureInfoOptions } from \"../Interfaces\";\r\nimport { MapLayersUiItemsProvider } from \"../MapLayersUiItemsProvider\";\r\n\r\ninterface MapFeatureInfoWidgetProps {\r\n  featureInfoOpts?: MapFeatureInfoOptions;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function MapFeatureInfoWidget(props: MapFeatureInfoWidgetProps) {\r\n\r\n  const dataProvider = React.useRef<FeatureInfoDataProvider>();\r\n  const [loadingData, setLoadingData] = React.useState<boolean>(false);\r\n  const [hasData, setHasData] = React.useState<boolean>(false);\r\n  const [noRecordsMessage] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.NoRecords\"));\r\n\r\n  const handleLoadStateChange = (state: MapFeatureInfoLoadState) => {\r\n    setLoadingData(state === MapFeatureInfoLoadState.DataLoadStart);\r\n  };\r\n  const handleDataUpdated = (state: MapFeatureInfoDataUpdate) => {\r\n    setHasData(state.recordCount !== 0);\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    dataProvider.current = new FeatureInfoDataProvider();\r\n    return () => {\r\n      dataProvider?.current?.onUnload();\r\n    };\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n\r\n    dataProvider.current?.onDataUpdated.addListener(handleDataUpdated);\r\n    return () => {\r\n      dataProvider.current?.onDataUpdated.removeListener(handleDataUpdated);\r\n    };\r\n\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    if (props.featureInfoOpts?.showLoadProgressAnimation) {\r\n      dataProvider.current?.onDataLoadStateChanged.addListener(handleLoadStateChange);\r\n      return () => {\r\n        dataProvider.current?.onDataLoadStateChanged.removeListener(handleLoadStateChange);\r\n      };\r\n    }\r\n    return;\r\n\r\n  }, [ props.featureInfoOpts?.showLoadProgressAnimation]);\r\n\r\n  if (loadingData) {\r\n    return (<FillCentered><ProgressRadial indeterminate={true}></ProgressRadial></FillCentered>);\r\n  } else if (!hasData) {\r\n    return (<FillCentered><span><i>{noRecordsMessage}</i></span></FillCentered>);\r\n  } else{\r\n    if (dataProvider.current)\r\n      return (<PropertyGrid dataProvider={dataProvider.current} orientation={Orientation.Vertical}\r\n        isPropertySelectionEnabled={props.featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled} />);\r\n    else\r\n      return (<></>);\r\n  }\r\n}\r\n"]}

package/lib/esm/map-layers.d.ts

@@ -1,5 +1,6 @@
 export * from "./mapLayers";
 export * from "./ui/Interfaces";
 export * from "./ui/MapLayersUiItemsProvider";
+export * from "./ui/FeatureInfoUiItemsProvider";
 export * from "./ui/widget/MapLayersWidget";
 //# sourceMappingURL=map-layers.d.ts.map

package/lib/esm/map-layers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-layers.d.ts","sourceRoot":"","sources":["../../src/map-layers.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"map-layers.d.ts","sourceRoot":"","sources":["../../src/map-layers.ts"],"names":[],"mappings":"AAIA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC"}

package/lib/esm/map-layers.js

@@ -5,5 +5,6 @@
 export * from "./mapLayers";
 export * from "./ui/Interfaces";
 export * from "./ui/MapLayersUiItemsProvider";
+export * from "./ui/FeatureInfoUiItemsProvider";
 export * from "./ui/widget/MapLayersWidget";
 //# 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;;;+FAG+F;AAC/F,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nexport * from \"./mapLayers\";\r\nexport * from \"./ui/Interfaces\";\r\nexport * from \"./ui/MapLayersUiItemsProvider\";\r\nexport * from \"./ui/widget/MapLayersWidget\";\r\n"]}
+{"version":3,"file":"map-layers.js","sourceRoot":"","sources":["../../src/map-layers.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nexport * from \"./mapLayers\";\r\nexport * from \"./ui/Interfaces\";\r\nexport * from \"./ui/MapLayersUiItemsProvider\";\r\nexport * from \"./ui/FeatureInfoUiItemsProvider\";\r\nexport * from \"./ui/widget/MapLayersWidget\";\r\n"]}

package/lib/esm/mapLayers.d.ts

@@ -1,4 +1,9 @@
-import { UserPreferencesAccess } from "@itwin/core-frontend";
+import { HitDetail, UserPreferencesAccess } from "@itwin/core-frontend";
+import { BeEvent } from "@itwin/core-bentley";
+export declare type MapHitEvent = BeEvent<(hit: HitDetail) => void>;
+export interface FeatureInfoOpts {
+    onMapHit: MapHitEvent;
+}
 /** MapLayersUI is use when the package is used as a dependency to another app.
  * '''ts
  *  await MapLayersUI.initialize(registerItemsProvider);
@@ -7,10 +12,14 @@ import { UserPreferencesAccess } from "@itwin/core-frontend";
  */
 export declare class MapLayersUI {
     private static _defaultNs;
+    private static _mapLayersItemsProvider;
+    private static _mapFeatureInfoItemsProvider;
     private static _uiItemsProvider;
     private static _itemsProviderRegistered?;
     private static _iTwinConfig?;
+    private static _onMapHit?;
     static get iTwinConfig(): UserPreferencesAccess | undefined;
+    static get onMapHit(): MapHitEvent | undefined;
     /** Used to initialize the Map Layers.
      *
      * If `registerItemsProvider` is true, the UiItemsProvider will automatically insert the UI items into the host applications UI.
@@ -23,7 +32,7 @@ export declare class MapLayersUI {
      *
      * If an iTwinConfig is provided, it will be used to load the MapLayerSources that are stored.
      */
-    static initialize(registerItemsProvider?: boolean, iTwinConfig?: UserPreferencesAccess): Promise<void>;
+    static initialize(registerItemsProvider?: boolean, iTwinConfig?: UserPreferencesAccess, fInfoOps?: FeatureInfoOpts): Promise<void>;
     /** Unregisters internationalization service namespace and UiItemManager / control */
     static terminate(): void;
     /** The internationalization service namespace. */

package/lib/esm/mapLayers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mapLayers.d.ts","sourceRoot":"","sources":["../../src/mapLayers.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIxE;;;;;GAKG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,UAAU,CAAe;IACxC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAA2B;IAC1D,OAAO,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAU;IAElD,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAwB;IACpD,WAAkB,WAAW,IAAI,qBAAqB,GAAG,SAAS,CAA8B;IAEhG;;;;;;;;;;;OAWG;WACiB,UAAU,CAAC,qBAAqB,UAAO,EAAE,WAAW,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC;IAchH,qFAAqF;WACvE,SAAS;IAWvB,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;CACF"}
+{"version":3,"file":"mapLayers.d.ts","sourceRoot":"","sources":["../../src/mapLayers.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAa,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGnF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,oBAAY,WAAW,GAAG,OAAO,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC,CAAC;AAC5D,MAAM,WAAW,eAAe;IAK9B,QAAQ,EAAE,WAAW,CAAC;CACvB;AAED;;;;;GAKG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,UAAU,CAAe;IACxC,OAAO,CAAC,MAAM,CAAC,uBAAuB,CAA2B;IACjE,OAAO,CAAC,MAAM,CAAC,4BAA4B,CAA6B;IACxE,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAA2B;IAC1D,OAAO,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAU;IAElD,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAwB;IACpD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,CAAc;IAEvC,WAAkB,WAAW,IAAI,qBAAqB,GAAG,SAAS,CAA8B;IAChG,WAAkB,QAAQ,IAAI,WAAW,GAAG,SAAS,CAA2B;IAEhF;;;;;;;;;;;OAWG;WACiB,UAAU,CAC5B,qBAAqB,UAAO,EAC5B,WAAW,CAAC,EAAE,qBAAqB,EACnC,QAAQ,CAAC,EAAE,eAAe,GACzB,OAAO,CAAC,IAAI,CAAC;IAuBhB,qFAAqF;WACvE,SAAS;IAevB,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;CACF"}

package/lib/esm/mapLayers.js

@@ -5,6 +5,7 @@
 import { IModelApp } from "@itwin/core-frontend";
 import { MapLayersUiItemsProvider } from "./ui/MapLayersUiItemsProvider";
 import { UiItemsManager } from "@itwin/appui-abstract";
+import { FeatureInfoUiItemsProvider } from "./ui/FeatureInfoUiItemsProvider";
 /** MapLayersUI is use when the package is used as a dependency to another app.
  * '''ts
  *  await MapLayersUI.initialize(registerItemsProvider);
@@ -13,6 +14,7 @@ import { UiItemsManager } from "@itwin/appui-abstract";
  */
 export class MapLayersUI {
     static get iTwinConfig() { return this._iTwinConfig; }
+    static get onMapHit() { return this._onMapHit; }
     /** Used to initialize the Map Layers.
      *
      * If `registerItemsProvider` is true, the UiItemsProvider will automatically insert the UI items into the host applications UI.
@@ -25,14 +27,20 @@ export class MapLayersUI {
      *
      * If an iTwinConfig is provided, it will be used to load the MapLayerSources that are stored.
      */
-    static async initialize(registerItemsProvider = true, iTwinConfig) {
+    static async initialize(registerItemsProvider = true, iTwinConfig, fInfoOps) {
         MapLayersUI._iTwinConfig = iTwinConfig;
+        MapLayersUI._onMapHit = fInfoOps === null || fInfoOps === void 0 ? void 0 : fInfoOps.onMapHit;
         // register namespace containing localized strings for this package
         await IModelApp.localization.registerNamespace(this.localizationNamespace);
         // _uiItemsProvider always created to provide access to localization.
-        MapLayersUI._uiItemsProvider = new MapLayersUiItemsProvider(IModelApp.localization);
+        MapLayersUI._mapLayersItemsProvider = new MapLayersUiItemsProvider(IModelApp.localization);
+        MapLayersUI._mapFeatureInfoItemsProvider = new FeatureInfoUiItemsProvider(IModelApp.localization);
         if (registerItemsProvider) {
-            UiItemsManager.register(MapLayersUI._uiItemsProvider);
+            UiItemsManager.register(MapLayersUI._mapLayersItemsProvider);
+            // Register the FeatureInfo widget only if MapHit was provided.
+            if (MapLayersUI._onMapHit) {
+                UiItemsManager.register(MapLayersUI._mapFeatureInfoItemsProvider);
+            }
         }
         MapLayersUI._itemsProviderRegistered = registerItemsProvider;
     }
@@ -41,7 +49,10 @@ export class MapLayersUI {
         IModelApp.localization.unregisterNamespace(this.localizationNamespace);
         if (MapLayersUI._itemsProviderRegistered !== undefined) {
             if (MapLayersUI._itemsProviderRegistered) {
-                UiItemsManager.unregister(MapLayersUI._uiItemsProvider.id);
+                UiItemsManager.unregister(MapLayersUI._mapLayersItemsProvider.id);
+                if (MapLayersUI._onMapHit) {
+                    UiItemsManager.unregister(MapLayersUI._mapFeatureInfoItemsProvider.id);
+                }
             }
             MapLayersUI._itemsProviderRegistered = undefined;
         }

package/lib/esm/mapLayers.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapLayers.js","sourceRoot":"","sources":["../../src/mapLayers.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,SAAS,EAAyB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,OAAO,WAAW;IAMf,MAAM,KAAK,WAAW,KAAwC,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEhG;;;;;;;;;;;OAWG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,GAAG,IAAI,EAAE,WAAmC;QAC9F,WAAW,CAAC,YAAY,GAAG,WAAW,CAAC;QAEvC,mEAAmE;QACnE,MAAM,SAAS,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAE3E,qEAAqE;QACrE,WAAW,CAAC,gBAAgB,GAAG,IAAI,wBAAwB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACpF,IAAI,qBAAqB,EAAE;YACzB,cAAc,CAAC,QAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;SACvD;QACD,WAAW,CAAC,wBAAwB,GAAG,qBAAqB,CAAC;IAC/D,CAAC;IAED,qFAAqF;IAC9E,MAAM,CAAC,SAAS;QACrB,SAAS,CAAC,YAAY,CAAC,mBAAmB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAEvE,IAAI,WAAW,CAAC,wBAAwB,KAAK,SAAS,EAAE;YACtD,IAAI,WAAW,CAAC,wBAAwB,EAAE;gBACxC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;aAC5D;YACD,WAAW,CAAC,wBAAwB,GAAG,SAAS,CAAC;SAClD;IACH,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;;AAhDc,sBAAU,GAAG,WAAW,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport { IModelApp, UserPreferencesAccess } from \"@itwin/core-frontend\";\r\nimport { MapLayersUiItemsProvider } from \"./ui/MapLayersUiItemsProvider\";\r\nimport { UiItemsManager } from \"@itwin/appui-abstract\";\r\n\r\n/** MapLayersUI is use when the package is used as a dependency to another app.\r\n * '''ts\r\n *  await MapLayersUI.initialize(registerItemsProvider);\r\n * '''\r\n * @beta\r\n */\r\nexport class MapLayersUI {\r\n  private static _defaultNs = \"mapLayers\";\r\n  private static _uiItemsProvider: MapLayersUiItemsProvider;\r\n  private static _itemsProviderRegistered?: boolean;\r\n\r\n  private static _iTwinConfig?: UserPreferencesAccess;\r\n  public static get iTwinConfig(): UserPreferencesAccess | undefined { return this._iTwinConfig; }\r\n\r\n  /** Used to initialize the Map Layers.\r\n   *\r\n   * If `registerItemsProvider` is true, the UiItemsProvider will automatically insert the UI items into the host applications UI.\r\n   * If it is false, explicitly add widget definition to a specific FrontStage definition using the following syntax.\r\n   *\r\n   *   ```tsx\r\n   *   <Widget id={MapLayersWidgetControl.id} label={MapLayersWidgetControl.label} control={MapLayersWidgetControl}\r\n   *   iconSpec={MapLayersWidgetControl.iconSpec} />,\r\n   *   ```\r\n   *\r\n   * If an iTwinConfig is provided, it will be used to load the MapLayerSources that are stored.\r\n   */\r\n  public static async initialize(registerItemsProvider = true, iTwinConfig?: UserPreferencesAccess): Promise<void> {\r\n    MapLayersUI._iTwinConfig = iTwinConfig;\r\n\r\n    // register namespace containing localized strings for this package\r\n    await IModelApp.localization.registerNamespace(this.localizationNamespace);\r\n\r\n    // _uiItemsProvider always created to provide access to localization.\r\n    MapLayersUI._uiItemsProvider = new MapLayersUiItemsProvider(IModelApp.localization);\r\n    if (registerItemsProvider) {\r\n      UiItemsManager.register(MapLayersUI._uiItemsProvider);\r\n    }\r\n    MapLayersUI._itemsProviderRegistered = registerItemsProvider;\r\n  }\r\n\r\n  /** Unregisters internationalization service namespace and UiItemManager / control */\r\n  public static terminate() {\r\n    IModelApp.localization.unregisterNamespace(this.localizationNamespace);\r\n\r\n    if (MapLayersUI._itemsProviderRegistered !== undefined) {\r\n      if (MapLayersUI._itemsProviderRegistered) {\r\n        UiItemsManager.unregister(MapLayersUI._uiItemsProvider.id);\r\n      }\r\n      MapLayersUI._itemsProviderRegistered = undefined;\r\n    }\r\n  }\r\n\r\n  /** The internationalization service namespace. */\r\n  public static get localizationNamespace(): string {\r\n    return this._defaultNs;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"mapLayers.js","sourceRoot":"","sources":["../../src/mapLayers.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAa,SAAS,EAAyB,MAAM,sBAAsB,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAW7E;;;;;GAKG;AACH,MAAM,OAAO,WAAW;IAUf,MAAM,KAAK,WAAW,KAAwC,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACzF,MAAM,KAAK,QAAQ,KAA8B,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhF;;;;;;;;;;;OAWG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAC5B,qBAAqB,GAAG,IAAI,EAC5B,WAAmC,EACnC,QAA0B;QAG1B,WAAW,CAAC,YAAY,GAAG,WAAW,CAAC;QACvC,WAAW,CAAC,SAAS,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,CAAC;QAE3C,mEAAmE;QACnE,MAAM,SAAS,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAE3E,qEAAqE;QACrE,WAAW,CAAC,uBAAuB,GAAG,IAAI,wBAAwB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC3F,WAAW,CAAC,4BAA4B,GAAG,IAAI,0BAA0B,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAClG,IAAI,qBAAqB,EAAE;YACzB,cAAc,CAAC,QAAQ,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;YAE7D,+DAA+D;YAC/D,IAAI,WAAW,CAAC,SAAS,EAAE;gBACzB,cAAc,CAAC,QAAQ,CAAC,WAAW,CAAC,4BAA4B,CAAC,CAAC;aACnE;SACF;QAED,WAAW,CAAC,wBAAwB,GAAG,qBAAqB,CAAC;IAC/D,CAAC;IAED,qFAAqF;IAC9E,MAAM,CAAC,SAAS;QACrB,SAAS,CAAC,YAAY,CAAC,mBAAmB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAEvE,IAAI,WAAW,CAAC,wBAAwB,KAAK,SAAS,EAAE;YACtD,IAAI,WAAW,CAAC,wBAAwB,EAAE;gBACxC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,uBAAuB,CAAC,EAAE,CAAC,CAAC;gBAElE,IAAI,WAAW,CAAC,SAAS,EAAE;oBACzB,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAC;iBACxE;aACF;YACD,WAAW,CAAC,wBAAwB,GAAG,SAAS,CAAC;SAClD;IACH,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;;AAtEc,sBAAU,GAAG,WAAW,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport { HitDetail, IModelApp, UserPreferencesAccess } from \"@itwin/core-frontend\";\r\nimport { MapLayersUiItemsProvider } from \"./ui/MapLayersUiItemsProvider\";\r\nimport { UiItemsManager } from \"@itwin/appui-abstract\";\r\nimport { BeEvent } from \"@itwin/core-bentley\";\r\nimport { FeatureInfoUiItemsProvider } from \"./ui/FeatureInfoUiItemsProvider\";\r\n\r\nexport type MapHitEvent = BeEvent<(hit: HitDetail) => void>;\r\nexport interface FeatureInfoOpts\r\n{\r\n  // HitDetail Event whenever the map is clicked.\r\n  // Typically the HitDetail object is provided by ElementLocateManager.doLocate.\r\n  // Every time this event is raised, FeatureInfoWidget will attempt to retrieve data from MapLayerImageryProviders.\r\n  onMapHit: MapHitEvent;\r\n}\r\n\r\n/** MapLayersUI is use when the package is used as a dependency to another app.\r\n * '''ts\r\n *  await MapLayersUI.initialize(registerItemsProvider);\r\n * '''\r\n * @beta\r\n */\r\nexport class MapLayersUI {\r\n  private static _defaultNs = \"mapLayers\";\r\n  private static _mapLayersItemsProvider: MapLayersUiItemsProvider;\r\n  private static _mapFeatureInfoItemsProvider: FeatureInfoUiItemsProvider;\r\n  private static _uiItemsProvider: MapLayersUiItemsProvider;\r\n  private static _itemsProviderRegistered?: boolean;\r\n\r\n  private static _iTwinConfig?: UserPreferencesAccess;\r\n  private static _onMapHit?: MapHitEvent;\r\n\r\n  public static get iTwinConfig(): UserPreferencesAccess | undefined { return this._iTwinConfig; }\r\n  public static get onMapHit(): MapHitEvent | undefined { return this._onMapHit; }\r\n\r\n  /** Used to initialize the Map Layers.\r\n   *\r\n   * If `registerItemsProvider` is true, the UiItemsProvider will automatically insert the UI items into the host applications UI.\r\n   * If it is false, explicitly add widget definition to a specific FrontStage definition using the following syntax.\r\n   *\r\n   *   ```tsx\r\n   *   <Widget id={MapLayersWidgetControl.id} label={MapLayersWidgetControl.label} control={MapLayersWidgetControl}\r\n   *   iconSpec={MapLayersWidgetControl.iconSpec} />,\r\n   *   ```\r\n   *\r\n   * If an iTwinConfig is provided, it will be used to load the MapLayerSources that are stored.\r\n   */\r\n  public static async initialize(\r\n    registerItemsProvider = true,\r\n    iTwinConfig?: UserPreferencesAccess,\r\n    fInfoOps?: FeatureInfoOpts\r\n  ): Promise<void> {\r\n\r\n    MapLayersUI._iTwinConfig = iTwinConfig;\r\n    MapLayersUI._onMapHit = fInfoOps?.onMapHit;\r\n\r\n    // register namespace containing localized strings for this package\r\n    await IModelApp.localization.registerNamespace(this.localizationNamespace);\r\n\r\n    // _uiItemsProvider always created to provide access to localization.\r\n    MapLayersUI._mapLayersItemsProvider = new MapLayersUiItemsProvider(IModelApp.localization);\r\n    MapLayersUI._mapFeatureInfoItemsProvider = new FeatureInfoUiItemsProvider(IModelApp.localization);\r\n    if (registerItemsProvider) {\r\n      UiItemsManager.register(MapLayersUI._mapLayersItemsProvider);\r\n\r\n      // Register the FeatureInfo widget only if MapHit was provided.\r\n      if (MapLayersUI._onMapHit) {\r\n        UiItemsManager.register(MapLayersUI._mapFeatureInfoItemsProvider);\r\n      }\r\n    }\r\n\r\n    MapLayersUI._itemsProviderRegistered = registerItemsProvider;\r\n  }\r\n\r\n  /** Unregisters internationalization service namespace and UiItemManager / control */\r\n  public static terminate() {\r\n    IModelApp.localization.unregisterNamespace(this.localizationNamespace);\r\n\r\n    if (MapLayersUI._itemsProviderRegistered !== undefined) {\r\n      if (MapLayersUI._itemsProviderRegistered) {\r\n        UiItemsManager.unregister(MapLayersUI._mapLayersItemsProvider.id);\r\n\r\n        if (MapLayersUI._onMapHit) {\r\n          UiItemsManager.unregister(MapLayersUI._mapFeatureInfoItemsProvider.id);\r\n        }\r\n      }\r\n      MapLayersUI._itemsProviderRegistered = undefined;\r\n    }\r\n  }\r\n\r\n  /** The internationalization service namespace. */\r\n  public static get localizationNamespace(): string {\r\n    return this._defaultNs;\r\n  }\r\n}\r\n"]}

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

@@ -77,6 +77,10 @@
     "ToggleVisibility": "Toggle Visibility",
     "SettingsButtonTooltip": "Settings"
   },
+  "FeatureInfoWidget": {
+    "Label": "Map Layers Info",
+    "NoRecords": "No Results"
+  },
   "LayerMenu": {
     "Detach": "Detach",
     "ZoomToLayer": "Zoom to layer"

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

@@ -0,0 +1,17 @@
+import { AbstractWidgetProps, StagePanelLocation, StagePanelSection, UiItemsProvider } from "@itwin/appui-abstract";
+import { Localization } from "@itwin/core-common";
+import { ConfigurableCreateInfo, WidgetControl } from "@itwin/appui-react";
+import { MapFeatureInfoOptions } from "./Interfaces";
+export declare class FeatureInfoUiItemsProvider implements UiItemsProvider {
+    readonly id = "FeatureInfoUiItemsProvider";
+    static localization: Localization;
+    constructor(localization: Localization);
+    provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section: StagePanelSection | undefined): ReadonlyArray<AbstractWidgetProps>;
+}
+export declare class FeatureInfoWidgetControl extends WidgetControl {
+    static id: string;
+    static iconSpec: string;
+    static label: string;
+    constructor(info: ConfigurableCreateInfo, featureInfoOpts: MapFeatureInfoOptions);
+}
+//# sourceMappingURL=FeatureInfoUiItemsProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureInfoUiItemsProvider.d.ts","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAChI,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAGrD,qBAAc,0BAA2B,YAAW,eAAe;IACjE,SAAgB,EAAE,gCAAgC;IAClD,OAAc,YAAY,EAAE,YAAY,CAAC;gBAEtB,YAAY,EAAE,YAAY;IAItC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,GAAG,SAAS,GAAG,aAAa,CAAC,mBAAmB,CAAC;CActK;AAED,qBAAa,wBAAyB,SAAQ,aAAa;IACzD,OAAc,EAAE,SAAuB;IACvC,OAAc,QAAQ,SAAc;IACpC,OAAc,KAAK,SAA8B;gBACrC,IAAI,EAAE,sBAAsB,EAAE,eAAe,EAAE,qBAAqB;CAKjF"}

package/lib/esm/ui/FeatureInfoUiItemsProvider.js

@@ -0,0 +1,37 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { StagePanelLocation, StagePanelSection, StageUsage } from "@itwin/appui-abstract";
+import { WidgetControl } from "@itwin/appui-react";
+import { IModelApp } from "@itwin/core-frontend";
+import { MapFeatureInfoWidget } from "./widget/FeatureInfoWidget";
+export class FeatureInfoUiItemsProvider {
+    constructor(localization) {
+        this.id = "FeatureInfoUiItemsProvider";
+        FeatureInfoUiItemsProvider.localization = localization;
+    }
+    provideWidgets(_stageId, stageUsage, location, section) {
+        const widgets = [];
+        if (stageUsage === StageUsage.General && location === StagePanelLocation.Right && section === StagePanelSection.End) {
+            widgets.push({
+                id: "map-layers:mapFeatureInfoWidget",
+                label: IModelApp.localization.getLocalizedString("mapLayers:FeatureInfoWidget.Label"),
+                icon: "icon-map",
+                getWidgetContent: () => React.createElement(MapFeatureInfoWidget, { featureInfoOpts: { showLoadProgressAnimation: true } }), // eslint-disable-line react/display-name
+            });
+        }
+        return widgets;
+    }
+}
+export class FeatureInfoWidgetControl extends WidgetControl {
+    constructor(info, featureInfoOpts) {
+        super(info, featureInfoOpts);
+        super.reactNode = React.createElement(MapFeatureInfoWidget, { featureInfoOpts: featureInfoOpts });
+    }
+}
+FeatureInfoWidgetControl.id = "FeatureInfoWidget";
+FeatureInfoWidgetControl.iconSpec = "icon-map";
+FeatureInfoWidgetControl.label = "FeatureInfoWidgetControl";
+//# sourceMappingURL=FeatureInfoUiItemsProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureInfoUiItemsProvider.js","sourceRoot":"","sources":["../../../src/ui/FeatureInfoUiItemsProvider.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAuB,kBAAkB,EAAE,iBAAiB,EAAE,UAAU,EAAmB,MAAM,uBAAuB,CAAC;AAEhI,OAAO,EAA0B,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,MAAM,OAAQ,0BAA0B;IAItC,YAAmB,YAA0B;QAH7B,OAAE,GAAG,4BAA4B,CAAC;QAIhD,0BAA0B,CAAC,YAAY,GAAG,YAAY,CAAC;IACzD,CAAC;IAEM,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAAsC;QAC9H,MAAM,OAAO,GAA0B,EAAE,CAAC;QAE1C,IAAI,UAAU,KAAK,UAAU,CAAC,OAAO,IAAI,QAAQ,KAAK,kBAAkB,CAAC,KAAK,IAAI,OAAO,KAAK,iBAAiB,CAAC,GAAG,EAAE;YACnH,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,iCAAiC;gBACrC,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,mCAAmC,CAAC;gBACrF,IAAI,EAAE,UAAU;gBAChB,gBAAgB,EAAE,GAAG,EAAE,CAAC,oBAAC,oBAAoB,IAAC,eAAe,EAAE,EAAC,yBAAyB,EAAE,IAAI,EAAC,GAAG,EAAE,yCAAyC;aAC/I,CAAC,CAAC;SACJ;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AAED,MAAM,OAAO,wBAAyB,SAAQ,aAAa;IAIzD,YAAY,IAA4B,EAAE,eAAsC;QAC9E,KAAK,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QAE7B,KAAK,CAAC,SAAS,GAAG,oBAAC,oBAAoB,IAAC,eAAe,EAAE,eAAe,GAAG,CAAC;IAC9E,CAAC;;AAPa,2BAAE,GAAG,mBAAmB,CAAC;AACzB,iCAAQ,GAAG,UAAU,CAAC;AACtB,8BAAK,GAAG,0BAA0B,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractWidgetProps, StagePanelLocation, StagePanelSection, StageUsage, UiItemsProvider } from \"@itwin/appui-abstract\";\r\nimport { Localization } from \"@itwin/core-common\";\r\nimport { ConfigurableCreateInfo, WidgetControl } from \"@itwin/appui-react\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { MapFeatureInfoOptions } from \"./Interfaces\";\r\nimport { MapFeatureInfoWidget } from \"./widget/FeatureInfoWidget\";\r\n\r\nexport class  FeatureInfoUiItemsProvider implements UiItemsProvider {\r\n  public readonly id = \"FeatureInfoUiItemsProvider\";\r\n  public static localization: Localization;\r\n\r\n  public constructor(localization: Localization) {\r\n    FeatureInfoUiItemsProvider.localization = localization;\r\n  }\r\n\r\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section: StagePanelSection | undefined): ReadonlyArray<AbstractWidgetProps> {\r\n    const widgets: AbstractWidgetProps[] = [];\r\n\r\n    if (stageUsage === StageUsage.General && location === StagePanelLocation.Right && section === StagePanelSection.End) {\r\n      widgets.push({\r\n        id: \"map-layers:mapFeatureInfoWidget\",\r\n        label: IModelApp.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.Label\"),\r\n        icon: \"icon-map\",\r\n        getWidgetContent: () => <MapFeatureInfoWidget featureInfoOpts={{showLoadProgressAnimation: true}}/>, // eslint-disable-line react/display-name\r\n      });\r\n    }\r\n\r\n    return widgets;\r\n  }\r\n}\r\n\r\nexport class FeatureInfoWidgetControl extends WidgetControl {\r\n  public static id = \"FeatureInfoWidget\";\r\n  public static iconSpec = \"icon-map\";\r\n  public static label = \"FeatureInfoWidgetControl\";\r\n  constructor(info: ConfigurableCreateInfo, featureInfoOpts: MapFeatureInfoOptions) {\r\n    super(info, featureInfoOpts);\r\n\r\n    super.reactNode = <MapFeatureInfoWidget featureInfoOpts={featureInfoOpts}/>;\r\n  }\r\n}\r\n"]}

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

@@ -29,4 +29,11 @@ export interface MapLayerOptions {
     fetchPublicMapLayerSources?: boolean;
     mapTypeOptions?: MapTypesOptions;
 }
+export interface MapFeatureInfoPropertyGridOptions {
+    isPropertySelectionEnabled?: boolean;
+}
+export interface MapFeatureInfoOptions {
+    showLoadProgressAnimation?: boolean;
+    propertyGridOptions?: MapFeatureInfoPropertyGridOptions;
+}
 //# sourceMappingURL=Interfaces.d.ts.map

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,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,iCAAiC;IACjC,aAAa,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,uBAAuB,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC;CAC5C;AAED,MAAM,WAAW,eAAe;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC"}
+{"version":3,"file":"Interfaces.d.ts","sourceRoot":"","sources":["../../../src/ui/Interfaces.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,oFAAoF;IACpF,MAAM,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,iCAAiC;IACjC,aAAa,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,uBAAuB,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC;CAC5C;AAED,MAAM,WAAW,eAAe;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,iCAAiC;IAChD,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,qBAAqB;IACpC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,iCAAiC,CAAC;CACzD"}

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

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

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

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

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

@@ -303,7 +303,7 @@ export function AttachLayerPopupButton(props) {
     }
     return (React.createElement(React.Fragment, null,
         renderButton(),
-        React.createElement(UiCore.Popup, { isOpen: popupOpen, position: RelativePosition.BottomRight, onClose: handleClosePopup, onOutsideClick: handleOutsideClick, target: buttonRef.current, closeOnEnter: false },
+        React.createElement(UiCore.Popup, { isOpen: popupOpen, position: RelativePosition.BottomRight, onClose: handleClosePopup, onOutsideClick: handleOutsideClick, target: buttonRef.current, closeOnEnter: false, closeOnContextMenu: false },
             React.createElement("div", { ref: panelRef, className: "map-sources-popup-panel" },
                 React.createElement(AttachLayerPanel, { isOverlay: props.isOverlay, onLayerAttached: handleLayerAttached })))));
 }