@itwin/map-layers 5.6.1 → 6.0.0-dev.0

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayerSettingsMenu.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport { DropdownMenu, IconButton, MenuItem, Slider } from \"@itwin/itwinui-react\";\nimport \"./MapLayerManager.scss\";\nimport type { StyleMapLayerSettings } from \"../Interfaces\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\n\ninterface MapLayerSettingsMenuProps {\n  mapLayerSettings: StyleMapLayerSettings;\n  onMenuItemSelection: (action: string, mapLayerSettings: StyleMapLayerSettings) => void;\n  activeViewport: ScreenViewport;\n  disabled?: boolean;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapLayerSettingsMenu({ mapLayerSettings, onMenuItemSelection, activeViewport, disabled }: MapLayerSettingsMenuProps) {\n  const [labelDetach] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.Detach\"));\n  const [labelZoomToLayer] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.ZoomToLayer\"));\n  const [hasRangeData, setHasRangeData] = React.useState<boolean | undefined>();\n  const [transparency, setTransparency] = React.useState(mapLayerSettings.transparency);\n\n  React.useEffect(() => {\n    async function fetchRangeData() {\n      let hasRange = false;\n      const indexInDisplayStyle = activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(\n        mapLayerSettings.name,\n        mapLayerSettings.source,\n        mapLayerSettings.isOverlay,\n      );\n      if (undefined !== indexInDisplayStyle) {\n        hasRange = undefined !== (await activeViewport.getMapLayerRange({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay }));\n      }\n      setHasRangeData(hasRange);\n    }\n    fetchRangeData(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }, [activeViewport, mapLayerSettings]);\n\n  const handleRemoveLayer = React.useCallback(() => {\n    onMenuItemSelection(\"delete\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const handleZoomToLayer = React.useCallback(() => {\n    onMenuItemSelection(\"zoom-to-layer\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const applyTransparencyChange = React.useCallback(\n    (value: number) => {\n      if (activeViewport) {\n        const newTransparency = value;\n        const displayStyle = activeViewport.displayStyle;\n        const indexInDisplayStyle = displayStyle.findMapLayerIndexByNameAndSource(mapLayerSettings.name, mapLayerSettings.source, mapLayerSettings.isOverlay);\n        if (-1 !== indexInDisplayStyle) {\n          const styleTransparency = displayStyle.mapLayerAtIndex({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay })?.transparency;\n          const styleTransparencyValue = styleTransparency ? styleTransparency : 0;\n          if (Math.abs(styleTransparencyValue - newTransparency) > 0.01) {\n            // update the display style\n            displayStyle.changeMapLayerProps({ transparency: newTransparency }, { index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay });\n          }\n        }\n      }\n    },\n    [activeViewport, mapLayerSettings],\n  );\n\n  const handleTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      if (values.length) {\n        const newTransparency = values[0] / 100.0;\n        if (newTransparency !== transparency) {\n          setTransparency(newTransparency);\n          applyTransparencyChange(newTransparency);\n        }\n      }\n    },\n    [transparency, applyTransparencyChange],\n  );\n\n  const dropdownMenuItems = () => [\n    <MenuItem disabled={!hasRangeData} key={0} onClick={() => handleZoomToLayer()}>\n      {labelZoomToLayer}\n    </MenuItem>,\n    <MenuItem key={1} onClick={() => handleRemoveLayer()}>\n      {labelDetach}\n    </MenuItem>,\n    <MenuItem key={2}>\n      <Slider className=\"map-manager-item-dropdown-slider\" min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\n    </MenuItem>,\n  ];\n\n  return (\n    <>\n      <DropdownMenu placement=\"auto-start\" menuItems={dropdownMenuItems} disabled={disabled}>\n        <IconButton size=\"small\" styleType=\"borderless\">\n          <SvgMoreVertical />\n        </IconButton>\n      </DropdownMenu>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"MapLayerSettingsMenu.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./MapLayerManager.scss\";\nimport * as React from \"react\";\nimport { SvgMoreVertical } from \"@itwin/itwinui-icons-react\";\nimport { DropdownMenu, IconButton, MenuItem, Slider } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\nimport type { ScreenViewport } from \"@itwin/core-frontend\";\nimport type { StyleMapLayerSettings } from \"../Interfaces\";\ninterface MapLayerSettingsMenuProps {\n  mapLayerSettings: StyleMapLayerSettings;\n  onMenuItemSelection: (action: string, mapLayerSettings: StyleMapLayerSettings) => void;\n  activeViewport: ScreenViewport;\n  disabled?: boolean;\n}\n\nexport function MapLayerSettingsMenu({ mapLayerSettings, onMenuItemSelection, activeViewport, disabled }: MapLayerSettingsMenuProps) {\n  const [labelDetach] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.Detach\"));\n  const [labelZoomToLayer] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:LayerMenu.ZoomToLayer\"));\n  const [hasRangeData, setHasRangeData] = React.useState<boolean | undefined>();\n  const [transparency, setTransparency] = React.useState(mapLayerSettings.transparency);\n\n  React.useEffect(() => {\n    async function fetchRangeData() {\n      let hasRange = false;\n      const indexInDisplayStyle = activeViewport?.displayStyle.findMapLayerIndexByNameAndSource(\n        mapLayerSettings.name,\n        mapLayerSettings.source,\n        mapLayerSettings.isOverlay,\n      );\n      if (undefined !== indexInDisplayStyle) {\n        hasRange = undefined !== (await activeViewport.getMapLayerRange({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay }));\n      }\n      setHasRangeData(hasRange);\n    }\n    fetchRangeData(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }, [activeViewport, mapLayerSettings]);\n\n  const handleRemoveLayer = React.useCallback(() => {\n    onMenuItemSelection(\"delete\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const handleZoomToLayer = React.useCallback(() => {\n    onMenuItemSelection(\"zoom-to-layer\", mapLayerSettings);\n  }, [onMenuItemSelection, mapLayerSettings]);\n\n  const applyTransparencyChange = React.useCallback(\n    (value: number) => {\n      if (activeViewport) {\n        const newTransparency = value;\n        const displayStyle = activeViewport.displayStyle;\n        const indexInDisplayStyle = displayStyle.findMapLayerIndexByNameAndSource(mapLayerSettings.name, mapLayerSettings.source, mapLayerSettings.isOverlay);\n        if (-1 !== indexInDisplayStyle) {\n          const styleTransparency = displayStyle.mapLayerAtIndex({ index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay })?.transparency;\n          const styleTransparencyValue = styleTransparency ? styleTransparency : 0;\n          if (Math.abs(styleTransparencyValue - newTransparency) > 0.01) {\n            // update the display style\n            displayStyle.changeMapLayerProps({ transparency: newTransparency }, { index: indexInDisplayStyle, isOverlay: mapLayerSettings.isOverlay });\n          }\n        }\n      }\n    },\n    [activeViewport, mapLayerSettings],\n  );\n\n  const handleTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      if (values.length) {\n        const newTransparency = values[0] / 100.0;\n        if (newTransparency !== transparency) {\n          setTransparency(newTransparency);\n          applyTransparencyChange(newTransparency);\n        }\n      }\n    },\n    [transparency, applyTransparencyChange],\n  );\n\n  const dropdownMenuItems = () => [\n    <MenuItem disabled={!hasRangeData} key={0} onClick={() => handleZoomToLayer()}>\n      {labelZoomToLayer}\n    </MenuItem>,\n    <MenuItem key={1} onClick={() => handleRemoveLayer()}>\n      {labelDetach}\n    </MenuItem>,\n    <MenuItem key={2}>\n      <Slider className=\"map-manager-item-dropdown-slider\" min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\n    </MenuItem>,\n  ];\n\n  return (\n    <>\n      <DropdownMenu as=\"div\" placement=\"bottom-start\" menuItems={dropdownMenuItems} aria-disabled={disabled}>\n        <IconButton size=\"small\" styleType=\"borderless\">\n          <SvgMoreVertical />\n        </IconButton>\n      </DropdownMenu>\n    </>\n  );\n}\n"]}

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import "./MapLayerSettingsPopupButton.scss";
 export interface MapLayerSettingsPopupButtonProps {
     disabled?: boolean;
 }
 /** @alpha */
-export declare function MapLayerSettingsPopupButton(props: MapLayerSettingsPopupButtonProps): JSX.Element;
+export declare function MapLayerSettingsPopupButton(props: MapLayerSettingsPopupButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MapLayerSettingsPopupButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayerSettingsPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsPopupButton.tsx"],"names":[],"mappings":";AAUA,OAAO,oCAAoC,CAAC;AAI5C,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,aAAa;AAEb,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,eAoFlF"}
+{"version":3,"file":"MapLayerSettingsPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsPopupButton.tsx"],"names":[],"mappings":"AAKA,OAAO,oCAAoC,CAAC;AAS5C,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,aAAa;AACb,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CAqFlF"}

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

