@itwin/map-layers 3.1.0-dev.7 → 3.1.1

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

@@ -2,16 +2,16 @@
 * 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 { useResizeDetector } from "react-resize-detector";
-import { IModelApp } from "@itwin/core-frontend";
 import { PropertyValueFormat } from "@itwin/appui-abstract";
-import { CheckBoxState, ImageCheckBox, useDisposable, WebFontIcon } from "@itwin/core-react";
 import { ControlledTree, SelectionMode, TreeEventHandler, TreeImageLoader, TreeModelSource, TreeNodeLoader, TreeNodeRenderer, TreeRenderer, useTreeModel, } from "@itwin/components-react";
+import { ImageMapLayerSettings } from "@itwin/core-common";
+import { IModelApp } from "@itwin/core-frontend";
+import { CheckBoxState, ImageCheckBox, useDisposable, useLayoutResizeObserver, useRefState, WebFontIcon } from "@itwin/core-react";
 import { Input } from "@itwin/itwinui-react";
+import * as React from "react";
 import { SubLayersDataProvider } from "./SubLayersDataProvider";
-import { MapLayersUiItemsProvider } from "../MapLayersUiItemsProvider";
 import "./SubLayersTree.scss";
+import { MapLayersUI } from "../../mapLayers";
 // eslint-disable-next-line @typescript-eslint/naming-convention
 function Toolbar(props) {
     return (React.createElement("div", { className: "map-manager-sublayer-tree-toolbar" },
@@ -20,7 +20,7 @@ function Toolbar(props) {
 }
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function SubLayersPanel({ mapLayer, viewport }) {
-    const [noneAvailableLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:SubLayers.NoSubLayers"));
+    const [noneAvailableLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:SubLayers.NoSubLayers"));
     if (!viewport || (undefined === mapLayer.subLayers || 0 === mapLayer.subLayers.length)) {
         return React.createElement("div", { className: "map-manager-sublayer-panel" },
             React.createElement("div", null, noneAvailableLabel));
@@ -34,7 +34,7 @@ function getStyleMapLayerSettings(settings, isOverlay) {
     return {
         visible: settings.visible,
         name: settings.name,
-        url: settings.url,
+        source: settings.source,
         transparency: settings.transparency,
         transparentBackground: settings.transparentBackground,
         subLayers: settings.subLayers ? getSubLayerProps(settings.subLayers) : undefined,
@@ -50,9 +50,9 @@ function getStyleMapLayerSettings(settings, isOverlay) {
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function SubLayersTree(props) {
     var _a;
-    const [placeholderLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:SubLayers.SearchPlaceholder"));
-    const [allOnLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:SubLayers.AllOn"));
-    const [allOffLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:SubLayers.AllOff"));
+    const [placeholderLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:SubLayers.SearchPlaceholder"));
+    const [allOnLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:SubLayers.AllOn"));
+    const [allOffLabel] = React.useState(MapLayersUI.localization.getLocalizedString("mapLayers:SubLayers.AllOff"));
     const [mapLayer, setMapLayer] = React.useState(props.mapLayer);
     const [layerFilterString, setLayerFilterString] = React.useState("");
     // create data provider to get some nodes to show in tree
@@ -71,12 +71,13 @@ export function SubLayersTree(props) {
         const vp = IModelApp.viewManager.selectedView;
         const displayStyle = vp === null || vp === void 0 ? void 0 : vp.displayStyle;
         if (displayStyle && vp) {
-            const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndUrl(mapLayer.name, mapLayer.url, mapLayer.isOverlay) : -1;
+            const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndSource(mapLayer.name, mapLayer.source, mapLayer.isOverlay) : -1;
             displayStyle.changeMapSubLayerProps({ visible: true }, -1, indexInDisplayStyle, mapLayer.isOverlay);
             vp.invalidateRenderPlan();
             const updatedMapLayer = displayStyle.mapLayerAtIndex(indexInDisplayStyle, mapLayer.isOverlay);
             if (updatedMapLayer) {
-                setMapLayer(getStyleMapLayerSettings(updatedMapLayer, mapLayer.isOverlay));
+                if (updatedMapLayer instanceof ImageMapLayerSettings)
+                    setMapLayer(getStyleMapLayerSettings(updatedMapLayer, mapLayer.isOverlay));
             }
         }
     }, [mapLayer]);
@@ -84,10 +85,10 @@ export function SubLayersTree(props) {
         const vp = IModelApp.viewManager.selectedView;
         const displayStyle = vp === null || vp === void 0 ? void 0 : vp.displayStyle;
         if (displayStyle && vp) {
-            const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndUrl(mapLayer.name, mapLayer.url, mapLayer.isOverlay) : -1;
+            const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndSource(mapLayer.name, mapLayer.source, mapLayer.isOverlay) : -1;
             displayStyle.changeMapSubLayerProps({ visible: false }, -1, indexInDisplayStyle, mapLayer.isOverlay);
             const updatedMapLayer = displayStyle.mapLayerAtIndex(indexInDisplayStyle, mapLayer.isOverlay);
-            if (updatedMapLayer) {
+            if (updatedMapLayer && updatedMapLayer instanceof ImageMapLayerSettings) {
                 setMapLayer(getStyleMapLayerSettings(updatedMapLayer, mapLayer.isOverlay));
             }
             vp.invalidateRenderPlan();
@@ -96,7 +97,8 @@ export function SubLayersTree(props) {
     const handleFilterTextChanged = React.useCallback((event) => {
         setLayerFilterString(event.target.value);
     }, []);
-    const { width, height, ref } = useResizeDetector();
+    const [divRef, divElement] = useRefState();
+    const [width, height] = useLayoutResizeObserver(divElement !== null && divElement !== void 0 ? divElement : null);
     return React.createElement(React.Fragment, null,
         React.createElement("div", { className: "map-manager-sublayer-tree" },
             React.createElement(Toolbar, { searchField: React.createElement(Input, { type: "text", className: "map-manager-source-list-filter", placeholder: placeholderLabel, value: layerFilterString, onChange: handleFilterTextChanged, size: "small" }) }, ((_a = mapLayer.provider) === null || _a === void 0 ? void 0 : _a.mutualExclusiveSubLayer) ? undefined : [
@@ -105,7 +107,7 @@ export function SubLayersTree(props) {
                 React.createElement("button", { key: "hide-all-btn", title: allOffLabel, onClick: hideAll },
                     React.createElement(WebFontIcon, { iconName: "icon-visibility-hide-2" })),
             ]),
-            React.createElement("div", { ref: ref, className: "map-manager-sublayer-tree-content" }, width && height ? React.createElement(ControlledTree, { nodeLoader: nodeLoader, selectionMode: SelectionMode.None, eventsHandler: eventHandler, model: treeModel, treeRenderer: nodeWithEyeCheckboxTreeRenderer, nodeHighlightingProps: nodeHighlightingProps, width: width, height: height }) : null)));
+            React.createElement("div", { ref: divRef, className: "map-manager-sublayer-tree-content" }, width && height ? React.createElement(ControlledTree, { nodeLoader: nodeLoader, selectionMode: SelectionMode.None, eventsHandler: eventHandler, model: treeModel, treeRenderer: nodeWithEyeCheckboxTreeRenderer, nodeHighlightingProps: nodeHighlightingProps, width: width, height: height }) : null)));
 }
 /** TreeEventHandler derived class that handler processing changes to subLayer visibility */
 class SubLayerCheckboxHandler extends TreeEventHandler {
@@ -204,7 +206,7 @@ class SubLayerCheckboxHandler extends TreeEventHandler {
             next: (changes) => {
                 const vp = IModelApp.viewManager.selectedView;
                 const displayStyle = vp === null || vp === void 0 ? void 0 : vp.displayStyle;
-                const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndUrl(this._mapLayer.name, this._mapLayer.url, this._mapLayer.isOverlay) : -1;
+                const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndSource(this._mapLayer.name, this._mapLayer.source, this._mapLayer.isOverlay) : -1;
                 changes.forEach((change) => {
                     var _a, _b, _c, _d, _e;
                     const isSelected = (change.newState === CheckBoxState.On);
@@ -247,9 +249,9 @@ class SubLayerCheckboxHandler extends TreeEventHandler {
 const eyeCheckboxRenderer = (props) => (React.createElement(ImageCheckBox, { checked: props.checked, disabled: props.disabled, imageOn: "icon-visibility", imageOff: "icon-visibility-hide-2", onClick: props.onChange, tooltip: props.title }));
 /** Custom node renderer. It uses default 'TreeNodeRenderer' but overrides default checkbox renderer to render checkbox as an eye */
 const imageLoader = new TreeImageLoader();
-const nodeWithEyeCheckboxRenderer = (props) => (React.createElement(TreeNodeRenderer, Object.assign({}, props, { checkboxRenderer: eyeCheckboxRenderer, imageLoader: imageLoader })));
+const nodeWithEyeCheckboxRenderer = (props) => (React.createElement(TreeNodeRenderer, { ...props, checkboxRenderer: eyeCheckboxRenderer, imageLoader: imageLoader }));
 /** Custom tree renderer. It uses default `TreeRenderer` but overrides default node renderer to render node with custom checkbox */
-const nodeWithEyeCheckboxTreeRenderer = (props) => (React.createElement(TreeRenderer, Object.assign({}, props, { nodeRenderer: nodeWithEyeCheckboxRenderer })));
+const nodeWithEyeCheckboxTreeRenderer = (props) => (React.createElement(TreeRenderer, { ...props, nodeRenderer: nodeWithEyeCheckboxRenderer }));
 function useTreeFiltering(dataProvider, filter) {
     const nodeLoader = useFilteredProvider(dataProvider, filter);
     const nodeHighlightingProps = useNodeHighlightingProps(filter);
@@ -337,7 +339,11 @@ class FilteredTreeHierarchy {
             this._filtered.set(current === null || current === void 0 ? void 0 : current.id, matchedChildren);
             // Return a modified copy of current node (to persist initial hierarchy when filter is cleared).
             if (current) {
-                filtered = Object.assign(Object.assign({}, current), { hasChildren, autoExpand: hasChildren ? true : current.autoExpand });
+                filtered = {
+                    ...current,
+                    hasChildren,
+                    autoExpand: hasChildren ? true : current.autoExpand,
+                };
             }
         }
         return filtered;

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

@@ -1 +1 @@
-{"version":3,"file":"SubLayersTree.js","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersTree.tsx"],"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\nimport * as React from \"react\";\r\nimport { useResizeDetector } from \"react-resize-detector\";\r\nimport { IModelApp, ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { CheckBoxState, ImageCheckBox, NodeCheckboxRenderProps, useDisposable, WebFontIcon } from \"@itwin/core-react\";\r\nimport {\r\n  AbstractTreeNodeLoaderWithProvider, ControlledTree, DelayLoadedTreeNodeItem, HighlightableTreeProps, ITreeDataProvider,\r\n  MutableTreeModel,\r\n  MutableTreeModelNode,\r\n  SelectionMode, TreeCheckboxStateChangeEventArgs, TreeDataProvider, TreeEventHandler, TreeImageLoader, TreeModel, TreeModelChanges, TreeModelSource, TreeNodeItem, TreeNodeLoader,\r\n  TreeNodeRenderer, TreeNodeRendererProps, TreeRenderer, TreeRendererProps, useTreeModel,\r\n} from \"@itwin/components-react\";\r\nimport { MapLayerSettings, MapSubLayerProps, MapSubLayerSettings } from \"@itwin/core-common\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { StyleMapLayerSettings } from \"../Interfaces\";\r\nimport { SubLayersDataProvider } from \"./SubLayersDataProvider\";\r\nimport { MapLayersUiItemsProvider } from \"../MapLayersUiItemsProvider\";\r\nimport \"./SubLayersTree.scss\";\r\n\r\ninterface ToolbarProps {\r\n  searchField?: React.ReactNode;\r\n  children?: React.ReactNode[];\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nfunction Toolbar(props: ToolbarProps) {\r\n  return (\r\n    <div className=\"map-manager-sublayer-tree-toolbar\">\r\n      <div className=\"tree-toolbar-action-buttons\">\r\n        {props.children}\r\n      </div>\r\n      {props.searchField && <div className=\"tree-toolbar-searchbox\">\r\n        {props.searchField}\r\n      </div>}\r\n    </div>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function SubLayersPanel({ mapLayer, viewport }: { mapLayer: StyleMapLayerSettings, viewport: ScreenViewport | undefined }) {\r\n  const [noneAvailableLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:SubLayers.NoSubLayers\"));\r\n  if (!viewport || (undefined === mapLayer.subLayers || 0 === mapLayer.subLayers.length)) {\r\n    return <div className=\"map-manager-sublayer-panel\">\r\n      <div>{noneAvailableLabel}</div>\r\n    </div>;\r\n  }\r\n\r\n  return (\r\n    <SubLayersTree mapLayer={mapLayer} />\r\n  );\r\n}\r\n\r\nfunction getSubLayerProps(subLayerSettings: MapSubLayerSettings[]): MapSubLayerProps[] {\r\n  return subLayerSettings.map((subLayer) => subLayer.toJSON());\r\n}\r\n\r\nfunction getStyleMapLayerSettings(settings: MapLayerSettings, isOverlay: boolean): StyleMapLayerSettings {\r\n  return {\r\n    visible: settings.visible,\r\n    name: settings.name,\r\n    url: settings.url,\r\n    transparency: settings.transparency,\r\n    transparentBackground: settings.transparentBackground,\r\n    subLayers: settings.subLayers ? getSubLayerProps(settings.subLayers) : undefined,\r\n    showSubLayers: true,\r\n    isOverlay,\r\n    provider: IModelApp.mapLayerFormatRegistry.createImageryProvider(settings),\r\n  };\r\n}\r\n\r\n/**\r\n * Tree Control that displays sub-layer hierarchy\r\n * @internal\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function SubLayersTree(props: { mapLayer: StyleMapLayerSettings }) {\r\n  const [placeholderLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:SubLayers.SearchPlaceholder\"));\r\n  const [allOnLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:SubLayers.AllOn\"));\r\n  const [allOffLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:SubLayers.AllOff\"));\r\n  const [mapLayer, setMapLayer] = React.useState(props.mapLayer);\r\n  const [layerFilterString, setLayerFilterString] = React.useState<string>(\"\");\r\n\r\n  // create data provider to get some nodes to show in tree\r\n  // `React.useMemo' is used avoid creating new object on each render cycle\r\n  const dataProvider = React.useMemo(() => new SubLayersDataProvider(mapLayer), [mapLayer]);\r\n\r\n  const {\r\n    modelSource,\r\n    nodeLoader,\r\n    nodeHighlightingProps,\r\n  } = useTreeFiltering(dataProvider, layerFilterString);\r\n\r\n  // create custom event handler. It handles all tree event same as `TreeEventHandler` but additionally\r\n  // it selects/deselects node when checkbox is checked/unchecked and vice versa.\r\n  // `useDisposable` takes care of disposing old event handler when new is created in case 'nodeLoader' has changed\r\n  // `React.useCallback` is used to avoid creating new callback that creates handler on each render\r\n  const eventHandler = useDisposable(React.useCallback(() => new SubLayerCheckboxHandler(mapLayer, nodeLoader), [nodeLoader, mapLayer]));\r\n\r\n  // Get an immutable tree model from the model source. The model is regenerated every time the model source\r\n  // emits the `onModelChanged` event.\r\n  const treeModel = useTreeModel(modelSource);\r\n\r\n  const showAll = React.useCallback(async () => {\r\n    const vp = IModelApp.viewManager.selectedView;\r\n    const displayStyle = vp?.displayStyle;\r\n    if (displayStyle && vp) {\r\n      const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndUrl(mapLayer.name, mapLayer.url, mapLayer.isOverlay) : -1;\r\n      displayStyle.changeMapSubLayerProps({ visible: true }, -1, indexInDisplayStyle, mapLayer.isOverlay);\r\n      vp.invalidateRenderPlan();\r\n      const updatedMapLayer = displayStyle.mapLayerAtIndex(indexInDisplayStyle, mapLayer.isOverlay);\r\n      if (updatedMapLayer) {\r\n        setMapLayer(getStyleMapLayerSettings(updatedMapLayer, mapLayer.isOverlay));\r\n      }\r\n    }\r\n  }, [mapLayer]);\r\n\r\n  const hideAll = React.useCallback(async () => {\r\n    const vp = IModelApp.viewManager.selectedView;\r\n    const displayStyle = vp?.displayStyle;\r\n    if (displayStyle && vp) {\r\n      const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndUrl(mapLayer.name, mapLayer.url, mapLayer.isOverlay) : -1;\r\n      displayStyle.changeMapSubLayerProps({ visible: false }, -1, indexInDisplayStyle, mapLayer.isOverlay);\r\n      const updatedMapLayer = displayStyle.mapLayerAtIndex(indexInDisplayStyle, mapLayer.isOverlay);\r\n      if (updatedMapLayer) {\r\n        setMapLayer(getStyleMapLayerSettings(updatedMapLayer, mapLayer.isOverlay));\r\n      }\r\n      vp.invalidateRenderPlan();\r\n    }\r\n  }, [mapLayer]);\r\n\r\n  const handleFilterTextChanged = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setLayerFilterString(event.target.value);\r\n  }, []);\r\n\r\n  const { width, height, ref } = useResizeDetector();\r\n\r\n  return <>\r\n    <div className=\"map-manager-sublayer-tree\">\r\n      <Toolbar\r\n        searchField={\r\n          <Input type=\"text\" className=\"map-manager-source-list-filter\"\r\n            placeholder={placeholderLabel}\r\n            value={layerFilterString}\r\n            onChange={handleFilterTextChanged}\r\n            size=\"small\" />\r\n        }\r\n      >\r\n        {mapLayer.provider?.mutualExclusiveSubLayer ? undefined : [\r\n          <button key=\"show-all-btn\" title={allOnLabel} onClick={showAll}>\r\n            <WebFontIcon iconName=\"icon-visibility\" />\r\n          </button>,\r\n          <button key=\"hide-all-btn\" title={allOffLabel} onClick={hideAll}>\r\n            <WebFontIcon iconName=\"icon-visibility-hide-2\" />\r\n          </button>,\r\n        ]}\r\n      </Toolbar>\r\n      <div ref={ref} className=\"map-manager-sublayer-tree-content\">\r\n        {width && height ? <ControlledTree\r\n          nodeLoader={nodeLoader}\r\n          selectionMode={SelectionMode.None}\r\n          eventsHandler={eventHandler}\r\n          model={treeModel}\r\n          treeRenderer={nodeWithEyeCheckboxTreeRenderer}\r\n          nodeHighlightingProps={nodeHighlightingProps}\r\n          width={width}\r\n          height={height}\r\n        /> : null}\r\n      </div>\r\n    </div>\r\n  </>;\r\n}\r\n\r\n/** TreeEventHandler derived class that handler processing changes to subLayer visibility */\r\nclass SubLayerCheckboxHandler extends TreeEventHandler {\r\n  private _removeModelChangedListener: () => void;\r\n\r\n  constructor(private _mapLayer: StyleMapLayerSettings, nodeLoader: AbstractTreeNodeLoaderWithProvider<TreeDataProvider>) {\r\n    super({ modelSource: nodeLoader.modelSource, nodeLoader, collapsedChildrenDisposalEnabled: true });\r\n    this._removeModelChangedListener = this.modelSource.onModelChanged.addListener(this.onModelChanged);\r\n  }\r\n\r\n  public override dispose() {\r\n    this._removeModelChangedListener();\r\n    super.dispose();\r\n  }\r\n\r\n  // Cascade state\r\n  // Children on unnamed groups must get disabled in the tree view, because\r\n  // they get rendered anyway.\r\n  private cascadeStateToAllChildren(model: MutableTreeModel, parentId?: string) {\r\n    const children = model.getChildren(parentId);\r\n    if (children === undefined)\r\n      return;\r\n\r\n    for (const childID of children) {\r\n      const childNode = childID ? model.getNode(childID) : undefined;\r\n\r\n      if (childNode)\r\n        this.syncNodeStateWithParent(model, childNode);\r\n\r\n      // Drill down the tree.\r\n      this.cascadeStateToAllChildren(model, childID);\r\n    }\r\n  }\r\n\r\n  private applyMutualExclusiveState(model: MutableTreeModel, nodeId: string) {\r\n    const changedNode = model.getNode(nodeId);\r\n    if (changedNode?.checkbox.state === CheckBoxState.Off)\r\n      return;\r\n\r\n    for (const node of model.iterateTreeModelNodes()) {\r\n      if (node.id === changedNode?.id)\r\n        continue;\r\n\r\n      if (node && node.checkbox.state === CheckBoxState.On)\r\n        node.checkbox.state = CheckBoxState.Off;\r\n    }\r\n  }\r\n\r\n  //-----------------------------------------------------------------------\r\n  // Listen to model changes\r\n  //------------------------------------------------------------------------\r\n  // This is required because nodes are delay loaded in the model until\r\n  // they are made visible (i.e. parent node is expanded).  So even though\r\n  // you might have created nodes in the data provided with a proper\r\n  // initial state, by the time it gets loaded, their state might have became\r\n  // out of date in the TreeView's active model.  So whenever a node\r\n  // is added, when must confirm its state matches the current model\r\n  // (i.e. state of their parent.)\r\n  public onModelChanged = (args: [TreeModel, TreeModelChanges]) => {\r\n    this.modelSource.modifyModel((model) => {\r\n      const addedNodes = args[1].addedNodeIds.map((id) => model.getNode(id));\r\n      addedNodes.forEach((node) => {\r\n        if (!node)\r\n          return;\r\n\r\n        this.syncNodeStateWithParent(model, node);\r\n      });\r\n    });\r\n  };\r\n\r\n  private static isUnnamedGroup(subLayer: MapSubLayerProps | undefined): boolean {\r\n    if (!subLayer)\r\n      return false;\r\n\r\n    return (!subLayer.name || subLayer.name.length === 0) && (subLayer.children !== undefined && subLayer.children.length > 0);\r\n  }\r\n\r\n  // Ensure the state of changed node matches the state of its parent.\r\n  private syncNodeStateWithParent(model: MutableTreeModel, changedNode: MutableTreeModelNode) {\r\n    // Lookup node parent. If non exists, I assume thats the root node,\r\n    // and it must have a proper initial state.\r\n    const parentNode = changedNode.parentId ? model.getNode(changedNode.parentId) : undefined;\r\n    if (!parentNode)\r\n      return;\r\n\r\n    if (!changedNode.checkbox)\r\n      return; // don't see why this would happen, but if there is no checkbox, we cant do much here.\r\n\r\n    const parentLayerId = undefined !== parentNode.item.extendedData?.subLayerId ? parentNode.item.extendedData?.subLayerId : parentNode.item.id;\r\n    const parentSubLayer = this._mapLayer.subLayers?.find((subLayer) => subLayer.id === parentLayerId);\r\n\r\n    // If parent is disabled, then children must be too.\r\n    // Also, Non-visible unnamed group must have their children disabled (unamed groups have visibility inherence)\r\n    if (parentNode.checkbox.isDisabled || (SubLayerCheckboxHandler.isUnnamedGroup(parentSubLayer) && parentNode.checkbox.state === CheckBoxState.Off)) {\r\n      changedNode.checkbox.isDisabled = true;\r\n      changedNode.checkbox.state = CheckBoxState.Off;\r\n    } else {\r\n      // Visibility state from StyleMapLayerSettings applies\r\n      const subLayerId = undefined !== changedNode.item.extendedData?.subLayerId ? changedNode.item.extendedData?.subLayerId : changedNode.item.id;\r\n      const foundSubLayer = this._mapLayer.subLayers?.find((subLayer) => subLayer.id === subLayerId);\r\n      changedNode.checkbox.isDisabled = false;\r\n      changedNode.checkbox.state = foundSubLayer?.visible ? CheckBoxState.On : CheckBoxState.Off;\r\n    }\r\n  }\r\n\r\n  /** Changes nodes checkboxes states until event is handled or handler is disposed */\r\n  public override onCheckboxStateChanged({ stateChanges }: TreeCheckboxStateChangeEventArgs) {\r\n    // call base checkbox handling\r\n    const baseHandling = super.onCheckboxStateChanged({ stateChanges });\r\n\r\n    // subscribe to checkbox state changes to new checkbox states and do some additional work with them\r\n    const selectionHandling = stateChanges.subscribe({\r\n      next: (changes) => {\r\n        const vp = IModelApp.viewManager.selectedView;\r\n        const displayStyle = vp?.displayStyle;\r\n        const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndUrl(this._mapLayer.name, this._mapLayer.url, this._mapLayer.isOverlay) : -1;\r\n        changes.forEach((change) => {\r\n          const isSelected = (change.newState === CheckBoxState.On);\r\n\r\n          const subLayerId = undefined !== change.nodeItem.extendedData?.subLayerId ? change.nodeItem.extendedData?.subLayerId : change.nodeItem.id;\r\n\r\n          // Get the previously visible node if any\r\n          let prevVisibleLayer: MapSubLayerProps | undefined;\r\n          if (this._mapLayer.provider?.mutualExclusiveSubLayer) {\r\n            prevVisibleLayer = this._mapLayer.subLayers?.find((subLayer) => subLayer.visible && subLayer.id !== subLayerId);\r\n          }\r\n\r\n          // Update sublayer object, otherwise state would get out of sync with DisplayStyle each time the TreeView is re-rendered\r\n          const foundSubLayer = this._mapLayer.subLayers?.find((subLayer) => subLayer.id === subLayerId);\r\n          if (foundSubLayer)\r\n            foundSubLayer.visible = isSelected;\r\n          if (prevVisibleLayer?.visible)\r\n            prevVisibleLayer.visible = false;\r\n\r\n          // Update displaystyle state\r\n          if (-1 !== indexInDisplayStyle && displayStyle) {\r\n            if (prevVisibleLayer && prevVisibleLayer.id !== undefined)\r\n              displayStyle.changeMapSubLayerProps({ visible: false }, prevVisibleLayer.id, indexInDisplayStyle, this._mapLayer.isOverlay);\r\n            displayStyle.changeMapSubLayerProps({ visible: isSelected }, subLayerId, indexInDisplayStyle, this._mapLayer.isOverlay);\r\n          }\r\n\r\n          // Cascade state\r\n          this.modelSource.modifyModel((model) => {\r\n            if (this._mapLayer.provider?.mutualExclusiveSubLayer)\r\n              this.applyMutualExclusiveState(model, change.nodeItem.id);\r\n            this.cascadeStateToAllChildren(model, change.nodeItem.id);\r\n          });\r\n        });\r\n\r\n        if (vp)\r\n          vp.invalidateRenderPlan();\r\n      },\r\n    });\r\n    // stop handling selection when checkboxes handling is stopped\r\n    baseHandling?.add(selectionHandling);\r\n    return baseHandling;\r\n  }\r\n}\r\n\r\n/** Custom checkbox renderer that renders checkbox as an eye */\r\nconst eyeCheckboxRenderer = (props: NodeCheckboxRenderProps) => (\r\n  <ImageCheckBox\r\n    checked={props.checked}\r\n    disabled={props.disabled}\r\n    imageOn=\"icon-visibility\"\r\n    imageOff=\"icon-visibility-hide-2\"\r\n    onClick={props.onChange}\r\n    tooltip={props.title}\r\n  />\r\n);\r\n\r\n/** Custom node renderer. It uses default 'TreeNodeRenderer' but overrides default checkbox renderer to render checkbox as an eye */\r\nconst imageLoader = new TreeImageLoader();\r\nconst nodeWithEyeCheckboxRenderer = (props: TreeNodeRendererProps) => (\r\n  <TreeNodeRenderer\r\n    {...props}\r\n    checkboxRenderer={eyeCheckboxRenderer}\r\n    imageLoader={imageLoader}\r\n  />\r\n);\r\n\r\n/** Custom tree renderer. It uses default `TreeRenderer` but overrides default node renderer to render node with custom checkbox */\r\nconst nodeWithEyeCheckboxTreeRenderer = (props: TreeRendererProps) => (\r\n  <TreeRenderer\r\n    {...props}\r\n    nodeRenderer={nodeWithEyeCheckboxRenderer}\r\n  />\r\n);\r\n\r\nfunction useTreeFiltering(\r\n  dataProvider: ITreeDataProvider,\r\n  filter: string,\r\n) {\r\n  const nodeLoader = useFilteredProvider(dataProvider, filter);\r\n  const nodeHighlightingProps = useNodeHighlightingProps(filter);\r\n  return {\r\n    nodeLoader,\r\n    modelSource: nodeLoader.modelSource,\r\n    nodeHighlightingProps,\r\n  };\r\n}\r\n\r\nfunction useFilteredProvider(\r\n  dataProvider: ITreeDataProvider,\r\n  filter: string,\r\n) {\r\n  const filteredProvider = React.useMemo(() => {\r\n    return new FilteredTreeDataProvider(dataProvider, filter);\r\n  }, [dataProvider, filter]);\r\n\r\n  const nodeLoader = React.useMemo(() => {\r\n    return new TreeNodeLoader(filteredProvider, new TreeModelSource());\r\n  }, [filteredProvider]);\r\n\r\n  return nodeLoader;\r\n}\r\n\r\nfunction useNodeHighlightingProps(\r\n  filter: string,\r\n) {\r\n  const [nodeHighlightingProps, setNodeHighlightingProps] = React.useState<HighlightableTreeProps>();\r\n\r\n  React.useEffect(() => {\r\n    if (filter === \"\") {\r\n      setNodeHighlightingProps(undefined);\r\n      return;\r\n    }\r\n    setNodeHighlightingProps({\r\n      searchText: filter,\r\n      activeMatch: undefined,\r\n    });\r\n  }, [filter]);\r\n\r\n  return nodeHighlightingProps;\r\n}\r\n\r\nclass FullTreeHierarchy {\r\n  private _dataProvider: ITreeDataProvider;\r\n  private _hierarchy = new Map<string | undefined, DelayLoadedTreeNodeItem[]>();\r\n  private _init: Promise<void>;\r\n\r\n  public constructor(dataProvider: ITreeDataProvider) {\r\n    this._dataProvider = dataProvider;\r\n\r\n    this._init = (async () => {\r\n      await this.initNode();\r\n    })();\r\n  }\r\n\r\n  private async initNode(parent?: TreeNodeItem) {\r\n    const nodes = await this._dataProvider.getNodes(parent);\r\n    this._hierarchy.set(parent?.id, nodes);\r\n    for (const node of nodes) {\r\n      await this.initNode(node);\r\n    }\r\n  }\r\n\r\n  public async getHierarchy() {\r\n    await this._init;\r\n    return this._hierarchy;\r\n  }\r\n}\r\n\r\nclass FilteredTreeHierarchy {\r\n  private _fullHierarchy: FullTreeHierarchy;\r\n  private _filter: string;\r\n  private _filtered = new Map<string | undefined, DelayLoadedTreeNodeItem[]>();\r\n  private _init: Promise<void>;\r\n\r\n  public constructor(dataProvider: ITreeDataProvider, filter: string) {\r\n    this._fullHierarchy = new FullTreeHierarchy(dataProvider);\r\n    this._filter = filter;\r\n\r\n    this._init = (async () => {\r\n      await this.init();\r\n    })();\r\n  }\r\n\r\n  private async init() {\r\n    const hierarchy = await this._fullHierarchy.getHierarchy();\r\n    if (this._filter === \"\") {\r\n      this._filtered = hierarchy;\r\n      return;\r\n    }\r\n    this.filterNodes(hierarchy);\r\n  }\r\n\r\n  /** Initializes `this._filtered` field. Returns a node if it matches a filter. */\r\n  private filterNodes(hierarchy: Map<string | undefined, DelayLoadedTreeNodeItem[]>, current?: DelayLoadedTreeNodeItem): DelayLoadedTreeNodeItem | undefined {\r\n    const matches = current ? this.matchesFilter(current) : false;\r\n    const children = hierarchy.get(current?.id);\r\n    if (!children)\r\n      return matches ? current : undefined;\r\n\r\n    const matchedChildren = new Array<DelayLoadedTreeNodeItem>();\r\n    for (const child of children) {\r\n      const matchedChild = this.filterNodes(hierarchy, child);\r\n      matchedChild && matchedChildren.push(matchedChild);\r\n    }\r\n\r\n    const hasChildren = matchedChildren.length > 0;\r\n    const included = matches || hasChildren;\r\n    let filtered: DelayLoadedTreeNodeItem | undefined;\r\n    if (included) {\r\n      this._filtered.set(current?.id, matchedChildren);\r\n\r\n      // Return a modified copy of current node (to persist initial hierarchy when filter is cleared).\r\n      if (current) {\r\n        filtered = {\r\n          ...current,\r\n          hasChildren,\r\n          autoExpand: hasChildren ? true : current.autoExpand,\r\n        };\r\n      }\r\n    }\r\n    return filtered;\r\n  }\r\n\r\n  private matchesFilter(node: TreeNodeItem) {\r\n    if (node.label.value.valueFormat !== PropertyValueFormat.Primitive)\r\n      return false;\r\n\r\n    const value = node.label.value.displayValue?.toLowerCase();\r\n    if (!value)\r\n      return false;\r\n    return value.includes(this._filter.toLowerCase());\r\n  }\r\n\r\n  public async getHierarchy() {\r\n    await this._init;\r\n    return this._filtered;\r\n  }\r\n}\r\n\r\nclass FilteredTreeDataProvider implements ITreeDataProvider {\r\n  private _hierarchy: FilteredTreeHierarchy;\r\n\r\n  public constructor(\r\n    parentDataProvider: ITreeDataProvider,\r\n    filter: string,\r\n  ) {\r\n    this._hierarchy = new FilteredTreeHierarchy(parentDataProvider, filter);\r\n  }\r\n\r\n  public async getNodes(parent?: TreeNodeItem) {\r\n    const hierarchy = await this._hierarchy.getHierarchy();\r\n    const nodes = hierarchy.get(parent?.id);\r\n    return nodes || [];\r\n  }\r\n\r\n  public async getNodesCount(parent?: TreeNodeItem) {\r\n    const hierarchy = await this._hierarchy.getHierarchy();\r\n    const nodes = hierarchy.get(parent?.id);\r\n    return nodes?.length || 0;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SubLayersTree.js","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersTree.tsx"],"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\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport {\r\n  AbstractTreeNodeLoaderWithProvider, ControlledTree, DelayLoadedTreeNodeItem, HighlightableTreeProps, ITreeDataProvider,\r\n  MutableTreeModel,\r\n  MutableTreeModelNode,\r\n  SelectionMode, TreeCheckboxStateChangeEventArgs, TreeDataProvider, TreeEventHandler, TreeImageLoader, TreeModel, TreeModelChanges, TreeModelSource, TreeNodeItem, TreeNodeLoader,\r\n  TreeNodeRenderer, TreeNodeRendererProps, TreeRenderer, TreeRendererProps, useTreeModel,\r\n} from \"@itwin/components-react\";\r\nimport { ImageMapLayerSettings, MapSubLayerProps, MapSubLayerSettings } from \"@itwin/core-common\";\r\nimport { IModelApp, ScreenViewport } from \"@itwin/core-frontend\";\r\nimport { CheckBoxState, ImageCheckBox, NodeCheckboxRenderProps, useDisposable, useLayoutResizeObserver, useRefState, WebFontIcon } from \"@itwin/core-react\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport * as React from \"react\";\r\nimport { StyleMapLayerSettings } from \"../Interfaces\";\r\nimport { SubLayersDataProvider } from \"./SubLayersDataProvider\";\r\nimport \"./SubLayersTree.scss\";\r\nimport { MapLayersUI } from \"../../mapLayers\";\r\n\r\ninterface ToolbarProps {\r\n  searchField?: React.ReactNode;\r\n  children?: React.ReactNode[];\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nfunction Toolbar(props: ToolbarProps) {\r\n  return (\r\n    <div className=\"map-manager-sublayer-tree-toolbar\">\r\n      <div className=\"tree-toolbar-action-buttons\">\r\n        {props.children}\r\n      </div>\r\n      {props.searchField && <div className=\"tree-toolbar-searchbox\">\r\n        {props.searchField}\r\n      </div>}\r\n    </div>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function SubLayersPanel({ mapLayer, viewport }: { mapLayer: StyleMapLayerSettings, viewport: ScreenViewport | undefined }) {\r\n  const [noneAvailableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.NoSubLayers\"));\r\n  if (!viewport || (undefined === mapLayer.subLayers || 0 === mapLayer.subLayers.length)) {\r\n    return <div className=\"map-manager-sublayer-panel\">\r\n      <div>{noneAvailableLabel}</div>\r\n    </div>;\r\n  }\r\n\r\n  return (\r\n    <SubLayersTree mapLayer={mapLayer} />\r\n  );\r\n}\r\n\r\nfunction getSubLayerProps(subLayerSettings: MapSubLayerSettings[]): MapSubLayerProps[] {\r\n  return subLayerSettings.map((subLayer) => subLayer.toJSON());\r\n}\r\n\r\nfunction getStyleMapLayerSettings(settings: ImageMapLayerSettings, isOverlay: boolean): StyleMapLayerSettings {\r\n  return {\r\n    visible: settings.visible,\r\n    name: settings.name,\r\n    source: settings.source,\r\n    transparency: settings.transparency,\r\n    transparentBackground: settings.transparentBackground,\r\n    subLayers: settings.subLayers ? getSubLayerProps(settings.subLayers) : undefined,\r\n    showSubLayers: true,\r\n    isOverlay,\r\n    provider: IModelApp.mapLayerFormatRegistry.createImageryProvider(settings),\r\n  };\r\n}\r\n\r\n/**\r\n * Tree Control that displays sub-layer hierarchy\r\n * @internal\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function SubLayersTree(props: { mapLayer: StyleMapLayerSettings }) {\r\n  const [placeholderLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.SearchPlaceholder\"));\r\n  const [allOnLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.AllOn\"));\r\n  const [allOffLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.AllOff\"));\r\n  const [mapLayer, setMapLayer] = React.useState(props.mapLayer);\r\n  const [layerFilterString, setLayerFilterString] = React.useState<string>(\"\");\r\n\r\n  // create data provider to get some nodes to show in tree\r\n  // `React.useMemo' is used avoid creating new object on each render cycle\r\n  const dataProvider = React.useMemo(() => new SubLayersDataProvider(mapLayer), [mapLayer]);\r\n\r\n  const {\r\n    modelSource,\r\n    nodeLoader,\r\n    nodeHighlightingProps,\r\n  } = useTreeFiltering(dataProvider, layerFilterString);\r\n\r\n  // create custom event handler. It handles all tree event same as `TreeEventHandler` but additionally\r\n  // it selects/deselects node when checkbox is checked/unchecked and vice versa.\r\n  // `useDisposable` takes care of disposing old event handler when new is created in case 'nodeLoader' has changed\r\n  // `React.useCallback` is used to avoid creating new callback that creates handler on each render\r\n  const eventHandler = useDisposable(React.useCallback(() => new SubLayerCheckboxHandler(mapLayer, nodeLoader), [nodeLoader, mapLayer]));\r\n\r\n  // Get an immutable tree model from the model source. The model is regenerated every time the model source\r\n  // emits the `onModelChanged` event.\r\n  const treeModel = useTreeModel(modelSource);\r\n\r\n  const showAll = React.useCallback(async () => {\r\n    const vp = IModelApp.viewManager.selectedView;\r\n    const displayStyle = vp?.displayStyle;\r\n    if (displayStyle && vp) {\r\n      const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndSource(mapLayer.name, mapLayer.source, mapLayer.isOverlay) : -1;\r\n      displayStyle.changeMapSubLayerProps({ visible: true }, -1, indexInDisplayStyle, mapLayer.isOverlay);\r\n      vp.invalidateRenderPlan();\r\n      const updatedMapLayer = displayStyle.mapLayerAtIndex(indexInDisplayStyle, mapLayer.isOverlay);\r\n      if (updatedMapLayer) {\r\n        if (updatedMapLayer instanceof ImageMapLayerSettings)\r\n          setMapLayer(getStyleMapLayerSettings(updatedMapLayer, mapLayer.isOverlay));\r\n      }\r\n    }\r\n  }, [mapLayer]);\r\n\r\n  const hideAll = React.useCallback(async () => {\r\n    const vp = IModelApp.viewManager.selectedView;\r\n    const displayStyle = vp?.displayStyle;\r\n    if (displayStyle && vp) {\r\n      const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndSource(mapLayer.name, mapLayer.source, mapLayer.isOverlay) : -1;\r\n      displayStyle.changeMapSubLayerProps({ visible: false }, -1, indexInDisplayStyle, mapLayer.isOverlay);\r\n      const updatedMapLayer = displayStyle.mapLayerAtIndex(indexInDisplayStyle, mapLayer.isOverlay);\r\n      if (updatedMapLayer && updatedMapLayer instanceof ImageMapLayerSettings) {\r\n        setMapLayer(getStyleMapLayerSettings(updatedMapLayer, mapLayer.isOverlay));\r\n      }\r\n      vp.invalidateRenderPlan();\r\n    }\r\n  }, [mapLayer]);\r\n\r\n  const handleFilterTextChanged = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setLayerFilterString(event.target.value);\r\n  }, []);\r\n\r\n  const [divRef, divElement] = useRefState<HTMLDivElement>();\r\n  const [width, height] = useLayoutResizeObserver(divElement ?? null);\r\n\r\n  return <>\r\n    <div className=\"map-manager-sublayer-tree\">\r\n      <Toolbar\r\n        searchField={\r\n          <Input type=\"text\" className=\"map-manager-source-list-filter\"\r\n            placeholder={placeholderLabel}\r\n            value={layerFilterString}\r\n            onChange={handleFilterTextChanged}\r\n            size=\"small\" />\r\n        }\r\n      >\r\n        {mapLayer.provider?.mutualExclusiveSubLayer ? undefined : [\r\n          <button key=\"show-all-btn\" title={allOnLabel} onClick={showAll}>\r\n            <WebFontIcon iconName=\"icon-visibility\" />\r\n          </button>,\r\n          <button key=\"hide-all-btn\" title={allOffLabel} onClick={hideAll}>\r\n            <WebFontIcon iconName=\"icon-visibility-hide-2\" />\r\n          </button>,\r\n        ]}\r\n      </Toolbar>\r\n      {/* <div ref={ref} className=\"map-manager-sublayer-tree-content\"> */}\r\n      <div ref={divRef} className=\"map-manager-sublayer-tree-content\">\r\n        {width && height ? <ControlledTree\r\n          nodeLoader={nodeLoader}\r\n          selectionMode={SelectionMode.None}\r\n          eventsHandler={eventHandler}\r\n          model={treeModel}\r\n          treeRenderer={nodeWithEyeCheckboxTreeRenderer}\r\n          nodeHighlightingProps={nodeHighlightingProps}\r\n          width={width}\r\n          height={height}\r\n        /> : null}\r\n      </div>\r\n    </div>\r\n  </>;\r\n}\r\n\r\n/** TreeEventHandler derived class that handler processing changes to subLayer visibility */\r\nclass SubLayerCheckboxHandler extends TreeEventHandler {\r\n  private _removeModelChangedListener: () => void;\r\n\r\n  constructor(private _mapLayer: StyleMapLayerSettings, nodeLoader: AbstractTreeNodeLoaderWithProvider<TreeDataProvider>) {\r\n    super({ modelSource: nodeLoader.modelSource, nodeLoader, collapsedChildrenDisposalEnabled: true });\r\n    this._removeModelChangedListener = this.modelSource.onModelChanged.addListener(this.onModelChanged);\r\n  }\r\n\r\n  public override dispose() {\r\n    this._removeModelChangedListener();\r\n    super.dispose();\r\n  }\r\n\r\n  // Cascade state\r\n  // Children on unnamed groups must get disabled in the tree view, because\r\n  // they get rendered anyway.\r\n  private cascadeStateToAllChildren(model: MutableTreeModel, parentId?: string) {\r\n    const children = model.getChildren(parentId);\r\n    if (children === undefined)\r\n      return;\r\n\r\n    for (const childID of children) {\r\n      const childNode = childID ? model.getNode(childID) : undefined;\r\n\r\n      if (childNode)\r\n        this.syncNodeStateWithParent(model, childNode);\r\n\r\n      // Drill down the tree.\r\n      this.cascadeStateToAllChildren(model, childID);\r\n    }\r\n  }\r\n\r\n  private applyMutualExclusiveState(model: MutableTreeModel, nodeId: string) {\r\n    const changedNode = model.getNode(nodeId);\r\n    if (changedNode?.checkbox.state === CheckBoxState.Off)\r\n      return;\r\n\r\n    for (const node of model.iterateTreeModelNodes()) {\r\n      if (node.id === changedNode?.id)\r\n        continue;\r\n\r\n      if (node && node.checkbox.state === CheckBoxState.On)\r\n        node.checkbox.state = CheckBoxState.Off;\r\n    }\r\n  }\r\n\r\n  //-----------------------------------------------------------------------\r\n  // Listen to model changes\r\n  //------------------------------------------------------------------------\r\n  // This is required because nodes are delay loaded in the model until\r\n  // they are made visible (i.e. parent node is expanded).  So even though\r\n  // you might have created nodes in the data provided with a proper\r\n  // initial state, by the time it gets loaded, their state might have became\r\n  // out of date in the TreeView's active model.  So whenever a node\r\n  // is added, when must confirm its state matches the current model\r\n  // (i.e. state of their parent.)\r\n  public onModelChanged = (args: [TreeModel, TreeModelChanges]) => {\r\n    this.modelSource.modifyModel((model) => {\r\n      const addedNodes = args[1].addedNodeIds.map((id) => model.getNode(id));\r\n      addedNodes.forEach((node) => {\r\n        if (!node)\r\n          return;\r\n\r\n        this.syncNodeStateWithParent(model, node);\r\n      });\r\n    });\r\n  };\r\n\r\n  private static isUnnamedGroup(subLayer: MapSubLayerProps | undefined): boolean {\r\n    if (!subLayer)\r\n      return false;\r\n\r\n    return (!subLayer.name || subLayer.name.length === 0) && (subLayer.children !== undefined && subLayer.children.length > 0);\r\n  }\r\n\r\n  // Ensure the state of changed node matches the state of its parent.\r\n  private syncNodeStateWithParent(model: MutableTreeModel, changedNode: MutableTreeModelNode) {\r\n    // Lookup node parent. If non exists, I assume thats the root node,\r\n    // and it must have a proper initial state.\r\n    const parentNode = changedNode.parentId ? model.getNode(changedNode.parentId) : undefined;\r\n    if (!parentNode)\r\n      return;\r\n\r\n    if (!changedNode.checkbox)\r\n      return; // don't see why this would happen, but if there is no checkbox, we cant do much here.\r\n\r\n    const parentLayerId = undefined !== parentNode.item.extendedData?.subLayerId ? parentNode.item.extendedData?.subLayerId : parentNode.item.id;\r\n    const parentSubLayer = this._mapLayer.subLayers?.find((subLayer) => subLayer.id === parentLayerId);\r\n\r\n    // If parent is disabled, then children must be too.\r\n    // Also, Non-visible unnamed group must have their children disabled (unamed groups have visibility inherence)\r\n    if (parentNode.checkbox.isDisabled || (SubLayerCheckboxHandler.isUnnamedGroup(parentSubLayer) && parentNode.checkbox.state === CheckBoxState.Off)) {\r\n      changedNode.checkbox.isDisabled = true;\r\n      changedNode.checkbox.state = CheckBoxState.Off;\r\n    } else {\r\n      // Visibility state from StyleMapLayerSettings applies\r\n      const subLayerId = undefined !== changedNode.item.extendedData?.subLayerId ? changedNode.item.extendedData?.subLayerId : changedNode.item.id;\r\n      const foundSubLayer = this._mapLayer.subLayers?.find((subLayer) => subLayer.id === subLayerId);\r\n      changedNode.checkbox.isDisabled = false;\r\n      changedNode.checkbox.state = foundSubLayer?.visible ? CheckBoxState.On : CheckBoxState.Off;\r\n    }\r\n  }\r\n\r\n  /** Changes nodes checkboxes states until event is handled or handler is disposed */\r\n  public override onCheckboxStateChanged({ stateChanges }: TreeCheckboxStateChangeEventArgs) {\r\n    // call base checkbox handling\r\n    const baseHandling = super.onCheckboxStateChanged({ stateChanges });\r\n\r\n    // subscribe to checkbox state changes to new checkbox states and do some additional work with them\r\n    const selectionHandling = stateChanges.subscribe({\r\n      next: (changes) => {\r\n        const vp = IModelApp.viewManager.selectedView;\r\n        const displayStyle = vp?.displayStyle;\r\n        const indexInDisplayStyle = displayStyle ? displayStyle.findMapLayerIndexByNameAndSource(this._mapLayer.name, this._mapLayer.source, this._mapLayer.isOverlay) : -1;\r\n        changes.forEach((change) => {\r\n          const isSelected = (change.newState === CheckBoxState.On);\r\n\r\n          const subLayerId = undefined !== change.nodeItem.extendedData?.subLayerId ? change.nodeItem.extendedData?.subLayerId : change.nodeItem.id;\r\n\r\n          // Get the previously visible node if any\r\n          let prevVisibleLayer: MapSubLayerProps | undefined;\r\n          if (this._mapLayer.provider?.mutualExclusiveSubLayer) {\r\n            prevVisibleLayer = this._mapLayer.subLayers?.find((subLayer) => subLayer.visible && subLayer.id !== subLayerId);\r\n          }\r\n\r\n          // Update sublayer object, otherwise state would get out of sync with DisplayStyle each time the TreeView is re-rendered\r\n          const foundSubLayer = this._mapLayer.subLayers?.find((subLayer) => subLayer.id === subLayerId);\r\n          if (foundSubLayer)\r\n            foundSubLayer.visible = isSelected;\r\n          if (prevVisibleLayer?.visible)\r\n            prevVisibleLayer.visible = false;\r\n\r\n          // Update displaystyle state\r\n          if (-1 !== indexInDisplayStyle && displayStyle) {\r\n            if (prevVisibleLayer && prevVisibleLayer.id !== undefined)\r\n              displayStyle.changeMapSubLayerProps({ visible: false }, prevVisibleLayer.id, indexInDisplayStyle, this._mapLayer.isOverlay);\r\n            displayStyle.changeMapSubLayerProps({ visible: isSelected }, subLayerId, indexInDisplayStyle, this._mapLayer.isOverlay);\r\n          }\r\n\r\n          // Cascade state\r\n          this.modelSource.modifyModel((model) => {\r\n            if (this._mapLayer.provider?.mutualExclusiveSubLayer)\r\n              this.applyMutualExclusiveState(model, change.nodeItem.id);\r\n            this.cascadeStateToAllChildren(model, change.nodeItem.id);\r\n          });\r\n        });\r\n\r\n        if (vp)\r\n          vp.invalidateRenderPlan();\r\n      },\r\n    });\r\n    // stop handling selection when checkboxes handling is stopped\r\n    baseHandling?.add(selectionHandling);\r\n    return baseHandling;\r\n  }\r\n}\r\n\r\n/** Custom checkbox renderer that renders checkbox as an eye */\r\nconst eyeCheckboxRenderer = (props: NodeCheckboxRenderProps) => (\r\n  <ImageCheckBox\r\n    checked={props.checked}\r\n    disabled={props.disabled}\r\n    imageOn=\"icon-visibility\"\r\n    imageOff=\"icon-visibility-hide-2\"\r\n    onClick={props.onChange}\r\n    tooltip={props.title}\r\n  />\r\n);\r\n\r\n/** Custom node renderer. It uses default 'TreeNodeRenderer' but overrides default checkbox renderer to render checkbox as an eye */\r\nconst imageLoader = new TreeImageLoader();\r\nconst nodeWithEyeCheckboxRenderer = (props: TreeNodeRendererProps) => (\r\n  <TreeNodeRenderer\r\n    {...props}\r\n    checkboxRenderer={eyeCheckboxRenderer}\r\n    imageLoader={imageLoader}\r\n  />\r\n);\r\n\r\n/** Custom tree renderer. It uses default `TreeRenderer` but overrides default node renderer to render node with custom checkbox */\r\nconst nodeWithEyeCheckboxTreeRenderer = (props: TreeRendererProps) => (\r\n  <TreeRenderer\r\n    {...props}\r\n    nodeRenderer={nodeWithEyeCheckboxRenderer}\r\n  />\r\n);\r\n\r\nfunction useTreeFiltering(\r\n  dataProvider: ITreeDataProvider,\r\n  filter: string,\r\n) {\r\n  const nodeLoader = useFilteredProvider(dataProvider, filter);\r\n  const nodeHighlightingProps = useNodeHighlightingProps(filter);\r\n  return {\r\n    nodeLoader,\r\n    modelSource: nodeLoader.modelSource,\r\n    nodeHighlightingProps,\r\n  };\r\n}\r\n\r\nfunction useFilteredProvider(\r\n  dataProvider: ITreeDataProvider,\r\n  filter: string,\r\n) {\r\n  const filteredProvider = React.useMemo(() => {\r\n    return new FilteredTreeDataProvider(dataProvider, filter);\r\n  }, [dataProvider, filter]);\r\n\r\n  const nodeLoader = React.useMemo(() => {\r\n    return new TreeNodeLoader(filteredProvider, new TreeModelSource());\r\n  }, [filteredProvider]);\r\n\r\n  return nodeLoader;\r\n}\r\n\r\nfunction useNodeHighlightingProps(\r\n  filter: string,\r\n) {\r\n  const [nodeHighlightingProps, setNodeHighlightingProps] = React.useState<HighlightableTreeProps>();\r\n\r\n  React.useEffect(() => {\r\n    if (filter === \"\") {\r\n      setNodeHighlightingProps(undefined);\r\n      return;\r\n    }\r\n    setNodeHighlightingProps({\r\n      searchText: filter,\r\n      activeMatch: undefined,\r\n    });\r\n  }, [filter]);\r\n\r\n  return nodeHighlightingProps;\r\n}\r\n\r\nclass FullTreeHierarchy {\r\n  private _dataProvider: ITreeDataProvider;\r\n  private _hierarchy = new Map<string | undefined, DelayLoadedTreeNodeItem[]>();\r\n  private _init: Promise<void>;\r\n\r\n  public constructor(dataProvider: ITreeDataProvider) {\r\n    this._dataProvider = dataProvider;\r\n\r\n    this._init = (async () => {\r\n      await this.initNode();\r\n    })();\r\n  }\r\n\r\n  private async initNode(parent?: TreeNodeItem) {\r\n    const nodes = await this._dataProvider.getNodes(parent);\r\n    this._hierarchy.set(parent?.id, nodes);\r\n    for (const node of nodes) {\r\n      await this.initNode(node);\r\n    }\r\n  }\r\n\r\n  public async getHierarchy() {\r\n    await this._init;\r\n    return this._hierarchy;\r\n  }\r\n}\r\n\r\nclass FilteredTreeHierarchy {\r\n  private _fullHierarchy: FullTreeHierarchy;\r\n  private _filter: string;\r\n  private _filtered = new Map<string | undefined, DelayLoadedTreeNodeItem[]>();\r\n  private _init: Promise<void>;\r\n\r\n  public constructor(dataProvider: ITreeDataProvider, filter: string) {\r\n    this._fullHierarchy = new FullTreeHierarchy(dataProvider);\r\n    this._filter = filter;\r\n\r\n    this._init = (async () => {\r\n      await this.init();\r\n    })();\r\n  }\r\n\r\n  private async init() {\r\n    const hierarchy = await this._fullHierarchy.getHierarchy();\r\n    if (this._filter === \"\") {\r\n      this._filtered = hierarchy;\r\n      return;\r\n    }\r\n    this.filterNodes(hierarchy);\r\n  }\r\n\r\n  /** Initializes `this._filtered` field. Returns a node if it matches a filter. */\r\n  private filterNodes(hierarchy: Map<string | undefined, DelayLoadedTreeNodeItem[]>, current?: DelayLoadedTreeNodeItem): DelayLoadedTreeNodeItem | undefined {\r\n    const matches = current ? this.matchesFilter(current) : false;\r\n    const children = hierarchy.get(current?.id);\r\n    if (!children)\r\n      return matches ? current : undefined;\r\n\r\n    const matchedChildren = new Array<DelayLoadedTreeNodeItem>();\r\n    for (const child of children) {\r\n      const matchedChild = this.filterNodes(hierarchy, child);\r\n      matchedChild && matchedChildren.push(matchedChild);\r\n    }\r\n\r\n    const hasChildren = matchedChildren.length > 0;\r\n    const included = matches || hasChildren;\r\n    let filtered: DelayLoadedTreeNodeItem | undefined;\r\n    if (included) {\r\n      this._filtered.set(current?.id, matchedChildren);\r\n\r\n      // Return a modified copy of current node (to persist initial hierarchy when filter is cleared).\r\n      if (current) {\r\n        filtered = {\r\n          ...current,\r\n          hasChildren,\r\n          autoExpand: hasChildren ? true : current.autoExpand,\r\n        };\r\n      }\r\n    }\r\n    return filtered;\r\n  }\r\n\r\n  private matchesFilter(node: TreeNodeItem) {\r\n    if (node.label.value.valueFormat !== PropertyValueFormat.Primitive)\r\n      return false;\r\n\r\n    const value = node.label.value.displayValue?.toLowerCase();\r\n    if (!value)\r\n      return false;\r\n    return value.includes(this._filter.toLowerCase());\r\n  }\r\n\r\n  public async getHierarchy() {\r\n    await this._init;\r\n    return this._filtered;\r\n  }\r\n}\r\n\r\nclass FilteredTreeDataProvider implements ITreeDataProvider {\r\n  private _hierarchy: FilteredTreeHierarchy;\r\n\r\n  public constructor(\r\n    parentDataProvider: ITreeDataProvider,\r\n    filter: string,\r\n  ) {\r\n    this._hierarchy = new FilteredTreeHierarchy(parentDataProvider, filter);\r\n  }\r\n\r\n  public async getNodes(parent?: TreeNodeItem) {\r\n    const hierarchy = await this._hierarchy.getHierarchy();\r\n    const nodes = hierarchy.get(parent?.id);\r\n    return nodes || [];\r\n  }\r\n\r\n  public async getNodesCount(parent?: TreeNodeItem) {\r\n    const hierarchy = await this._hierarchy.getHierarchy();\r\n    const nodes = hierarchy.get(parent?.id);\r\n    return nodes?.length || 0;\r\n  }\r\n}\r\n"]}

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

@@ -61,4 +61,7 @@
 
 .map-manager-sublayer-tree-content {
   flex-grow: 1;
+  width: "100%";
+  height: "100%";
+  overflow: "hidden"
 }

package/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/map-layers",
-  "version": "3.1.0-dev.7",
+  "version": "3.1.1",
   "description": "Extension that adds a Map Layers Widget",
   "main": "lib/cjs/map-layers.js",
   "module": "lib/esm/map-layers.js",
@@ -21,22 +21,22 @@
     "url": "http://www.bentley.com"
   },
   "devDependencies": {
-    "@itwin/appui-abstract": "3.1.0-dev.7",
-    "@itwin/appui-layout-react": "3.1.0-dev.7",
-    "@itwin/appui-react": "3.1.0-dev.7",
-    "@itwin/build-tools": "3.1.0-dev.7",
-    "@itwin/components-react": "3.1.0-dev.7",
-    "@itwin/core-bentley": "3.1.0-dev.7",
-    "@itwin/core-common": "3.1.0-dev.7",
-    "@itwin/core-frontend": "3.1.0-dev.7",
-    "@itwin/core-geometry": "3.1.0-dev.7",
-    "@itwin/core-quantity": "3.1.0-dev.7",
-    "@itwin/core-react": "3.1.0-dev.7",
-    "@itwin/eslint-plugin": "3.1.0-dev.7",
-    "@itwin/imodel-components-react": "3.1.0-dev.7",
-    "@itwin/itwinui-css": "^0.37.0",
-    "@itwin/itwinui-react": "~1.28.0",
-    "@itwin/presentation-common": "3.1.0-dev.7",
+    "@itwin/appui-abstract": "3.1.1",
+    "@itwin/appui-layout-react": "3.1.1",
+    "@itwin/appui-react": "3.1.1",
+    "@itwin/build-tools": "3.1.1",
+    "@itwin/components-react": "3.1.1",
+    "@itwin/core-bentley": "3.1.1",
+    "@itwin/core-common": "3.1.1",
+    "@itwin/core-frontend": "3.1.1",
+    "@itwin/core-geometry": "3.1.1",
+    "@itwin/core-quantity": "3.1.1",
+    "@itwin/core-react": "3.1.1",
+    "@itwin/eslint-plugin": "3.1.1",
+    "@itwin/imodel-components-react": "3.1.1",
+    "@itwin/itwinui-css": "0.44.2",
+    "@itwin/itwinui-react": "^1.32.0",
+    "@itwin/presentation-common": "3.1.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@types/chai": "^4.1.4",
@@ -69,21 +69,20 @@
   },
   "dependencies": {
     "classnames": "^2.3.1",
-    "react-beautiful-dnd": "^13.0.0",
-    "react-resize-detector": "^6.7.6"
+    "react-beautiful-dnd": "^13.0.0"
   },
   "peerDependencies": {
-    "@itwin/core-bentley": "3.1.0-dev.7",
-    "@itwin/core-geometry": "3.1.0-dev.7",
-    "@itwin/core-common": "3.1.0-dev.7",
-    "@itwin/core-frontend": "3.1.0-dev.7",
-    "@itwin/core-quantity": "3.1.0-dev.7",
-    "@itwin/appui-abstract": "3.1.0-dev.7",
-    "@itwin/components-react": "3.1.0-dev.7",
-    "@itwin/core-react": "3.1.0-dev.7",
-    "@itwin/appui-react": "3.1.0-dev.7",
-    "@itwin/imodel-components-react": "3.1.0-dev.7",
-    "@itwin/appui-layout-react": "3.1.0-dev.7",
+    "@itwin/core-bentley": "^3.1.1",
+    "@itwin/core-geometry": "^3.1.1",
+    "@itwin/core-common": "^3.1.1",
+    "@itwin/core-frontend": "^3.1.1",
+    "@itwin/core-quantity": "^3.1.1",
+    "@itwin/appui-abstract": "^3.1.1",
+    "@itwin/components-react": "^3.1.1",
+    "@itwin/core-react": "^3.1.1",
+    "@itwin/appui-react": "^3.1.1",
+    "@itwin/imodel-components-react": "^3.1.1",
+    "@itwin/appui-layout-react": "^3.1.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -133,7 +132,8 @@
     "docs": "",
     "lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
     "pseudolocalize": "betools pseudolocalize --englishDir=./src/public/locales/en --out=./src/public/locales/en-PSEUDO",
-    "test": "mocha \"./lib/cjs/test/**/*.test.js\""
+    "test": "mocha \"./lib/cjs/test/**/*.test.js\"",
+    "rebuild": "npm run -s clean && npm run -s build"
   },
   "readme": "# MapLayers Extension/Package\r\n\r\nCopyright © Bentley Systems, Incorporated. All rights reserved. See LICENSE.md for license terms and full copyright notice.\r\n\r\nAn iTwin.js Extension that adds a widget for attaching and updating map attachments in a view:\r\n\r\nThis extension serves as an example of a extension that can be added to iTwin.js host applications.\r\nSee <http://itwinjs.org> for comprehensive documentation on the iTwin.js API and the various constructs used in this sample.\r\n\r\nThis package can also be installed into an application and the method MapLayersUI.initialized() called during the host IModelApps initialize processing.\r\n\r\n## Development Setup\r\n\r\n1. Select and prepare an iTwin.js host application. You can use the [ui-test-app] to host the extension, for example.\r\n2. The dependencies are installed as part of \"rush install\" in the iTwin.js repository.\r\n3. Build the extension as part of the \"rush build\" in the iTwin.js repository, or separately build using the npm build command.\r\n\r\n    ```sh\r\n    npm run build\r\n    ```\r\n\r\n4. Start the host application - go to its directory and run:\r\n\r\n    ```sh\r\n    npm run start:servers\r\n    ```\r\n\r\n5. Open a web browser (e.g., Chrome), and browse to http://localhost:3000.\r\n\r\n## Contributing\r\n\r\n[Contributing to iTwin.js](https://github.com/iTwin/itwinjs-core/blob/master/CONTRIBUTING.md)\r\n"
 }