@itwin/map-layers 5.6.2 → 6.0.0-dev.1

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

@@ -30,13 +30,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const SubLayersTree_1 = require("./SubLayersTree");
-const mapLayers_1 = require("../../mapLayers");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const mapLayers_1 = require("../../mapLayers");
+const SubLayersTree_1 = require("./SubLayersTree");
 /** @internal */
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function SubLayersPopupButton(props) {
     const [showSubLayersLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:SubLayers.Show"));
     const [hideSubLayersLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:SubLayers.Hide"));
@@ -45,15 +43,7 @@ function SubLayersPopupButton(props) {
     const togglePopup = React.useCallback(() => {
         setPopupOpen(!popupOpen);
     }, [popupOpen]);
-    const onOutsideClick = React.useCallback(() => {
-        setPopupOpen(false);
-    }, []);
-    const isOutsideEvent = React.useCallback((e) => {
-        // if clicking on button that open panel - don't trigger outside click processing
-        return !!buttonRef.current && e.target instanceof Node && !buttonRef.current.contains(e.target);
-    }, []);
-    const panelRef = (0, core_react_1.useOnOutsideClick)(onOutsideClick, isOutsideEvent);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { size: "small", styleType: "borderless", ref: buttonRef, className: "map-manager-item-sub-layer-button", title: popupOpen ? hideSubLayersLabel : showSubLayersLabel, onClick: togglePopup, children: (0, jsx_runtime_1.jsx)(core_react_1.WebFontIcon, { iconName: "icon-layers" }) }), (0, jsx_runtime_1.jsx)(core_react_1.Popup, { isOpen: popupOpen, position: appui_abstract_1.RelativePosition.BottomRight, onClose: onOutsideClick, target: buttonRef.current, children: (0, jsx_runtime_1.jsx)("div", { className: "map-transparency-popup-panel", children: (0, jsx_runtime_1.jsx)("div", { ref: panelRef, className: "map-manager-sublayer-panel", children: (0, jsx_runtime_1.jsx)(SubLayersTree_1.SubLayersPanel, { ...props, width: 390, height: 350 }) }) }) })] }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Popover, { content: (0, jsx_runtime_1.jsx)("div", { className: "map-transparency-popup-panel", children: (0, jsx_runtime_1.jsx)("div", { className: "map-manager-sublayer-panel", children: (0, jsx_runtime_1.jsx)(SubLayersTree_1.SubLayersPanel, { ...props, width: 390, height: 350 }) }) }), visible: popupOpen, onVisibleChange: setPopupOpen, placement: "bottom-end", applyBackground: true, positionReference: buttonRef.current ?? undefined, children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { size: "small", styleType: "borderless", ref: buttonRef, className: "map-manager-item-sub-layer-button", title: popupOpen ? hideSubLayersLabel : showSubLayersLabel, onClick: togglePopup, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgLayers, {}) }) }) }));
 }
 exports.SubLayersPopupButton = SubLayersPopupButton;
 //# sourceMappingURL=SubLayersPopupButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubLayersPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersPopupButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAE/B,0DAAyD;AAEzD,kDAA0E;AAE1E,mDAAiD;AACjD,+CAA8C;AAC9C,wDAA8C;AAQ9C,gBAAgB;AAChB,gEAAgE;AAChE,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,0BAA0B,CAAC,CAAC,CAAC;IACrH,MAAM,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,0BAA0B,CAAC,CAAC,CAAC;IACrH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC5C,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAoB,EAAE,EAAE;QAChE,iFAAiF;QACjF,OAAO,CAAC,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,YAAY,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAClG,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,IAAA,8BAAiB,EAAiB,cAAc,EAAE,cAAc,CAAC,CAAC;IAEnF,OAAO,CACL,6DACE,uBAAC,sBAAM,IACL,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,OAAO,EAAE,WAAW,YAEpB,uBAAC,wBAAW,IAAC,QAAQ,EAAC,aAAa,GAAG,GAC/B,EACT,uBAAC,kBAAK,IAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,iCAAgB,CAAC,WAAW,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,YAClH,gCAAK,SAAS,EAAC,8BAA8B,YAC3C,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,4BAA4B,YACxD,uBAAC,8BAAc,OAAK,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,GAClD,GACF,GACA,IACP,CACJ,CAAC;AACJ,CAAC;AA1CD,oDA0CC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\n\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { OutsideClickEvent } from \"@itwin/core-react\";\nimport { Popup, useOnOutsideClick, WebFontIcon } from \"@itwin/core-react\";\nimport type { SubLayersPanelProps } from \"./SubLayersTree\";\nimport { SubLayersPanel } from \"./SubLayersTree\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { Button } from \"@itwin/itwinui-react\";\n\n// cSpell:ignore droppable Sublayer\n\n/** @internal */\n\nexport type SubLayersPopupButtonProps = SubLayersPanelProps;\n\n/** @internal */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function SubLayersPopupButton(props: SubLayersPopupButtonProps) {\n  const [showSubLayersLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.Show\"));\n  const [hideSubLayersLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.Hide\"));\n  const [popupOpen, setPopupOpen] = React.useState(false);\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  const togglePopup = React.useCallback(() => {\n    setPopupOpen(!popupOpen);\n  }, [popupOpen]);\n\n  const onOutsideClick = React.useCallback(() => {\n    setPopupOpen(false);\n  }, []);\n\n  const isOutsideEvent = React.useCallback((e: OutsideClickEvent) => {\n    // if clicking on button that open panel - don't trigger outside click processing\n    return !!buttonRef.current && e.target instanceof Node && !buttonRef.current.contains(e.target);\n  }, []);\n\n  const panelRef = useOnOutsideClick<HTMLDivElement>(onOutsideClick, isOutsideEvent);\n\n  return (\n    <>\n      <Button\n        size=\"small\"\n        styleType=\"borderless\"\n        ref={buttonRef}\n        className=\"map-manager-item-sub-layer-button\"\n        title={popupOpen ? hideSubLayersLabel : showSubLayersLabel}\n        onClick={togglePopup}\n      >\n        <WebFontIcon iconName=\"icon-layers\" />\n      </Button>\n      <Popup isOpen={popupOpen} position={RelativePosition.BottomRight} onClose={onOutsideClick} target={buttonRef.current}>\n        <div className=\"map-transparency-popup-panel\">\n          <div ref={panelRef} className=\"map-manager-sublayer-panel\">\n            <SubLayersPanel {...props} width={390} height={350} />\n          </div>\n        </div>\n      </Popup>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"SubLayersPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersPopupButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,oEAAuD;AACvD,wDAAuD;AACvD,+CAA8C;AAC9C,mDAAiD;AAQjD,gBAAgB;AAChB,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,0BAA0B,CAAC,CAAC,CAAC;IACrH,MAAM,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,0BAA0B,CAAC,CAAC,CAAC;IACrH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,2DACE,uBAAC,uBAAO,IACN,OAAO,EACL,gCAAK,SAAS,EAAC,8BAA8B,YAC3C,gCAAK,SAAS,EAAC,4BAA4B,YACzC,uBAAC,8BAAc,OAAK,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,GAClD,GACF,EAER,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE,YAAY,EAC7B,SAAS,EAAC,YAAY,EACtB,eAAe,QACf,iBAAiB,EAAE,SAAS,CAAC,OAAO,IAAI,SAAS,YAEjD,uBAAC,sBAAM,IACL,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,OAAO,EAAE,WAAW,YAEpB,uBAAC,+BAAS,KAAG,GACN,GACD,GACT,CACJ,CAAC;AACJ,CAAC;AAvCD,oDAuCC","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 { SvgLayers } from \"@itwin/itwinui-icons-react\";\nimport { Button, Popover } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { SubLayersPanel } from \"./SubLayersTree\";\nimport type { SubLayersPanelProps } from \"./SubLayersTree\";\n// cSpell:ignore droppable Sublayer\n\n/** @internal */\n\nexport type SubLayersPopupButtonProps = SubLayersPanelProps;\n\n/** @internal */\nexport function SubLayersPopupButton(props: SubLayersPopupButtonProps) {\n  const [showSubLayersLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.Show\"));\n  const [hideSubLayersLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.Hide\"));\n  const [popupOpen, setPopupOpen] = React.useState(false);\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n  const togglePopup = React.useCallback(() => {\n    setPopupOpen(!popupOpen);\n  }, [popupOpen]);\n\n  return (\n    <>\n      <Popover\n        content={\n          <div className=\"map-transparency-popup-panel\">\n            <div className=\"map-manager-sublayer-panel\">\n              <SubLayersPanel {...props} width={390} height={350} />\n            </div>\n          </div>\n        }\n        visible={popupOpen}\n        onVisibleChange={setPopupOpen}\n        placement=\"bottom-end\"\n        applyBackground\n        positionReference={buttonRef.current ?? undefined}\n      >\n        <Button\n          size=\"small\"\n          styleType=\"borderless\"\n          ref={buttonRef}\n          className=\"map-manager-item-sub-layer-button\"\n          title={popupOpen ? hideSubLayersLabel : showSubLayersLabel}\n          onClick={togglePopup}\n        >\n          <SvgLayers />\n        </Button>\n      </Popover>\n    </>\n  );\n}\n"]}

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
+import "./SubLayersTree.scss";
 import type { MapSubLayerProps, SubLayerId } from "@itwin/core-common";
 import type { SubLayersTreeExpandMode } from "./SubLayersDataProvider";
-import "./SubLayersTree.scss";
-export declare type OnSubLayerStateChangeType = (subLayerId: SubLayerId, isSelected: boolean) => void;
+export type OnSubLayerStateChangeType = (subLayerId: SubLayerId, isSelected: boolean) => void;
 export interface SubLayersPanelProps extends Omit<SubLayersTreeProps, "subLayers"> {
     subLayers?: MapSubLayerProps[];
 }