@@ -29,16 +29,15 @@ 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("./MapLayerSettingsPopupButton.scss");
 const React = __importStar(require("react"));
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
-const MapManagerSettings_1 = require("./MapManagerSettings");
-require("./MapLayerSettingsPopupButton.scss");
-const mapLayers_1 = require("../../mapLayers");
-const itwinui_react_1 = require("@itwin/itwinui-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const mapLayers_1 = require("../../mapLayers");
+const MapManagerSettings_1 = require("./MapManagerSettings");
 /** @alpha */
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function MapLayerSettingsPopupButton(props) {
     const panelRef = React.useRef(null);
     const [isSettingsOpen, setIsSettingsOpen] = React.useState(false);
@@ -83,7 +82,7 @@ function MapLayerSettingsPopupButton(props) {
         // If we reach this point, we got an outside clicked, no close the popup
         setIsSettingsOpen(false);
     }, [isInsideCoreDialog]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: props.disabled, styleType: "borderless", title: buttonTooltip, className: "maplayers-settings-popup-button", onClick: togglePopupDisplay, ref: buttonRef, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgSettings, {}) }), (0, jsx_runtime_1.jsx)(core_react_1.Popup, { className: "maplayers-settings-popup", isOpen: isSettingsOpen, position: appui_abstract_1.RelativePosition.BottomRight, onClose: handleCloseSetting, target: buttonRef.current, onOutsideClick: handleOutsideClick, repositionOnResize: true, children: (0, jsx_runtime_1.jsx)("div", { ref: panelRef, className: "maplayers-settings-popup-panel", children: (0, jsx_runtime_1.jsx)(MapManagerSettings_1.MapManagerSettings, {}) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: props.disabled, styleType: "borderless", label: buttonTooltip, className: "maplayers-settings-popup-button", onClick: togglePopupDisplay, ref: buttonRef, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgSettings, {}) }), (0, jsx_runtime_1.jsx)(core_react_1.Popup, { className: "maplayers-settings-popup", isOpen: isSettingsOpen, position: appui_abstract_1.RelativePosition.BottomRight, onClose: handleCloseSetting, target: buttonRef.current, onOutsideClick: handleOutsideClick, repositionOnResize: true, children: (0, jsx_runtime_1.jsx)("div", { ref: panelRef, className: "maplayers-settings-popup-panel", children: (0, jsx_runtime_1.jsx)(MapManagerSettings_1.MapManagerSettings, {}) }) })] }));
 }
 exports.MapLayerSettingsPopupButton = MapLayerSettingsPopupButton;
 //# sourceMappingURL=MapLayerSettingsPopupButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayerSettingsPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsPopupButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport * as React from \"react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { Popup } from \"@itwin/core-react\";\nimport { MapManagerSettings } from \"./MapManagerSettings\";\n\nimport \"./MapLayerSettingsPopupButton.scss\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { SvgSettings } from \"@itwin/itwinui-icons-react\";\nexport interface MapLayerSettingsPopupButtonProps {\n  disabled?: boolean;\n}\n\n/** @alpha */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapLayerSettingsPopupButton(props: MapLayerSettingsPopupButtonProps) {\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const [isSettingsOpen, setIsSettingsOpen] = React.useState(false);\n  const [buttonTooltip] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Widget.SettingsButtonTooltip\"));\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 isInsideCoreDialog = React.useCallback((element: HTMLElement) => {\n    if (element.nodeName === \"DIV\") {\n      if (element.classList && element.classList.contains(\"core-dialog\")) {\n        return true;\n      }\n      if (element.parentElement && isInsideCoreDialog(element.parentElement)) {\n        return true;\n      }\n    } else {\n      // istanbul ignore else\n      if (element.parentElement && isInsideCoreDialog(element.parentElement)) {\n        return true;\n      }\n    }\n    return false;\n  }, []);\n\n  const handleOutsideClick = React.useCallback(\n    (event: MouseEvent) => {\n      if (isInsideCoreDialog(event.target as HTMLElement)) {\n        return;\n      }\n\n      // If clicking on button that open panel -  don't trigger outside click processing\n      if (buttonRef?.current && buttonRef?.current.contains(event.target as Node)) {\n        return;\n      }\n\n      // If clicking the panel, this is not an outside clicked\n      if (panelRef.current && panelRef?.current.contains(event.target as Node)) {\n        return;\n      }\n\n      // If we reach this point, we got an outside clicked, no close the popup\n      setIsSettingsOpen(false);\n    },\n    [isInsideCoreDialog],\n  );\n\n  return (\n    <>\n      <IconButton\n        disabled={props.disabled}\n        styleType=\"borderless\"\n        title={buttonTooltip}\n        className=\"maplayers-settings-popup-button\"\n        onClick={togglePopupDisplay}\n        ref={buttonRef}\n      >\n        <SvgSettings />\n      </IconButton>\n      <Popup\n        className=\"maplayers-settings-popup\"\n        isOpen={isSettingsOpen}\n        position={RelativePosition.BottomRight}\n        onClose={handleCloseSetting}\n        target={buttonRef.current}\n        onOutsideClick={handleOutsideClick}\n        repositionOnResize={true}\n      >\n        <div ref={panelRef} className=\"maplayers-settings-popup-panel\">\n          <MapManagerSettings />\n        </div>\n      </Popup>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"MapLayerSettingsPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerSettingsPopupButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport \"./MapLayerSettingsPopupButton.scss\";\nimport * as React from \"react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { Popup } from \"@itwin/core-react\";\nimport { SvgSettings } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { MapManagerSettings } from \"./MapManagerSettings\";\n\nexport interface MapLayerSettingsPopupButtonProps {\n  disabled?: boolean;\n}\n\n/** @alpha */\nexport function MapLayerSettingsPopupButton(props: MapLayerSettingsPopupButtonProps) {\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  const [isSettingsOpen, setIsSettingsOpen] = React.useState(false);\n  const [buttonTooltip] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Widget.SettingsButtonTooltip\"));\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 isInsideCoreDialog = React.useCallback((element: HTMLElement) => {\n    if (element.nodeName === \"DIV\") {\n      if (element.classList && element.classList.contains(\"core-dialog\")) {\n        return true;\n      }\n      if (element.parentElement && isInsideCoreDialog(element.parentElement)) {\n        return true;\n      }\n    } else {\n      // istanbul ignore else\n      if (element.parentElement && isInsideCoreDialog(element.parentElement)) {\n        return true;\n      }\n    }\n    return false;\n  }, []);\n\n  const handleOutsideClick = React.useCallback(\n    (event: MouseEvent) => {\n      if (isInsideCoreDialog(event.target as HTMLElement)) {\n        return;\n      }\n\n      // If clicking on button that open panel -  don't trigger outside click processing\n      if (buttonRef?.current && buttonRef?.current.contains(event.target as Node)) {\n        return;\n      }\n\n      // If clicking the panel, this is not an outside clicked\n      if (panelRef.current && panelRef?.current.contains(event.target as Node)) {\n        return;\n      }\n\n      // If we reach this point, we got an outside clicked, no close the popup\n      setIsSettingsOpen(false);\n    },\n    [isInsideCoreDialog],\n  );\n\n  return (\n    <>\n      <IconButton\n        disabled={props.disabled}\n        styleType=\"borderless\"\n        label={buttonTooltip}\n        className=\"maplayers-settings-popup-button\"\n        onClick={togglePopupDisplay}\n        ref={buttonRef}\n      >\n        <SvgSettings />\n      </IconButton>\n      {/*eslint-disable-next-line @typescript-eslint/no-deprecated */}\n      <Popup\n        className=\"maplayers-settings-popup\"\n        isOpen={isSettingsOpen}\n        position={RelativePosition.BottomRight}\n        onClose={handleCloseSetting}\n        target={buttonRef.current}\n        onOutsideClick={handleOutsideClick}\n        repositionOnResize={true}\n      >\n        <div ref={panelRef} className=\"maplayers-settings-popup-panel\">\n          <MapManagerSettings />\n        </div>\n      </Popup>\n    </>\n  );\n}\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { MapLayerOptions } from "../Interfaces";
 /**
  * Widget to Manage Map Layers
@@ -7,6 +6,6 @@ import type { MapLayerOptions } from "../Interfaces";
 interface MapLayersWidgetProps {
     mapLayerOptions?: MapLayerOptions;
 }
-export declare function MapLayersWidget(props: MapLayersWidgetProps): JSX.Element;
+export declare function MapLayersWidget(props: MapLayersWidgetProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MapLayersWidget.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayersWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayersWidget.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAIrD;;;GAGG;AACH,UAAU,oBAAoB;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAgC1D"}
+{"version":3,"file":"MapLayersWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayersWidget.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD;;;GAGG;AACH,UAAU,oBAAoB;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA+B1D"}

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

@@ -31,10 +31,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *--------------------------------------------------------------------------------------------*/
 const React = __importStar(require("react"));
 const appui_react_1 = require("@itwin/appui-react");
-const core_react_1 = require("@itwin/core-react");
-const MapLayerManager_1 = require("./MapLayerManager");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 const mapLayers_1 = require("../../mapLayers");
-// eslint-disable-next-line @typescript-eslint/naming-convention
+const MapLayerManager_1 = require("./MapLayerManager");
 function MapLayersWidget(props) {
     const [notGeoLocatedMsg] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:Messages.NotSupported"));
     const activeViewport = (0, appui_react_1.useActiveViewport)();
@@ -51,7 +50,7 @@ function MapLayersWidget(props) {
                     return ref.current ? ref.current : document.body;
                 } }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(core_react_1.FillCentered, { children: (0, jsx_runtime_1.jsx)("div", { className: "map-manager-not-geo-located-text", children: notGeoLocatedMsg }) }));
