@itwin/map-layers 5.4.4 → 5.5.0

package/lib/cjs/ui/widget/CustomParamsSettings.scss

@@ -3,17 +3,15 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 
-
 .customParamsSettings-previewBadge {
   margin-left: 4px;
-  display:inline;
+  display: inline;
   vertical-align: middle;
 }
 
-
 button.customParamsSettings-button {
   font-size: 12px;
-  }
+}
 
 .customParamsSettings-header {
   display: flex;
@@ -38,10 +36,10 @@ button.customParamsSettings-button {
     margin-right: 2px;
   }
 
-.customParamsSettings-content {
-  height: 100px;
-  min-height: 60px;
-  border-top: 1px solid #ccc;
+  .customParamsSettings-content {
+    height: 100px;
+    min-height: 60px;
+    border-top: 1px solid #ccc;
 
     .customParamsSettings-content-listbox {
       margin-top: 0;
@@ -49,7 +47,7 @@ button.customParamsSettings-button {
     }
 
     .customParamsSettings-content-entry {
-       margin-left: 4px;
+      margin-left: 4px;
 
       button.customParamsSettings-content-entry-button {
         height: auto;

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

@@ -1,6 +1,7 @@
 import { PropertyRecord } from "@itwin/appui-abstract";
-import { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from "@itwin/components-react";
-import { MapSubLayerFeatureInfo } from "@itwin/core-frontend";
+import type { IPropertyDataProvider, PropertyCategory, PropertyData } from "@itwin/components-react";
+import { PropertyDataChangeEvent } from "@itwin/components-react";
+import type { MapSubLayerFeatureInfo } from "@itwin/core-frontend";
 /**
  * @internal
  */

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoDataProvider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACzH,OAAO,EAAoD,sBAAsB,EAAuB,MAAM,sBAAsB,CAAC;AAerI;;GAEG;AACH,qBAAa,uBAAwB,YAAW,qBAAqB;IACnE,OAAO,CAAC,yBAAyB,CAA2B;IAC5D,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAe;IAEjD,aAAa,0BAAiC;IACrD,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAS;;IAM1B,OAAO,CAAC,uBAAuB,CAuB7B;IAEF,OAAO,CAAC,wBAAwB,CAE9B;IAEF,OAAO,CAAC,yBAAyB;IAIjC,OAAO,CAAC,4BAA4B;IAI7B,QAAQ;IAQf,IAAW,UAAU,YAEpB;YAEa,OAAO;IAiCd,mBAAmB,CAAC,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,gBAAgB;IAazF,cAAc,CAAC,YAAY,EAAE,MAAM;IAInC,WAAW,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM;IAM/C,iBAAiB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM;IAMrD,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAO7C,WAAW,CAAC,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAUvE,cAAc,CAAC,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO;IAe5E,eAAe,CAAC,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,OAAO;IAclG,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC;CAG9C"}
+{"version":3,"file":"FeatureInfoDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoDataProvider.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,KAAK,EAAkB,sBAAsB,EAAuB,MAAM,sBAAsB,CAAC;AAiBxG;;GAEG;AACH,qBAAa,uBAAwB,YAAW,qBAAqB;IACnE,OAAO,CAAC,yBAAyB,CAA2B;IAC5D,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAAe;IAEjD,aAAa,0BAAiC;IACrD,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAS;;IAM1B,OAAO,CAAC,uBAAuB,CAuB7B;IAEF,OAAO,CAAC,wBAAwB,CAE9B;IAEF,OAAO,CAAC,yBAAyB;IAIjC,OAAO,CAAC,4BAA4B;IAI7B,QAAQ;IAQf,IAAW,UAAU,YAEpB;YAEa,OAAO;IAmCd,mBAAmB,CAAC,YAAY,EAAE,sBAAsB,EAAE,aAAa,EAAE,gBAAgB;IAazF,cAAc,CAAC,YAAY,EAAE,MAAM;IAInC,WAAW,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM;IAM/C,iBAAiB,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM;IAMrD,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAO7C,WAAW,CAAC,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAUvE,cAAc,CAAC,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO;IAe5E,eAAe,CAAC,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,GAAG,OAAO;IAclG,OAAO,IAAI,OAAO,CAAC,YAAY,CAAC;CAG9C"}

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

@@ -29,8 +29,9 @@ class FeatureInfoDataProvider {
         this._data = new SimplePropertyData();
         this._isActive = false;
         this.handleActiveToolChanged = (tool, _start) => {
-            if (this._detachActiveToolListener)
+            if (this._detachActiveToolListener) {
                 this._detachActiveToolListener();
+            }
             this._detachActiveToolListener = undefined;
             if (tool.toolId === map_layers_formats_1.MapFeatureInfoTool.toolId) {
                 const mapInfoTool = tool;
@@ -91,8 +92,9 @@ class FeatureInfoDataProvider {
                             }
                         }
                     }
-                    if (layerCatIdx === -1 && nbRecords > 0)
+                    if (layerCatIdx === -1 && nbRecords > 0) {
                         this.addCategory(layerCategory);
+                    }
                 }
             }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoDataProvider.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoDataProvider.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,0DAAuD;AACvD,8DAAyH;AACzH,wDAAqI;AACrI,kEAAuF;AAEvF;;;GAGG;AAEH,MAAM,kBAAkB;IAAxB;QACS,UAAK,GAAmB,+BAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAEtD,eAAU,GAAuB,EAAE,CAAC;QACpC,YAAO,GAAiD,EAAE,CAAC;IACpE,CAAC;CAAA;AAED;;GAEG;AACH,MAAa,uBAAuB;IAQlC;QAJO,kBAAa,GAAG,IAAI,0CAAuB,EAAE,CAAC;QAC7C,UAAK,GAAG,IAAI,kBAAkB,EAAE,CAAC;QACjC,cAAS,GAAG,KAAK,CAAC;QAMlB,4BAAuB,GAAG,CAAC,IAAU,EAAE,MAAqB,EAAE,EAAE;YAEtE,IAAI,IAAI,CAAC,yBAAyB;gBAChC,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACnC,IAAI,CAAC,yBAAyB,GAAG,SAAS,CAAC;YAE3C,IAAI,IAAI,CAAC,MAAM,KAAK,uCAAkB,CAAC,MAAM,EAAE;gBAC7C,MAAM,WAAW,GAAG,IAA0B,CAAC;gBAE/C,IAAI,CAAC,yBAAyB,GAAG,WAAW,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;gBAEpG,IAAI,IAAI,CAAC,SAAS,EAAE;oBAClB,mDAAmD;oBACnD,IAAI,CAAC,KAAK,GAAG,IAAI,kBAAkB,EAAE,CAAC;oBACtC,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;iBACjC;qBAAM;oBACL,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;iBACvB;aACF;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,IAAI,kBAAkB,EAAE,CAAC;gBACtC,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;gBAChC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;aACxB;QACH,CAAC,CAAC;QAEM,6BAAwB,GAAG,CAAC,IAA4B,EAAE,EAAE;YAClE,KAAK,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,oCAAoC;QAC9E,CAAC,CAAC;QA9BA,IAAI,CAAC,wBAAwB,GAAG,yBAAS,CAAC,SAAS,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;IAClH,CAAC;IA+BO,yBAAyB,CAAC,YAAoB;QACpD,OAAO,UAAU,YAAY,EAAE,CAAC;IAClC,CAAC;IAEO,4BAA4B,CAAC,YAAoB;QACvD,OAAO,aAAa,YAAY,EAAE,CAAC;IACrC,CAAC;IAEM,QAAQ;QACb,IAAI,CAAC,wBAAwB,EAAE,CAAC;QAChC,IAAI,IAAI,CAAC,yBAAyB,EAAE;YAClC,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACjC,IAAI,CAAC,yBAAyB,GAAG,SAAS,CAAC;SAC5C;IACH,CAAC;IAED,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAC1C,CAAC;IAEO,KAAK,CAAC,OAAO,CAAC,OAAwB;QAC5C,IAAI,CAAC,KAAK,GAAG,IAAI,kBAAkB,EAAE,CAAC;QAEtC,IAAI,OAAO,EAAE,UAAU,EAAE;YACvB,KAAK,MAAM,YAAY,IAAI,OAAO,CAAC,UAAU,EAAE;gBAC7C,MAAM,YAAY,GAAG,IAAI,CAAC,yBAAyB,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAAC,YAAY,CAAC,CAAC;gBAC/D,IAAI,SAAS,GAAG,CAAC,CAAC;gBAElB,MAAM,aAAa,GACjB,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;gBAErJ,IAAI,YAAY,CAAC,aAAa,EAAE;oBAC9B,KAAK,MAAM,YAAY,IAAI,YAAY,CAAC,aAAa,EAAE;wBACrD,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;wBAEtD,+CAA+C;wBAC/C,KAAK,MAAM,OAAO,IAAI,YAAY,CAAC,QAAQ,EAAE;4BAC3C,SAAS,EAAE,CAAC;4BACZ,KAAK,MAAM,SAAS,IAAI,OAAO,CAAC,UAAU,EAAE;gCAC1C,sCAAsC;gCACtC,IAAI,CAAC,WAAW,CAAC,qCAAqB,CAAC,yBAAyB,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,4BAA4B,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC;6BAC5I;yBACF;qBACF;oBACD,IAAI,WAAW,KAAK,CAAC,CAAC,IAAI,SAAS,GAAG,CAAC;wBAAE,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;iBAC1E;aACF;SACF;QAED,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;IAClC,CAAC;IAEM,mBAAmB,CAAC,YAAoC,EAAE,aAA+B;QAC9F,MAAM,YAAY,GAAG,IAAI,CAAC,4BAA4B,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAClF,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,YAA8B,EAAE,EAAE;YAC5F,OAAO,YAAY,CAAC,IAAI,KAAK,YAAY,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,IAAI,gBAAgB,CAAC;QACrB,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE;YACpB,gBAAgB,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;YAC1F,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;YAClC,aAAa,CAAC,eAAe,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;SACvD;IACH,CAAC;IACM,cAAc,CAAC,YAAoB;QACxC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;IACxC,CAAC;IAEM,WAAW,CAAC,QAA0B;QAC3C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QAC7D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;QACjE,OAAO,WAAW,CAAC;IACrB,CAAC;IAEM,iBAAiB,CAAC,QAA0B;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,YAA8B,EAAE,EAAE;YAC/E,OAAO,YAAY,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAAC;QAC7C,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC;IACM,uBAAuB,CAAC,IAAY;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,YAA8B,EAAE,EAAE;YAC/E,OAAO,YAAY,CAAC,IAAI,KAAK,IAAI,CAAC;QACpC,CAAC,CAAC,CAAC;QACH,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,WAAW,CAAC,cAA8B,EAAE,YAAoB;QACrE,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,KAAK,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtH,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SACvD;aAAM;YACL,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC;SACzD;IACH,CAAC;IAEM,cAAc,CAAC,cAA8B,EAAE,WAAmB;QACvE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,MAAsB,EAAE,EAAE;YAC7G,OAAO,MAAM,KAAK,cAAc,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAC7E,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;YAChC,MAAM,GAAG,IAAI,CAAC;SACf;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,eAAe,CAAC,cAA8B,EAAE,WAAmB,EAAE,SAAyB;QACnG,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,MAAsB,EAAE,EAAE;YAC7G,OAAO,MAAM,KAAK,cAAc,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;YACxF,MAAM,GAAG,IAAI,CAAC;SACf;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,KAAK,CAAC,OAAO;QAClB,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;CACF;AA5KD,0DA4KC","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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { IPropertyDataProvider, PropertyCategory, PropertyData, PropertyDataChangeEvent } from \"@itwin/components-react\";\nimport { IModelApp, MapFeatureInfo, MapLayerFeatureRecord, MapSubLayerFeatureInfo, StartOrResume, Tool } from \"@itwin/core-frontend\";\nimport { MapFeatureInfoTool, MapFeatureInfoToolData } from \"@itwin/map-layers-formats\";\n\n/**\n * Implementation of [IPropertyDataProvider] that uses an associative  array.\n * @internal\n */\n\nclass SimplePropertyData implements PropertyData {\n  public label: PropertyRecord = PropertyRecord.fromString(\"\");\n  public description?: string;\n  public categories: PropertyCategory[] = [];\n  public records: { [categoryName: string]: PropertyRecord[] } = {};\n}\n\n/**\n * @internal\n */\nexport class FeatureInfoDataProvider implements IPropertyDataProvider {\n  private _detachActiveToolListener: VoidFunction | undefined;\n  private readonly _detachToolAdminListener: VoidFunction;\n\n  public onDataChanged = new PropertyDataChangeEvent();\n  private _data = new SimplePropertyData();\n  private _isActive = false;\n\n  constructor() {\n    this._detachToolAdminListener = IModelApp.toolAdmin.activeToolChanged.addListener(this.handleActiveToolChanged);\n  }\n\n  private handleActiveToolChanged = (tool: Tool, _start: StartOrResume) => {\n\n    if (this._detachActiveToolListener)\n      this._detachActiveToolListener();\n    this._detachActiveToolListener = undefined;\n\n    if (tool.toolId === MapFeatureInfoTool.toolId) {\n      const mapInfoTool = tool as MapFeatureInfoTool;\n\n      this._detachActiveToolListener = mapInfoTool.onInfoReady.addListener(this.handleOnInfoReadyChanged);\n\n      if (this._isActive) {\n        // This is a tool reset, simply clear previous data\n        this._data = new SimplePropertyData();\n        this.onDataChanged.raiseEvent();\n      } else {\n        this._isActive = true;\n      }\n    } else {\n      this._data = new SimplePropertyData();\n      this.onDataChanged.raiseEvent();\n      this._isActive = false;\n    }\n  };\n\n  private handleOnInfoReadyChanged = (data: MapFeatureInfoToolData) => {\n    void this.setInfo(data.mapInfo).then(); // No need to wait for data parsing.\n  };\n\n  private generateLayerCategoryName(subLayerName: string) {\n    return `_layer_${subLayerName}`;\n  }\n\n  private generateSubLayerCategoryName(subLayerName: string) {\n    return `_subLayer_${subLayerName}`;\n  }\n\n  public onUnload() {\n    this._detachToolAdminListener();\n    if (this._detachActiveToolListener) {\n      this._detachActiveToolListener();\n      this._detachActiveToolListener = undefined;\n    }\n  }\n\n  public get hasRecords() {\n    return this._data.categories.length > 0;\n  }\n\n  private async setInfo(mapInfo?: MapFeatureInfo) {\n    this._data = new SimplePropertyData();\n\n    if (mapInfo?.layerInfos) {\n      for (const curLayerInfo of mapInfo.layerInfos) {\n        const categoryName = this.generateLayerCategoryName(curLayerInfo.layerName);\n        const layerCatIdx = this.findCategoryIndexByName(categoryName);\n        let nbRecords = 0;\n\n        const layerCategory =\n          layerCatIdx === -1 ? { name: categoryName, label: curLayerInfo.layerName, expand: true, childCategories: [] } : this._data.categories[layerCatIdx];\n\n        if (curLayerInfo.subLayerInfos) {\n          for (const subLayerInfo of curLayerInfo.subLayerInfos) {\n            this.addSubLayerCategory(subLayerInfo, layerCategory);\n\n            // Add every feature records for this sub-layer\n            for (const feature of subLayerInfo.features) {\n              nbRecords++;\n              for (const attribute of feature.attributes) {\n                // Always use the string value for now\n                this.addProperty(MapLayerFeatureRecord.createRecordFromAttribute(attribute), this.generateSubLayerCategoryName(subLayerInfo.subLayerName));\n              }\n            }\n          }\n          if (layerCatIdx === -1 && nbRecords > 0) this.addCategory(layerCategory);\n        }\n      }\n    }\n\n    this.onDataChanged.raiseEvent();\n  }\n\n  public addSubLayerCategory(subLayerInfo: MapSubLayerFeatureInfo, layerCategory: PropertyCategory) {\n    const subLayerName = this.generateSubLayerCategoryName(subLayerInfo.subLayerName);\n    const subCatIdx = layerCategory.childCategories?.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === subLayerName;\n    });\n\n    let subLayerCategory;\n    if (subCatIdx === -1) {\n      subLayerCategory = { name: subLayerName, label: subLayerInfo.subLayerName, expand: true };\n      this.addSubCategory(subLayerName);\n      layerCategory.childCategories?.push(subLayerCategory);\n    }\n  }\n  public addSubCategory(categoryName: string) {\n    this._data.records[categoryName] = [];\n  }\n\n  public addCategory(category: PropertyCategory): number {\n    const categoryIdx = this._data.categories.push(category) - 1;\n    this._data.records[this._data.categories[categoryIdx].name] = [];\n    return categoryIdx;\n  }\n\n  public findCategoryIndex(category: PropertyCategory): number {\n    const index = this._data.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === category.name;\n    });\n    return index;\n  }\n  public findCategoryIndexByName(name: string): number {\n    const index = this._data.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === name;\n    });\n    return index;\n  }\n\n  public addProperty(propertyRecord: PropertyRecord, categoryName: string): void {\n    const idx = this._data.records[categoryName].findIndex((prop) => prop.property.name === propertyRecord.property.name);\n    if (idx === -1) {\n      this._data.records[categoryName].push(propertyRecord);\n    } else {\n      this._data.records[categoryName][idx].isMerged = true;\n      this._data.records[categoryName][idx].isReadonly = true;\n    }\n  }\n\n  public removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean {\n    const index = this._data.records[this._data.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    if (index >= 0) {\n      this._data.records[this._data.categories[categoryIdx].name].splice(index, 1);\n      this.onDataChanged.raiseEvent();\n      result = true;\n    }\n    return result;\n  }\n\n  public replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean {\n    const index = this._data.records[this._data.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    if (index >= 0) {\n      this._data.records[this._data.categories[categoryIdx].name].splice(index, 1, newRecord);\n      result = true;\n    }\n    return result;\n  }\n\n  public async getData(): Promise<PropertyData> {\n    return this._data;\n  }\n}\n"]}
+{"version":3,"file":"FeatureInfoDataProvider.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoDataProvider.ts"],"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 { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { IPropertyDataProvider, PropertyCategory, PropertyData } from \"@itwin/components-react\";\nimport { PropertyDataChangeEvent } from \"@itwin/components-react\";\nimport type { MapFeatureInfo, MapSubLayerFeatureInfo, StartOrResume, Tool } from \"@itwin/core-frontend\";\nimport { IModelApp, MapLayerFeatureRecord } from \"@itwin/core-frontend\";\nimport type { MapFeatureInfoToolData } from \"@itwin/map-layers-formats\";\nimport { MapFeatureInfoTool } from \"@itwin/map-layers-formats\";\n\n/**\n * Implementation of [IPropertyDataProvider] that uses an associative  array.\n * @internal\n */\n\nclass SimplePropertyData implements PropertyData {\n  public label: PropertyRecord = PropertyRecord.fromString(\"\");\n  public description?: string;\n  public categories: PropertyCategory[] = [];\n  public records: { [categoryName: string]: PropertyRecord[] } = {};\n}\n\n/**\n * @internal\n */\nexport class FeatureInfoDataProvider implements IPropertyDataProvider {\n  private _detachActiveToolListener: VoidFunction | undefined;\n  private readonly _detachToolAdminListener: VoidFunction;\n\n  public onDataChanged = new PropertyDataChangeEvent();\n  private _data = new SimplePropertyData();\n  private _isActive = false;\n\n  constructor() {\n    this._detachToolAdminListener = IModelApp.toolAdmin.activeToolChanged.addListener(this.handleActiveToolChanged);\n  }\n\n  private handleActiveToolChanged = (tool: Tool, _start: StartOrResume) => {\n    if (this._detachActiveToolListener) {\n      this._detachActiveToolListener();\n    }\n    this._detachActiveToolListener = undefined;\n\n    if (tool.toolId === MapFeatureInfoTool.toolId) {\n      const mapInfoTool = tool as MapFeatureInfoTool;\n\n      this._detachActiveToolListener = mapInfoTool.onInfoReady.addListener(this.handleOnInfoReadyChanged);\n\n      if (this._isActive) {\n        // This is a tool reset, simply clear previous data\n        this._data = new SimplePropertyData();\n        this.onDataChanged.raiseEvent();\n      } else {\n        this._isActive = true;\n      }\n    } else {\n      this._data = new SimplePropertyData();\n      this.onDataChanged.raiseEvent();\n      this._isActive = false;\n    }\n  };\n\n  private handleOnInfoReadyChanged = (data: MapFeatureInfoToolData) => {\n    void this.setInfo(data.mapInfo).then(); // No need to wait for data parsing.\n  };\n\n  private generateLayerCategoryName(subLayerName: string) {\n    return `_layer_${subLayerName}`;\n  }\n\n  private generateSubLayerCategoryName(subLayerName: string) {\n    return `_subLayer_${subLayerName}`;\n  }\n\n  public onUnload() {\n    this._detachToolAdminListener();\n    if (this._detachActiveToolListener) {\n      this._detachActiveToolListener();\n      this._detachActiveToolListener = undefined;\n    }\n  }\n\n  public get hasRecords() {\n    return this._data.categories.length > 0;\n  }\n\n  private async setInfo(mapInfo?: MapFeatureInfo) {\n    this._data = new SimplePropertyData();\n\n    if (mapInfo?.layerInfos) {\n      for (const curLayerInfo of mapInfo.layerInfos) {\n        const categoryName = this.generateLayerCategoryName(curLayerInfo.layerName);\n        const layerCatIdx = this.findCategoryIndexByName(categoryName);\n        let nbRecords = 0;\n\n        const layerCategory =\n          layerCatIdx === -1 ? { name: categoryName, label: curLayerInfo.layerName, expand: true, childCategories: [] } : this._data.categories[layerCatIdx];\n\n        if (curLayerInfo.subLayerInfos) {\n          for (const subLayerInfo of curLayerInfo.subLayerInfos) {\n            this.addSubLayerCategory(subLayerInfo, layerCategory);\n\n            // Add every feature records for this sub-layer\n            for (const feature of subLayerInfo.features) {\n              nbRecords++;\n              for (const attribute of feature.attributes) {\n                // Always use the string value for now\n                this.addProperty(MapLayerFeatureRecord.createRecordFromAttribute(attribute), this.generateSubLayerCategoryName(subLayerInfo.subLayerName));\n              }\n            }\n          }\n          if (layerCatIdx === -1 && nbRecords > 0) {\n            this.addCategory(layerCategory);\n          }\n        }\n      }\n    }\n\n    this.onDataChanged.raiseEvent();\n  }\n\n  public addSubLayerCategory(subLayerInfo: MapSubLayerFeatureInfo, layerCategory: PropertyCategory) {\n    const subLayerName = this.generateSubLayerCategoryName(subLayerInfo.subLayerName);\n    const subCatIdx = layerCategory.childCategories?.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === subLayerName;\n    });\n\n    let subLayerCategory;\n    if (subCatIdx === -1) {\n      subLayerCategory = { name: subLayerName, label: subLayerInfo.subLayerName, expand: true };\n      this.addSubCategory(subLayerName);\n      layerCategory.childCategories?.push(subLayerCategory);\n    }\n  }\n  public addSubCategory(categoryName: string) {\n    this._data.records[categoryName] = [];\n  }\n\n  public addCategory(category: PropertyCategory): number {\n    const categoryIdx = this._data.categories.push(category) - 1;\n    this._data.records[this._data.categories[categoryIdx].name] = [];\n    return categoryIdx;\n  }\n\n  public findCategoryIndex(category: PropertyCategory): number {\n    const index = this._data.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === category.name;\n    });\n    return index;\n  }\n  public findCategoryIndexByName(name: string): number {\n    const index = this._data.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === name;\n    });\n    return index;\n  }\n\n  public addProperty(propertyRecord: PropertyRecord, categoryName: string): void {\n    const idx = this._data.records[categoryName].findIndex((prop) => prop.property.name === propertyRecord.property.name);\n    if (idx === -1) {\n      this._data.records[categoryName].push(propertyRecord);\n    } else {\n      this._data.records[categoryName][idx].isMerged = true;\n      this._data.records[categoryName][idx].isReadonly = true;\n    }\n  }\n\n  public removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean {\n    const index = this._data.records[this._data.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    if (index >= 0) {\n      this._data.records[this._data.categories[categoryIdx].name].splice(index, 1);\n      this.onDataChanged.raiseEvent();\n      result = true;\n    }\n    return result;\n  }\n\n  public replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean {\n    const index = this._data.records[this._data.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    if (index >= 0) {\n      this._data.records[this._data.categories[categoryIdx].name].splice(index, 1, newRecord);\n      result = true;\n    }\n    return result;\n  }\n\n  public async getData(): Promise<PropertyData> {\n    return this._data;\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { MapFeatureInfoOptions } from "../Interfaces";
+import type { MapFeatureInfoOptions } from "../Interfaces";
 export declare function useSpecificWidgetDef(id: string): import("@itwin/appui-react").WidgetDef | undefined;
 interface MapFeatureInfoWidgetProps {
     featureInfoOpts: MapFeatureInfoOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,sDAG9C;AAGD,UAAU,yBAAyB;IACjC,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAGD,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,yBAAyB,eAyElF"}
+{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAG3D,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,sDAG9C;AAGD,UAAU,yBAAyB;IACjC,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAGD,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,yBAAyB,eA8ElF"}

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

@@ -1,11 +1,35 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MapFeatureInfoWidget = exports.useSpecificWidgetDef = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /*---------------------------------------------------------------------------------------------
  * 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 React = __importStar(require("react"));
 const appui_react_1 = require("@itwin/appui-react");
 const components_react_1 = require("@itwin/components-react");
 const core_react_1 = require("@itwin/core-react");
@@ -48,23 +72,18 @@ function MapFeatureInfoWidget({ featureInfoOpts }) {
     const handleResize = React.useCallback((w, h) => {
         setSize({ width: w, height: h });
     }, []);
-    const copyButton = React.useCallback((props) => props.isPropertyHovered &&
-        React.createElement("div", null,
-            React.createElement(itwinui_react_1.IconButton, { styleType: "borderless", onClick: () => {
-                    const value = props.property.value;
-                    if (value !== undefined && value.hasOwnProperty("displayValue"))
-                        navigator.clipboard.writeText(value.displayValue ?? "").catch((_) => { });
-                } },
-                React.createElement(itwinui_icons_react_1.SvgCopy, null))), []);
+    const copyButton = React.useCallback((props) => props.isPropertyHovered && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { styleType: "borderless", onClick: () => {
+                const value = props.property.value;
+                if (value !== undefined && value.hasOwnProperty("displayValue")) {
+                    navigator.clipboard.writeText(value.displayValue ?? "").catch((_) => { });
+                }
+            }, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgCopy, {}) }) })), []);
     if (hasData && dataProvider.current) {
-        return (React.createElement(core_react_1.ResizableContainerObserver, { onResize: handleResize },
-            React.createElement(components_react_1.VirtualizedPropertyGridWithDataProvider, { width: width, height: height, dataProvider: dataProvider.current, orientation: core_react_1.Orientation.Vertical, isPropertySelectionEnabled: featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled, isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered
-                : true, actionButtonRenderers: [copyButton] })));
+        return ((0, jsx_runtime_1.jsx)(core_react_1.ResizableContainerObserver, { onResize: handleResize, children: (0, jsx_runtime_1.jsx)(components_react_1.VirtualizedPropertyGridWithDataProvider, { width: width, height: height, dataProvider: dataProvider.current, orientation: core_react_1.Orientation.Vertical, isPropertySelectionEnabled: featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled, isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered
+                : true, actionButtonRenderers: [copyButton] }) }));
     }
     else {
-        return (React.createElement(core_react_1.FillCentered, null,
-            React.createElement("span", null,
-                React.createElement("i", null, noRecordsMessage))));
+        return ((0, jsx_runtime_1.jsx)(core_react_1.FillCentered, { children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)("i", { children: noRecordsMessage }) }) }));
     }
 }
 exports.MapFeatureInfoWidget = MapFeatureInfoWidget;

package/lib/cjs/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 * as React from \"react\";\nimport { PrimitiveValue } from \"@itwin/appui-abstract\";\nimport { useActiveFrontstageDef, WidgetState } from \"@itwin/appui-react\";\nimport { ActionButtonRendererProps, VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { FillCentered, Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\nimport { SvgCopy } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { FeatureInfoUiItemsProvider } from \"../FeatureInfoUiItemsProvider\";\nimport { MapFeatureInfoOptions } from \"../Interfaces\";\nimport { FeatureInfoDataProvider } from \"./FeatureInfoDataProvider\";\n\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\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapFeatureInfoWidget({ featureInfoOpts }: MapFeatureInfoWidgetProps) {\n\n  const dataProvider = React.useRef<FeatureInfoDataProvider>();\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 !== undefined && 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 copyButton = React.useCallback(\n    (props: ActionButtonRendererProps) => props.isPropertyHovered &&\n      <div>\n        <IconButton styleType=\"borderless\" 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          <SvgCopy/>\n        </IconButton>\n      </div>,\n    [],\n  );\n\n  if (hasData && dataProvider.current) {\n    return (\n      <ResizableContainerObserver onResize={handleResize}>\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      </ResizableContainerObserver>\n    );\n  } else {\n    return (\n      <FillCentered>\n        <span>\n          <i>{noRecordsMessage}</i>\n        </span>\n      </FillCentered>\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 * as React from \"react\";\nimport type { PrimitiveValue } from \"@itwin/appui-abstract\";\nimport { useActiveFrontstageDef, WidgetState } from \"@itwin/appui-react\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport { VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { FillCentered, Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\nimport { SvgCopy } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { FeatureInfoUiItemsProvider } from \"../FeatureInfoUiItemsProvider\";\nimport type { MapFeatureInfoOptions } from \"../Interfaces\";\nimport { FeatureInfoDataProvider } from \"./FeatureInfoDataProvider\";\n\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\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapFeatureInfoWidget({ featureInfoOpts }: MapFeatureInfoWidgetProps) {\n  const dataProvider = React.useRef<FeatureInfoDataProvider>();\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 !== undefined && 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 copyButton = React.useCallback(\n    (props: ActionButtonRendererProps) =>\n      props.isPropertyHovered && (\n        <div>\n          <IconButton\n            styleType=\"borderless\"\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      <ResizableContainerObserver onResize={handleResize}>\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      </ResizableContainerObserver>\n    );\n  } else {\n    return (\n      <FillCentered>\n        <span>\n          <i>{noRecordsMessage}</i>\n        </span>\n      </FillCentered>\n    );\n  }\n}\n"]}

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

@@ -9,6 +9,6 @@ interface MapLayerActionButtonsProps {
     selectAll: () => Promise<void>;
     unlink: () => Promise<void>;
 }
-export declare const MapLayerActionButtons: ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink, }: MapLayerActionButtonsProps) => JSX.Element;
+export declare const MapLayerActionButtons: ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink }: MapLayerActionButtonsProps) => JSX.Element;
 export {};
 //# sourceMappingURL=MapLayerActionButtons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayerActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerActionButtons.tsx"],"names":[],"mappings":";AASA,UAAU,0BAA0B;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAE7B;AAED,eAAO,MAAM,qBAAqB,wFAS/B,0BAA0B,gBAqD5B,CAAC"}
+{"version":3,"file":"MapLayerActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerActionButtons.tsx"],"names":[],"mappings":";AASA,UAAU,0BAA0B;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,uFAAwF,0BAA0B,gBA0BnJ,CAAC"}

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

@@ -1,31 +1,44 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MapLayerActionButtons = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const React = require("react");
+const React = __importStar(require("react"));
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const mapLayers_1 = require("../../mapLayers");
-const MapLayerActionButtons = ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink, }) => {
+const MapLayerActionButtons = ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink }) => {
     const [showAllLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:MapLayerActionButtons.ShowAllLabel"));
     const [hideAllLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:MapLayerActionButtons.HideAllLabel"));
     const [invertAllLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:MapLayerActionButtons.InvertAllLabel"));
     const [detachSelectedLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:MapLayerActionButtons.DetachSelectedLabel"));
-    return (React.createElement("div", { className: "map-manager-layer-action-buttons" },
-        React.createElement(itwinui_react_1.Checkbox, { "data-testid": "select-all-checkbox", checked: checked, onChange: selectAll, className: "map-manager-layer-action-unlink-button" }),
-        React.createElement(itwinui_react_1.ButtonGroup, null,
-            React.createElement(itwinui_react_1.IconButton, { disabled: disabled || disabledUnlink, title: detachSelectedLabel, size: "small", styleType: "borderless", onClick: unlink },
-                React.createElement(itwinui_icons_react_1.SvgUnlink, null))),
-        React.createElement(itwinui_react_1.ButtonGroup, { className: "map-manager-layer-action-buttons-inside-separator" },
-            React.createElement(itwinui_react_1.IconButton, { disabled: disabled, size: "small", title: showAllLabel, onClick: showAll, styleType: "borderless" },
-                React.createElement(itwinui_icons_react_1.SvgVisibilityShow, null)),
-            React.createElement(itwinui_react_1.IconButton, { disabled: disabled, title: invertAllLabel, size: "small", styleType: "borderless", onClick: invert },
-                React.createElement(itwinui_icons_react_1.SvgVisibilityHalf, null)),
-            React.createElement(itwinui_react_1.IconButton, { disabled: disabled, title: hideAllLabel, size: "small", styleType: "borderless", onClick: hideAll },
-                React.createElement(itwinui_icons_react_1.SvgVisibilityHide, null)))));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "map-manager-layer-action-buttons", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Checkbox, { "data-testid": "select-all-checkbox", checked: checked, onChange: selectAll, className: "map-manager-layer-action-unlink-button" }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ButtonGroup, { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled || disabledUnlink, title: detachSelectedLabel, size: "small", styleType: "borderless", onClick: unlink, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgUnlink, {}) }) }), (0, jsx_runtime_1.jsxs)(itwinui_react_1.ButtonGroup, { className: "map-manager-layer-action-buttons-inside-separator", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, size: "small", title: showAllLabel, onClick: showAll, styleType: "borderless", children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityShow, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, title: invertAllLabel, size: "small", styleType: "borderless", onClick: invert, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityHalf, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, title: hideAllLabel, size: "small", styleType: "borderless", onClick: hideAll, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityHide, {}) })] })] }));
 };
 exports.MapLayerActionButtons = MapLayerActionButtons;
 //# sourceMappingURL=MapLayerActionButtons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayerActionButtons.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerActionButtons.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,wDAAyE;AACzE,+BAA+B;AAC/B,oEAAgH;AAChH,+CAA8C;AAcvC,MAAM,qBAAqB,GAAG,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,OAAO,EACP,cAAc,GACa,EAAE,EAAE;IAE/B,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAC,CAAC;IACnI,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAC,CAAC;IACnI,MAAM,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,gDAAgD,CAAC,CAAC,CAAC;IACvI,MAAM,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,qDAAqD,CAAC,CAAC,CAAC;IACjJ,OAAO,CACL,6BAAK,SAAS,EAAE,kCAAkC;QAChD,oBAAC,wBAAQ,mBAAc,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAC,wCAAwC,GAAa;QACpJ,oBAAC,2BAAW;YACV,oBAAC,0BAAU,IACT,QAAQ,EAAE,QAAQ,IAAI,cAAc,EACpC,KAAK,EAAE,mBAAmB,EAC1B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,MAAM;gBAEf,oBAAC,+BAAS,OAAG,CACF,CACD;QACd,oBAAC,2BAAW,IAAC,SAAS,EAAC,mDAAmD;YACxE,oBAAC,0BAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,YAAY;gBAEtB,oBAAC,uCAAiB,OAAG,CACV;YACb,oBAAC,0BAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,cAAc,EACrB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,MAAM;gBAEf,oBAAC,uCAAiB,OAAG,CACV;YACb,oBAAC,0BAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,OAAO;gBAEhB,oBAAC,uCAAiB,OAAG,CACV,CAED,CACV,CACP,CAAC;AAEJ,CAAC,CAAC;AA9DW,QAAA,qBAAqB,yBA8DhC","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 { ButtonGroup, Checkbox, IconButton } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { SvgUnlink, SvgVisibilityHalf, SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\ninterface MapLayerActionButtonsProps {\n  disabled: boolean;\n  checked: boolean;\n  disabledUnlink?: boolean;\n  showAll: () => Promise<void>;\n  hideAll: () => Promise<void>;\n  invert: () => Promise<void>;\n  selectAll: () => Promise<void>;\n  unlink: () => Promise<void>;\n\n}\n\nexport const MapLayerActionButtons = ({\n  disabled,\n  showAll,\n  hideAll,\n  invert,\n  selectAll,\n  unlink,\n  checked,\n  disabledUnlink,\n}: MapLayerActionButtonsProps) => {\n\n  const [showAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.ShowAllLabel\"));\n  const [hideAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.HideAllLabel\"));\n  const [invertAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.InvertAllLabel\"));\n  const [detachSelectedLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.DetachSelectedLabel\"));\n  return (\n    <div className= \"map-manager-layer-action-buttons\">\n      <Checkbox data-testid={\"select-all-checkbox\"} checked={checked} onChange={selectAll} className=\"map-manager-layer-action-unlink-button\" ></Checkbox>\n      <ButtonGroup>\n        <IconButton\n          disabled={disabled || disabledUnlink}\n          title={detachSelectedLabel}\n          size=\"small\"\n          styleType=\"borderless\"\n          onClick={unlink}\n        >\n          <SvgUnlink />\n        </IconButton>\n      </ButtonGroup>\n      <ButtonGroup className=\"map-manager-layer-action-buttons-inside-separator\">\n        <IconButton\n          disabled={disabled}\n          size=\"small\"\n          title={showAllLabel}\n          onClick={showAll}\n          styleType=\"borderless\"\n        >\n          <SvgVisibilityShow />\n        </IconButton>\n        <IconButton\n          disabled={disabled}\n          title={invertAllLabel}\n          size=\"small\"\n          styleType=\"borderless\"\n          onClick={invert}\n        >\n          <SvgVisibilityHalf />\n        </IconButton>\n        <IconButton\n          disabled={disabled}\n          title={hideAllLabel}\n          size=\"small\"\n          styleType=\"borderless\"\n          onClick={hideAll}\n        >\n          <SvgVisibilityHide />\n        </IconButton>\n\n      </ButtonGroup>\n    </div>\n  );\n\n};\n\n"]}
+{"version":3,"file":"MapLayerActionButtons.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerActionButtons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,wDAAyE;AACzE,6CAA+B;AAC/B,oEAAgH;AAChH,+CAA8C;AAavC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAA8B,EAAE,EAAE;IACtJ,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAC,CAAC;IACnI,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAC,CAAC;IACnI,MAAM,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,gDAAgD,CAAC,CAAC,CAAC;IACvI,MAAM,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,qDAAqD,CAAC,CAAC,CAAC;IACjJ,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,wBAAQ,mBAAc,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAC,wCAAwC,GAAY,EACnJ,uBAAC,2BAAW,cACV,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,IAAI,cAAc,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,YAC/H,uBAAC,+BAAS,KAAG,GACF,GACD,EACd,wBAAC,2BAAW,IAAC,SAAS,EAAC,mDAAmD,aACxE,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,YACxG,uBAAC,uCAAiB,KAAG,GACV,EACb,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,YACxG,uBAAC,uCAAiB,KAAG,GACV,EACb,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,YACvG,uBAAC,uCAAiB,KAAG,GACV,IACD,IACV,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC","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 { ButtonGroup, Checkbox, IconButton } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { SvgUnlink, SvgVisibilityHalf, SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\ninterface MapLayerActionButtonsProps {\n  disabled: boolean;\n  checked: boolean;\n  disabledUnlink?: boolean;\n  showAll: () => Promise<void>;\n  hideAll: () => Promise<void>;\n  invert: () => Promise<void>;\n  selectAll: () => Promise<void>;\n  unlink: () => Promise<void>;\n}\n\nexport const MapLayerActionButtons = ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink }: MapLayerActionButtonsProps) => {\n  const [showAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.ShowAllLabel\"));\n  const [hideAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.HideAllLabel\"));\n  const [invertAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.InvertAllLabel\"));\n  const [detachSelectedLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.DetachSelectedLabel\"));\n  return (\n    <div className=\"map-manager-layer-action-buttons\">\n      <Checkbox data-testid={\"select-all-checkbox\"} checked={checked} onChange={selectAll} className=\"map-manager-layer-action-unlink-button\"></Checkbox>\n      <ButtonGroup>\n        <IconButton disabled={disabled || disabledUnlink} title={detachSelectedLabel} size=\"small\" styleType=\"borderless\" onClick={unlink}>\n          <SvgUnlink />\n        </IconButton>\n      </ButtonGroup>\n      <ButtonGroup className=\"map-manager-layer-action-buttons-inside-separator\">\n        <IconButton disabled={disabled} size=\"small\" title={showAllLabel} onClick={showAll} styleType=\"borderless\">\n          <SvgVisibilityShow />\n        </IconButton>\n        <IconButton disabled={disabled} title={invertAllLabel} size=\"small\" styleType=\"borderless\" onClick={invert}>\n          <SvgVisibilityHalf />\n        </IconButton>\n        <IconButton disabled={disabled} title={hideAllLabel} size=\"small\" styleType=\"borderless\" onClick={hideAll}>\n          <SvgVisibilityHide />\n        </IconButton>\n      </ButtonGroup>\n    </div>\n  );\n};\n"]}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import "./MapLayerManager.scss";
-import { ScreenViewport } from "@itwin/core-frontend";
-import { MapLayerOptions, StyleMapLayerSettings } from "../Interfaces";
+import type { ScreenViewport } from "@itwin/core-frontend";
+import type { MapLayerOptions, StyleMapLayerSettings } from "../Interfaces";
 /** @internal */
 interface MapLayerDroppableProps {
     isOverlay: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayerDroppable.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerDroppable.tsx"],"names":[],"mappings":";AASA,OAAO,wBAAwB,CAAC;AAMhC,OAAO,EAEL,cAAc,EACf,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAMvE,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,MAAM,WAAW,CAAC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtF,6BAA6B,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjF,cAAc,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,MAAO,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,gBAAgB;AAEhB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAkN9D"}
+{"version":3,"file":"MapLayerDroppable.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerDroppable.tsx"],"names":[],"mappings":";AASA,OAAO,wBAAwB,CAAC;AAuBhC,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE5E,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,MAAM,WAAW,CAAC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtF,6BAA6B,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjF,cAAc,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,gBAAgB;AAEhB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eA2P9D"}

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

@@ -1,15 +1,39 @@
 "use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-// cSpell:ignore droppable Sublayer Basemap
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MapLayerDroppable = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+// cSpell:ignore droppable Sublayer Basemap
 // the following quiet warning caused by react-beautiful-dnd package
 /* eslint-disable @typescript-eslint/unbound-method */
 require("./MapLayerManager.scss");
-const React = require("react");
+const React = __importStar(require("react"));
 const react_beautiful_dnd_1 = require("react-beautiful-dnd");
 const appui_react_1 = require("@itwin/appui-react");
 const core_bentley_1 = require("@itwin/core-bentley");
@@ -23,8 +47,9 @@ const MapLayerSettingsMenu_1 = require("./MapLayerSettingsMenu");
 const MapUrlDialog_1 = require("./MapUrlDialog");
 const SubLayersPopupButton_1 = require("./SubLayersPopupButton");
 const changeVisibilityByElementId = (element, visible) => {
-    if (element)
+    if (element) {
         element.setAttribute("style", `visibility: ${visible ? "visible" : "hidden"}`);
+    }
 };
 /** @internal */
 // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -39,8 +64,12 @@ function MapLayerDroppable(props) {
     const [outOfRangeTitle] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:Widget.layerOutOfRange"));
     const onSubLayerStateChange = (activeLayer, subLayerId, isSelected) => {
         const mapLayerStyleIdx = props.activeViewport.displayStyle.findMapLayerIndexByNameAndSource(activeLayer.name, activeLayer.source, activeLayer.isOverlay);
-        if (mapLayerStyleIdx !== -1 && activeLayer.subLayers)
-            props.activeViewport.displayStyle.changeMapSubLayerProps({ visible: isSelected }, subLayerId, { index: mapLayerStyleIdx, isOverlay: activeLayer.isOverlay });
+        if (mapLayerStyleIdx !== -1 && activeLayer.subLayers) {
+            props.activeViewport.displayStyle.changeMapSubLayerProps({ visible: isSelected }, subLayerId, {
+                index: mapLayerStyleIdx,
+                isOverlay: activeLayer.isOverlay,
+            });
+        }
     };
     const handleOk = React.useCallback((index, sourceState) => {
         appui_react_1.UiFramework.dialogs.modal.close();
@@ -72,69 +101,54 @@ function MapLayerDroppable(props) {
         (0, core_bentley_1.assert)(props.layersList !== undefined);
         const activeLayer = props.layersList[rubric.source.index];
         const outOfRange = activeLayer.treeVisibility === core_frontend_1.MapTileTreeScaleRangeVisibility.Hidden;
-        return (React.createElement("div", { className: "map-manager-source-item", "data-id": rubric.source.index, key: activeLayer.name, ...dragProvided.draggableProps, ref: dragProvided.innerRef, onMouseEnter: (event) => changeSettingsMenuVisibility(event, true), onMouseLeave: (event) => changeSettingsMenuVisibility(event, false) },
-            React.createElement(itwinui_react_1.Checkbox, { "data-testid": "select-item-checkbox", checked: activeLayer.selected, onChange: (event) => {
-                    activeLayer.selected = event.target.checked;
-                    props.onItemSelected(props.isOverlay, rubric.source.index);
-                } }),
-            React.createElement(itwinui_react_1.Button, { disabled: props.disabled, size: "small", styleType: "borderless", className: "map-manager-item-visibility map-manager-visibility-icon", title: toggleVisibility, onClick: () => { props.onItemVisibilityToggleClicked(activeLayer); } },
-                React.createElement(core_react_1.Icon, { iconSpec: activeLayer.visible ? "icon-visibility" : "icon-visibility-hide-2" })),
-            React.createElement("span", { className: props.disabled || outOfRange ? "map-manager-item-label-disabled" : "map-manager-item-label", title: outOfRange ? outOfRangeTitle : undefined, ...dragProvided.dragHandleProps },
-                activeLayer.name,
-                activeLayer.provider?.status === core_frontend_1.MapLayerImageryProviderStatus.RequireAuth &&
-                    React.createElement(itwinui_react_1.Button, { disabled: props.disabled, size: "small", styleType: "borderless", onClick: () => {
-                            const indexInDisplayStyle = props.activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(activeLayer.name, activeLayer.source, activeLayer.isOverlay);
-                            if (indexInDisplayStyle !== undefined && indexInDisplayStyle >= 0) {
-                                const index = { index: indexInDisplayStyle, isOverlay: activeLayer.isOverlay };
-                                const layer = props.activeViewport.displayStyle.mapLayerAtIndex(index);
-                                if (layer instanceof core_common_1.ImageMapLayerSettings) {
-                                    appui_react_1.UiFramework.dialogs.modal.open(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: props.activeViewport, isOverlay: props.isOverlay, signInModeArgs: { layer }, onOkResult: (sourceState) => handleOk(index, sourceState), onCancelResult: () => { appui_react_1.UiFramework.dialogs.modal.close(); }, mapLayerOptions: props.mapLayerOptions }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "map-manager-source-item", "data-id": rubric.source.index, ...dragProvided.draggableProps, ref: dragProvided.innerRef, onMouseEnter: (event) => changeSettingsMenuVisibility(event, true), onMouseLeave: (event) => changeSettingsMenuVisibility(event, false), children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Checkbox, { "data-testid": "select-item-checkbox", checked: activeLayer.selected, onChange: (event) => {
+                        activeLayer.selected = event.target.checked;
+                        props.onItemSelected(props.isOverlay, rubric.source.index);
+                    } }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { disabled: props.disabled, size: "small", styleType: "borderless", className: "map-manager-item-visibility map-manager-visibility-icon", title: toggleVisibility, onClick: () => {
+                        props.onItemVisibilityToggleClicked(activeLayer);
+                    }, children: (0, jsx_runtime_1.jsx)(core_react_1.Icon, { iconSpec: activeLayer.visible ? "icon-visibility" : "icon-visibility-hide-2" }) }), (0, jsx_runtime_1.jsxs)("span", { className: props.disabled || outOfRange ? "map-manager-item-label-disabled" : "map-manager-item-label", title: outOfRange ? outOfRangeTitle : undefined, ...dragProvided.dragHandleProps, children: [activeLayer.name, activeLayer.provider?.status === core_frontend_1.MapLayerImageryProviderStatus.RequireAuth && ((0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { disabled: props.disabled, size: "small", styleType: "borderless", onClick: () => {
+                                const indexInDisplayStyle = props.activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(activeLayer.name, activeLayer.source, activeLayer.isOverlay);
+                                if (indexInDisplayStyle !== undefined && indexInDisplayStyle >= 0) {
+                                    const index = { index: indexInDisplayStyle, isOverlay: activeLayer.isOverlay };
+                                    const layer = props.activeViewport.displayStyle.mapLayerAtIndex(index);
+                                    if (layer instanceof core_common_1.ImageMapLayerSettings) {
+                                        appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(MapUrlDialog_1.MapUrlDialog, { activeViewport: props.activeViewport, isOverlay: props.isOverlay, signInModeArgs: { layer }, onOkResult: (sourceState) => handleOk(index, sourceState), onCancelResult: () => {
+                                                appui_react_1.UiFramework.dialogs.modal.close();
+                                            }, mapLayerOptions: props.mapLayerOptions }));
+                                    }
                                 }
-                            }
-                        }, title: requireAuthTooltip },
-                        React.createElement(core_react_1.Icon, { className: "map-layer-source-item-warnMessage-icon", iconSpec: "icon-status-warning" }))),
-            React.createElement("div", { id: "MapLayerSettingsSubLayersMenu", style: { visibility: "hidden" }, className: "map-manager-item-sub-layer-container" }, activeLayer.subLayers && activeLayer.subLayers.length > 1 &&
-                React.createElement(SubLayersPopupButton_1.SubLayersPopupButton, { checkboxStyle: "eye", expandMode: "rootGroupOnly", subLayers: props.activeViewport ? activeLayer.subLayers : undefined, singleVisibleSubLayer: activeLayer.provider?.mutualExclusiveSubLayer, onSubLayerStateChange: (subLayerId, isSelected) => { onSubLayerStateChange(activeLayer, subLayerId, isSelected); } })),
-            activeLayer.provider?.status === core_frontend_1.MapLayerImageryProviderStatus.RequireAuth &&
-                React.createElement(itwinui_react_1.Button, { disabled: props.disabled, size: "small", styleType: "borderless", onClick: () => {
+                            }, title: requireAuthTooltip, children: (0, jsx_runtime_1.jsx)(core_react_1.Icon, { className: "map-layer-source-item-warnMessage-icon", iconSpec: "icon-status-warning" }) }))] }), (0, jsx_runtime_1.jsx)("div", { id: "MapLayerSettingsSubLayersMenu", style: { visibility: "hidden" }, className: "map-manager-item-sub-layer-container", children: activeLayer.subLayers && activeLayer.subLayers.length > 1 && ((0, jsx_runtime_1.jsx)(SubLayersPopupButton_1.SubLayersPopupButton, { checkboxStyle: "eye", expandMode: "rootGroupOnly", subLayers: props.activeViewport ? activeLayer.subLayers : undefined, singleVisibleSubLayer: activeLayer.provider?.mutualExclusiveSubLayer, onSubLayerStateChange: (subLayerId, isSelected) => {
+                            onSubLayerStateChange(activeLayer, subLayerId, isSelected);
+                        } })) }), activeLayer.provider?.status === core_frontend_1.MapLayerImageryProviderStatus.RequireAuth && ((0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { disabled: props.disabled, size: "small", styleType: "borderless", onClick: () => {
                         const indexInDisplayStyle = props.activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(activeLayer.name, activeLayer.source, activeLayer.isOverlay);
                         if (indexInDisplayStyle !== undefined && indexInDisplayStyle >= 0) {
                             const index = { index: indexInDisplayStyle, isOverlay: activeLayer.isOverlay };
                             const layer = props.activeViewport.displayStyle.mapLayerAtIndex(index);
                             if (layer instanceof core_common_1.ImageMapLayerSettings) {
-                                appui_react_1.UiFramework.dialogs.modal.open(React.createElement(MapUrlDialog_1.MapUrlDialog, { activeViewport: props.activeViewport, isOverlay: props.isOverlay, signInModeArgs: { layer }, onOkResult: (sourceState) => handleOk(index, sourceState), onCancelResult: () => { appui_react_1.UiFramework.dialogs.modal.close(); }, mapLayerOptions: props.mapLayerOptions }));
+                                appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(MapUrlDialog_1.MapUrlDialog, { activeViewport: props.activeViewport, isOverlay: props.isOverlay, signInModeArgs: { layer }, onOkResult: (sourceState) => handleOk(index, sourceState), onCancelResult: () => {
+                                        appui_react_1.UiFramework.dialogs.modal.close();
+                                    }, mapLayerOptions: props.mapLayerOptions }));
                             }
                         }
-                    }, title: requireAuthTooltip },
-                    React.createElement(core_react_1.Icon, { className: "map-layer-source-item-warnMessage-icon", iconSpec: "icon-status-warning" })),
-            React.createElement("div", { id: "MapLayerSettingsMenuWrapper", style: { visibility: "hidden" } },
-                React.createElement(MapLayerSettingsMenu_1.MapLayerSettingsMenu, { activeViewport: props.activeViewport, mapLayerSettings: activeLayer, onMenuItemSelection: props.onMenuItemSelected, disabled: props.disabled }))));
+                    }, title: requireAuthTooltip, children: (0, jsx_runtime_1.jsx)(core_react_1.Icon, { className: "map-layer-source-item-warnMessage-icon", iconSpec: "icon-status-warning" }) })), (0, jsx_runtime_1.jsx)("div", { id: "MapLayerSettingsMenuWrapper", style: { visibility: "hidden" }, children: (0, jsx_runtime_1.jsx)(MapLayerSettingsMenu_1.MapLayerSettingsMenu, { activeViewport: props.activeViewport, mapLayerSettings: activeLayer, onMenuItemSelection: props.onMenuItemSelected, disabled: props.disabled }) })] }, activeLayer.name));
     };
     function renderDraggableContent(snapshot) {
         let node;
         if (containsLayer) {
             // Render a <Draggable>
-            node = (props.layersList?.map((mapLayerSettings, i) => React.createElement(react_beautiful_dnd_1.Draggable, { isDragDisabled: props.disabled, key: mapLayerSettings.name, draggableId: mapLayerSettings.name, index: i }, renderItem)));
+            node = props.layersList?.map((mapLayerSettings, i) => ((0, jsx_runtime_1.jsx)(react_beautiful_dnd_1.Draggable, { isDragDisabled: props.disabled, draggableId: mapLayerSettings.name, index: i, children: renderItem }, mapLayerSettings.name)));
         }
         else {
             // Render a label that provide a 'Drop here' hint
             const label = props.isOverlay ? noUnderlaysSpecifiedLabel : noBackgroundMapsSpecifiedLabel;
-            node =
-                React.createElement("div", { title: label, className: "map-manager-no-layers-container" }, snapshot.isDraggingOver ?
-                    React.createElement("span", { className: "map-manager-no-layers-label" }, dropLayerLabel)
-                    :
-                        React.createElement(React.Fragment, null,
-                            React.createElement("span", { className: "map-manager-no-layers-label" }, label),
-                            React.createElement(AttachLayerPopupButton_1.AttachLayerPopupButton, { disabled: props.disabled, buttonType: AttachLayerPopupButton_1.AttachLayerButtonType.Blue, isOverlay: props.isOverlay })));
+            node = ((0, jsx_runtime_1.jsx)("div", { title: label, className: "map-manager-no-layers-container", children: snapshot.isDraggingOver ? ((0, jsx_runtime_1.jsx)("span", { className: "map-manager-no-layers-label", children: dropLayerLabel })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "map-manager-no-layers-label", children: label }), (0, jsx_runtime_1.jsx)(AttachLayerPopupButton_1.AttachLayerPopupButton, { disabled: props.disabled, buttonType: AttachLayerPopupButton_1.AttachLayerButtonType.Blue, isOverlay: props.isOverlay })] })) }));
         }
         return node;
     }
     function renderDraggable(dropProvided, dropSnapshot) {
-        return (React.createElement("div", { className: `map-manager-attachments${dropSnapshot.isDraggingOver && containsLayer ? " is-dragging-map-over" : ""}`, ref: dropProvided.innerRef, ...dropProvided.droppableProps },
-            renderDraggableContent(dropSnapshot),
-            React.createElement("div", { style: containsLayer ? undefined : { display: "none" } }, dropProvided.placeholder)));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: `map-manager-attachments${dropSnapshot.isDraggingOver && containsLayer ? " is-dragging-map-over" : ""}`, ref: dropProvided.innerRef, ...dropProvided.droppableProps, children: [renderDraggableContent(dropSnapshot), (0, jsx_runtime_1.jsx)("div", { style: containsLayer ? undefined : { display: "none" }, children: dropProvided.placeholder })] }));
     }
-    return (React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: droppableId, renderClone: renderItem, getContainerForClone: props.getContainerForClone }, renderDraggable));
+    return ((0, jsx_runtime_1.jsx)(react_beautiful_dnd_1.Droppable, { droppableId: droppableId, renderClone: renderItem, getContainerForClone: props.getContainerForClone, children: renderDraggable }));
 }
 exports.MapLayerDroppable = MapLayerDroppable;
 //# sourceMappingURL=MapLayerDroppable.js.map