-export declare function SubLayersPanel(props: SubLayersPanelProps): JSX.Element;
+export declare function SubLayersPanel(props: SubLayersPanelProps): import("react/jsx-runtime").JSX.Element;
 export interface SubLayersTreeProps {
     checkboxStyle: "standard" | "eye";
     expandMode: SubLayersTreeExpandMode;
@@ -20,5 +19,5 @@ export interface SubLayersTreeProps {
  * Tree Control that displays sub-layer hierarchy
  * @internal
  */
-export declare function SubLayersTree(props: SubLayersTreeProps): JSX.Element;
+export declare function SubLayersTree(props: SubLayersTreeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SubLayersTree.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubLayersTree.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersTree.tsx"],"names":[],"mappings":";AA+BA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,sBAAsB,CAAC;AAmB9B,oBAAY,yBAAyB,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;AAC9F,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC;IAChF,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAChC;AAGD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAWxD;AAED,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,UAAU,GAAG,KAAK,CAAC;IAClC,UAAU,EAAE,uBAAuB,CAAC;IACpC,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,yBAAyB,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AAEH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAwHtD"}
+{"version":3,"file":"SubLayersTree.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersTree.tsx"],"names":[],"mappings":"AAMA,OAAO,sBAAsB,CAAC;AAoC9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAevE,MAAM,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;AAC9F,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC;IAChF,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAWxD;AAED,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,UAAU,GAAG,KAAK,CAAC;IAClC,UAAU,EAAE,uBAAuB,CAAC;IACpC,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,yBAAyB,CAAC;IAClD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA0HtD"}

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

@@ -30,19 +30,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 const appui_abstract_1 = require("@itwin/appui-abstract");
+require("./SubLayersTree.scss");
+const React = __importStar(require("react"));
 const components_react_1 = require("@itwin/components-react");
 const core_react_1 = require("@itwin/core-react");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-const React = __importStar(require("react"));
-const SubLayersDataProvider_1 = require("./SubLayersDataProvider");
-require("./SubLayersTree.scss");
 const mapLayers_1 = require("../../mapLayers");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-// eslint-disable-next-line @typescript-eslint/naming-convention
+const SubLayersDataProvider_1 = require("./SubLayersDataProvider");
 function Toolbar(props) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: "map-manager-sublayer-tree-toolbar", children: [(0, jsx_runtime_1.jsx)("div", { className: "tree-toolbar-action-buttons", children: props.children }), props.searchField && (0, jsx_runtime_1.jsx)("div", { className: "tree-toolbar-searchbox", children: props.searchField })] }));
 }
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function SubLayersPanel(props) {
     const [noneAvailableLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:SubLayers.NoSubLayers"));
     if (undefined === props.subLayers || 0 === props.subLayers.length) {
@@ -57,7 +55,6 @@ exports.SubLayersPanel = SubLayersPanel;
  * Tree Control that displays sub-layer hierarchy
  * @internal
  */
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function SubLayersTree(props) {
     const [width, setWidth] = React.useState(props.width);
     const [height, setHeight] = React.useState(props.height);
@@ -75,9 +72,14 @@ function SubLayersTree(props) {
     const { modelSource, nodeLoader, nodeHighlightingProps } = useTreeFiltering(dataProvider, layerFilterString);
     // create custom event handler. It handles all tree event same as `TreeEventHandler` but additionally
     // it selects/deselects node when checkbox is checked/unchecked and vice versa.
-    // `useDisposable` takes care of disposing old event handler when new is created in case 'nodeLoader' has changed
-    // `React.useCallback` is used to avoid creating new callback that creates handler on each render
-    const eventHandler = (0, core_react_1.useDisposable)(React.useCallback(() => new SubLayerCheckboxHandler(subLayers, props.singleVisibleSubLayer ?? false, nodeLoader, props.onSubLayerStateChange), [nodeLoader, subLayers, props.onSubLayerStateChange, props.singleVisibleSubLayer]));
+    const [eventHandler, setEventHandler] = React.useState(undefined);
+    React.useEffect(() => {
+        const handler = new SubLayerCheckboxHandler(subLayers, props.singleVisibleSubLayer ?? false, nodeLoader, props.onSubLayerStateChange);
+        setEventHandler(handler);
+        return () => {
+            handler.dispose();
+        };
+    }, [nodeLoader, subLayers, props.onSubLayerStateChange, props.singleVisibleSubLayer]);
     // Get an immutable tree model from the model source. The model is regenerated every time the model source
     // emits the `onModelChanged` event.
     const treeModel = (0, components_react_1.useTreeModel)(modelSource);
@@ -99,9 +101,11 @@ function SubLayersTree(props) {
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "map-manager-sublayer-tree", children: [(0, jsx_runtime_1.jsx)(Toolbar, { searchField: (0, jsx_runtime_1.jsx)(itwinui_react_1.Input, { type: "text", className: "map-manager-sublayer-tree-searchbox", placeholder: placeholderLabel, value: layerFilterString, onChange: handleFilterTextChanged, size: "small" }), children: props.singleVisibleSubLayer
                         ? undefined
                         : [
-                            (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", title: props.checkboxStyle === "eye" ? mapLayers_1.MapLayersUI.translate("SubLayers.AllOn") : mapLayers_1.MapLayersUI.translate("SelectFeaturesDialog.AllOn"), onClick: async () => changeAll(true), children: props.checkboxStyle === "eye" ? (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityShow, {}) : (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgCheckboxSelect, {}) }, "show-all-btn"),
-                            (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { style: { marginLeft: "5px" }, size: "small", title: props.checkboxStyle === "eye" ? mapLayers_1.MapLayersUI.translate("SubLayers.AllOff") : mapLayers_1.MapLayersUI.translate("SelectFeaturesDialog.AllOff"), onClick: async () => changeAll(false), children: props.checkboxStyle === "eye" ? (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityHide, {}) : (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgCheckboxDeselect, {}) }, "hide-all-btn"),
-                        ] }), (0, jsx_runtime_1.jsxs)("div", { className: "map-manager-sublayer-tree-content", children: [props.width === undefined && props.height === undefined && ((0, jsx_runtime_1.jsx)(core_react_1.ResizableContainerObserver, { onResize: (w, h) => {
+                            (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", label: props.checkboxStyle === "eye" ? mapLayers_1.MapLayersUI.translate("SubLayers.AllOn") : mapLayers_1.MapLayersUI.translate("SelectFeaturesDialog.AllOn"), onClick: async () => changeAll(true), children: props.checkboxStyle === "eye" ? (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityShow, {}) : (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgCheckboxSelect, {}) }, "show-all-btn"),
+                            (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { style: { marginLeft: "5px" }, size: "small", label: props.checkboxStyle === "eye" ? mapLayers_1.MapLayersUI.translate("SubLayers.AllOff") : mapLayers_1.MapLayersUI.translate("SelectFeaturesDialog.AllOff"), onClick: async () => changeAll(false), children: props.checkboxStyle === "eye" ? (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityHide, {}) : (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgCheckboxDeselect, {}) }, "hide-all-btn"),
+                        ] }), (0, jsx_runtime_1.jsxs)("div", { className: "map-manager-sublayer-tree-content", children: [props.width === undefined && props.height === undefined && (
+                        // eslint-disable-next-line @typescript-eslint/no-deprecated
+                        (0, jsx_runtime_1.jsx)(core_react_1.ResizableContainerObserver, { onResize: (w, h) => {
                                 setWidth(w);
                                 setHeight(h);
                             } })), width !== undefined && height !== undefined && ((0, jsx_runtime_1.jsx)(components_react_1.ControlledTree, { nodeLoader: nodeLoader, selectionMode: components_react_1.SelectionMode.None, eventsHandler: eventHandler, model: treeModel, treeRenderer: props.checkboxStyle === "eye" ? nodeWithEyeCheckboxTreeRenderer : undefined, nodeHighlightingProps: nodeHighlightingProps, width: width, height: height, noDataRenderer: () => (0, jsx_runtime_1.jsx)("p", { className: "components-controlledTree-errorMessage", children: noResults }) }))] })] }) }));
@@ -160,15 +164,15 @@ class SubLayerCheckboxHandler extends components_react_1.TreeEventHandler {
     }
     applyMutualExclusiveState(model, nodeId) {
         const changedNode = model.getNode(nodeId);
-        if (changedNode?.checkbox.state === core_react_1.CheckBoxState.Off) {
+        if (changedNode?.checkbox.state === components_react_1.CheckBoxState.Off) {
             return;
         }
         for (const node of model.iterateTreeModelNodes()) {
             if (node.id === changedNode?.id) {
                 continue;
             }
-            if (node && node.checkbox.state === core_react_1.CheckBoxState.On) {
-                node.checkbox.state = core_react_1.CheckBoxState.Off;
+            if (node && node.checkbox.state === components_react_1.CheckBoxState.On) {
+                node.checkbox.state = components_react_1.CheckBoxState.Off;
             }
         }
     }
@@ -193,16 +197,16 @@ class SubLayerCheckboxHandler extends components_react_1.TreeEventHandler {
         const parentSubLayer = this._subLayers?.find((subLayer) => subLayer.id === parentLayerId);
         // If parent is disabled, then children must be too.
         // Also, Non-visible unnamed group must have their children disabled (unamed groups have visibility inherence)
-        if (parentNode.checkbox.isDisabled || (SubLayerCheckboxHandler.isUnnamedGroup(parentSubLayer) && parentNode.checkbox.state === core_react_1.CheckBoxState.Off)) {
+        if (parentNode.checkbox.isDisabled || (SubLayerCheckboxHandler.isUnnamedGroup(parentSubLayer) && parentNode.checkbox.state === components_react_1.CheckBoxState.Off)) {
             changedNode.checkbox.isDisabled = true;
-            changedNode.checkbox.state = core_react_1.CheckBoxState.Off;
+            changedNode.checkbox.state = components_react_1.CheckBoxState.Off;
         }
         else {
             // Visibility state from StyleMapLayerSettings applies
             const subLayerId = undefined !== changedNode.item.extendedData?.subLayerId ? changedNode.item.extendedData?.subLayerId : changedNode.item.id;
             const foundSubLayer = this._subLayers?.find((subLayer) => subLayer.id === subLayerId);
             changedNode.checkbox.isDisabled = false;
-            changedNode.checkbox.state = foundSubLayer?.visible ? core_react_1.CheckBoxState.On : core_react_1.CheckBoxState.Off;
+            changedNode.checkbox.state = foundSubLayer?.visible ? components_react_1.CheckBoxState.On : components_react_1.CheckBoxState.Off;
         }
     }
     /** Changes nodes checkboxes states until event is handled or handler is disposed */
@@ -213,7 +217,7 @@ class SubLayerCheckboxHandler extends components_react_1.TreeEventHandler {
         const selectionHandling = stateChanges.subscribe({
             next: (changes) => {
                 changes.forEach((change) => {
-                    const isSelected = change.newState === core_react_1.CheckBoxState.On;
+                    const isSelected = change.newState === components_react_1.CheckBoxState.On;
                     const subLayerId = undefined !== change.nodeItem.extendedData?.subLayerId ? change.nodeItem.extendedData?.subLayerId : change.nodeItem.id;
                     // Get the previously visible node if we are in 'singleVisibleSubLayer' node
                     let prevVisibleSubLayers = [];
@@ -259,7 +263,10 @@ class SubLayerCheckboxHandler extends components_react_1.TreeEventHandler {
     }
 }
 /** Custom checkbox renderer that renders checkbox as an eye */
-const eyeCheckboxRenderer = (props) => ((0, jsx_runtime_1.jsx)(core_react_1.ImageCheckBox, { checked: props.checked, disabled: props.disabled, imageOn: "icon-visibility", imageOff: "icon-visibility-hide-2", onClick: props.onChange, tooltip: props.title }));
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+const eyeCheckboxRenderer = (props) => (
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+(0, jsx_runtime_1.jsx)(core_react_1.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 components_react_1.TreeImageLoader();
 const nodeWithEyeCheckboxRenderer = (props) => ((0, jsx_runtime_1.jsx)(components_react_1.TreeNodeRenderer, { ...props, checkboxRenderer: eyeCheckboxRenderer, imageLoader: imageLoader }));

package/lib/cjs/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":["/*---------------------------------------------------------------------------------------------\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 { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type {\n  AbstractTreeNodeLoaderWithProvider,\n  DelayLoadedTreeNodeItem,\n  HighlightableTreeProps,\n  ITreeDataProvider,\n  MutableTreeModel,\n  MutableTreeModelNode,\n  TreeCheckboxStateChangeEventArgs,\n  TreeDataProvider,\n  TreeModel,\n  TreeModelChanges,\n  TreeNodeItem,\n  TreeNodeRendererProps,\n  TreeRendererProps,\n} from \"@itwin/components-react\";\nimport {\n  ControlledTree,\n  SelectionMode,\n  TreeEventHandler,\n  TreeImageLoader,\n  TreeModelSource,\n  TreeNodeLoader,\n  TreeNodeRenderer,\n  TreeRenderer,\n  useTreeModel,\n} from \"@itwin/components-react\";\nimport type { MapSubLayerProps, SubLayerId } from \"@itwin/core-common\";\nimport type { NodeCheckboxRenderProps } from \"@itwin/core-react\";\nimport { CheckBoxState, ImageCheckBox, ResizableContainerObserver, useDisposable } from \"@itwin/core-react\";\nimport { IconButton, Input } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport type { SubLayersTreeExpandMode } from \"./SubLayersDataProvider\";\nimport { SubLayersDataProvider } from \"./SubLayersDataProvider\";\nimport \"./SubLayersTree.scss\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { SvgCheckboxDeselect, SvgCheckboxSelect, SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\n\ninterface ToolbarProps {\n  searchField?: React.ReactNode;\n  children?: React.ReactNode[];\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nfunction Toolbar(props: ToolbarProps) {\n  return (\n    <div className=\"map-manager-sublayer-tree-toolbar\">\n      <div className=\"tree-toolbar-action-buttons\">{props.children}</div>\n      {props.searchField && <div className=\"tree-toolbar-searchbox\">{props.searchField}</div>}\n    </div>\n  );\n}\n\nexport type OnSubLayerStateChangeType = (subLayerId: SubLayerId, isSelected: boolean) => void;\nexport interface SubLayersPanelProps extends Omit<SubLayersTreeProps, \"subLayers\"> {\n  subLayers?: MapSubLayerProps[];\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function SubLayersPanel(props: SubLayersPanelProps) {\n  const [noneAvailableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.NoSubLayers\"));\n  if (undefined === props.subLayers || 0 === props.subLayers.length) {\n    return (\n      <div className=\"map-manager-sublayer-panel\">\n        <div>{noneAvailableLabel}</div>\n      </div>\n    );\n  } else {\n    return <SubLayersTree subLayers={props.subLayers} {...props} />;\n  }\n}\n\nexport interface SubLayersTreeProps {\n  checkboxStyle: \"standard\" | \"eye\";\n  expandMode: SubLayersTreeExpandMode;\n  subLayers: MapSubLayerProps[];\n  singleVisibleSubLayer?: boolean;\n  onSubLayerStateChange?: OnSubLayerStateChangeType;\n  height?: number;\n  width?: number;\n}\n\n/**\n * Tree Control that displays sub-layer hierarchy\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function SubLayersTree(props: SubLayersTreeProps) {\n  const [width, setWidth] = React.useState<number | undefined>(props.width);\n  const [height, setHeight] = React.useState<number | undefined>(props.height);\n\n  const [placeholderLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.SearchPlaceholder\"));\n  const [noResults] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.NoResults\"));\n  const [subLayers, setSubLayers] = React.useState(props.subLayers);\n  const [layerFilterString, setLayerFilterString] = React.useState<string>(\"\");\n\n  // create data provider to get some nodes to show in tree\n  // `React.useMemo' is used avoid creating new object on each render cycle\n  // We DO want a dependency on 'layerFilterString' (event though eslint doesn't like it)..\n  // each time the filter is updated the provider must be refreshed otherwise the state of model is out of synch.\n  const dataProvider = React.useMemo(\n    () => new SubLayersDataProvider(subLayers, props.expandMode),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [subLayers, props.expandMode, layerFilterString],\n  );\n\n  const { modelSource, nodeLoader, nodeHighlightingProps } = useTreeFiltering(dataProvider, layerFilterString);\n\n  // create custom event handler. It handles all tree event same as `TreeEventHandler` but additionally\n  // it selects/deselects node when checkbox is checked/unchecked and vice versa.\n  // `useDisposable` takes care of disposing old event handler when new is created in case 'nodeLoader' has changed\n  // `React.useCallback` is used to avoid creating new callback that creates handler on each render\n  const eventHandler = useDisposable(\n    React.useCallback(\n      () => new SubLayerCheckboxHandler(subLayers, props.singleVisibleSubLayer ?? false, nodeLoader, props.onSubLayerStateChange),\n      [nodeLoader, subLayers, props.onSubLayerStateChange, props.singleVisibleSubLayer],\n    ),\n  );\n\n  // Get an immutable tree model from the model source. The model is regenerated every time the model source\n  // emits the `onModelChanged` event.\n  const treeModel = useTreeModel(modelSource);\n  const changeAll = React.useCallback(\n    async (visible: boolean) => {\n      const tmpSubLayers = [...subLayers]; // deep copy to trigger state change\n      if (tmpSubLayers) {\n        tmpSubLayers?.forEach((subLayer: MapSubLayerProps) => {\n          subLayer.visible = visible;\n        });\n\n        setSubLayers(tmpSubLayers);\n      }\n\n      if (props.onSubLayerStateChange) {\n        props.onSubLayerStateChange(-1, visible);\n      }\n    },\n    [subLayers, props],\n  );\n\n  const handleFilterTextChanged = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setLayerFilterString(event.target.value);\n  }, []);\n\n  return (\n    <>\n      <div className=\"map-manager-sublayer-tree\">\n        <Toolbar\n          searchField={\n            <Input\n              type=\"text\"\n              className=\"map-manager-sublayer-tree-searchbox\"\n              placeholder={placeholderLabel}\n              value={layerFilterString}\n              onChange={handleFilterTextChanged}\n              size=\"small\"\n            />\n          }\n        >\n          {props.singleVisibleSubLayer\n            ? undefined\n            : [\n                <IconButton\n                  key=\"show-all-btn\"\n                  size=\"small\"\n                  title={props.checkboxStyle === \"eye\" ? MapLayersUI.translate(\"SubLayers.AllOn\") : MapLayersUI.translate(\"SelectFeaturesDialog.AllOn\")}\n                  onClick={async () => changeAll(true)}\n                >\n                  {props.checkboxStyle === \"eye\" ? <SvgVisibilityShow /> : <SvgCheckboxSelect />}\n                </IconButton>,\n                <IconButton\n                  style={{ marginLeft: \"5px\" }}\n                  key=\"hide-all-btn\"\n                  size=\"small\"\n                  title={props.checkboxStyle === \"eye\" ? MapLayersUI.translate(\"SubLayers.AllOff\") : MapLayersUI.translate(\"SelectFeaturesDialog.AllOff\")}\n                  onClick={async () => changeAll(false)}\n                >\n                  {props.checkboxStyle === \"eye\" ? <SvgVisibilityHide /> : <SvgCheckboxDeselect />}\n                </IconButton>,\n              ]}\n        </Toolbar>\n        <div className=\"map-manager-sublayer-tree-content\">\n          {props.width === undefined && props.height === undefined && (\n            <ResizableContainerObserver\n              onResize={(w, h) => {\n                setWidth(w);\n                setHeight(h);\n              }}\n            />\n          )}\n          {width !== undefined && height !== undefined && (\n            <ControlledTree\n              nodeLoader={nodeLoader}\n              selectionMode={SelectionMode.None}\n              eventsHandler={eventHandler}\n              model={treeModel}\n              treeRenderer={props.checkboxStyle === \"eye\" ? nodeWithEyeCheckboxTreeRenderer : undefined}\n              nodeHighlightingProps={nodeHighlightingProps}\n              width={width}\n              height={height}\n              noDataRenderer={() => <p className=\"components-controlledTree-errorMessage\">{noResults}</p>}\n            />\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n\n/** TreeEventHandler derived class that handler processing changes to subLayer visibility */\nclass SubLayerCheckboxHandler extends TreeEventHandler {\n  private _removeModelChangedListener: () => void;\n  private _onSubLayerStateChange?: OnSubLayerStateChangeType;\n  private _subLayers: MapSubLayerProps[];\n  private _singleVisibleSubLayer?: boolean;\n\n  constructor(\n    subLayers: MapSubLayerProps[],\n    singleVisibleSubLayer: boolean,\n    nodeLoader: AbstractTreeNodeLoaderWithProvider<TreeDataProvider>,\n    onSubLayerStateChange?: OnSubLayerStateChangeType,\n  ) {\n    super({ modelSource: nodeLoader.modelSource, nodeLoader, collapsedChildrenDisposalEnabled: true });\n    this._subLayers = subLayers;\n    this._singleVisibleSubLayer = singleVisibleSubLayer;\n    this._onSubLayerStateChange = onSubLayerStateChange;\n    this._removeModelChangedListener = this.modelSource.onModelChanged.addListener(this.onModelChanged);\n  }\n\n  public override dispose() {\n    this._removeModelChangedListener();\n    super.dispose();\n  }\n\n  // Cascade state\n  // Children on unnamed groups must get disabled in the tree view, because\n  // they get rendered anyway.\n  private cascadeStateToAllChildren(model: MutableTreeModel, parentId?: string) {\n    const children = model.getChildren(parentId);\n    if (children === undefined) {\n      return;\n    }\n\n    for (const childID of children) {\n      const childNode = childID ? model.getNode(childID) : undefined;\n\n      if (childNode) {\n        this.syncNodeStateWithParent(model, childNode);\n      }\n\n      // Drill down the tree.\n      this.cascadeStateToAllChildren(model, childID);\n    }\n  }\n\n  private applyMutualExclusiveState(model: MutableTreeModel, nodeId: string) {\n    const changedNode = model.getNode(nodeId);\n    if (changedNode?.checkbox.state === CheckBoxState.Off) {\n      return;\n    }\n\n    for (const node of model.iterateTreeModelNodes()) {\n      if (node.id === changedNode?.id) {\n        continue;\n      }\n\n      if (node && node.checkbox.state === CheckBoxState.On) {\n        node.checkbox.state = CheckBoxState.Off;\n      }\n    }\n  }\n\n  //-----------------------------------------------------------------------\n  // Listen to model changes\n  //------------------------------------------------------------------------\n  // This is required because nodes are delay loaded in the model until\n  // they are made visible (i.e. parent node is expanded).  So even though\n  // you might have created nodes in the data provided with a proper\n  // initial state, by the time it gets loaded, their state might have became\n  // out of date in the TreeView's active model.  So whenever a node\n  // is added, when must confirm its state matches the current model\n  // (i.e. state of their parent.)\n  public onModelChanged = (args: [TreeModel, TreeModelChanges]) => {\n    this.modelSource.modifyModel((model) => {\n      const addedNodes = args[1].addedNodeIds.map((id) => model.getNode(id));\n      addedNodes.forEach((node) => {\n        if (!node) {\n          return;\n        }\n\n        this.syncNodeStateWithParent(model, node);\n      });\n    });\n  };\n\n  private static isUnnamedGroup(subLayer: MapSubLayerProps | undefined): boolean {\n    if (!subLayer) {\n      return false;\n    }\n\n    return (!subLayer.name || subLayer.name.length === 0) && subLayer.children !== undefined && subLayer.children.length > 0;\n  }\n\n  // Ensure the state of changed node matches the state of its parent.\n  private syncNodeStateWithParent(model: MutableTreeModel, changedNode: MutableTreeModelNode) {\n    // Lookup node parent. If non exists, I assume thats the root node,\n    // and it must have a proper initial state.\n    const parentNode = changedNode.parentId ? model.getNode(changedNode.parentId) : undefined;\n    if (!parentNode) {\n      return;\n    }\n\n    if (!changedNode.checkbox) {\n      return;\n    } // don't see why this would happen, but if there is no checkbox, we cant do much here.\n\n    const parentLayerId = undefined !== parentNode.item.extendedData?.subLayerId ? parentNode.item.extendedData?.subLayerId : parentNode.item.id;\n    const parentSubLayer = this._subLayers?.find((subLayer) => subLayer.id === parentLayerId);\n\n    // If parent is disabled, then children must be too.\n    // Also, Non-visible unnamed group must have their children disabled (unamed groups have visibility inherence)\n    if (parentNode.checkbox.isDisabled || (SubLayerCheckboxHandler.isUnnamedGroup(parentSubLayer) && parentNode.checkbox.state === CheckBoxState.Off)) {\n      changedNode.checkbox.isDisabled = true;\n      changedNode.checkbox.state = CheckBoxState.Off;\n    } else {\n      // Visibility state from StyleMapLayerSettings applies\n      const subLayerId = undefined !== changedNode.item.extendedData?.subLayerId ? changedNode.item.extendedData?.subLayerId : changedNode.item.id;\n      const foundSubLayer = this._subLayers?.find((subLayer) => subLayer.id === subLayerId);\n      changedNode.checkbox.isDisabled = false;\n      changedNode.checkbox.state = foundSubLayer?.visible ? CheckBoxState.On : CheckBoxState.Off;\n    }\n  }\n\n  /** Changes nodes checkboxes states until event is handled or handler is disposed */\n  public override onCheckboxStateChanged({ stateChanges }: TreeCheckboxStateChangeEventArgs) {\n    // call base checkbox handling\n    const baseHandling = super.onCheckboxStateChanged({ stateChanges });\n\n    // subscribe to checkbox state changes to new checkbox states and do some additional work with them\n    const selectionHandling = stateChanges.subscribe({\n      next: (changes) => {\n        changes.forEach((change) => {\n          const isSelected = change.newState === CheckBoxState.On;\n          const subLayerId = undefined !== change.nodeItem.extendedData?.subLayerId ? change.nodeItem.extendedData?.subLayerId : change.nodeItem.id;\n\n          // Get the previously visible node if we are in 'singleVisibleSubLayer' node\n          let prevVisibleSubLayers: SubLayerId[] = [];\n          if (this._singleVisibleSubLayer) {\n            prevVisibleSubLayers = this._subLayers.reduce((filtered: SubLayerId[], subLayer) => {\n              if (subLayer.visible && subLayer.id !== undefined) {\n                filtered.push(subLayer.id);\n              }\n              return filtered;\n            }, []);\n          }\n\n          // Inform caller that subLayer state is going to change (i.e. update display style state)\n          if (this._onSubLayerStateChange) {\n            for (const slId of prevVisibleSubLayers) {\n              this._onSubLayerStateChange(slId, false);\n            }\n\n            this._onSubLayerStateChange(subLayerId, isSelected);\n          }\n\n          // Update sublayer object, otherwise state would get out of sync with DisplayStyle each time the TreeView is re-rendered\n          this._subLayers?.forEach((curSubLayer) => {\n            if (curSubLayer.id !== undefined) {\n              if (curSubLayer.id === subLayerId) {\n                curSubLayer.visible = isSelected;\n              } else if (prevVisibleSubLayers.includes(curSubLayer.id)) {\n                curSubLayer.visible = false;\n              }\n            }\n          });\n\n          // Cascade state\n          this.modelSource.modifyModel((model) => {\n            if (this._singleVisibleSubLayer) {\n              this.applyMutualExclusiveState(model, change.nodeItem.id);\n            }\n            this.cascadeStateToAllChildren(model, change.nodeItem.id);\n          });\n        });\n      },\n    });\n    // stop handling selection when checkboxes handling is stopped\n    baseHandling?.add(selectionHandling);\n    return baseHandling;\n  }\n}\n\n/** Custom checkbox renderer that renders checkbox as an eye */\nconst eyeCheckboxRenderer = (props: NodeCheckboxRenderProps) => (\n  <ImageCheckBox\n    checked={props.checked}\n    disabled={props.disabled}\n    imageOn=\"icon-visibility\"\n    imageOff=\"icon-visibility-hide-2\"\n    onClick={props.onChange}\n    tooltip={props.title}\n  />\n);\n\n/** Custom node renderer. It uses default 'TreeNodeRenderer' but overrides default checkbox renderer to render checkbox as an eye */\nconst imageLoader = new TreeImageLoader();\nconst nodeWithEyeCheckboxRenderer = (props: TreeNodeRendererProps) => (\n  <TreeNodeRenderer {...props} checkboxRenderer={eyeCheckboxRenderer} imageLoader={imageLoader} />\n);\n\n/** Custom tree renderer. It uses default `TreeRenderer` but overrides default node renderer to render node with custom checkbox */\nconst nodeWithEyeCheckboxTreeRenderer = (props: TreeRendererProps) => <TreeRenderer {...props} nodeRenderer={nodeWithEyeCheckboxRenderer} />;\n\nfunction useTreeFiltering(dataProvider: ITreeDataProvider, filter: string) {\n  const nodeLoader = useFilteredProvider(dataProvider, filter);\n  const nodeHighlightingProps = useNodeHighlightingProps(filter);\n  return {\n    nodeLoader,\n    modelSource: nodeLoader.modelSource,\n    nodeHighlightingProps,\n  };\n}\n\nfunction useFilteredProvider(dataProvider: ITreeDataProvider, filter: string) {\n  const filteredProvider = React.useMemo(() => {\n    return new FilteredTreeDataProvider(dataProvider, filter);\n  }, [dataProvider, filter]);\n\n  const nodeLoader = React.useMemo(() => {\n    return new TreeNodeLoader(filteredProvider, new TreeModelSource());\n  }, [filteredProvider]);\n\n  return nodeLoader;\n}\n\nfunction useNodeHighlightingProps(filter: string) {\n  const [nodeHighlightingProps, setNodeHighlightingProps] = React.useState<HighlightableTreeProps>();\n\n  React.useEffect(() => {\n    if (filter === \"\") {\n      setNodeHighlightingProps(undefined);\n      return;\n    }\n    setNodeHighlightingProps({\n      searchText: filter,\n      activeMatch: undefined,\n    });\n  }, [filter]);\n\n  return nodeHighlightingProps;\n}\n\nclass FullTreeHierarchy {\n  private _dataProvider: ITreeDataProvider;\n  private _hierarchy = new Map<string | undefined, DelayLoadedTreeNodeItem[]>();\n  private _init: Promise<void>;\n\n  public constructor(dataProvider: ITreeDataProvider) {\n    this._dataProvider = dataProvider;\n\n    this._init = (async () => {\n      await this.initNode();\n    })();\n  }\n\n  private async initNode(parent?: TreeNodeItem) {\n    const nodes = await this._dataProvider.getNodes(parent);\n    this._hierarchy.set(parent?.id, nodes);\n    for (const node of nodes) {\n      await this.initNode(node);\n    }\n  }\n\n  public async getHierarchy() {\n    await this._init;\n    return this._hierarchy;\n  }\n}\n\nclass FilteredTreeHierarchy {\n  private _fullHierarchy: FullTreeHierarchy;\n  private _filter: string;\n  private _filtered = new Map<string | undefined, DelayLoadedTreeNodeItem[]>();\n  private _init: Promise<void>;\n\n  public constructor(dataProvider: ITreeDataProvider, filter: string) {\n    this._fullHierarchy = new FullTreeHierarchy(dataProvider);\n    this._filter = filter;\n\n    this._init = (async () => {\n      await this.init();\n    })();\n  }\n\n  private async init() {\n    const hierarchy = await this._fullHierarchy.getHierarchy();\n    if (this._filter === \"\") {\n      this._filtered = hierarchy;\n      return;\n    }\n    this.filterNodes(hierarchy);\n  }\n\n  /** Initializes `this._filtered` field. Returns a node if it matches a filter. */\n  private filterNodes(hierarchy: Map<string | undefined, DelayLoadedTreeNodeItem[]>, current?: DelayLoadedTreeNodeItem): DelayLoadedTreeNodeItem | undefined {\n    const matches = current ? this.matchesFilter(current) : false;\n    const children = hierarchy.get(current?.id);\n    if (!children) {\n      return matches ? current : undefined;\n    }\n\n    const matchedChildren = new Array<DelayLoadedTreeNodeItem>();\n    for (const child of children) {\n      const matchedChild = this.filterNodes(hierarchy, child);\n      matchedChild && matchedChildren.push(matchedChild);\n    }\n\n    const hasChildren = matchedChildren.length > 0;\n    const included = matches || hasChildren;\n    let filtered: DelayLoadedTreeNodeItem | undefined;\n    if (included) {\n      this._filtered.set(current?.id, matchedChildren);\n\n      // Return a modified copy of current node (to persist initial hierarchy when filter is cleared).\n      if (current) {\n        filtered = {\n          ...current,\n          hasChildren,\n          autoExpand: hasChildren ? true : current.autoExpand,\n        };\n      }\n    }\n    return filtered;\n  }\n\n  private matchesFilter(node: TreeNodeItem) {\n    if (node.label.value.valueFormat !== PropertyValueFormat.Primitive) {\n      return false;\n    }\n\n    const value = node.label.value.displayValue?.toLowerCase();\n    if (!value) {\n      return false;\n    }\n    return value.includes(this._filter.toLowerCase());\n  }\n\n  public async getHierarchy() {\n    await this._init;\n    return this._filtered;\n  }\n}\n\nclass FilteredTreeDataProvider implements ITreeDataProvider {\n  private _hierarchy: FilteredTreeHierarchy;\n\n  public constructor(parentDataProvider: ITreeDataProvider, filter: string) {\n    this._hierarchy = new FilteredTreeHierarchy(parentDataProvider, filter);\n  }\n\n  public async getNodes(parent?: TreeNodeItem) {\n    const hierarchy = await this._hierarchy.getHierarchy();\n    const nodes = hierarchy.get(parent?.id);\n    return nodes || [];\n  }\n\n  public async getNodesCount(parent?: TreeNodeItem) {\n    const hierarchy = await this._hierarchy.getHierarchy();\n    const nodes = hierarchy.get(parent?.id);\n    return nodes?.length || 0;\n  }\n}\n"]}
+{"version":3,"file":"SubLayersTree.js","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersTree.tsx"],"names":[],"mappings":"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","sourcesContent":["\n/*---------------------------------------------------------------------------------------------\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 { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport \"./SubLayersTree.scss\";\nimport * as React from \"react\";\nimport {\n  CheckBoxState,\n  ControlledTree,\n  SelectionMode,\n  TreeEventHandler,\n  TreeImageLoader,\n  TreeModelSource,\n  TreeNodeLoader,\n  TreeNodeRenderer,\n  TreeRenderer,\n  useTreeModel,\n} from \"@itwin/components-react\";\nimport { ImageCheckBox, ResizableContainerObserver } from \"@itwin/core-react\";\nimport { SvgCheckboxDeselect, SvgCheckboxSelect, SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport { IconButton, Input } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { SubLayersDataProvider } from \"./SubLayersDataProvider\";\n\nimport type { NodeCheckboxRenderProps} from \"@itwin/core-react\";\nimport type {\n  AbstractTreeNodeLoaderWithProvider,\n  DelayLoadedTreeNodeItem,\n  HighlightableTreeProps,\n  ITreeDataProvider,\n  MutableTreeModel,\n  MutableTreeModelNode,\n  TreeCheckboxStateChangeEventArgs,\n  TreeDataProvider,\n  TreeModel,\n  TreeModelChanges,\n  TreeNodeItem,\n  TreeNodeRendererProps,\n  TreeRendererProps,\n} from \"@itwin/components-react\";\nimport type { MapSubLayerProps, SubLayerId } from \"@itwin/core-common\";\nimport type { SubLayersTreeExpandMode } from \"./SubLayersDataProvider\";\ninterface ToolbarProps {\n  searchField?: React.ReactNode;\n  children?: React.ReactNode[];\n}\n\nfunction Toolbar(props: ToolbarProps) {\n  return (\n    <div className=\"map-manager-sublayer-tree-toolbar\">\n      <div className=\"tree-toolbar-action-buttons\">{props.children}</div>\n      {props.searchField && <div className=\"tree-toolbar-searchbox\">{props.searchField}</div>}\n    </div>\n  );\n}\n\nexport type OnSubLayerStateChangeType = (subLayerId: SubLayerId, isSelected: boolean) => void;\nexport interface SubLayersPanelProps extends Omit<SubLayersTreeProps, \"subLayers\"> {\n  subLayers?: MapSubLayerProps[];\n}\n\nexport function SubLayersPanel(props: SubLayersPanelProps) {\n  const [noneAvailableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.NoSubLayers\"));\n  if (undefined === props.subLayers || 0 === props.subLayers.length) {\n    return (\n      <div className=\"map-manager-sublayer-panel\">\n        <div>{noneAvailableLabel}</div>\n      </div>\n    );\n  } else {\n    return <SubLayersTree subLayers={props.subLayers} {...props} />;\n  }\n}\n\nexport interface SubLayersTreeProps {\n  checkboxStyle: \"standard\" | \"eye\";\n  expandMode: SubLayersTreeExpandMode;\n  subLayers: MapSubLayerProps[];\n  singleVisibleSubLayer?: boolean;\n  onSubLayerStateChange?: OnSubLayerStateChangeType;\n  height?: number;\n  width?: number;\n}\n\n/**\n * Tree Control that displays sub-layer hierarchy\n * @internal\n */\nexport function SubLayersTree(props: SubLayersTreeProps) {\n  const [width, setWidth] = React.useState<number | undefined>(props.width);\n  const [height, setHeight] = React.useState<number | undefined>(props.height);\n\n  const [placeholderLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.SearchPlaceholder\"));\n  const [noResults] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.NoResults\"));\n  const [subLayers, setSubLayers] = React.useState(props.subLayers);\n  const [layerFilterString, setLayerFilterString] = React.useState<string>(\"\");\n\n  // create data provider to get some nodes to show in tree\n  // `React.useMemo' is used avoid creating new object on each render cycle\n  // We DO want a dependency on 'layerFilterString' (event though eslint doesn't like it)..\n  // each time the filter is updated the provider must be refreshed otherwise the state of model is out of synch.\n  const dataProvider = React.useMemo(\n    () => new SubLayersDataProvider(subLayers, props.expandMode),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [subLayers, props.expandMode, layerFilterString],\n  );\n\n  const { modelSource, nodeLoader, nodeHighlightingProps } = useTreeFiltering(dataProvider, layerFilterString);\n\n  // create custom event handler. It handles all tree event same as `TreeEventHandler` but additionally\n  // it selects/deselects node when checkbox is checked/unchecked and vice versa.\n  const [eventHandler, setEventHandler] = React.useState<SubLayerCheckboxHandler | undefined>(undefined);\n\n  React.useEffect(() => {\n    const handler = new SubLayerCheckboxHandler(subLayers, props.singleVisibleSubLayer ?? false, nodeLoader, props.onSubLayerStateChange);\n    setEventHandler(handler);\n    return () => {\n      handler.dispose();\n    };\n  }, [nodeLoader, subLayers, props.onSubLayerStateChange, props.singleVisibleSubLayer]);\n\n  // Get an immutable tree model from the model source. The model is regenerated every time the model source\n  // emits the `onModelChanged` event.\n  const treeModel = useTreeModel(modelSource);\n  const changeAll = React.useCallback(\n    async (visible: boolean) => {\n      const tmpSubLayers = [...subLayers]; // deep copy to trigger state change\n      if (tmpSubLayers) {\n        tmpSubLayers?.forEach((subLayer: MapSubLayerProps) => {\n          subLayer.visible = visible;\n        });\n\n        setSubLayers(tmpSubLayers);\n      }\n\n      if (props.onSubLayerStateChange) {\n        props.onSubLayerStateChange(-1, visible);\n      }\n    },\n    [subLayers, props],\n  );\n\n  const handleFilterTextChanged = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setLayerFilterString(event.target.value);\n  }, []);\n\n  return (\n    <>\n      <div className=\"map-manager-sublayer-tree\">\n        <Toolbar\n          searchField={\n            <Input\n              type=\"text\"\n              className=\"map-manager-sublayer-tree-searchbox\"\n              placeholder={placeholderLabel}\n              value={layerFilterString}\n              onChange={handleFilterTextChanged}\n              size=\"small\"\n            />\n          }\n        >\n          {props.singleVisibleSubLayer\n            ? undefined\n            : [\n                <IconButton\n                  key=\"show-all-btn\"\n                  size=\"small\"\n                  label={props.checkboxStyle === \"eye\" ? MapLayersUI.translate(\"SubLayers.AllOn\") : MapLayersUI.translate(\"SelectFeaturesDialog.AllOn\")}\n                  onClick={async () => changeAll(true)}\n                >\n                  {props.checkboxStyle === \"eye\" ? <SvgVisibilityShow /> : <SvgCheckboxSelect />}\n                </IconButton>,\n                <IconButton\n                  style={{ marginLeft: \"5px\" }}\n                  key=\"hide-all-btn\"\n                  size=\"small\"\n                  label={props.checkboxStyle === \"eye\" ? MapLayersUI.translate(\"SubLayers.AllOff\") : MapLayersUI.translate(\"SelectFeaturesDialog.AllOff\")}\n                  onClick={async () => changeAll(false)}\n                >\n                  {props.checkboxStyle === \"eye\" ? <SvgVisibilityHide /> : <SvgCheckboxDeselect />}\n                </IconButton>,\n              ]}\n        </Toolbar>\n        <div className=\"map-manager-sublayer-tree-content\">\n          {props.width === undefined && props.height === undefined && (\n            // eslint-disable-next-line @typescript-eslint/no-deprecated\n            <ResizableContainerObserver\n              onResize={(w, h) => {\n                setWidth(w);\n                setHeight(h);\n              }}\n            />\n          )}\n          {width !== undefined && height !== undefined && (\n            <ControlledTree\n              nodeLoader={nodeLoader}\n              selectionMode={SelectionMode.None}\n              eventsHandler={eventHandler!}\n              model={treeModel}\n              treeRenderer={props.checkboxStyle === \"eye\" ? nodeWithEyeCheckboxTreeRenderer : undefined}\n              nodeHighlightingProps={nodeHighlightingProps}\n              width={width}\n              height={height}\n              noDataRenderer={() => <p className=\"components-controlledTree-errorMessage\">{noResults}</p>}\n            />\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n\n/** TreeEventHandler derived class that handler processing changes to subLayer visibility */\nclass SubLayerCheckboxHandler extends TreeEventHandler {\n  private _removeModelChangedListener: () => void;\n  private _onSubLayerStateChange?: OnSubLayerStateChangeType;\n  private _subLayers: MapSubLayerProps[];\n  private _singleVisibleSubLayer?: boolean;\n\n  constructor(\n    subLayers: MapSubLayerProps[],\n    singleVisibleSubLayer: boolean,\n    nodeLoader: AbstractTreeNodeLoaderWithProvider<TreeDataProvider>,\n    onSubLayerStateChange?: OnSubLayerStateChangeType,\n  ) {\n    super({ modelSource: nodeLoader.modelSource, nodeLoader, collapsedChildrenDisposalEnabled: true });\n    this._subLayers = subLayers;\n    this._singleVisibleSubLayer = singleVisibleSubLayer;\n    this._onSubLayerStateChange = onSubLayerStateChange;\n    this._removeModelChangedListener = this.modelSource.onModelChanged.addListener(this.onModelChanged);\n  }\n\n  public override dispose() {\n    this._removeModelChangedListener();\n    super.dispose();\n  }\n\n  // Cascade state\n  // Children on unnamed groups must get disabled in the tree view, because\n  // they get rendered anyway.\n  private cascadeStateToAllChildren(model: MutableTreeModel, parentId?: string) {\n    const children = model.getChildren(parentId);\n    if (children === undefined) {\n      return;\n    }\n\n    for (const childID of children) {\n      const childNode = childID ? model.getNode(childID) : undefined;\n\n      if (childNode) {\n        this.syncNodeStateWithParent(model, childNode);\n      }\n\n      // Drill down the tree.\n      this.cascadeStateToAllChildren(model, childID);\n    }\n  }\n\n  private applyMutualExclusiveState(model: MutableTreeModel, nodeId: string) {\n    const changedNode = model.getNode(nodeId);\n    if (changedNode?.checkbox.state === CheckBoxState.Off) {\n      return;\n    }\n\n    for (const node of model.iterateTreeModelNodes()) {\n      if (node.id === changedNode?.id) {\n        continue;\n      }\n\n      if (node && node.checkbox.state === CheckBoxState.On) {\n        node.checkbox.state = CheckBoxState.Off;\n      }\n    }\n  }\n\n  //-----------------------------------------------------------------------\n  // Listen to model changes\n  //------------------------------------------------------------------------\n  // This is required because nodes are delay loaded in the model until\n  // they are made visible (i.e. parent node is expanded).  So even though\n  // you might have created nodes in the data provided with a proper\n  // initial state, by the time it gets loaded, their state might have became\n  // out of date in the TreeView's active model.  So whenever a node\n  // is added, when must confirm its state matches the current model\n  // (i.e. state of their parent.)\n  public onModelChanged = (args: [TreeModel, TreeModelChanges]) => {\n    this.modelSource.modifyModel((model) => {\n      const addedNodes = args[1].addedNodeIds.map((id) => model.getNode(id));\n      addedNodes.forEach((node) => {\n        if (!node) {\n          return;\n        }\n\n        this.syncNodeStateWithParent(model, node);\n      });\n    });\n  };\n\n  private static isUnnamedGroup(subLayer: MapSubLayerProps | undefined): boolean {\n    if (!subLayer) {\n      return false;\n    }\n\n    return (!subLayer.name || subLayer.name.length === 0) && subLayer.children !== undefined && subLayer.children.length > 0;\n  }\n\n  // Ensure the state of changed node matches the state of its parent.\n  private syncNodeStateWithParent(model: MutableTreeModel, changedNode: MutableTreeModelNode) {\n    // Lookup node parent. If non exists, I assume thats the root node,\n    // and it must have a proper initial state.\n    const parentNode = changedNode.parentId ? model.getNode(changedNode.parentId) : undefined;\n    if (!parentNode) {\n      return;\n    }\n\n    if (!changedNode.checkbox) {\n      return;\n    } // don't see why this would happen, but if there is no checkbox, we cant do much here.\n\n    const parentLayerId = undefined !== parentNode.item.extendedData?.subLayerId ? parentNode.item.extendedData?.subLayerId : parentNode.item.id;\n    const parentSubLayer = this._subLayers?.find((subLayer) => subLayer.id === parentLayerId);\n\n    // If parent is disabled, then children must be too.\n    // Also, Non-visible unnamed group must have their children disabled (unamed groups have visibility inherence)\n    if (parentNode.checkbox.isDisabled || (SubLayerCheckboxHandler.isUnnamedGroup(parentSubLayer) && parentNode.checkbox.state === CheckBoxState.Off)) {\n      changedNode.checkbox.isDisabled = true;\n      changedNode.checkbox.state = CheckBoxState.Off;\n    } else {\n      // Visibility state from StyleMapLayerSettings applies\n      const subLayerId = undefined !== changedNode.item.extendedData?.subLayerId ? changedNode.item.extendedData?.subLayerId : changedNode.item.id;\n      const foundSubLayer = this._subLayers?.find((subLayer) => subLayer.id === subLayerId);\n      changedNode.checkbox.isDisabled = false;\n      changedNode.checkbox.state = foundSubLayer?.visible ? CheckBoxState.On : CheckBoxState.Off;\n    }\n  }\n\n  /** Changes nodes checkboxes states until event is handled or handler is disposed */\n  public override onCheckboxStateChanged({ stateChanges }: TreeCheckboxStateChangeEventArgs) {\n    // call base checkbox handling\n    const baseHandling = super.onCheckboxStateChanged({ stateChanges });\n\n    // subscribe to checkbox state changes to new checkbox states and do some additional work with them\n    const selectionHandling = stateChanges.subscribe({\n      next: (changes) => {\n        changes.forEach((change) => {\n          const isSelected = change.newState === CheckBoxState.On;\n          const subLayerId = undefined !== change.nodeItem.extendedData?.subLayerId ? change.nodeItem.extendedData?.subLayerId : change.nodeItem.id;\n\n          // Get the previously visible node if we are in 'singleVisibleSubLayer' node\n          let prevVisibleSubLayers: SubLayerId[] = [];\n          if (this._singleVisibleSubLayer) {\n            prevVisibleSubLayers = this._subLayers.reduce((filtered: SubLayerId[], subLayer) => {\n              if (subLayer.visible && subLayer.id !== undefined) {\n                filtered.push(subLayer.id);\n              }\n              return filtered;\n            }, []);\n          }\n\n          // Inform caller that subLayer state is going to change (i.e. update display style state)\n          if (this._onSubLayerStateChange) {\n            for (const slId of prevVisibleSubLayers) {\n              this._onSubLayerStateChange(slId, false);\n            }\n\n            this._onSubLayerStateChange(subLayerId, isSelected);\n          }\n\n          // Update sublayer object, otherwise state would get out of sync with DisplayStyle each time the TreeView is re-rendered\n          this._subLayers?.forEach((curSubLayer) => {\n            if (curSubLayer.id !== undefined) {\n              if (curSubLayer.id === subLayerId) {\n                curSubLayer.visible = isSelected;\n              } else if (prevVisibleSubLayers.includes(curSubLayer.id)) {\n                curSubLayer.visible = false;\n              }\n            }\n          });\n\n          // Cascade state\n          this.modelSource.modifyModel((model) => {\n            if (this._singleVisibleSubLayer) {\n              this.applyMutualExclusiveState(model, change.nodeItem.id);\n            }\n            this.cascadeStateToAllChildren(model, change.nodeItem.id);\n          });\n        });\n      },\n    });\n    // stop handling selection when checkboxes handling is stopped\n    baseHandling?.add(selectionHandling);\n    return baseHandling;\n  }\n}\n\n/** Custom checkbox renderer that renders checkbox as an eye */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nconst eyeCheckboxRenderer = (props: NodeCheckboxRenderProps) => (\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  <ImageCheckBox\n    checked={props.checked}\n    disabled={props.disabled}\n    imageOn=\"icon-visibility\"\n    imageOff=\"icon-visibility-hide-2\"\n    onClick={props.onChange}\n    tooltip={props.title}\n  />\n);\n\n/** Custom node renderer. It uses default 'TreeNodeRenderer' but overrides default checkbox renderer to render checkbox as an eye */\nconst imageLoader = new TreeImageLoader();\nconst nodeWithEyeCheckboxRenderer = (props: TreeNodeRendererProps) => (\n  <TreeNodeRenderer {...props} checkboxRenderer={eyeCheckboxRenderer} imageLoader={imageLoader} />\n);\n\n/** Custom tree renderer. It uses default `TreeRenderer` but overrides default node renderer to render node with custom checkbox */\nconst nodeWithEyeCheckboxTreeRenderer = (props: TreeRendererProps) => <TreeRenderer {...props} nodeRenderer={nodeWithEyeCheckboxRenderer} />;\n\nfunction useTreeFiltering(dataProvider: ITreeDataProvider, filter: string) {\n  const nodeLoader = useFilteredProvider(dataProvider, filter);\n  const nodeHighlightingProps = useNodeHighlightingProps(filter);\n  return {\n    nodeLoader,\n    modelSource: nodeLoader.modelSource,\n    nodeHighlightingProps,\n  };\n}\n\nfunction useFilteredProvider(dataProvider: ITreeDataProvider, filter: string) {\n  const filteredProvider = React.useMemo(() => {\n    return new FilteredTreeDataProvider(dataProvider, filter);\n  }, [dataProvider, filter]);\n\n  const nodeLoader = React.useMemo(() => {\n    return new TreeNodeLoader(filteredProvider, new TreeModelSource());\n  }, [filteredProvider]);\n\n  return nodeLoader;\n}\n\nfunction useNodeHighlightingProps(filter: string) {\n  const [nodeHighlightingProps, setNodeHighlightingProps] = React.useState<HighlightableTreeProps>();\n\n  React.useEffect(() => {\n    if (filter === \"\") {\n      setNodeHighlightingProps(undefined);\n      return;\n    }\n    setNodeHighlightingProps({\n      searchText: filter,\n      activeMatch: undefined,\n    });\n  }, [filter]);\n\n  return nodeHighlightingProps;\n}\n\nclass FullTreeHierarchy {\n  private _dataProvider: ITreeDataProvider;\n  private _hierarchy = new Map<string | undefined, DelayLoadedTreeNodeItem[]>();\n  private _init: Promise<void>;\n\n  public constructor(dataProvider: ITreeDataProvider) {\n    this._dataProvider = dataProvider;\n\n    this._init = (async () => {\n      await this.initNode();\n    })();\n  }\n\n  private async initNode(parent?: TreeNodeItem) {\n    const nodes = await this._dataProvider.getNodes(parent);\n    this._hierarchy.set(parent?.id, nodes);\n    for (const node of nodes) {\n      await this.initNode(node);\n    }\n  }\n\n  public async getHierarchy() {\n    await this._init;\n    return this._hierarchy;\n  }\n}\n\nclass FilteredTreeHierarchy {\n  private _fullHierarchy: FullTreeHierarchy;\n  private _filter: string;\n  private _filtered = new Map<string | undefined, DelayLoadedTreeNodeItem[]>();\n  private _init: Promise<void>;\n\n  public constructor(dataProvider: ITreeDataProvider, filter: string) {\n    this._fullHierarchy = new FullTreeHierarchy(dataProvider);\n    this._filter = filter;\n\n    this._init = (async () => {\n      await this.init();\n    })();\n  }\n\n  private async init() {\n    const hierarchy = await this._fullHierarchy.getHierarchy();\n    if (this._filter === \"\") {\n      this._filtered = hierarchy;\n      return;\n    }\n    this.filterNodes(hierarchy);\n  }\n\n  /** Initializes `this._filtered` field. Returns a node if it matches a filter. */\n  private filterNodes(hierarchy: Map<string | undefined, DelayLoadedTreeNodeItem[]>, current?: DelayLoadedTreeNodeItem): DelayLoadedTreeNodeItem | undefined {\n    const matches = current ? this.matchesFilter(current) : false;\n    const children = hierarchy.get(current?.id);\n    if (!children) {\n      return matches ? current : undefined;\n    }\n\n    const matchedChildren = new Array<DelayLoadedTreeNodeItem>();\n    for (const child of children) {\n      const matchedChild = this.filterNodes(hierarchy, child);\n      matchedChild && matchedChildren.push(matchedChild);\n    }\n\n    const hasChildren = matchedChildren.length > 0;\n    const included = matches || hasChildren;\n    let filtered: DelayLoadedTreeNodeItem | undefined;\n    if (included) {\n      this._filtered.set(current?.id, matchedChildren);\n\n      // Return a modified copy of current node (to persist initial hierarchy when filter is cleared).\n      if (current) {\n        filtered = {\n          ...current,\n          hasChildren,\n          autoExpand: hasChildren ? true : current.autoExpand,\n        };\n      }\n    }\n    return filtered;\n  }\n\n  private matchesFilter(node: TreeNodeItem) {\n    if (node.label.value.valueFormat !== PropertyValueFormat.Primitive) {\n      return false;\n    }\n\n    const value = node.label.value.displayValue?.toLowerCase();\n    if (!value) {\n      return false;\n    }\n    return value.includes(this._filter.toLowerCase());\n  }\n\n  public async getHierarchy() {\n    await this._init;\n    return this._filtered;\n  }\n}\n\nclass FilteredTreeDataProvider implements ITreeDataProvider {\n  private _hierarchy: FilteredTreeHierarchy;\n\n  public constructor(parentDataProvider: ITreeDataProvider, filter: string) {\n    this._hierarchy = new FilteredTreeHierarchy(parentDataProvider, filter);\n  }\n\n  public async getNodes(parent?: TreeNodeItem) {\n    const hierarchy = await this._hierarchy.getHierarchy();\n    const nodes = hierarchy.get(parent?.id);\n    return nodes || [];\n  }\n\n  public async getNodesCount(parent?: TreeNodeItem) {\n    const hierarchy = await this._hierarchy.getHierarchy();\n    const nodes = hierarchy.get(parent?.id);\n    return nodes?.length || 0;\n  }\n}\n"]}

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

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 import "./TransparencyPopupButton.scss";
 /** @alpha */
 export interface TransparencyPopupButtonProps {
     /** initialValue range 0-1 */
     transparency: number;
     /** function called when value changes. Returned value range 0-1 */
-    onTransparencyChange(value: number): void;
+    onTransparencyChange: (value: number) => void;
     /** optional tooltip */
     buttonToolTip?: string;
     disabled?: boolean;
 }
 /** @alpha */
-export declare function TransparencyPopupButton({ transparency, onTransparencyChange, buttonToolTip, disabled }: TransparencyPopupButtonProps): JSX.Element;
+export declare function TransparencyPopupButton({ transparency, onTransparencyChange, buttonToolTip, disabled }: TransparencyPopupButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TransparencyPopupButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransparencyPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/TransparencyPopupButton.tsx"],"names":[],"mappings":";AAWA,OAAO,gCAAgC,CAAC;AAExC,aAAa;AACb,MAAM,WAAW,4BAA4B;IAC3C,6BAA6B;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,uBAAuB;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,aAAa;AAEb,wBAAgB,uBAAuB,CAAC,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,4BAA4B,eA0DpI"}
+{"version":3,"file":"TransparencyPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/TransparencyPopupButton.tsx"],"names":[],"mappings":"AAKA,OAAO,gCAAgC,CAAC;AAKxC,aAAa;AACb,MAAM,WAAW,4BAA4B;IAC3C,6BAA6B;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,uBAAuB;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,aAAa;AACb,wBAAgB,uBAAuB,CAAC,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,4BAA4B,2CA4DpI"}

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

@@ -29,26 +29,19 @@ 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.
  *--------------------------------------------------------------------------------------------*/
+require("./TransparencyPopupButton.scss");
 const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_frontend_1 = require("@itwin/core-frontend");
-const core_react_1 = require("@itwin/core-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
-require("./TransparencyPopupButton.scss");
 /** @alpha */
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function TransparencyPopupButton({ transparency, onTransparencyChange, buttonToolTip, disabled }) {
     const [isSettingsOpen, setIsSettingsOpen] = React.useState(false);
     const [defaultTransparencyLabel] = React.useState(core_frontend_1.IModelApp.localization.getLocalizedString("mapLayers:TransparencyPopup.SetTransparency"));
     const toolTipLabel = React.useMemo(() => (buttonToolTip ? buttonToolTip : defaultTransparencyLabel), [buttonToolTip, defaultTransparencyLabel]);
     const buttonRef = React.useRef(null);
-    const togglePopupDisplay = React.useCallback((event) => {
-        event.preventDefault();
-        setIsSettingsOpen((prev) => !prev);
-    }, [setIsSettingsOpen]);
-    const handleCloseSetting = React.useCallback(() => {
-        setIsSettingsOpen(false);
-    }, [setIsSettingsOpen]);
+    const togglePopupDisplay = React.useCallback(() => {
+        setIsSettingsOpen(!isSettingsOpen);
+    }, [isSettingsOpen]);
     const handleTransparencyChange = React.useCallback((values) => {
         if (values.length) {
             const newTransparency = values[0];
@@ -59,7 +52,7 @@ function TransparencyPopupButton({ transparency, onTransparencyChange, buttonToo
             }
         }
     }, [onTransparencyChange, transparency]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { disabled: disabled, size: "small", styleType: "borderless", title: toolTipLabel, className: "map-transparency-popup-button", onClick: togglePopupDisplay, ref: buttonRef, children: (0, jsx_runtime_1.jsx)("div", { className: "transparent-button", children: (0, jsx_runtime_1.jsx)("svg", { className: disabled ? "checkered-disabled" : "checkered", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "m21.00427 0h-18.00854a2.9957 2.9957 0 0 0 -2.99573 2.99567v18.0086a2.99575 2.99575 0 0 0 2.99573 2.99573h18.00854a2.99575 2.99575 0 0 0 2.99573-2.99573v-18.0086a2.9957 2.9957 0 0 0 -2.99573-2.99567zm-20.00427 21.00427v-9.00427h11v-11h9.00427a1.998 1.998 0 0 1 1.99573 1.99567v9.00433h-11v11h-9.00427a1.998 1.998 0 0 1 -1.99573-1.99573z" }) }) }) }), (0, jsx_runtime_1.jsx)(core_react_1.Popup, { isOpen: isSettingsOpen, position: appui_abstract_1.RelativePosition.BottomRight, onClose: handleCloseSetting, target: buttonRef.current, children: (0, jsx_runtime_1.jsx)("div", { className: "map-transparency-popup-panel", children: (0, jsx_runtime_1.jsx)("div", { className: "map-transparency-slider-container", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Slider, { min: 0, max: 100, values: [transparency * 100], step: 1, onChange: handleTransparencyChange }) }) }) })] }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Popover, { content: (0, jsx_runtime_1.jsx)("div", { className: "map-transparency-popup-panel", children: (0, jsx_runtime_1.jsx)("div", { className: "map-transparency-slider-container", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Slider, { min: 0, max: 100, values: [transparency * 100], step: 1, onChange: handleTransparencyChange }) }) }), visible: isSettingsOpen, onVisibleChange: setIsSettingsOpen, placement: "bottom-end", applyBackground: true, positionReference: buttonRef.current ?? undefined, children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { disabled: disabled, size: "small", styleType: "borderless", title: toolTipLabel, className: "map-transparency-popup-button", onClick: togglePopupDisplay, ref: buttonRef, children: (0, jsx_runtime_1.jsx)("div", { className: "transparent-button", children: (0, jsx_runtime_1.jsx)("svg", { className: disabled ? "checkered-disabled" : "checkered", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { d: "m21.00427 0h-18.00854a2.9957 2.9957 0 0 0 -2.99573 2.99567v18.0086a2.99575 2.99575 0 0 0 2.99573 2.99573h18.00854a2.99575 2.99575 0 0 0 2.99573-2.99573v-18.0086a2.9957 2.9957 0 0 0 -2.99573-2.99567zm-20.00427 21.00427v-9.00427h11v-11h9.00427a1.998 1.998 0 0 1 1.99573 1.99567v9.00433h-11v11h-9.00427a1.998 1.998 0 0 1 -1.99573-1.99573z" }) }) }) }) }) }));
 }
 exports.TransparencyPopupButton = TransparencyPopupButton;
 //# sourceMappingURL=TransparencyPopupButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransparencyPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/TransparencyPopupButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAEhG,6CAA+B;AAC/B,0DAAyD;AACzD,wDAAiD;AACjD,kDAA0C;AAC1C,wDAAsD;AAEtD,0CAAwC;AAaxC,aAAa;AACb,gEAAgE;AAChE,SAAgB,uBAAuB,CAAC,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,QAAQ,EAAgC;IACnI,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,6CAA6C,CAAC,CAAC,CAAC;IAC5I,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,wBAAwB,CAAC,EAAE,CAAC,aAAa,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEhJ,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,CAAC,KAAsD,EAAE,EAAE;QACzD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,MAAyB,EAAE,EAAE;QAC5B,IAAI,MAAM,CAAC,MAAM,EAAE;YACjB,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,eAAe,KAAK,YAAY,EAAE;gBACpC,IAAI,oBAAoB,EAAE;oBACxB,oBAAoB,CAAC,eAAe,GAAG,GAAG,CAAC,CAAC;iBAC7C;aACF;SACF;IACH,CAAC,EACD,CAAC,oBAAoB,EAAE,YAAY,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,6DACE,uBAAC,sBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,GAAG,EAAE,SAAS,YAEd,gCAAK,SAAS,EAAC,oBAAoB,YACjC,gCAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,EAAE,OAAO,EAAC,WAAW,YAChF,iCAAM,CAAC,EAAC,iVAAiV,GAAG,GACxV,GACF,GACC,EACT,uBAAC,kBAAK,IAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,iCAAgB,CAAC,WAAW,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,EAAE,SAAS,CAAC,OAAO,YAC3H,gCAAK,SAAS,EAAC,8BAA8B,YAC3C,gCAAK,SAAS,EAAC,mCAAmC,YAChD,uBAAC,sBAAM,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,wBAAwB,GAAI,GACnG,GACF,GACA,IACP,CACJ,CAAC;AACJ,CAAC;AA1DD,0DA0DC","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 * as React from \"react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Popup } from \"@itwin/core-react\";\nimport { Button, Slider } from \"@itwin/itwinui-react\";\n\nimport \"./TransparencyPopupButton.scss\";\n\n/** @alpha */\nexport interface TransparencyPopupButtonProps {\n  /** initialValue range 0-1 */\n  transparency: number;\n  /** function called when value changes. Returned value range 0-1 */\n  onTransparencyChange(value: number): void;\n  /** optional tooltip */\n  buttonToolTip?: string;\n  disabled?: boolean;\n}\n\n/** @alpha */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function TransparencyPopupButton({ transparency, onTransparencyChange, buttonToolTip, disabled }: TransparencyPopupButtonProps) {\n  const [isSettingsOpen, setIsSettingsOpen] = React.useState(false);\n  const [defaultTransparencyLabel] = React.useState(IModelApp.localization.getLocalizedString(\"mapLayers:TransparencyPopup.SetTransparency\"));\n  const toolTipLabel = React.useMemo(() => (buttonToolTip ? buttonToolTip : defaultTransparencyLabel), [buttonToolTip, defaultTransparencyLabel]);\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const togglePopupDisplay = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      event.preventDefault();\n      setIsSettingsOpen((prev) => !prev);\n    },\n    [setIsSettingsOpen],\n  );\n\n  const handleCloseSetting = React.useCallback(() => {\n    setIsSettingsOpen(false);\n  }, [setIsSettingsOpen]);\n\n  const handleTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      if (values.length) {\n        const newTransparency = values[0];\n        if (newTransparency !== transparency) {\n          if (onTransparencyChange) {\n            onTransparencyChange(newTransparency / 100);\n          }\n        }\n      }\n    },\n    [onTransparencyChange, transparency],\n  );\n\n  return (\n    <>\n      <Button\n        disabled={disabled}\n        size=\"small\"\n        styleType=\"borderless\"\n        title={toolTipLabel}\n        className=\"map-transparency-popup-button\"\n        onClick={togglePopupDisplay}\n        ref={buttonRef}\n      >\n        <div className=\"transparent-button\">\n          <svg className={disabled ? \"checkered-disabled\" : \"checkered\"} viewBox=\"0 0 24 24\">\n            <path d=\"m21.00427 0h-18.00854a2.9957 2.9957 0 0 0 -2.99573 2.99567v18.0086a2.99575 2.99575 0 0 0 2.99573 2.99573h18.00854a2.99575 2.99575 0 0 0 2.99573-2.99573v-18.0086a2.9957 2.9957 0 0 0 -2.99573-2.99567zm-20.00427 21.00427v-9.00427h11v-11h9.00427a1.998 1.998 0 0 1 1.99573 1.99567v9.00433h-11v11h-9.00427a1.998 1.998 0 0 1 -1.99573-1.99573z\" />\n          </svg>\n        </div>\n      </Button>\n      <Popup isOpen={isSettingsOpen} position={RelativePosition.BottomRight} onClose={handleCloseSetting} target={buttonRef.current}>\n        <div className=\"map-transparency-popup-panel\">\n          <div className=\"map-transparency-slider-container\">\n            <Slider min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\n          </div>\n        </div>\n      </Popup>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"TransparencyPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/TransparencyPopupButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAEhG,0CAAwC;AACxC,6CAA+B;AAC/B,wDAAiD;AACjD,wDAA+D;AAa/D,aAAa;AACb,SAAgB,uBAAuB,CAAC,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAE,QAAQ,EAAgC;IACnI,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,6CAA6C,CAAC,CAAC,CAAC;IAC5I,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,wBAAwB,CAAC,EAAE,CAAC,aAAa,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAEhJ,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAChD,CAAC,MAAyB,EAAE,EAAE;QAC5B,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,eAAe,KAAK,YAAY,EAAE,CAAC;gBACrC,IAAI,oBAAoB,EAAE,CAAC;oBACzB,oBAAoB,CAAC,eAAe,GAAG,GAAG,CAAC,CAAC;gBAC9C,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,oBAAoB,EAAE,YAAY,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,2DACE,uBAAC,uBAAO,IACN,OAAO,EACL,gCAAK,SAAS,EAAC,8BAA8B,YAC3C,gCAAK,SAAS,EAAC,mCAAmC,YAChD,uBAAC,sBAAM,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,wBAAwB,GAAI,GACnG,GACF,EAER,OAAO,EAAE,cAAc,EACvB,eAAe,EAAE,iBAAiB,EAClC,SAAS,EAAC,YAAY,EACtB,eAAe,QACf,iBAAiB,EAAE,SAAS,CAAC,OAAO,IAAI,SAAS,YAEjD,uBAAC,sBAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,YAAY,EACnB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,GAAG,EAAE,SAAS,YAEd,gCAAK,SAAS,EAAC,oBAAoB,YACjC,gCAAK,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,WAAW,EAAE,OAAO,EAAC,WAAW,YAChF,iCAAM,CAAC,EAAC,iVAAiV,GAAG,GACxV,GACF,GACC,GACD,GACT,CACJ,CAAC;AACJ,CAAC;AA5DD,0DA4DC","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 \"./TransparencyPopupButton.scss\";\nimport * as React from \"react\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Button, Popover, Slider } from \"@itwin/itwinui-react\";\n\n/** @alpha */\nexport interface TransparencyPopupButtonProps {\n  /** initialValue range 0-1 */\n  transparency: number;\n  /** function called when value changes. Returned value range 0-1 */\n  onTransparencyChange: (value: number) => void;\n  /** optional tooltip */\n  buttonToolTip?: string;\n  disabled?: boolean;\n}\n\n/** @alpha */\nexport function TransparencyPopupButton({ transparency, onTransparencyChange, buttonToolTip, disabled }: TransparencyPopupButtonProps) {\n  const [isSettingsOpen, setIsSettingsOpen] = React.useState(false);\n  const [defaultTransparencyLabel] = React.useState(IModelApp.localization.getLocalizedString(\"mapLayers:TransparencyPopup.SetTransparency\"));\n  const toolTipLabel = React.useMemo(() => (buttonToolTip ? buttonToolTip : defaultTransparencyLabel), [buttonToolTip, defaultTransparencyLabel]);\n\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\n  const togglePopupDisplay = React.useCallback(() => {\n      setIsSettingsOpen(!isSettingsOpen);\n    },\n    [isSettingsOpen],\n  );\n\n  const handleTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      if (values.length) {\n        const newTransparency = values[0];\n        if (newTransparency !== transparency) {\n          if (onTransparencyChange) {\n            onTransparencyChange(newTransparency / 100);\n          }\n        }\n      }\n    },\n    [onTransparencyChange, transparency],\n  );\n\n  return (\n    <>\n      <Popover\n        content={\n          <div className=\"map-transparency-popup-panel\">\n            <div className=\"map-transparency-slider-container\">\n              <Slider min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\n            </div>\n          </div>\n        }\n        visible={isSettingsOpen}\n        onVisibleChange={setIsSettingsOpen}\n        placement=\"bottom-end\"\n        applyBackground\n        positionReference={buttonRef.current ?? undefined}\n      >\n        <Button\n          disabled={disabled}\n          size=\"small\"\n          styleType=\"borderless\"\n          title={toolTipLabel}\n          className=\"map-transparency-popup-button\"\n          onClick={togglePopupDisplay}\n          ref={buttonRef}\n        >\n          <div className=\"transparent-button\">\n            <svg className={disabled ? \"checkered-disabled\" : \"checkered\"} viewBox=\"0 0 24 24\">\n              <path d=\"m21.00427 0h-18.00854a2.9957 2.9957 0 0 0 -2.99573 2.99567v18.0086a2.99575 2.99575 0 0 0 2.99573 2.99573h18.00854a2.99575 2.99575 0 0 0 2.99573-2.99573v-18.0086a2.9957 2.9957 0 0 0 -2.99573-2.99567zm-20.00427 21.00427v-9.00427h11v-11h9.00427a1.998 1.998 0 0 1 1.99573 1.99567v9.00433h-11v11h-9.00427a1.998 1.998 0 0 1 -1.99573-1.99573z\" />\n            </svg>\n          </div>\n        </Button>\n      </Popover>\n    </>\n  );\n}\n"]}

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

@@ -5,6 +5,6 @@ interface UserPreferencesStorageOptionsProps {
     modelChecked?: boolean;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-export declare function UserPreferencesStorageOptions(props: UserPreferencesStorageOptionsProps): JSX.Element;
+export declare function UserPreferencesStorageOptions(props: UserPreferencesStorageOptionsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=UserPreferencesStorageOptions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserPreferencesStorageOptions.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/UserPreferencesStorageOptions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,UAAU,kCAAkC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,kCAAkC,eAqBtF"}
+{"version":3,"file":"UserPreferencesStorageOptions.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/UserPreferencesStorageOptions.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,UAAU,kCAAkC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,kCAAkC,2CAqBtF"}

package/lib/esm/BrowserStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserStorage.js","sourceRoot":"","sources":["../../src/BrowserStorage.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\n/** Index signature holding preferences content\n *\n * @internal\n */\ninterface KeyContentProps<Type> {\n  [preferenceKey: string]: Type;\n}\n\nexport interface BrowserStorageOptions {\n  /** indicate whether or not delete function should throw an error if the provided key cannot be found. */\n  throwOnDeleteMissingKey?: boolean;\n  itemKeyName: string;\n}\n\nexport class BrowserStorage<Type> {\n  private readonly _itemKeyName;\n  private readonly _throwOnDeleteMissingKey;\n\n  constructor(opts: BrowserStorageOptions) {\n    this._itemKeyName = opts.itemKeyName;\n    this._throwOnDeleteMissingKey = opts.throwOnDeleteMissingKey ?? true;\n  }\n\n  private loadFromStorage() {\n    const storage = window.localStorage;\n\n    let map: KeyContentProps<Type> = {};\n    const itemStr = storage.getItem(this._itemKeyName);\n    if (itemStr === null) {\n      return undefined;\n    }\n    if (!itemStr || itemStr === \"{}\") {\n      return map;\n    }\n\n    map = JSON.parse(itemStr);\n    return map;\n  }\n\n  public get(key: string | undefined) {\n    const map = this.loadFromStorage();\n    if (map === undefined) {\n      return undefined;\n    }\n\n    if (key) {\n      if (!Object.keys(map).includes(key)) {\n        return undefined;\n      }\n\n      return map[key];\n    } else {\n      // No key provided, return all objects\n      return Object.entries(map).map(([_key, value]) => value);\n    }\n  }\n\n  public getContent() {\n    return this.loadFromStorage();\n  }\n\n  public delete(key: string) {\n    const map = this.loadFromStorage();\n    if (map === undefined) {\n      if (this._throwOnDeleteMissingKey) {\n        throw new Error(\"Could not find key from storage.\");\n      } else {\n        return;\n      }\n    }\n\n    if (!Object.keys(map).includes(key)) {\n      if (this._throwOnDeleteMissingKey) {\n        throw Error(\"Could not find key from storage.\");\n      } else {\n        return;\n      }\n    }\n    delete map[key];\n    window.localStorage.setItem(this._itemKeyName, JSON.stringify(map));\n  }\n\n  public deleteMatchingContent(content: Type) {\n    const map = this.loadFromStorage();\n    if (map === undefined) {\n      return;\n    }\n    const contentJson = JSON.stringify(content);\n    for (const [key, value] of Object.entries(map)) {\n      if (JSON.stringify(value) === contentJson) {\n        delete map[key];\n      }\n    }\n\n    window.localStorage.setItem(this._itemKeyName, JSON.stringify(map));\n  }\n\n  public save(key: string, content: Type) {\n    let map = this.loadFromStorage();\n    if (map === undefined) {\n      map = {};\n    }\n\n    map[key] = content;\n\n    const itemValue = JSON.stringify(map);\n    window.localStorage.setItem(this._itemKeyName, itemValue);\n  }\n}\n"]}
+{"version":3,"file":"BrowserStorage.js","sourceRoot":"","sources":["../../src/BrowserStorage.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAgBhG,MAAM,OAAO,cAAc;IAIzB,YAAY,IAA2B;QACrC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC;QACrC,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC;IACvE,CAAC;IAEO,eAAe;QACrB,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC;QAEpC,IAAI,GAAG,GAA0B,EAAE,CAAC;QACpC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACnD,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACrB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,OAAO,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACjC,OAAO,GAAG,CAAC;QACb,CAAC;QAED,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC1B,OAAO,GAAG,CAAC;IACb,CAAC;IAEM,GAAG,CAAC,GAAuB;QAChC,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBACpC,OAAO,SAAS,CAAC;YACnB,CAAC;YAED,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;QAClB,CAAC;aAAM,CAAC;YACN,sCAAsC;YACtC,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3D,CAAC;IACH,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;IAChC,CAAC;IAEM,MAAM,CAAC,GAAW;QACvB,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBAClC,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;YACtD,CAAC;iBAAM,CAAC;gBACN,OAAO;YACT,CAAC;QACH,CAAC;QAED,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACpC,IAAI,IAAI,CAAC,wBAAwB,EAAE,CAAC;gBAClC,MAAM,KAAK,CAAC,kCAAkC,CAAC,CAAC;YAClD,CAAC;iBAAM,CAAC;gBACN,OAAO;YACT,CAAC;QACH,CAAC;QACD,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;QAChB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,qBAAqB,CAAC,OAAa;QACxC,MAAM,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACnC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC5C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/C,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,WAAW,EAAE,CAAC;gBAC1C,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;YAClB,CAAC;QACH,CAAC;QAED,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,IAAI,CAAC,GAAW,EAAE,OAAa;QACpC,IAAI,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACjC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,GAAG,GAAG,EAAE,CAAC;QACX,CAAC;QAED,GAAG,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;QAEnB,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACtC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAC5D,CAAC;CACF","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\n/** Index signature holding preferences content\n *\n * @internal\n */\ninterface KeyContentProps<Type> {\n  [preferenceKey: string]: Type;\n}\n\nexport interface BrowserStorageOptions {\n  /** indicate whether or not delete function should throw an error if the provided key cannot be found. */\n  throwOnDeleteMissingKey?: boolean;\n  itemKeyName: string;\n}\n\nexport class BrowserStorage<Type> {\n  private readonly _itemKeyName;\n  private readonly _throwOnDeleteMissingKey;\n\n  constructor(opts: BrowserStorageOptions) {\n    this._itemKeyName = opts.itemKeyName;\n    this._throwOnDeleteMissingKey = opts.throwOnDeleteMissingKey ?? true;\n  }\n\n  private loadFromStorage() {\n    const storage = window.localStorage;\n\n    let map: KeyContentProps<Type> = {};\n    const itemStr = storage.getItem(this._itemKeyName);\n    if (itemStr === null) {\n      return undefined;\n    }\n    if (!itemStr || itemStr === \"{}\") {\n      return map;\n    }\n\n    map = JSON.parse(itemStr);\n    return map;\n  }\n\n  public get(key: string | undefined) {\n    const map = this.loadFromStorage();\n    if (map === undefined) {\n      return undefined;\n    }\n\n    if (key) {\n      if (!Object.keys(map).includes(key)) {\n        return undefined;\n      }\n\n      return map[key];\n    } else {\n      // No key provided, return all objects\n      return Object.entries(map).map(([_key, value]) => value);\n    }\n  }\n\n  public getContent() {\n    return this.loadFromStorage();\n  }\n\n  public delete(key: string) {\n    const map = this.loadFromStorage();\n    if (map === undefined) {\n      if (this._throwOnDeleteMissingKey) {\n        throw new Error(\"Could not find key from storage.\");\n      } else {\n        return;\n      }\n    }\n\n    if (!Object.keys(map).includes(key)) {\n      if (this._throwOnDeleteMissingKey) {\n        throw Error(\"Could not find key from storage.\");\n      } else {\n        return;\n      }\n    }\n    delete map[key];\n    window.localStorage.setItem(this._itemKeyName, JSON.stringify(map));\n  }\n\n  public deleteMatchingContent(content: Type) {\n    const map = this.loadFromStorage();\n    if (map === undefined) {\n      return;\n    }\n    const contentJson = JSON.stringify(content);\n    for (const [key, value] of Object.entries(map)) {\n      if (JSON.stringify(value) === contentJson) {\n        delete map[key];\n      }\n    }\n\n    window.localStorage.setItem(this._itemKeyName, JSON.stringify(map));\n  }\n\n  public save(key: string, content: Type) {\n    let map = this.loadFromStorage();\n    if (map === undefined) {\n      map = {};\n    }\n\n    map[key] = content;\n\n    const itemValue = JSON.stringify(map);\n    window.localStorage.setItem(this._itemKeyName, itemValue);\n  }\n}\n"]}

package/lib/esm/CustomParamUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomParamUtils.js","sourceRoot":"","sources":["../../src/CustomParamUtils.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,MAAM,OAAO,gBAAgB;IACpB,MAAM,CAAC,qBAAqB,CAAC,MAAsB,EAAE,gBAA0B;QACpF,MAAM,SAAS,GAAG,IAAI,mBAAmB,EAAE,CAAC;QAC5C,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YACrC,MAAM,gBAAgB,GAAG,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAClD,IAAI,WAAwC,CAAC;YAC7C,IAAI,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE;gBACnC,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC/B,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;iBACnC;aACF;iBAAM;gBACL,WAAW,GAAG,gBAAgB,CAAC;aAChC;YAED,IAAI,WAAW,IAAI,MAAM,EAAE;gBACzB,IAAI,WAAW,CAAC,MAAM,EAAE;oBACtB,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE;wBAC9B,MAAM,CAAC,kBAAkB,GAAG,EAAE,CAAC;qBAChC;oBACD,MAAM,CAAC,kBAAkB,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;iBAChE;qBAAM;oBACL,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE;wBAC5B,MAAM,CAAC,gBAAgB,GAAG,EAAE,CAAC;qBAC9B;oBACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;iBAC9D;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { MapLayerSource } from \"@itwin/core-frontend\";\nimport { CustomParamsStorage } from \"./CustomParamsStorage\";\nimport type { CustomParamItem } from \"./ui/Interfaces\";\n\nexport class CustomParamUtils {\n  public static setSourceCustomParams(source: MapLayerSource, customParamNames: string[]) {\n    const cpStorage = new CustomParamsStorage();\n    customParamNames.forEach((paramName) => {\n      const paramFromStorage = cpStorage.get(paramName);\n      let customParam: CustomParamItem | undefined;\n      if (Array.isArray(paramFromStorage)) {\n        if (paramFromStorage.length > 0) {\n          customParam = paramFromStorage[0];\n        }\n      } else {\n        customParam = paramFromStorage;\n      }\n\n      if (customParam && source) {\n        if (customParam.secret) {\n          if (!source.unsavedQueryParams) {\n            source.unsavedQueryParams = {};\n          }\n          source.unsavedQueryParams[customParam.key] = customParam.value;\n        } else {\n          if (!source.savedQueryParams) {\n            source.savedQueryParams = {};\n          }\n          source.savedQueryParams[customParam.key] = customParam.value;\n        }\n      }\n    });\n  }\n}\n"]}
+{"version":3,"file":"CustomParamUtils.js","sourceRoot":"","sources":["../../src/CustomParamUtils.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,MAAM,OAAO,gBAAgB;IACpB,MAAM,CAAC,qBAAqB,CAAC,MAAsB,EAAE,gBAA0B;QACpF,MAAM,SAAS,GAAG,IAAI,mBAAmB,EAAE,CAAC;QAC5C,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;YACrC,MAAM,gBAAgB,GAAG,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAClD,IAAI,WAAwC,CAAC;YAC7C,IAAI,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;gBACpC,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;oBAChC,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,WAAW,GAAG,gBAAgB,CAAC;YACjC,CAAC;YAED,IAAI,WAAW,IAAI,MAAM,EAAE,CAAC;gBAC1B,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;oBACvB,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,CAAC;wBAC/B,MAAM,CAAC,kBAAkB,GAAG,EAAE,CAAC;oBACjC,CAAC;oBACD,MAAM,CAAC,kBAAkB,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;gBACjE,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC;wBAC7B,MAAM,CAAC,gBAAgB,GAAG,EAAE,CAAC;oBAC/B,CAAC;oBACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;gBAC/D,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport type { MapLayerSource } from \"@itwin/core-frontend\";\nimport { CustomParamsStorage } from \"./CustomParamsStorage\";\nimport type { CustomParamItem } from \"./ui/Interfaces\";\n\nexport class CustomParamUtils {\n  public static setSourceCustomParams(source: MapLayerSource, customParamNames: string[]) {\n    const cpStorage = new CustomParamsStorage();\n    customParamNames.forEach((paramName) => {\n      const paramFromStorage = cpStorage.get(paramName);\n      let customParam: CustomParamItem | undefined;\n      if (Array.isArray(paramFromStorage)) {\n        if (paramFromStorage.length > 0) {\n          customParam = paramFromStorage[0];\n        }\n      } else {\n        customParam = paramFromStorage;\n      }\n\n      if (customParam && source) {\n        if (customParam.secret) {\n          if (!source.unsavedQueryParams) {\n            source.unsavedQueryParams = {};\n          }\n          source.unsavedQueryParams[customParam.key] = customParam.value;\n        } else {\n          if (!source.savedQueryParams) {\n            source.savedQueryParams = {};\n          }\n          source.savedQueryParams[customParam.key] = customParam.value;\n        }\n      }\n    });\n  }\n}\n"]}