+    return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Flex, { justifyContent: "center", style: { width: "100%", height: "100%" }, children: (0, jsx_runtime_1.jsx)("div", { className: "map-manager-not-geo-located-text", children: notGeoLocatedMsg }) }));
 }
 exports.MapLayersWidget = MapLayersWidget;
 //# sourceMappingURL=MapLayersWidget.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayersWidget.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayersWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAEhG,6CAA+B;AAC/B,oDAAuD;AACvD,kDAAiD;AAEjD,uDAAoD;AACpD,+CAA8C;AAS9C,gEAAgE;AAChE,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,CAAC,CAAC;IAC1H,MAAM,cAAc,GAAG,IAAA,+BAAiB,GAAE,CAAC;IAC3C,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAE9F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QACxF,iHAAiH;QACjH,kBAAkB,EAAE,CAAC;QACrB,OAAO,cAAc,EAAE,MAAM,CAAC,qBAAqB,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACtF,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAE7B,IAAI,cAAc,IAAI,YAAY,IAAI,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE;QACzE,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,wBAAwB,YAC/C,uBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,oBAAoB,EAAE,GAAG,EAAE;oBACzB,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACnD,CAAC,GACD,GACE,CACP,CAAC;KACH;IAED,OAAO,CACL,uBAAC,yBAAY,cACX,gCAAK,SAAS,EAAC,kCAAkC,YAAE,gBAAgB,GAAO,GAC7D,CAChB,CAAC;AACJ,CAAC;AAhCD,0CAgCC","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 { useActiveViewport } from \"@itwin/appui-react\";\nimport { FillCentered } from \"@itwin/core-react\";\nimport type { MapLayerOptions } from \"../Interfaces\";\nimport { MapLayerManager } from \"./MapLayerManager\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\n/**\n * Widget to Manage Map Layers\n * @beta\n */\ninterface MapLayersWidgetProps {\n  mapLayerOptions?: MapLayerOptions;\n}\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapLayersWidget(props: MapLayersWidgetProps) {\n  const [notGeoLocatedMsg] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Messages.NotSupported\"));\n  const activeViewport = useActiveViewport();\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [isGeoLocated, setIsGeoLocated] = React.useState(!!activeViewport?.iModel.isGeoLocated);\n\n  React.useEffect(() => {\n    const updateIsGeoLocated = () => setIsGeoLocated(!!activeViewport?.iModel.isGeoLocated);\n    // call immediately in case the activeViewport changes after its iModel.onEcefLocationChanged has already emitted\n    updateIsGeoLocated();\n    return activeViewport?.iModel.onEcefLocationChanged.addListener(updateIsGeoLocated);\n  }, [activeViewport?.iModel]);\n\n  if (activeViewport && isGeoLocated && activeViewport.view.isSpatialView()) {\n    return (\n      <div ref={ref} className=\"map-manager-layer-host\">\n        <MapLayerManager\n          activeViewport={activeViewport}\n          mapLayerOptions={props.mapLayerOptions}\n          getContainerForClone={() => {\n            return ref.current ? ref.current : document.body;\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <FillCentered>\n      <div className=\"map-manager-not-geo-located-text\">{notGeoLocatedMsg}</div>\n    </FillCentered>\n  );\n}\n"]}
+{"version":3,"file":"MapLayersWidget.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayersWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAEhG,6CAA+B;AAC/B,oDAAuD;AACvD,wDAA4C;AAC5C,+CAA8C;AAC9C,uDAAoD;AAUpD,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,iCAAiC,CAAC,CAAC,CAAC;IAC1H,MAAM,cAAc,GAAG,IAAA,+BAAiB,GAAE,CAAC;IAC3C,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;IAC9F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC;QACxF,iHAAiH;QACjH,kBAAkB,EAAE,CAAC;QACrB,OAAO,cAAc,EAAE,MAAM,CAAC,qBAAqB,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACtF,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAE7B,IAAI,cAAc,IAAI,YAAY,IAAI,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;QAC1E,OAAO,CACL,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,wBAAwB,YAC/C,uBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,oBAAoB,EAAE,GAAG,EAAE;oBACzB,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACnD,CAAC,GACD,GACE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,oBAAI,IAAC,cAAc,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YACpE,gCAAK,SAAS,EAAC,kCAAkC,YAAE,gBAAgB,GAAO,GACrE,CACR,CAAC;AACJ,CAAC;AA/BD,0CA+BC","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 { useActiveViewport } from \"@itwin/appui-react\";\nimport { Flex } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { MapLayerManager } from \"./MapLayerManager\";\n\nimport type { MapLayerOptions } from \"../Interfaces\";\n/**\n * Widget to Manage Map Layers\n * @beta\n */\ninterface MapLayersWidgetProps {\n  mapLayerOptions?: MapLayerOptions;\n}\nexport function MapLayersWidget(props: MapLayersWidgetProps) {\n  const [notGeoLocatedMsg] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Messages.NotSupported\"));\n  const activeViewport = useActiveViewport();\n  const ref = React.useRef<HTMLDivElement>(null);\n  const [isGeoLocated, setIsGeoLocated] = React.useState(!!activeViewport?.iModel.isGeoLocated);\n  React.useEffect(() => {\n    const updateIsGeoLocated = () => setIsGeoLocated(!!activeViewport?.iModel.isGeoLocated);\n    // call immediately in case the activeViewport changes after its iModel.onEcefLocationChanged has already emitted\n    updateIsGeoLocated();\n    return activeViewport?.iModel.onEcefLocationChanged.addListener(updateIsGeoLocated);\n  }, [activeViewport?.iModel]);\n\n  if (activeViewport && isGeoLocated && activeViewport.view.isSpatialView()) {\n    return (\n      <div ref={ref} className=\"map-manager-layer-host\">\n        <MapLayerManager\n          activeViewport={activeViewport}\n          mapLayerOptions={props.mapLayerOptions}\n          getContainerForClone={() => {\n            return ref.current ? ref.current : document.body;\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <Flex justifyContent=\"center\" style={{ width: \"100%\", height: \"100%\" }}>\n      <div className=\"map-manager-not-geo-located-text\">{notGeoLocatedMsg}</div>\n    </Flex>\n  );\n}\n"]}

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import "./MapLayerManager.scss";
 interface MapManagerLayersHeaderProps {
     label: string;
     isOverlay: boolean;
     disabled?: boolean;
 }
-export declare function MapManagerLayersHeader(props: MapManagerLayersHeaderProps): JSX.Element;
+export declare function MapManagerLayersHeader(props: MapManagerLayersHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MapManagerMapLayersHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapManagerMapLayersHeader.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerMapLayersHeader.tsx"],"names":[],"mappings":";AAMA,OAAO,wBAAwB,CAAC;AAEhC,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,eASxE"}
+{"version":3,"file":"MapManagerMapLayersHeader.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerMapLayersHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,wBAAwB,CAAC;AAEhC,UAAU,2BAA2B;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CASxE"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./MapManagerSettings.scss";
-export declare function MapManagerSettings(): JSX.Element;
+export declare function MapManagerSettings(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MapManagerSettings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapManagerSettings.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":";AAaA,OAAO,2BAA2B,CAAC;AA4CnC,wBAAgB,kBAAkB,gBA6RjC"}
+{"version":3,"file":"MapManagerSettings.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":"AAMA,OAAO,2BAA2B,CAAC;AAiDnC,wBAAgB,kBAAkB,4CAyRjC"}

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

@@ -30,17 +30,16 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 // cSpell:ignore droppable Sublayer Basemap
+require("./MapManagerSettings.scss");
 const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-const core_frontend_1 = require("@itwin/core-frontend");
 const core_common_1 = require("@itwin/core-common");
-const MapLayerManager_1 = require("./MapLayerManager");
-require("./MapManagerSettings.scss");
-const itwinui_react_1 = require("@itwin/itwinui-react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const core_react_1 = require("@itwin/core-react");
 const imodel_components_react_1 = require("@itwin/imodel-components-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 const mapLayers_1 = require("../../mapLayers");
 const CustomParamsSettings_1 = require("./CustomParamsSettings");
-/* eslint-disable deprecation/deprecation */
+const MapLayerManager_1 = require("./MapLayerManager");
 var MapMaskingOption;
 (function (MapMaskingOption) {
     MapMaskingOption[MapMaskingOption["None"] = 0] = "None";
@@ -72,7 +71,6 @@ function getHeightOriginModeFromKey(mode) {
     }
     return core_common_1.TerrainHeightOriginMode.Ground;
 }
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function MapManagerSettings() {
     const { activeViewport } = (0, MapLayerManager_1.useSourceMapContext)();
     const backgroundMapSettings = activeViewport.view.getDisplayStyle3d().settings.backgroundMap;
@@ -174,7 +172,8 @@ function MapManagerSettings() {
     }, [updateBackgroundMap]);
     /** Disable commas and letters */
     const onKeyDown = React.useCallback((event) => {
-        if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90)) {
+        const isLetter = /^[a-zA-Z]$/.test(event.key);
+        if (event.key === "," || isLetter) {
             event.preventDefault();
         }
     }, []);
@@ -197,7 +196,7 @@ function MapManagerSettings() {
     const [overrideMaskTransparencyLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:Settings.OverrideMaskTransparency"));
     const [maskTransparencyLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:Settings.MaskTransparency"));
     const [tabIndex, setTabIndex] = React.useState(0);
-    return ((0, jsx_runtime_1.jsxs)(itwinui_react_1.Tabs, { labels: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Tab, { label: "General" }, "general"), (0, jsx_runtime_1.jsx)(itwinui_react_1.Tab, { label: "Advanced" }, "advanced")], onTabSelected: setTabIndex, children: [tabIndex === 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "maplayers-settings-container", children: [(0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: transparencyLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Slider, { min: 0, max: 100, values: [transparency * 100], onChange: handleAlphaChange, step: 1 }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: locatableLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { onChange: onLocatableToggle, checked: isLocatable }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: maskingLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { onChange: onMaskingToggle, checked: masking !== MapMaskingOption.None }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: overrideMaskTransparencyLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { disabled: masking === MapMaskingOption.None, onChange: onOverrideMaskTransparencyToggle, checked: overrideMaskTransparency }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: maskTransparencyLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Slider, { disabled: masking === MapMaskingOption.None || !overrideMaskTransparency, min: 0, max: 100, values: [getNormalizedMaskTransparency() * 100], onChange: handleMaskTransparencyChange, step: 1 }), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: elevationOffsetLabel }), (0, jsx_runtime_1.jsx)(imodel_components_react_1.QuantityNumberInput, { disabled: applyTerrain, persistenceValue: groundBias, step: 1, snap: true, quantityType: core_frontend_1.QuantityType.LengthEngineering, onChange: handleElevationChange, onKeyDown: onKeyDown }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: useDepthBufferLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { disabled: applyTerrain, onChange: onToggleUseDepthBuffer, checked: useDepthBuffer })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "map-manager-settings-group", children: (0, jsx_runtime_1.jsxs)("fieldset", { children: [(0, jsx_runtime_1.jsx)("legend", { children: terrainLabel }), (0, jsx_runtime_1.jsxs)("div", { className: "maplayers-settings-container", children: [(0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: enableLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { onChange: onToggleTerrain, checked: applyTerrain }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: modelHeightLabel }), (0, jsx_runtime_1.jsx)(imodel_components_react_1.QuantityNumberInput, { disabled: !applyTerrain, persistenceValue: terrainOrigin, snap: true, quantityType: core_frontend_1.QuantityType.LengthEngineering, onChange: handleHeightOriginChange, onKeyDown: onKeyDown }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: heightOriginLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Select, { popoverProps: { appendTo: "parent" }, options: terrainHeightOptions.current, disabled: !applyTerrain, value: heightOriginMode, onChange: handleElevationTypeSelected, size: "small" }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: exaggerationLabel }), (0, jsx_runtime_1.jsx)(core_react_1.NumberInput, { value: exaggeration, disabled: !applyTerrain, onChange: handleExaggerationChange, onKeyDown: onKeyDown })] })] }) })] })), tabIndex === 1 && (0, jsx_runtime_1.jsx)(CustomParamsSettings_1.CustomParamsSettingsPanel, {})] }));
+    return ((0, jsx_runtime_1.jsxs)(itwinui_react_1.Tabs, { activeIndex: tabIndex, orientation: "horizontal", labels: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Tab, { label: "General" }, "general"), (0, jsx_runtime_1.jsx)(itwinui_react_1.Tab, { label: "Advanced" }, "advanced")], onTabSelected: setTabIndex, children: [tabIndex === 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "maplayers-settings-container", children: [(0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: transparencyLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Slider, { min: 0, max: 100, values: [transparency * 100], onChange: handleAlphaChange, step: 1 }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: locatableLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { onChange: onLocatableToggle, checked: isLocatable }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: maskingLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { onChange: onMaskingToggle, checked: masking !== MapMaskingOption.None }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: overrideMaskTransparencyLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { disabled: masking === MapMaskingOption.None, onChange: onOverrideMaskTransparencyToggle, checked: overrideMaskTransparency }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: maskTransparencyLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Slider, { disabled: masking === MapMaskingOption.None || !overrideMaskTransparency, min: 0, max: 100, values: [getNormalizedMaskTransparency() * 100], onChange: handleMaskTransparencyChange, step: 1 }), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: elevationOffsetLabel }), (0, jsx_runtime_1.jsx)(imodel_components_react_1.QuantityNumberInput, { disabled: applyTerrain, persistenceValue: groundBias, step: 1, snap: true, quantityType: core_frontend_1.QuantityType.LengthEngineering, onChange: handleElevationChange, onKeyDown: onKeyDown }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: useDepthBufferLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { disabled: applyTerrain, onChange: onToggleUseDepthBuffer, checked: useDepthBuffer })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "map-manager-settings-group", children: (0, jsx_runtime_1.jsxs)("fieldset", { children: [(0, jsx_runtime_1.jsx)("legend", { children: terrainLabel }), (0, jsx_runtime_1.jsxs)("div", { className: "maplayers-settings-container", children: [(0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: enableLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { onChange: onToggleTerrain, checked: applyTerrain }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: modelHeightLabel }), (0, jsx_runtime_1.jsx)(imodel_components_react_1.QuantityNumberInput, { disabled: !applyTerrain, persistenceValue: terrainOrigin, snap: true, quantityType: core_frontend_1.QuantityType.LengthEngineering, onChange: handleHeightOriginChange, onKeyDown: onKeyDown }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: heightOriginLabel }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Select, { options: terrainHeightOptions.current, disabled: !applyTerrain, value: heightOriginMode, onChange: handleElevationTypeSelected, size: "small" }), (0, jsx_runtime_1.jsx)("span", { className: "map-manager-settings-label", children: exaggerationLabel }), (0, jsx_runtime_1.jsx)(core_react_1.NumberInput, { value: exaggeration, disabled: !applyTerrain, onChange: handleExaggerationChange, onKeyDown: onKeyDown })] })] }) })] })), tabIndex === 1 && (0, jsx_runtime_1.jsx)(CustomParamsSettings_1.CustomParamsSettingsPanel, {})] }));
 }
 exports.MapManagerSettings = MapManagerSettings;
 //# sourceMappingURL=MapManagerSettings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapManagerSettings.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// cSpell:ignore droppable Sublayer Basemap\n\nimport * as React from \"react\";\nimport { NumberInput } from \"@itwin/core-react\";\nimport type { ViewState3d } from \"@itwin/core-frontend\";\nimport { QuantityType } from \"@itwin/core-frontend\";\nimport type { BackgroundMapProps, BackgroundMapSettings, TerrainProps } from \"@itwin/core-common\";\nimport { PlanarClipMaskMode, PlanarClipMaskPriority, TerrainHeightOriginMode } from \"@itwin/core-common\";\nimport { useSourceMapContext } from \"./MapLayerManager\";\nimport \"./MapManagerSettings.scss\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\nimport { Select, Slider, Tab, Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { QuantityNumberInput } from \"@itwin/imodel-components-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { CustomParamsSettingsPanel } from \"./CustomParamsSettings\";\n\n/* eslint-disable deprecation/deprecation */\n\nenum MapMaskingOption {\n  None,\n  AllModels,\n}\n\nfunction getMapMaskingFromBackgroundMapSetting(backgroundMapSettings: BackgroundMapSettings): MapMaskingOption {\n  if (backgroundMapSettings.planarClipMask.mode === PlanarClipMaskMode.Priority && backgroundMapSettings.planarClipMask.priority) {\n    if (backgroundMapSettings.planarClipMask.priority >= PlanarClipMaskPriority.BackgroundMap) {\n      return MapMaskingOption.AllModels;\n    }\n  }\n  return MapMaskingOption.None;\n}\n\nfunction getHeightOriginModeKey(mode: TerrainHeightOriginMode): string {\n  if (TerrainHeightOriginMode.Geodetic === mode) {\n    return \"geodetic\";\n  }\n  if (TerrainHeightOriginMode.Geoid === mode) {\n    return \"geoid\";\n  }\n  return \"ground\";\n}\n\nfunction getHeightOriginModeFromKey(mode: string): TerrainHeightOriginMode {\n  if (\"geodetic\" === mode) {\n    return TerrainHeightOriginMode.Geodetic;\n  }\n  if (\"geoid\" === mode) {\n    return TerrainHeightOriginMode.Geoid;\n  }\n  return TerrainHeightOriginMode.Ground;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapManagerSettings() {\n  const { activeViewport } = useSourceMapContext();\n  const backgroundMapSettings = (activeViewport!.view as ViewState3d).getDisplayStyle3d().settings.backgroundMap;\n\n  const [transparency, setTransparency] = React.useState(() =>\n    typeof backgroundMapSettings.transparency === \"boolean\" ? 0 : Math.round(backgroundMapSettings.transparency * 100) / 100,\n  );\n\n  const terrainSettings = backgroundMapSettings.terrainSettings;\n  const [groundBias, setGroundBias] = React.useState(() => backgroundMapSettings.groundBias);\n\n  const terrainHeightOptions = React.useRef<SelectOption<string>[]>([\n    { value: \"geodetic\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeodetic\") },\n    { value: \"geoid\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeoid\") },\n    { value: \"ground\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGround\") },\n  ]);\n\n  const updateTerrainSettings = React.useCallback(\n    (props: TerrainProps) => {\n      activeViewport!.changeBackgroundMapProps({ terrainSettings: props });\n    },\n    [activeViewport],\n  );\n\n  const updateBackgroundMap = React.useCallback(\n    (props: BackgroundMapProps) => {\n      activeViewport!.changeBackgroundMapProps(props);\n    },\n    [activeViewport],\n  );\n\n  const [heightOriginMode, setHeightOriginMode] = React.useState(() => getHeightOriginModeKey(terrainSettings.heightOriginMode));\n  const handleElevationTypeSelected = React.useCallback(\n    (newValue: string): void => {\n      if (newValue) {\n        const newHeightOriginMode = getHeightOriginModeFromKey(newValue);\n        updateTerrainSettings({ heightOriginMode: newHeightOriginMode });\n        setHeightOriginMode(newValue);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [maskTransparency, setMaskTransparency] = React.useState(() =>\n    backgroundMapSettings.planarClipMask.transparency === undefined ? undefined : Math.round(backgroundMapSettings.planarClipMask.transparency * 100) / 100,\n  );\n\n  const getNormalizedMaskTransparency = React.useCallback(() => {\n    return maskTransparency === undefined ? 0 : maskTransparency;\n  }, [maskTransparency]);\n\n  const updateMaskingSettings = React.useCallback(\n    (option: MapMaskingOption) => {\n      if (option === MapMaskingOption.AllModels) {\n        activeViewport!.changeBackgroundMapProps({\n          planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency },\n        });\n      }\n      if (option === MapMaskingOption.None) {\n        activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.None } });\n      }\n    },\n    [activeViewport, maskTransparency],\n  );\n\n  const [masking, setMasking] = React.useState(() => getMapMaskingFromBackgroundMapSetting(backgroundMapSettings));\n\n  const onMaskingToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      const maskingOption = checked ? MapMaskingOption.AllModels : MapMaskingOption.None;\n      updateMaskingSettings(maskingOption);\n      setMasking(maskingOption);\n    },\n    [updateMaskingSettings],\n  );\n\n  const [overrideMaskTransparency, setOverrideMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency !== undefined);\n\n  const onOverrideMaskTransparencyToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      const trans = checked ? getNormalizedMaskTransparency() : undefined;\n      activeViewport!.changeBackgroundMapProps({\n        planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: trans },\n      });\n\n      setOverrideMaskTransparency(checked);\n    },\n    [activeViewport, getNormalizedMaskTransparency],\n  );\n\n  const handleElevationChange = React.useCallback(\n    (value: number) => {\n      if (value !== undefined) {\n        updateBackgroundMap({ groundBias: value });\n        setGroundBias(value);\n      }\n    },\n    [updateBackgroundMap],\n  );\n\n  const handleAlphaChange = React.useCallback(\n    (values: readonly number[]) => {\n      const newTransparency = values[0] / 100;\n      activeViewport!.changeBackgroundMapProps({ transparency: newTransparency });\n      setTransparency(newTransparency);\n    },\n    [activeViewport],\n  );\n\n  const handleMaskTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      const newTransparency = values[0] / 100;\n      activeViewport!.changeBackgroundMapProps({\n        planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency },\n      });\n      setMaskTransparency(newTransparency);\n    },\n    [activeViewport],\n  );\n\n  const [applyTerrain, setApplyTerrain] = React.useState(() => backgroundMapSettings.applyTerrain);\n\n  const onToggleTerrain = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ applyTerrain: checked });\n      setApplyTerrain(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  const [exaggeration, setExaggeration] = React.useState(() => terrainSettings.exaggeration);\n\n  const handleExaggerationChange = React.useCallback(\n    (value: number | undefined, _stringValue: string) => {\n      if (undefined !== value) {\n        updateTerrainSettings({ exaggeration: value });\n        setExaggeration(value);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [terrainOrigin, setTerrainOrigin] = React.useState(() => terrainSettings.heightOrigin);\n\n  const handleHeightOriginChange = React.useCallback(\n    (value: number) => {\n      if (undefined !== value) {\n        updateTerrainSettings({ heightOrigin: value });\n        setTerrainOrigin(value);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [useDepthBuffer, setUseDepthBuffer] = React.useState(() => backgroundMapSettings.useDepthBuffer);\n  const onToggleUseDepthBuffer = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ useDepthBuffer: checked });\n      setUseDepthBuffer(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  /** Disable commas and letters */\n  const onKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (event.keyCode === 188 || (event.keyCode >= 65 && event.keyCode <= 90)) {\n      event.preventDefault();\n    }\n  }, []);\n\n  const [isLocatable, setIsLocatable] = React.useState(() => backgroundMapSettings.locatable);\n  const onLocatableToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ nonLocatable: !checked });\n      setIsLocatable(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  const [transparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Transparency\"));\n  const [terrainLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Terrain\"));\n  const [enableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Enable\"));\n  const [elevationOffsetLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationOffset\"));\n  const [useDepthBufferLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.UseDepthBuffer\"));\n  const [modelHeightLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ModelHeight\"));\n  const [heightOriginLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.HeightOrigin\"));\n  const [exaggerationLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Exaggeration\"));\n  const [locatableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Locatable\"));\n  const [maskingLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Mask\"));\n  const [overrideMaskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.OverrideMaskTransparency\"));\n  const [maskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.MaskTransparency\"));\n\n  const [tabIndex, setTabIndex] = React.useState(0);\n\n  return (\n    <Tabs labels={[<Tab key={\"general\"} label=\"General\" />, <Tab key={\"advanced\"} label=\"Advanced\" />]} onTabSelected={setTabIndex}>\n      {tabIndex === 0 && (\n        <>\n          <div className=\"maplayers-settings-container\">\n            <span className=\"map-manager-settings-label\">{transparencyLabel}</span>\n            <Slider min={0} max={100} values={[transparency * 100]} onChange={handleAlphaChange} step={1} />\n\n            <span className=\"map-manager-settings-label\">{locatableLabel}</span>\n            {/* eslint-disable-next-line deprecation/deprecation */}\n            <ToggleSwitch onChange={onLocatableToggle} checked={isLocatable} />\n\n            <span className=\"map-manager-settings-label\">{maskingLabel}</span>\n            {/* eslint-disable-next-line deprecation/deprecation */}\n            <ToggleSwitch onChange={onMaskingToggle} checked={masking !== MapMaskingOption.None} />\n\n            <span className=\"map-manager-settings-label\">{overrideMaskTransparencyLabel}</span>\n            <ToggleSwitch disabled={masking === MapMaskingOption.None} onChange={onOverrideMaskTransparencyToggle} checked={overrideMaskTransparency} />\n\n            <span className=\"map-manager-settings-label\">{maskTransparencyLabel}</span>\n            <Slider\n              disabled={masking === MapMaskingOption.None || !overrideMaskTransparency}\n              min={0}\n              max={100}\n              values={[getNormalizedMaskTransparency() * 100]}\n              onChange={handleMaskTransparencyChange}\n              step={1}\n            />\n\n            <>\n              <span className=\"map-manager-settings-label\">{elevationOffsetLabel}</span>\n              <QuantityNumberInput\n                disabled={applyTerrain}\n                persistenceValue={groundBias}\n                step={1}\n                snap\n                quantityType={QuantityType.LengthEngineering}\n                onChange={handleElevationChange}\n                onKeyDown={onKeyDown}\n              />\n\n              <span className=\"map-manager-settings-label\">{useDepthBufferLabel}</span>\n              {/* eslint-disable-next-line deprecation/deprecation */}\n              <ToggleSwitch disabled={applyTerrain} onChange={onToggleUseDepthBuffer} checked={useDepthBuffer} />\n            </>\n          </div>\n          <div className=\"map-manager-settings-group\">\n            <fieldset>\n              <legend>{terrainLabel}</legend>\n\n              <div className=\"maplayers-settings-container\">\n                <span className=\"map-manager-settings-label\">{enableLabel}</span>\n                {/* eslint-disable-next-line deprecation/deprecation */}\n                <ToggleSwitch onChange={onToggleTerrain} checked={applyTerrain} />\n\n                <span className=\"map-manager-settings-label\">{modelHeightLabel}</span>\n                <QuantityNumberInput\n                  disabled={!applyTerrain}\n                  persistenceValue={terrainOrigin}\n                  snap\n                  quantityType={QuantityType.LengthEngineering}\n                  onChange={handleHeightOriginChange}\n                  onKeyDown={onKeyDown}\n                />\n\n                <span className=\"map-manager-settings-label\">{heightOriginLabel}</span>\n                {/* elevation correction component:  'popoverProps' is needed here otherwise selecting an option closes the menu popup.*/}\n                <Select\n                  popoverProps={{ appendTo: \"parent\" }}\n                  options={terrainHeightOptions.current}\n                  disabled={!applyTerrain}\n                  value={heightOriginMode}\n                  onChange={handleElevationTypeSelected}\n                  size=\"small\"\n                />\n\n                <span className=\"map-manager-settings-label\">{exaggerationLabel}</span>\n                <NumberInput value={exaggeration} disabled={!applyTerrain} onChange={handleExaggerationChange} onKeyDown={onKeyDown} />\n              </div>\n            </fieldset>\n          </div>\n        </>\n      )}\n      {tabIndex === 1 && <CustomParamsSettingsPanel></CustomParamsSettingsPanel>}\n    </Tabs>\n  );\n}\n"]}
+{"version":3,"file":"MapManagerSettings.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapManagerSettings.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// cSpell:ignore droppable Sublayer Basemap\n\nimport \"./MapManagerSettings.scss\";\nimport * as React from \"react\";\nimport { PlanarClipMaskMode, PlanarClipMaskPriority, TerrainHeightOriginMode } from \"@itwin/core-common\";\nimport { QuantityType } from \"@itwin/core-frontend\";\nimport { NumberInput } from \"@itwin/core-react\";\nimport { QuantityNumberInput } from \"@itwin/imodel-components-react\";\nimport { Select, Slider, Tab, Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { CustomParamsSettingsPanel } from \"./CustomParamsSettings\";\nimport { useSourceMapContext } from \"./MapLayerManager\";\n\nimport type { ViewState3d } from \"@itwin/core-frontend\";\nimport type { BackgroundMapProps, BackgroundMapSettings, TerrainProps } from \"@itwin/core-common\";\nimport type { SelectOption } from \"@itwin/itwinui-react\";\n\nenum MapMaskingOption {\n  None,\n  AllModels,\n}\n\nfunction getMapMaskingFromBackgroundMapSetting(backgroundMapSettings: BackgroundMapSettings): MapMaskingOption {\n  if (backgroundMapSettings.planarClipMask.mode === PlanarClipMaskMode.Priority && backgroundMapSettings.planarClipMask.priority) {\n    if (backgroundMapSettings.planarClipMask.priority >= PlanarClipMaskPriority.BackgroundMap) {\n      return MapMaskingOption.AllModels;\n    }\n  }\n  return MapMaskingOption.None;\n}\n\nfunction getHeightOriginModeKey(mode: TerrainHeightOriginMode): string {\n  if (TerrainHeightOriginMode.Geodetic === mode) {\n    return \"geodetic\";\n  }\n  if (TerrainHeightOriginMode.Geoid === mode) {\n    return \"geoid\";\n  }\n  return \"ground\";\n}\n\nfunction getHeightOriginModeFromKey(mode: string): TerrainHeightOriginMode {\n  if (\"geodetic\" === mode) {\n    return TerrainHeightOriginMode.Geodetic;\n  }\n  if (\"geoid\" === mode) {\n    return TerrainHeightOriginMode.Geoid;\n  }\n  return TerrainHeightOriginMode.Ground;\n}\n\nexport function MapManagerSettings() {\n  const { activeViewport } = useSourceMapContext();\n  const backgroundMapSettings = (activeViewport!.view as ViewState3d).getDisplayStyle3d().settings.backgroundMap;\n\n  const [transparency, setTransparency] = React.useState(() =>\n    typeof backgroundMapSettings.transparency === \"boolean\" ? 0 : Math.round(backgroundMapSettings.transparency * 100) / 100,\n  );\n\n  const terrainSettings = backgroundMapSettings.terrainSettings;\n  const [groundBias, setGroundBias] = React.useState(() => backgroundMapSettings.groundBias);\n\n  const terrainHeightOptions = React.useRef<SelectOption<string>[]>([\n    { value: \"geodetic\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeodetic\") },\n    { value: \"geoid\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGeoid\") },\n    { value: \"ground\", label: MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationTypeGround\") },\n  ]);\n\n  const updateTerrainSettings = React.useCallback(\n    (props: TerrainProps) => {\n      activeViewport!.changeBackgroundMapProps({ terrainSettings: props });\n    },\n    [activeViewport],\n  );\n\n  const updateBackgroundMap = React.useCallback(\n    (props: BackgroundMapProps) => {\n      activeViewport!.changeBackgroundMapProps(props);\n    },\n    [activeViewport],\n  );\n\n  const [heightOriginMode, setHeightOriginMode] = React.useState(() => getHeightOriginModeKey(terrainSettings.heightOriginMode));\n  const handleElevationTypeSelected = React.useCallback(\n    (newValue: string): void => {\n      if (newValue) {\n        const newHeightOriginMode = getHeightOriginModeFromKey(newValue);\n        updateTerrainSettings({ heightOriginMode: newHeightOriginMode });\n        setHeightOriginMode(newValue);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [maskTransparency, setMaskTransparency] = React.useState(() =>\n    backgroundMapSettings.planarClipMask.transparency === undefined ? undefined : Math.round(backgroundMapSettings.planarClipMask.transparency * 100) / 100,\n  );\n\n  const getNormalizedMaskTransparency = React.useCallback(() => {\n    return maskTransparency === undefined ? 0 : maskTransparency;\n  }, [maskTransparency]);\n\n  const updateMaskingSettings = React.useCallback(\n    (option: MapMaskingOption) => {\n      if (option === MapMaskingOption.AllModels) {\n        activeViewport!.changeBackgroundMapProps({\n          planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: maskTransparency },\n        });\n      }\n      if (option === MapMaskingOption.None) {\n        activeViewport!.changeBackgroundMapProps({ planarClipMask: { mode: PlanarClipMaskMode.None } });\n      }\n    },\n    [activeViewport, maskTransparency],\n  );\n\n  const [masking, setMasking] = React.useState(() => getMapMaskingFromBackgroundMapSetting(backgroundMapSettings));\n\n  const onMaskingToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      const maskingOption = checked ? MapMaskingOption.AllModels : MapMaskingOption.None;\n      updateMaskingSettings(maskingOption);\n      setMasking(maskingOption);\n    },\n    [updateMaskingSettings],\n  );\n\n  const [overrideMaskTransparency, setOverrideMaskTransparency] = React.useState(() => backgroundMapSettings.planarClipMask.transparency !== undefined);\n\n  const onOverrideMaskTransparencyToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      const trans = checked ? getNormalizedMaskTransparency() : undefined;\n      activeViewport!.changeBackgroundMapProps({\n        planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: trans },\n      });\n\n      setOverrideMaskTransparency(checked);\n    },\n    [activeViewport, getNormalizedMaskTransparency],\n  );\n\n  const handleElevationChange = React.useCallback(\n    (value: number) => {\n      if (value !== undefined) {\n        updateBackgroundMap({ groundBias: value });\n        setGroundBias(value);\n      }\n    },\n    [updateBackgroundMap],\n  );\n\n  const handleAlphaChange = React.useCallback(\n    (values: readonly number[]) => {\n      const newTransparency = values[0] / 100;\n      activeViewport!.changeBackgroundMapProps({ transparency: newTransparency });\n      setTransparency(newTransparency);\n    },\n    [activeViewport],\n  );\n\n  const handleMaskTransparencyChange = React.useCallback(\n    (values: readonly number[]) => {\n      const newTransparency = values[0] / 100;\n      activeViewport!.changeBackgroundMapProps({\n        planarClipMask: { mode: PlanarClipMaskMode.Priority, priority: PlanarClipMaskPriority.BackgroundMap, transparency: newTransparency },\n      });\n      setMaskTransparency(newTransparency);\n    },\n    [activeViewport],\n  );\n\n  const [applyTerrain, setApplyTerrain] = React.useState(() => backgroundMapSettings.applyTerrain);\n\n  const onToggleTerrain = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ applyTerrain: checked });\n      setApplyTerrain(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  const [exaggeration, setExaggeration] = React.useState(() => terrainSettings.exaggeration);\n\n  const handleExaggerationChange = React.useCallback(\n    (value: number | undefined, _stringValue: string) => {\n      if (undefined !== value) {\n        updateTerrainSettings({ exaggeration: value });\n        setExaggeration(value);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [terrainOrigin, setTerrainOrigin] = React.useState(() => terrainSettings.heightOrigin);\n\n  const handleHeightOriginChange = React.useCallback(\n    (value: number) => {\n      if (undefined !== value) {\n        updateTerrainSettings({ heightOrigin: value });\n        setTerrainOrigin(value);\n      }\n    },\n    [updateTerrainSettings],\n  );\n\n  const [useDepthBuffer, setUseDepthBuffer] = React.useState(() => backgroundMapSettings.useDepthBuffer);\n  const onToggleUseDepthBuffer = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ useDepthBuffer: checked });\n      setUseDepthBuffer(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  /** Disable commas and letters */\n  const onKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n    const isLetter = /^[a-zA-Z]$/.test(event.key);\n    if (event.key === \",\" || isLetter) {\n      event.preventDefault();\n    }\n  }, []);\n\n  const [isLocatable, setIsLocatable] = React.useState(() => backgroundMapSettings.locatable);\n  const onLocatableToggle = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const checked = e.target.checked;\n      updateBackgroundMap({ nonLocatable: !checked });\n      setIsLocatable(checked);\n    },\n    [updateBackgroundMap],\n  );\n\n  const [transparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Transparency\"));\n  const [terrainLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Terrain\"));\n  const [enableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Enable\"));\n  const [elevationOffsetLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ElevationOffset\"));\n  const [useDepthBufferLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.UseDepthBuffer\"));\n  const [modelHeightLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.ModelHeight\"));\n  const [heightOriginLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.HeightOrigin\"));\n  const [exaggerationLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Exaggeration\"));\n  const [locatableLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Locatable\"));\n  const [maskingLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.Mask\"));\n  const [overrideMaskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.OverrideMaskTransparency\"));\n  const [maskTransparencyLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:Settings.MaskTransparency\"));\n\n  const [tabIndex, setTabIndex] = React.useState(0);\n\n  return (\n    <Tabs activeIndex={tabIndex} orientation=\"horizontal\" labels={[<Tab key=\"general\" label=\"General\" />, <Tab key=\"advanced\" label=\"Advanced\" />]} onTabSelected={setTabIndex}>\n      {tabIndex === 0 && (\n        <>\n          <div className=\"maplayers-settings-container\">\n            <span className=\"map-manager-settings-label\">{transparencyLabel}</span>\n            <Slider min={0} max={100} values={[transparency * 100]} onChange={handleAlphaChange} step={1} />\n\n            <span className=\"map-manager-settings-label\">{locatableLabel}</span>\n            <ToggleSwitch onChange={onLocatableToggle} checked={isLocatable} />\n\n            <span className=\"map-manager-settings-label\">{maskingLabel}</span>\n            <ToggleSwitch onChange={onMaskingToggle} checked={masking !== MapMaskingOption.None} />\n\n            <span className=\"map-manager-settings-label\">{overrideMaskTransparencyLabel}</span>\n            <ToggleSwitch disabled={masking === MapMaskingOption.None} onChange={onOverrideMaskTransparencyToggle} checked={overrideMaskTransparency} />\n\n            <span className=\"map-manager-settings-label\">{maskTransparencyLabel}</span>\n            <Slider\n              disabled={masking === MapMaskingOption.None || !overrideMaskTransparency}\n              min={0}\n              max={100}\n              values={[getNormalizedMaskTransparency() * 100]}\n              onChange={handleMaskTransparencyChange}\n              step={1}\n            />\n\n            <>\n              <span className=\"map-manager-settings-label\">{elevationOffsetLabel}</span>\n              <QuantityNumberInput\n                disabled={applyTerrain}\n                persistenceValue={groundBias}\n                step={1}\n                snap\n                quantityType={QuantityType.LengthEngineering}\n                onChange={handleElevationChange}\n                onKeyDown={onKeyDown}\n              />\n\n              <span className=\"map-manager-settings-label\">{useDepthBufferLabel}</span>\n              <ToggleSwitch disabled={applyTerrain} onChange={onToggleUseDepthBuffer} checked={useDepthBuffer} />\n            </>\n          </div>\n          <div className=\"map-manager-settings-group\">\n            <fieldset>\n              <legend>{terrainLabel}</legend>\n\n              <div className=\"maplayers-settings-container\">\n                <span className=\"map-manager-settings-label\">{enableLabel}</span>\n                <ToggleSwitch onChange={onToggleTerrain} checked={applyTerrain} />\n\n                <span className=\"map-manager-settings-label\">{modelHeightLabel}</span>\n                <QuantityNumberInput\n                  disabled={!applyTerrain}\n                  persistenceValue={terrainOrigin}\n                  snap\n                  quantityType={QuantityType.LengthEngineering}\n                  onChange={handleHeightOriginChange}\n                  onKeyDown={onKeyDown}\n                />\n\n                <span className=\"map-manager-settings-label\">{heightOriginLabel}</span>\n                <Select\n                  options={terrainHeightOptions.current}\n                  disabled={!applyTerrain}\n                  value={heightOriginMode}\n                  onChange={handleElevationTypeSelected}\n                  size=\"small\"\n                />\n\n                <span className=\"map-manager-settings-label\">{exaggerationLabel}</span>\n                {/*eslint-disable-next-line @typescript-eslint/no-deprecated */}\n                <NumberInput value={exaggeration} disabled={!applyTerrain} onChange={handleExaggerationChange} onKeyDown={onKeyDown} />\n              </div>\n            </fieldset>\n          </div>\n        </>\n      )}\n      {tabIndex === 1 && <CustomParamsSettingsPanel></CustomParamsSettingsPanel>}\n    </Tabs>\n  );\n}\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./MapSelectFeaturesDialog.scss";
 import type { MapLayerSource } from "@itwin/core-frontend";
 import type { MapSubLayerProps } from "@itwin/core-common";
@@ -8,5 +7,5 @@ export interface MapSelectFeaturesProps {
     handleOk: (subLayers: MapSubLayerProps[]) => void;
     handleCancel: () => void;
 }
-export declare function MapSelectFeaturesDialog(props: MapSelectFeaturesProps): JSX.Element;
+export declare function MapSelectFeaturesDialog(props: MapSelectFeaturesProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MapSelectFeaturesDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapSelectFeaturesDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapSelectFeaturesDialog.tsx"],"names":[],"mappings":";AAQA,OAAO,gCAAgC,CAAC;AAGxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAK3D,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAKD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,eAiFpE"}
+{"version":3,"file":"MapSelectFeaturesDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapSelectFeaturesDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,gCAAgC,CAAC;AAOxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAID,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,sBAAsB,2CA6EpE"}

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

@@ -30,16 +30,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 // cSpell:ignore Modeless WMTS
-const core_react_1 = require("@itwin/core-react");
-const React = __importStar(require("react"));
 require("./MapSelectFeaturesDialog.scss");
+const React = __importStar(require("react"));
+const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 const mapLayers_1 = require("../../mapLayers");
 const SubLayersTree_1 = require("./SubLayersTree");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
 const minHeight = 250;
 const maxSubLayers = 30;
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function MapSelectFeaturesDialog(props) {
     const [subLayers, setSubLayers] = React.useState(props.subLayers);
     const dialogContainer = React.useRef(null);
@@ -66,7 +64,7 @@ function MapSelectFeaturesDialog(props) {
     function getFooter() {
         return ((0, jsx_runtime_1.jsxs)("div", { className: "map-layer-features-footer", children: [(0, jsx_runtime_1.jsx)("div", { className: "map-layer-features-footer-warnMessage", children: renderWarningMessage() }), (0, jsx_runtime_1.jsxs)("div", { className: "map-layer-features-footer-buttons", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { className: "map-layer-features-footer-button", styleType: "high-visibility", onClick: handleOk, disabled: !readyToSave(), children: mapLayers_1.MapLayersUI.translate("Dialog.Add") }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { className: "map-layer-features-footer-button", styleType: "default", onClick: handleCancel, children: mapLayers_1.MapLayersUI.translate("Dialog.Cancel") })] })] }));
     }
-    return ((0, jsx_runtime_1.jsx)("div", { ref: dialogContainer, children: (0, jsx_runtime_1.jsx)(core_react_1.Dialog, { className: "map-layer-select-features-dialog", title: mapLayers_1.MapLayersUI.translate("CustomAttach.SelectLayersToCreate"), opened: true, resizable: true, movable: true, modal: true, footer: getFooter(), onClose: handleCancel, onEscape: handleCancel, minHeight: minHeight, maxWidth: 600, titleStyle: { paddingLeft: "10px" }, footerStyle: { paddingBottom: "10px", paddingRight: "10px" }, trapFocus: false, children: (0, jsx_runtime_1.jsx)(SubLayersTree_1.SubLayersTree, { expandMode: "full", checkboxStyle: "standard", subLayers: subLayers, onSubLayerStateChange: () => setSubLayers([...subLayers]) }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: dialogContainer, children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Modal, { as: "div", className: "map-layer-select-features-dialog", title: mapLayers_1.MapLayersUI.translate("CustomAttach.SelectLayersToCreate"), isOpen: true, onClose: handleCancel, style: { minHeight, maxWidth: 600 }, portal: true, children: (0, jsx_runtime_1.jsxs)(itwinui_react_1.ModalContent, { children: [(0, jsx_runtime_1.jsx)(SubLayersTree_1.SubLayersTree, { expandMode: "full", checkboxStyle: "standard", subLayers: subLayers, onSubLayerStateChange: () => setSubLayers([...subLayers]) }), getFooter()] }) }) }));
 }
 exports.MapSelectFeaturesDialog = MapSelectFeaturesDialog;
 //# sourceMappingURL=MapSelectFeaturesDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapSelectFeaturesDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapSelectFeaturesDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// cSpell:ignore Modeless WMTS\n\nimport { Dialog } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport \"./MapSelectFeaturesDialog.scss\";\n\nimport { MapLayersUI } from \"../../mapLayers\";\nimport type { MapLayerSource } from \"@itwin/core-frontend\";\nimport type { MapSubLayerProps } from \"@itwin/core-common\";\nimport { SubLayersTree } from \"./SubLayersTree\";\nimport { Button, Icon } from \"@itwin/itwinui-react\";\nimport { SvgStatusWarning } from \"@itwin/itwinui-icons-color-react\";\n\nexport interface MapSelectFeaturesProps {\n  source: MapLayerSource;\n  subLayers: MapSubLayerProps[];\n  handleOk: (subLayers: MapSubLayerProps[]) => void;\n  handleCancel: () => void;\n}\nconst minHeight = 250;\nconst maxSubLayers = 30;\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapSelectFeaturesDialog(props: MapSelectFeaturesProps) {\n  const [subLayers, setSubLayers] = React.useState(props.subLayers);\n\n  const dialogContainer = React.useRef<HTMLDivElement>(null);\n\n  const handleOk = React.useCallback(() => {\n    props.handleOk(subLayers);\n  }, [props, subLayers]);\n\n  const handleCancel = React.useCallback(() => {\n    props.handleCancel();\n  }, [props]);\n\n  const hasVisibleLayers = () => subLayers.some((entry) => entry.visible);\n  const hasTooManyVisibleLayers = () => subLayers.filter((entry) => entry.visible).length > maxSubLayers;\n  const readyToSave = () => hasVisibleLayers();\n\n  function renderWarningMessage(): React.ReactNode {\n    let warningMessage: string | undefined;\n\n    // Get the proper warning message\n    if (!hasVisibleLayers()) {\n      warningMessage = MapLayersUI.translate(\"CustomAttach.NoLayersSelected\");\n    } else if (hasTooManyVisibleLayers()) {\n      warningMessage = MapLayersUI.translate(\"CustomAttach.TooManyLayersSelected\", { layerCount: subLayers.filter((entry) => entry.visible).length });\n    }\n\n    return (\n      <div className=\"map-layer-source-warnMessage\">\n        {warningMessage !== undefined && (\n          <>\n            <Icon size=\"small\">\n              <SvgStatusWarning></SvgStatusWarning>\n            </Icon>\n            <span className=\"map-layer-source-warnMessage-label\">{warningMessage}</span>\n          </>\n        )}\n      </div>\n    );\n  }\n\n  function getFooter() {\n    return (\n      <div className=\"map-layer-features-footer\">\n        <div className=\"map-layer-features-footer-warnMessage\">{renderWarningMessage()}</div>\n\n        <div className=\"map-layer-features-footer-buttons\">\n          <Button className=\"map-layer-features-footer-button\" styleType=\"high-visibility\" onClick={handleOk} disabled={!readyToSave()}>\n            {MapLayersUI.translate(\"Dialog.Add\")}\n          </Button>\n          <Button className=\"map-layer-features-footer-button\" styleType=\"default\" onClick={handleCancel}>\n            {MapLayersUI.translate(\"Dialog.Cancel\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={dialogContainer}>\n      <Dialog\n        className=\"map-layer-select-features-dialog\"\n        title={MapLayersUI.translate(\"CustomAttach.SelectLayersToCreate\")}\n        opened={true}\n        resizable={true}\n        movable={true}\n        modal={true}\n        footer={getFooter()}\n        onClose={handleCancel}\n        onEscape={handleCancel}\n        minHeight={minHeight}\n        maxWidth={600}\n        titleStyle={{ paddingLeft: \"10px\" }}\n        footerStyle={{ paddingBottom: \"10px\", paddingRight: \"10px\" }}\n        trapFocus={false}\n      >\n        {/* 'onSubLayerStateChange' is used to trigger hook state change only, no need to update subLayer objects */}\n        <SubLayersTree expandMode=\"full\" checkboxStyle=\"standard\" subLayers={subLayers} onSubLayerStateChange={() => setSubLayers([...subLayers])} />\n      </Dialog>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MapSelectFeaturesDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapSelectFeaturesDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n// cSpell:ignore Modeless WMTS\n\nimport \"./MapSelectFeaturesDialog.scss\";\nimport * as React from \"react\";\nimport { SvgStatusWarning } from \"@itwin/itwinui-icons-color-react\";\nimport { Button, Icon, Modal, ModalContent } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { SubLayersTree } from \"./SubLayersTree\";\n\nimport type { MapLayerSource } from \"@itwin/core-frontend\";\nimport type { MapSubLayerProps } from \"@itwin/core-common\";\nexport interface MapSelectFeaturesProps {\n  source: MapLayerSource;\n  subLayers: MapSubLayerProps[];\n  handleOk: (subLayers: MapSubLayerProps[]) => void;\n  handleCancel: () => void;\n}\nconst minHeight = 250;\nconst maxSubLayers = 30;\n\nexport function MapSelectFeaturesDialog(props: MapSelectFeaturesProps) {\n  const [subLayers, setSubLayers] = React.useState(props.subLayers);\n\n  const dialogContainer = React.useRef<HTMLDivElement>(null);\n\n  const handleOk = React.useCallback(() => {\n    props.handleOk(subLayers);\n  }, [props, subLayers]);\n\n  const handleCancel = React.useCallback(() => {\n    props.handleCancel();\n  }, [props]);\n\n  const hasVisibleLayers = () => subLayers.some((entry) => entry.visible);\n  const hasTooManyVisibleLayers = () => subLayers.filter((entry) => entry.visible).length > maxSubLayers;\n  const readyToSave = () => hasVisibleLayers();\n\n  function renderWarningMessage(): React.ReactNode {\n    let warningMessage: string | undefined;\n\n    // Get the proper warning message\n    if (!hasVisibleLayers()) {\n      warningMessage = MapLayersUI.translate(\"CustomAttach.NoLayersSelected\");\n    } else if (hasTooManyVisibleLayers()) {\n      warningMessage = MapLayersUI.translate(\"CustomAttach.TooManyLayersSelected\", { layerCount: subLayers.filter((entry) => entry.visible).length });\n    }\n\n    return (\n      <div className=\"map-layer-source-warnMessage\">\n        {warningMessage !== undefined && (\n          <>\n            <Icon size=\"small\">\n              <SvgStatusWarning></SvgStatusWarning>\n            </Icon>\n            <span className=\"map-layer-source-warnMessage-label\">{warningMessage}</span>\n          </>\n        )}\n      </div>\n    );\n  }\n\n  function getFooter() {\n    return (\n      <div className=\"map-layer-features-footer\">\n        <div className=\"map-layer-features-footer-warnMessage\">{renderWarningMessage()}</div>\n\n        <div className=\"map-layer-features-footer-buttons\">\n          <Button className=\"map-layer-features-footer-button\" styleType=\"high-visibility\" onClick={handleOk} disabled={!readyToSave()}>\n            {MapLayersUI.translate(\"Dialog.Add\")}\n          </Button>\n          <Button className=\"map-layer-features-footer-button\" styleType=\"default\" onClick={handleCancel}>\n            {MapLayersUI.translate(\"Dialog.Cancel\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div ref={dialogContainer}>\n      <Modal\n        as=\"div\"\n        className=\"map-layer-select-features-dialog\"\n        title={MapLayersUI.translate(\"CustomAttach.SelectLayersToCreate\")}\n        isOpen={true}\n        onClose={handleCancel}\n        style={{ minHeight, maxWidth: 600 }}\n        portal\n      >\n        {/* 'onSubLayerStateChange' is used to trigger hook state change only, no need to update subLayer objects */}\n        <ModalContent>\n          <SubLayersTree expandMode=\"full\" checkboxStyle=\"standard\" subLayers={subLayers} onSubLayerStateChange={() => setSubLayers([...subLayers])} />\n          {getFooter()}\n        </ModalContent>\n      </Modal>\n    </div>\n  );\n}\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./MapUrlDialog.scss";
 import { MapLayerSource } from "@itwin/core-frontend";
 import type { ImageMapLayerSettings } from "@itwin/core-common";
@@ -11,7 +10,7 @@ export declare const MAP_TYPES: {
     tileUrl: string;
     arcGisFeature: string;
 };
-export declare type LayerCreationMode = "single" | "multiple";
+export type LayerCreationMode = "single" | "multiple";
 interface MapUrlDialogProps {
     activeViewport?: ScreenViewport;
     isOverlay: boolean;
@@ -35,6 +34,6 @@ export interface SourceState {
         [key: string]: string;
     };
 }
-export declare function MapUrlDialog(props: MapUrlDialogProps): JSX.Element;
+export declare function MapUrlDialog(props: MapUrlDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MapUrlDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MapUrlDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapUrlDialog.tsx"],"names":[],"mappings":";AAMA,OAAO,qBAAqB,CAAC;AAI7B,OAAO,EAAa,cAAc,EAAqE,MAAM,sBAAsB,CAAC;AAapI,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,EAAwB,wBAAwB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAMF,oBAAY,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AACtD,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAGlC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,qBAAqB,CAAC;QAC7B,UAAU,CAAC,EAAE,wBAAwB,CAAC;QACtC,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IAEF,oBAAoB,CAAC,EAAE,cAAc,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,wBAAwB,CAAC;IACrC,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC3C,qBAAqB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnD;AAGD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,eA4rBpD"}
+{"version":3,"file":"MapUrlDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapUrlDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,qBAAqB,CAAC;AAG7B,OAAO,EAAa,cAAc,EAAqE,MAAM,sBAAsB,CAAC;AAapI,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,EAAwB,wBAAwB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAMF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,UAAU,CAAC;AACtD,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,CAAC;IAGlC,cAAc,CAAC,EAAE;QACf,KAAK,EAAE,qBAAqB,CAAC;QAC7B,UAAU,CAAC,EAAE,wBAAwB,CAAC;QACtC,MAAM,CAAC,EAAE,cAAc,CAAC;KACzB,CAAC;IAEF,oBAAoB,CAAC,EAAE,cAAc,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,cAAc,CAAC;IACvB,UAAU,EAAE,wBAAwB,CAAC;IACrC,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC3C,qBAAqB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA6qBpD"}