@itwin/map-layers 3.0.0-dev.78 → 3.0.0-dev.82

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

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

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

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

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

@@ -0,0 +1,44 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { Popup } from "@itwin/core-react";
+import { Slider } from "@itwin/itwinui-react";
+import { MapLayersUiItemsProvider } from "../MapLayersUiItemsProvider";
+import "./TransparencyPopupButton.scss";
+/** @alpha */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+export function TransparencyPopupButton({ transparency, onTransparencyChange, buttonToolTip }) {
+    const [isSettingsOpen, setIsSettingsOpen] = React.useState(false);
+    const [defaultTransparencyLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString("mapLayers:TransparencyPopup.SetTransparency"));
+    const toolTipLabel = React.useMemo(() => buttonToolTip ? buttonToolTip : defaultTransparencyLabel, [buttonToolTip, defaultTransparencyLabel]);
+    const buttonRef = React.useRef(null);
+    const togglePopupDisplay = React.useCallback((event) => {
+        event.preventDefault();
+        setIsSettingsOpen((prev) => !prev);
+    }, [setIsSettingsOpen]);
+    const handleCloseSetting = React.useCallback(() => {
+        setIsSettingsOpen(false);
+    }, [setIsSettingsOpen]);
+    const handleTransparencyChange = React.useCallback((values) => {
+        if (values.length) {
+            const newTransparency = values[0];
+            if (newTransparency !== transparency) {
+                if (onTransparencyChange)
+                    onTransparencyChange(newTransparency / 100);
+            }
+        }
+    }, [onTransparencyChange, transparency]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { title: toolTipLabel, className: "map-transparency-popup-button", onClick: togglePopupDisplay, ref: buttonRef },
+            React.createElement("div", { className: "transparent-button" },
+                React.createElement("svg", { className: "checkered", viewBox: "0 0 24 24" },
+                    React.createElement("path", { d: "m21.00427 0h-18.00854a2.9957 2.9957 0 0 0 -2.99573 2.99567v18.0086a2.99575 2.99575 0 0 0 2.99573 2.99573h18.00854a2.99575 2.99575 0 0 0 2.99573-2.99573v-18.0086a2.9957 2.9957 0 0 0 -2.99573-2.99567zm-20.00427 21.00427v-9.00427h11v-11h9.00427a1.998 1.998 0 0 1 1.99573 1.99567v9.00433h-11v11h-9.00427a1.998 1.998 0 0 1 -1.99573-1.99573z" })))),
+        React.createElement(Popup, { isOpen: isSettingsOpen, position: RelativePosition.BottomRight, onClose: handleCloseSetting, target: buttonRef.current },
+            React.createElement("div", { className: "map-transparency-popup-panel" },
+                React.createElement("div", { className: "map-transparency-slider-container" },
+                    React.createElement(Slider, { min: 0, max: 100, values: [transparency * 100], step: 1, onChange: handleTransparencyChange }))))));
+}
+//# sourceMappingURL=TransparencyPopupButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TransparencyPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/TransparencyPopupButton.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,gCAAgC,CAAC;AAYxC,aAAa;AACb,gEAAgE;AAChE,MAAM,UAAU,uBAAuB,CAAC,EAAE,YAAY,EAAE,oBAAoB,EAAE,aAAa,EAAgC;IACzH,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,wBAAwB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,wBAAwB,CAAC,YAAY,CAAC,kBAAkB,CAAC,6CAA6C,CAAC,CAAC,CAAC;IAC3J,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,wBAAwB,EAAE,CAAC,aAAa,EAAE,wBAAwB,CAAC,CAAC,CAAC;IAE9I,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAsD,EAAE,EAAE;QACtG,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAChD,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,wBAAwB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,MAAyB,EAAE,EAAE;QAC/E,IAAI,MAAM,CAAC,MAAM,EAAE;YACjB,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAClC,IAAI,eAAe,KAAK,YAAY,EAAE;gBACpC,IAAI,oBAAoB;oBACtB,oBAAoB,CAAC,eAAe,GAAG,GAAG,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL;QACE,gCAAQ,KAAK,EAAE,YAAY,EAAE,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,SAAS;YAChH,6BAAK,SAAS,EAAC,oBAAoB;gBACjC,6BAAK,SAAS,EAAC,WAAW,EAAC,OAAO,EAAC,WAAW;oBAC5C,8BAAM,CAAC,EAAC,iVAAiV,GAAG,CACxV,CACF,CACC;QACT,oBAAC,KAAK,IACJ,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,gBAAgB,CAAC,WAAW,EACtC,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO;YAEzB,6BAAK,SAAS,EAAC,8BAA8B;gBAC3C,6BAAK,SAAS,EAAC,mCAAmC;oBAChD,oBAAC,MAAM,IAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,YAAY,GAAG,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,wBAAwB,GAAI,CACnG,CACF,CACC,CACP,CACL,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as React from \"react\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { Popup } from \"@itwin/core-react\";\r\nimport { Slider } from \"@itwin/itwinui-react\";\r\n\r\nimport { MapLayersUiItemsProvider } from \"../MapLayersUiItemsProvider\";\r\nimport \"./TransparencyPopupButton.scss\";\r\n\r\n/** @alpha */\r\nexport interface TransparencyPopupButtonProps {\r\n  /** initialValue range 0-1 */\r\n  transparency: number;\r\n  /** function called when value changes. Returned value range 0-1 */\r\n  onTransparencyChange(value: number): void;\r\n  /** optional tooltip */\r\n  buttonToolTip?: string;\r\n}\r\n\r\n/** @alpha */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function TransparencyPopupButton({ transparency, onTransparencyChange, buttonToolTip }: TransparencyPopupButtonProps) {\r\n  const [isSettingsOpen, setIsSettingsOpen] = React.useState(false);\r\n  const [defaultTransparencyLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:TransparencyPopup.SetTransparency\"));\r\n  const toolTipLabel = React.useMemo(() => buttonToolTip ? buttonToolTip : defaultTransparencyLabel, [buttonToolTip, defaultTransparencyLabel]);\r\n\r\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\r\n  const togglePopupDisplay = React.useCallback((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n    event.preventDefault();\r\n    setIsSettingsOpen((prev) => !prev);\r\n  }, [setIsSettingsOpen]);\r\n\r\n  const handleCloseSetting = React.useCallback(() => {\r\n    setIsSettingsOpen(false);\r\n  }, [setIsSettingsOpen]);\r\n\r\n  const handleTransparencyChange = React.useCallback((values: readonly number[]) => {\r\n    if (values.length) {\r\n      const newTransparency = values[0];\r\n      if (newTransparency !== transparency) {\r\n        if (onTransparencyChange)\r\n          onTransparencyChange(newTransparency / 100);\r\n      }\r\n    }\r\n  }, [onTransparencyChange, transparency]);\r\n\r\n  return (\r\n    <>\r\n      <button title={toolTipLabel} className=\"map-transparency-popup-button\" onClick={togglePopupDisplay} ref={buttonRef}>\r\n        <div className=\"transparent-button\">\r\n          <svg className=\"checkered\" viewBox=\"0 0 24 24\">\r\n            <path d=\"m21.00427 0h-18.00854a2.9957 2.9957 0 0 0 -2.99573 2.99567v18.0086a2.99575 2.99575 0 0 0 2.99573 2.99573h18.00854a2.99575 2.99575 0 0 0 2.99573-2.99573v-18.0086a2.9957 2.9957 0 0 0 -2.99573-2.99567zm-20.00427 21.00427v-9.00427h11v-11h9.00427a1.998 1.998 0 0 1 1.99573 1.99567v9.00433h-11v11h-9.00427a1.998 1.998 0 0 1 -1.99573-1.99573z\" />\r\n          </svg>\r\n        </div>\r\n      </button>\r\n      <Popup\r\n        isOpen={isSettingsOpen}\r\n        position={RelativePosition.BottomRight}\r\n        onClose={handleCloseSetting}\r\n        target={buttonRef.current}\r\n      >\r\n        <div className=\"map-transparency-popup-panel\">\r\n          <div className=\"map-transparency-slider-container\">\r\n            <Slider min={0} max={100} values={[transparency * 100]} step={1} onChange={handleTransparencyChange} />\r\n          </div>\r\n        </div>\r\n      </Popup >\r\n    </ >\r\n  );\r\n}\r\n"]}

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

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/index";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+.map-transparency-popup-panel {
+  z-index: 14000;
+  display: flex;
+  flex-direction: row;
+
+  .map-transparency-slider-container {
+    display: block;
+    width: 160px;
+    height: 2.5em;
+    margin-left: 1em;
+    margin-right: 1em;
+    margin-top: 6px;
+  }
+}
+
+.map-transparency-popup-button {
+  color: $buic-foreground-body;
+  font-size: $iui-font-size;
+  background-color: transparent;
+  height: 2.2em;
+  border: none;
+  margin-right: 2px;
+
+  .transparent-button {
+    width: 16px;
+    height: 16px;
+  }
+
+  svg.checkered {
+    fill: $buic-foreground-body;
+  }
+
+  &:hover {
+    color: $buic-foreground-primary-tone;
+    cursor: auto;
+
+    svg.checkered {
+      fill: $buic-foreground-primary-tone;
+    }
+  }
+
+  &:focus {
+    box-shadow: $uicore-button-focus-boxshadow;
+    outline: none;
+  }
+}

package/lib/public/en/mapLayers.json

@@ -0,0 +1,113 @@
+{
+  "AttachLayerPopup": {
+    "Attach": "Attach map layer",
+    "Close": "Close source map layers pop-up"
+  },
+  "Basemap": {
+    "BaseLayer": "Base:",
+    "BaseMapPanelTitle": "Map Layers",
+    "ColorFill": "Solid Fill Color",
+    "SelectBaseMap": "Select Map for base layer"
+  },
+  "ColorDialog": {
+    "Title": "Specify Base Color"
+  },
+  "CustomAttach": {
+    "LayerWithUrlExistsOverwriting": "Map layer with URL: {{url}} already exists. Updating name from {{oldName}} to {{newName}}.",
+    "LayerWithUrlExistsAsITwinSetting": "Map Layer with URL: {{url}} already exists as a iTwin setting under name {{name}}. Cannot overwrite with a model setting!",
+    "LayerExistsOverwriting": "Map layer {{layer}} already exists, overwriting info for that layer.",
+    "LayerExistsAsITwinSetting": "Map layer {{layer}} already exists as a iTwin setting. Cannot overwrite with a model setting!",
+    "AddCustomLayerButtonLabel": "Add Layer",
+    "AttachCustomLayer": "Attach New Layer",
+    "AttacheInfo": "Map layer attached from URL:",
+    "Custom": "New",
+    "LoadingMapSources": "Loading Map Sources",
+    "EditCustomLayer": "Edit Layer",
+    "EditLayerDefButtonTitle": "Edit Layer Definition",
+    "ErrorLoadingLayers": "Error retrieving map layers stored in the settings service",
+    "ErrorRetrieveUserModel": "Could not get saved Map Layers for user by model: {{errorMessage}}",
+    "ErrorRetrieveUserITwin": "Could not get saved Map Layers for user by iTwin: {{errorMessage}}",
+    "ErrorRetrieveSharedModel": "Could not get shared Map Layers by model: {{errorMessage}}",
+    "ErrorRetrieveSharedITwin": "Could not get shared Map Layers by iTwin: {{errorMessage}}",
+    "InvalidCredentials": "Invalid credentials provided",
+    "MissingCredentials": "This layer requires credentials to be provided",
+    "Name": "Name",
+    "NameInputPlaceHolder": "Enter Map Name",
+    "RemoveLayerDefButtonTitle": "Delete layer definition",
+    "RemoveLayerDefDialogMessage": "Are you sure you want to delete {{layerName}} ?",
+    "RemoveLayerDefDialogTitle": "Delete layer definition",
+    "RemoveLayerDefError": "Could not delete map layer definition: {{layerName}}",
+    "RemoveLayerDefSuccess": "Successfully deleted map layer definition: {{layerName}}",
+    "SearchPlaceholder": "Search...",
+    "StoreOnModelSettings": "Store on Model Settings",
+    "StoreOnITwinSettings": "Store on iTwin Settings",
+    "Type": "Type",
+    "URL": "URL",
+    "UrlInputPlaceHolder": "Enter Map Source URL",
+    "ValidationError": "Map layer validation failed for URL:",
+    "NoSaveSettingsWarning": "Layer settings cannot saved in the actual configuration"
+  },
+  "AuthenticationInputs": {
+    "Password": "Password",
+    "PasswordRequired": "Password required",
+    "Username": "Username",
+    "UsernameRequired": "Username required"
+  },
+  "Messages": {
+    "NotSupported": "No active viewport or geo-located iModel available.",
+    "NoRangeDefined": "No range is defined for Map Layer",
+    "Start": "Map Layers Extension Loaded",
+    "MapLayerAttached": "Map layer {{sourceName}} attached from URL: {{sourceUrl}}",
+    "MapLayerAttachedRequiresAuth": "Map layer {{sourceName}} attached, but requires credentials to be provided",
+    "MapLayerAttachError": "Error '{{error}}' occurred attaching MapLayer from URL: {{sourceUrl}}",
+    "MapLayerEditError": "Failed to edit '{{layerName}}'",
+    "MapLayerLayerSettingsConversionError": "Conversion to layer settings failed",
+    "MapLayerLayerSourceCreationFailed": "Map Layer Source creation failed",
+    "MapLayerValidationFailed": "Map layer validation failed for URL: {{sourceUrl}}"
+  },
+  "Widget": {
+    "BackgroundLayers": "Background",
+    "DropLayerLabel": "Drop layer here",
+    "Label": "Map Layers",
+    "NoOverlayLayers": "No Overlay layers specified",
+    "NoBackgroundLayers": "No Background layers specified",
+    "OverlayLayers": "Overlay",
+    "RequireAuthTooltip": "Authentication required",
+    "ToggleVisibility": "Toggle Visibility",
+    "SettingsButtonTooltip": "Settings"
+  },
+  "LayerMenu": {
+    "Detach": "Detach",
+    "ZoomToLayer": "Zoom to layer"
+  },
+  "Settings": {
+    "ElevationOffset": "Elevation Offset (m)",
+    "ElevationTypeGeodetic": "None",
+    "ElevationTypeGeoid": "Geoid Separation",
+    "ElevationTypeGround": "Terrain Elevation",
+    "Enable": "Enable",
+    "Exaggeration": "Exaggeration",
+    "HeightOrigin": "Apply Elevation Correction",
+    "InvalidElevationError": "Invalid Elevation",
+    "InvalidElevationDetails": "Please enter a valid number for elevation.",
+    "Mask": "Mask by Models",
+    "ModelHeight": "Model Height (m)",
+    "Settings": "Settings",
+    "ShowMapLayers": "Show Map Layers",
+    "Terrain": "Terrain",
+    "Transparency": "Transparency",
+    "UseDepthBuffer": "Allow Model Under Map",
+    "Locatable": "Locatable"
+  },
+  "SubLayers": {
+    "AllOn": "Turn on all Sub-layers",
+    "AllOff": "Turn off all Sub-layers",
+    "Hide": "Hide Sub-layers",
+    "NoSubLayers": "No Sub-layers Available",
+    "SearchPlaceholder": "Search...",
+    "Show": "Show Sub-layers"
+  },
+  "TransparencyPopup": {
+    "SetTransparency": "Set transparency"
+  }
+}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@itwin/map-layers",
-  "version": "3.0.0-dev.78",
+  "version": "3.0.0-dev.82",
   "description": "Extension that adds a Map Layers Widget",
-  "main": "lib/map-layers.js",
-  "typings": "lib/map-layers",
+  "main": "lib/cjs/map-layers.js",
+  "module": "lib/esm/map-layers.js",
+  "typings": "lib/cjs/map-layers",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -20,23 +21,23 @@
     "url": "http://www.bentley.com"
   },
   "devDependencies": {
-    "@itwin/core-bentley": "3.0.0-dev.78",
-    "@itwin/build-tools": "3.0.0-dev.78",
-    "@itwin/eslint-plugin": "3.0.0-dev.78",
-    "@itwin/core-geometry": "3.0.0-dev.78",
-    "@itwin/core-common": "3.0.0-dev.78",
-    "@itwin/core-frontend": "3.0.0-dev.78",
-    "@itwin/core-i18n": "3.0.0-dev.78",
-    "@itwin/core-quantity": "3.0.0-dev.78",
-    "@bentley/itwin-client": "3.0.0-dev.78",
-    "@itwin/presentation-common": "3.0.0-dev.78",
+    "@itwin/core-bentley": "3.0.0-dev.82",
+    "@itwin/build-tools": "3.0.0-dev.82",
+    "@itwin/eslint-plugin": "3.0.0-dev.82",
+    "@itwin/core-geometry": "3.0.0-dev.82",
+    "@itwin/core-common": "3.0.0-dev.82",
+    "@itwin/core-frontend": "3.0.0-dev.82",
+    "@itwin/core-i18n": "3.0.0-dev.82",
+    "@itwin/core-quantity": "3.0.0-dev.82",
+    "@bentley/itwin-client": "3.0.0-dev.82",
+    "@itwin/presentation-common": "3.0.0-dev.82",
     "@bentley/react-scripts": "4.0.3",
-    "@itwin/appui-abstract": "3.0.0-dev.78",
-    "@itwin/components-react": "3.0.0-dev.78",
-    "@itwin/core-react": "3.0.0-dev.78",
-    "@itwin/imodel-components-react": "3.0.0-dev.78",
-    "@itwin/appui-react": "3.0.0-dev.78",
-    "@itwin/appui-layout-react": "3.0.0-dev.78",
+    "@itwin/appui-abstract": "3.0.0-dev.82",
+    "@itwin/components-react": "3.0.0-dev.82",
+    "@itwin/core-react": "3.0.0-dev.82",
+    "@itwin/imodel-components-react": "3.0.0-dev.82",
+    "@itwin/appui-react": "3.0.0-dev.82",
+    "@itwin/appui-layout-react": "3.0.0-dev.82",
     "@itwin/itwinui-css": "^0.27.0",
     "@itwin/itwinui-react": "^1.16.2",
     "@testing-library/react": "^12.0.0",
@@ -51,13 +52,13 @@
     "@types/react-select": "3.0.26",
     "@types/sinon": "^9.0.0",
     "@types/sinon-chai": "^3.2.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "chai": "^4.1.2",
     "chai-as-promised": "^7",
     "chai-jest-snapshot": "^2.0.0",
     "chai-spies": "1.0.0",
     "cpx": "^1.5.0",
     "enzyme": "^3.4.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "enzyme-to-json": "^3.3.4",
     "eslint": "^7.11.0",
     "jsdom": "^17.0.0",
@@ -68,6 +69,7 @@
     "rimraf": "^3.0.2",
     "sinon": "^9.0.2",
     "sinon-chai": "^3.2.0",
+    "typemoq": "^2.1.0",
     "typescript": "~4.4.0",
     "xmlhttprequest": "^1.8.0"
   },
@@ -78,19 +80,19 @@
     "react-resize-detector": "^6.7.6"
   },
   "peerDependencies": {
-    "@itwin/core-bentley": "3.0.0-dev.78",
-    "@itwin/core-geometry": "3.0.0-dev.78",
-    "@itwin/core-common": "3.0.0-dev.78",
-    "@itwin/core-frontend": "3.0.0-dev.78",
-    "@itwin/core-i18n": "3.0.0-dev.78",
-    "@itwin/core-quantity": "3.0.0-dev.78",
-    "@bentley/itwin-client": "3.0.0-dev.78",
-    "@itwin/appui-abstract": "3.0.0-dev.78",
-    "@itwin/components-react": "3.0.0-dev.78",
-    "@itwin/core-react": "3.0.0-dev.78",
-    "@itwin/appui-react": "3.0.0-dev.78",
-    "@itwin/imodel-components-react": "3.0.0-dev.78",
-    "@itwin/appui-layout-react": "3.0.0-dev.78",
+    "@itwin/core-bentley": "3.0.0-dev.82",
+    "@itwin/core-geometry": "3.0.0-dev.82",
+    "@itwin/core-common": "3.0.0-dev.82",
+    "@itwin/core-frontend": "3.0.0-dev.82",
+    "@itwin/core-i18n": "3.0.0-dev.82",
+    "@itwin/core-quantity": "3.0.0-dev.82",
+    "@bentley/itwin-client": "3.0.0-dev.82",
+    "@itwin/appui-abstract": "3.0.0-dev.82",
+    "@itwin/components-react": "3.0.0-dev.82",
+    "@itwin/core-react": "3.0.0-dev.82",
+    "@itwin/appui-react": "3.0.0-dev.82",
+    "@itwin/imodel-components-react": "3.0.0-dev.82",
+    "@itwin/appui-layout-react": "3.0.0-dev.82",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -115,10 +117,10 @@
     "checkLeaks": true,
     "timeout": 60000,
     "file": [
-      "lib/test/setup.js"
+      "lib/cjs/test/setup.js"
     ],
     "exclude": [
-      "lib/test/coverage/**/*"
+      "lib/cjs/test/coverage/**/*"
     ],
     "reporter": [
       "node_modules/@itwin/build-tools/mocha-reporter"
@@ -129,13 +131,17 @@
   },
   "scripts": {
     "compile": "npm run -s build",
-    "prebuild": "npm run -s copy:assets",
-    "build": "tsc 1>&2 && npm run -s prebuild",
+    "build": "npm run -s build:cjs && npm run -s build:esm && npm run -s copy:locale",
+    "build:cjs": "tsc 1>&2 --outDir lib/cjs && npm run -s copy:cjs",
+    "build:esm": "tsc 1>&2 --module ES2020 --outDir lib/esm && npm run -s copy:esm",
     "clean": "rimraf lib .rush/temp/package-deps*.json",
-    "copy:assets": "cpx \"./src/**/*.{*css,json,svg}\" \"./lib\" && cpx \"./src/public/**/*\" ./lib/public",
+    "copy:locale": "cpx \"./src/public/locales/**/*\" ./lib/public",
+    "copy:cjs": "cpx \"./src/**/*.{*css,json,svg}\" \"./lib/cjs\"",
+    "copy:esm": "cpx \"./src/**/*.{*css,json,svg}\" \"./lib/esm\"",
     "cover": "nyc npm -s test",
     "docs": "",
     "lint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
-    "test": "mocha \"./lib/test/**/*.test.js\""
+    "pseudolocalize": "betools pseudolocalize --englishDir=./src/public/locales/en --out=./src/public/locales/en-PSEUDO",
+    "test": "mocha \"./lib/cjs/test/**/*.test.js\""
   }
 }

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

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

package/lib/map-layers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"map-layers.js","sourceRoot":"","sources":["../src/map-layers.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,8CAA4B;AAC5B,kDAAgC;AAChC,gEAA8C;AAC9C,8DAA4C","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nexport * from \"./mapLayers\";\r\nexport * from \"./ui/Interfaces\";\r\nexport * from \"./ui/MapLayersUiItemsProvider\";\r\nexport * from \"./ui/widget/MapLayersWidget\";\r\n"]}

package/lib/mapLayers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapLayers.d.ts","sourceRoot":"","sources":["../src/mapLayers.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKlD;;;;;;;;GAQG;AACH,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAC5C,OAAO,CAAC,MAAM,CAAC,UAAU,CAAe;IACxC,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAA2B;IAE1D;;;;;;;OAOG;WACiB,UAAU,CAAC,qBAAqB,UAAO,EAAE,YAAY,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAaxG,sEAAsE;WACxD,SAAS;IAMvB,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;CACF"}

package/lib/mapLayers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapLayers.js","sourceRoot":"","sources":["../src/mapLayers.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,wDAAiD;AAEjD,4EAAiG;AACjG,0DAAuD;AACvD,oDAA2D;AAE3D;;;;;;;;GAQG;AACH,MAAa,WAAW;IAKtB;;;;;;;OAOG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,qBAAqB,GAAG,IAAI,EAAE,YAA2B;QACtF,mEAAmE;QACnE,IAAI,CAAC,aAAa,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,yBAAS,CAAC,YAAY,CAAC,CAAC;QAC5E,MAAM,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAEvE,qEAAqE;QACrE,WAAW,CAAC,gBAAgB,GAAG,IAAI,mDAAwB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAChF,IAAI,qBAAqB;YACvB,+BAAc,CAAC,QAAQ,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;;YAEtD,mCAAqB,CAAC,eAAe,CAAC,iDAAsB,CAAC,EAAE,EAAE,iDAAsB,CAAC,CAAC;IAC7F,CAAC;IAED,sEAAsE;IAC/D,MAAM,CAAC,SAAS;QACrB,IAAI,WAAW,CAAC,aAAa;YAC3B,WAAW,CAAC,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;QAC5E,WAAW,CAAC,aAAa,GAAG,SAAS,CAAC;IACxC,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;;AApCH,kCAqCC;AAnCgB,sBAAU,GAAG,WAAW,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { Localization } from \"@itwin/core-common\";\r\nimport { MapLayersUiItemsProvider, MapLayersWidgetControl } from \"./ui/MapLayersUiItemsProvider\";\r\nimport { UiItemsManager } from \"@itwin/appui-abstract\";\r\nimport { ConfigurableUiManager } from \"@itwin/appui-react\";\r\n\r\n/**\r\n * MapLayersApi is use when the package is used as a dependency to another app and not used as an extension.\r\n * '''ts\r\n *  // if registerItemsProvider is false the MapLayersWidgetControl control will be registered with appui-react's ConfigurableUiManager\r\n *  // so it can be explicitly added to a stage via a FrontstageDef.\r\n *  await MapLayersUI.initialize (registerItemsProvider);\r\n * '''\r\n * @beta\r\n */\r\nexport class MapLayersUI {\r\n  private static _localization?: Localization;\r\n  private static _defaultNs = \"mapLayers\";\r\n  private static _uiItemsProvider: MapLayersUiItemsProvider;\r\n\r\n  /** Used to initialize the MapLayersAPI when used as a package. If `registerItemsProvider` is true then the\r\n   * UiItemsProvider will automatically insert the UI items into the host applications UI. If it is false then\r\n   * explicitly add widget definition to a specific FrontStage definition using the following syntax.\r\n   * ``` tsx\r\n   * <Widget id={MapLayersWidgetControl.id} label={MapLayersWidgetControl.label} control={MapLayersWidgetControl}\r\n   *   iconSpec={MapLayersWidgetControl.iconSpec} />,\r\n   * ```\r\n   */\r\n  public static async initialize(registerItemsProvider = true, localization?: Localization): Promise<void> {\r\n    // register namespace containing localized strings for this package\r\n    this._localization = (localization ? localization : IModelApp.localization);\r\n    await this._localization.registerNamespace(this.localizationNamespace);\r\n\r\n    // _uiItemsProvider always created to provide access to localization.\r\n    MapLayersUI._uiItemsProvider = new MapLayersUiItemsProvider(this._localization);\r\n    if (registerItemsProvider)\r\n      UiItemsManager.register(MapLayersUI._uiItemsProvider);\r\n    else\r\n      ConfigurableUiManager.registerControl(MapLayersWidgetControl.id, MapLayersWidgetControl);\r\n  }\r\n\r\n  /** Unregisters the GeoTools internationalization service namespace */\r\n  public static terminate() {\r\n    if (MapLayersUI._localization)\r\n      MapLayersUI._localization.unregisterNamespace(this.localizationNamespace);\r\n    MapLayersUI._localization = undefined;\r\n  }\r\n\r\n  /** The internationalization service namespace. */\r\n  public static get localizationNamespace(): string {\r\n    return this._defaultNs;\r\n  }\r\n}\r\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Interfaces.d.ts","sourceRoot":"","sources":["../../src/ui/Interfaces.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,2MAA2M;IAC3M,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,iCAAiC;IACjC,aAAa,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,uBAAuB,CAAC;CACpC;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,wBAAwB,EAAE,OAAO,CAAC;CAC5C;AAED,MAAM,WAAW,eAAe;IAC9B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC"}

package/lib/ui/Interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Interfaces.js","sourceRoot":"","sources":["../../src/ui/Interfaces.ts"],"names":[],"mappings":"","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 { MapSubLayerProps } from \"@itwin/core-common\";\nimport { MapLayerImageryProvider } from \"@itwin/core-frontend\";\n\nexport interface StyleMapLayerSettings {\n  /** Name */\n  name: string;\n  /** URL */\n  url: string;\n  /** Controls visibility of layer */\n  visible: boolean;\n  /** A transparency value from 0.0 (fully opaque) to 1.0 (fully transparent) to apply to map graphics when drawing, or false to indicate the transparency should not be overridden. Default value: false. */\n  transparency: number;\n  /** Transparent background */\n  transparentBackground: boolean;\n  /** set map as underlay or overlay */\n  isOverlay: boolean;\n  /** Available map sub-layer */\n  subLayers?: MapSubLayerProps[];\n  /** sub-layer panel displayed. */\n  showSubLayers: boolean;\n  /** Some format can publish only a single layer at a time (i.e WMTS) */\n  provider?: MapLayerImageryProvider;\n}\n\nexport interface MapTypesOptions {\n  readonly supportTileUrl: boolean;\n  readonly supportWmsAuthentication: boolean;\n}\n\nexport interface MapLayerOptions {\n  hideExternalMapLayers?: boolean;\n  fetchPublicMapLayerSources?: boolean;\n  mapTypeOptions?: MapTypesOptions;\n}\n"]}

package/lib/ui/MapLayersUiItemsProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapLayersUiItemsProvider.d.ts","sourceRoot":"","sources":["../../src/ui/MapLayersUiItemsProvider.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,EAAc,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAChI,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,qBAAa,wBAAyB,YAAW,eAAe;IAC9D,SAAgB,EAAE,8BAA8B;IAChD,OAAc,YAAY,EAAE,YAAY,CAAC;gBAEtB,YAAY,EAAE,YAAY;IAItC,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,GAAG,SAAS,GAAG,aAAa,CAAC,mBAAmB,CAAC;CAmBtK;AAED;;;;;GAKG;AACH,qBAAa,sBAAuB,SAAQ,aAAa;IACvD,OAAc,EAAE,SAAqB;IACrC,OAAc,QAAQ,SAAc;IAEpC,WAAkB,KAAK,IAAI,MAAM,CAEhC;gBAEW,IAAI,EAAE,sBAAsB,EAAE,eAAe,EAAE,eAAe,GAAG,SAAS;CAKvF"}

package/lib/ui/MapLayersUiItemsProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MapLayersUiItemsProvider.js","sourceRoot":"","sources":["../../src/ui/MapLayersUiItemsProvider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;AAE/F,+BAA+B;AAC/B,0DAAgI;AAEhI,8DAA2D;AAC3D,oDAA2E;AAC3E,wDAAiD;AAGjD,MAAa,wBAAwB;IAInC,YAAmB,YAA0B;QAH7B,OAAE,GAAG,0BAA0B,CAAC;QAI9C,wBAAwB,CAAC,YAAY,GAAG,YAAY,CAAC;IACvD,CAAC;IAEM,cAAc,CAAC,QAAgB,EAAE,UAAkB,EAAE,QAA4B,EAAE,OAAsC;QAC9H,MAAM,OAAO,GAA0B,EAAE,CAAC;QAC1C,MAAM,eAAe,GAAoB;YACvC,qBAAqB,EAAE,KAAK;YAC5B,cAAc,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,EAAE;YACzE,0BAA0B,EAAE,KAAK;SAClC,CAAC;QAEF,IAAI,UAAU,KAAK,2BAAU,CAAC,OAAO,IAAI,QAAQ,KAAK,mCAAkB,CAAC,KAAK,IAAI,OAAO,KAAK,kCAAiB,CAAC,KAAK,EAAE;YACrH,OAAO,CAAC,IAAI,CAAC;gBACX,EAAE,EAAE,4BAA4B;gBAChC,KAAK,EAAE,wBAAwB,CAAC,YAAY,CAAC,kBAAkB,CAAC,wBAAwB,CAAC;gBACzF,IAAI,EAAE,UAAU;gBAChB,gBAAgB,EAAE,GAAG,EAAE,CAAC,oBAAC,iCAAe,IAAC,eAAe,EAAE,eAAe,GAAI,EAAE,yCAAyC;aACzH,CAAC,CAAC;SACJ;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;CACF;AA3BD,4DA2BC;AAED;;;;;GAKG;AACH,MAAa,sBAAuB,SAAQ,2BAAa;IAQvD,YAAY,IAA4B,EAAE,eAA4C;QACpF,KAAK,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QAE7B,IAAI,CAAC,SAAS,GAAG,oBAAC,iCAAe,IAAC,eAAe,EAAE,eAAe,GAAI,CAAC;IACzE,CAAC;IARM,MAAM,KAAK,KAAK;QACrB,OAAO,yBAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;IAC7E,CAAC;;AANH,wDAaC;AAZe,yBAAE,GAAG,iBAAiB,CAAC;AACvB,+BAAQ,GAAG,UAAU,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\nimport * as React from \"react\";\r\nimport { AbstractWidgetProps, StagePanelLocation, StagePanelSection, StageUsage, UiItemsProvider } from \"@itwin/appui-abstract\";\r\nimport { Localization } from \"@itwin/core-common\";\r\nimport { MapLayersWidget } from \"./widget/MapLayersWidget\";\r\nimport { ConfigurableCreateInfo, WidgetControl } from \"@itwin/appui-react\";\r\nimport { IModelApp } from \"@itwin/core-frontend\";\r\nimport { MapLayerOptions } from \"./Interfaces\";\r\n\r\nexport class MapLayersUiItemsProvider implements UiItemsProvider {\r\n  public readonly id = \"MapLayersUiItemsProvider\";\r\n  public static localization: Localization;\r\n\r\n  public constructor(localization: Localization) {\r\n    MapLayersUiItemsProvider.localization = localization;\r\n  }\r\n\r\n  public provideWidgets(_stageId: string, stageUsage: string, location: StagePanelLocation, section: StagePanelSection | undefined): ReadonlyArray<AbstractWidgetProps> {\r\n    const widgets: AbstractWidgetProps[] = [];\r\n    const mapLayerOptions: MapLayerOptions = {\r\n      hideExternalMapLayers: false,\r\n      mapTypeOptions: { supportTileUrl: false, supportWmsAuthentication: true },\r\n      fetchPublicMapLayerSources: false,\r\n    };\r\n\r\n    if (stageUsage === StageUsage.General && location === StagePanelLocation.Right && section === StagePanelSection.Start) {\r\n      widgets.push({\r\n        id: \"map-layers:mapLayersWidget\",\r\n        label: MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:Widget.Label\"),\r\n        icon: \"icon-map\",\r\n        getWidgetContent: () => <MapLayersWidget mapLayerOptions={mapLayerOptions} />, // eslint-disable-line react/display-name\r\n      });\r\n    }\r\n\r\n    return widgets;\r\n  }\r\n}\r\n\r\n/** MapLayersWidgetControl provides a widget to attach and remove maps layers from the active view's display style.\r\n * ``` tsx\r\n *  <Widget id={MapLayersWidgetControl.id} label={MapLayersWidgetControl.label} control={MapLayersWidgetControl}\r\n *    iconSpec={MapLayersWidgetControl.iconSpec} />,\r\n * ```\r\n */\r\nexport class MapLayersWidgetControl extends WidgetControl {\r\n  public static id = \"MapLayersWidget\";\r\n  public static iconSpec = \"icon-map\";\r\n\r\n  public static get label(): string {\r\n    return IModelApp.localization.getLocalizedString(\"mapLayers:Widget.Label\");\r\n  }\r\n\r\n  constructor(info: ConfigurableCreateInfo, mapLayerOptions: MapLayerOptions | undefined) {\r\n    super(info, mapLayerOptions);\r\n\r\n    this.reactNode = <MapLayersWidget mapLayerOptions={mapLayerOptions} />;\r\n  }\r\n}\r\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"AttachLayerPopupButton.js","sourceRoot":"","sources":["../../../src/ui/widget/AttachLayerPopupButton.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\nimport * as React from \"react\";\r\nimport { IModelApp, MapLayerSettingsService, MapLayerSource, MapLayerSourceStatus, NotifyMessageDetails, OutputMessagePriority } from \"@itwin/core-frontend\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport * as UiCore from \"@itwin/core-react\";\r\nimport { ModalDialogManager } from \"@itwin/appui-react\";\r\nimport { useSourceMapContext } from \"./MapLayerManager\";\r\nimport { MapUrlDialog } from \"./MapUrlDialog\";\r\nimport { MapLayersUiItemsProvider } from \"../MapLayersUiItemsProvider\";\r\nimport { ConfirmMessageDialog } from \"./ConfirmMessageDialog\";\r\nimport { Button, Input } from \"@itwin/itwinui-react\";\r\n\r\n// cSpell:ignore droppable Sublayer\r\n\r\ninterface AttachLayerPanelProps {\r\n  isOverlay: boolean;\r\n  onLayerAttached: () => void;\r\n}\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nfunction AttachLayerPanel({ isOverlay, onLayerAttached }: AttachLayerPanelProps) {\r\n  const [layerNameToAdd, setLayerNameToAdd] = React.useState<string | undefined>();\r\n  const [sourceFilterString, setSourceFilterString] = React.useState<string | undefined>();\r\n  const [placeholderLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.SearchPlaceholder\"));\r\n  const [addCustomLayerLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.Custom\"));\r\n  const [addCustomLayerToolTip] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.AttachCustomLayer\"));\r\n  const [loadingMapSources] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.LoadingMapSources\"));\r\n  const [removeLayerDefButtonTitle] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefButtonTitle\"));\r\n  const [editLayerDefButtonTitle] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.EditLayerDefButtonTitle\"));\r\n  const [removeLayerDefDialogTitle] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefDialogTitle\"));\r\n  const [loading, setLoading] = React.useState(false);\r\n  const [layerNameUnderCursor, setLayerNameUnderCursor] = React.useState<string | undefined>();\r\n\r\n  // 'isMounted' is used to prevent any async operation once the hook has been\r\n  // unloaded.  Otherwise we get a 'Can't perform a React state update on an unmounted component.' warning in the console.\r\n  const isMounted = React.useRef(false);\r\n  React.useEffect(() => {\r\n    isMounted.current = true;\r\n    return () => {\r\n      isMounted.current = false;\r\n\r\n      // We close any open dialogs that we might have opened\r\n      // This was added because the modal dialog remained remained displayed after the session expired.\r\n      ModalDialogManager.closeDialog();\r\n    };\r\n  }, []);\r\n\r\n  const handleFilterTextChanged = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setSourceFilterString(event.target.value);\r\n  }, []);\r\n\r\n  const { loadingSources, sources, activeViewport, backgroundLayers, overlayLayers, mapTypesOptions } = useSourceMapContext();\r\n  const iTwinId = activeViewport?.iModel?.iTwinId;\r\n  const iModelId = activeViewport?.iModel?.iModelId;\r\n\r\n  const styleContainsLayer = React.useCallback((name: string) => {\r\n    if (backgroundLayers) {\r\n      if (-1 !== backgroundLayers.findIndex((layer) => layer.name === name))\r\n        return true;\r\n    }\r\n    if (overlayLayers) {\r\n      if (-1 !== overlayLayers.findIndex((layer) => layer.name === name))\r\n        return true;\r\n    }\r\n    return false;\r\n  }, [backgroundLayers, overlayLayers]);\r\n\r\n  const handleModalUrlDialogOk = React.useCallback(() => {\r\n    // close popup and refresh UI\r\n    onLayerAttached();\r\n  }, [onLayerAttached]);\r\n\r\n  const handleModalUrlDialogCancel = React.useCallback(() => {\r\n    // close popup and refresh UI\r\n    setLoading(false);\r\n    ModalDialogManager.closeDialog();\r\n  }, []);\r\n\r\n  React.useEffect(() => {\r\n    async function attemptToAddLayer(layerName: string) {\r\n      if (layerName && activeViewport) {\r\n        // if the layer is not in the style add it now.\r\n        if (undefined === backgroundLayers?.find((layer) => layerName === layer.name) && undefined === overlayLayers?.find((layer) => layerName === layer.name)) {\r\n          const mapLayerSettings = sources?.find((source) => source.name === layerName);\r\n          if (mapLayerSettings === undefined) {\r\n            return;\r\n          }\r\n\r\n          try {\r\n            if (isMounted.current) {\r\n              setLoading(true);\r\n            }\r\n\r\n            const { status, subLayers } = await mapLayerSettings.validateSource();\r\n            if (status === MapLayerSourceStatus.Valid || status === MapLayerSourceStatus.RequireAuth) {\r\n\r\n              if (status === MapLayerSourceStatus.Valid) {\r\n                const layerSettings = mapLayerSettings.toLayerSettings(subLayers);\r\n\r\n                if (layerSettings) {\r\n                  activeViewport.displayStyle.attachMapLayerSettings(layerSettings, isOverlay);\r\n\r\n                  activeViewport.invalidateRenderPlan();\r\n\r\n                  const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerAttached\", { sourceName: layerSettings.name, sourceUrl: layerSettings.url });\r\n                  IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\r\n                }\r\n\r\n                if (isMounted.current) {\r\n                  setLoading(false);\r\n                }\r\n                if (onLayerAttached) {\r\n                  onLayerAttached();\r\n                }\r\n\r\n              } else if (status === MapLayerSourceStatus.RequireAuth && isMounted.current) {\r\n                ModalDialogManager.openDialog(\r\n                  <MapUrlDialog\r\n                    activeViewport={activeViewport}\r\n                    isOverlay={isOverlay}\r\n                    layerRequiringCredentials={mapLayerSettings.toJSON()}\r\n                    onOkResult={handleModalUrlDialogOk}\r\n                    onCancelResult={handleModalUrlDialogCancel}\r\n                    mapTypesOptions={mapTypesOptions} />\r\n                );\r\n              }\r\n\r\n            } else {\r\n              const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerValidationFailed\", { sourceUrl: mapLayerSettings.url });\r\n              IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\r\n              if (isMounted.current) {\r\n                setLoading(false);\r\n              }\r\n            }\r\n          } catch (err) {\r\n            if (isMounted.current) {\r\n              setLoading(false);\r\n            }\r\n            const msg = IModelApp.localization.getLocalizedString(\"mapLayers:Messages.MapLayerAttachError\", { error: err, sourceUrl: mapLayerSettings.url });\r\n            IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\r\n          }\r\n        }\r\n\r\n      }\r\n      return;\r\n    }\r\n\r\n    if (layerNameToAdd) {\r\n      attemptToAddLayer(layerNameToAdd); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n\r\n      if (isMounted.current) {\r\n        setLayerNameToAdd(undefined);\r\n      }\r\n    }\r\n  }, [setLayerNameToAdd, layerNameToAdd, activeViewport, sources, backgroundLayers, isOverlay, overlayLayers, onLayerAttached, handleModalUrlDialogOk, mapTypesOptions, handleModalUrlDialogCancel]);\r\n\r\n  const options = React.useMemo(() => sources?.filter((source) => !styleContainsLayer(source.name)), [sources, styleContainsLayer]);\r\n  const filteredOptions = React.useMemo(() => {\r\n    if (undefined === sourceFilterString || 0 === sourceFilterString.length) {\r\n      return options;\r\n    } else {\r\n      return options?.filter((option) => option.name.toLowerCase().includes(sourceFilterString?.toLowerCase()));\r\n    }\r\n  }, [options, sourceFilterString]);\r\n\r\n  const handleAddNewMapSource = React.useCallback(() => {\r\n    ModalDialogManager.openDialog(<MapUrlDialog activeViewport={activeViewport} isOverlay={isOverlay} onOkResult={handleModalUrlDialogOk} mapTypesOptions={mapTypesOptions} />);\r\n    return;\r\n  }, [activeViewport, handleModalUrlDialogOk, isOverlay, mapTypesOptions]);\r\n\r\n  const handleAttach = React.useCallback((mapName: string) => {\r\n    setLayerNameToAdd(mapName);\r\n  }, []);\r\n\r\n  const handleKeypressOnSourceList = React.useCallback((event: React.KeyboardEvent<HTMLUListElement>) => {\r\n    const key = event.key;\r\n    if (key === \"Enter\") {\r\n      event.preventDefault();\r\n      const mapName = event.currentTarget?.dataset?.value;\r\n      if (mapName && mapName.length) {\r\n        handleAttach(mapName);\r\n      }\r\n    }\r\n  }, [handleAttach]);\r\n\r\n  const onListboxValueChange = React.useCallback((mapName: string) => {\r\n    setLayerNameToAdd(mapName);\r\n  }, []);\r\n\r\n  const handleNoConfirmation = React.useCallback((_layerName: string) => {\r\n    ModalDialogManager.closeDialog();\r\n  }, []);\r\n\r\n  const handleYesConfirmation = React.useCallback(async (source: MapLayerSource) => {\r\n\r\n    const layerName = source.name;\r\n    if (!!iTwinId && !!iModelId) {\r\n      if (await MapLayerSettingsService.deleteSharedSettings(source, iTwinId, iModelId)) {\r\n        const msg = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefSuccess\", { layerName });\r\n        IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Info, msg));\r\n      } else {\r\n        const msg = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefError\", { layerName });\r\n        IModelApp.notifications.outputMessage(new NotifyMessageDetails(OutputMessagePriority.Error, msg));\r\n      }\r\n    }\r\n\r\n    ModalDialogManager.closeDialog();\r\n  }, [iTwinId, iModelId]);\r\n\r\n  /*\r\n   Handle Remove layer button clicked\r\n   */\r\n  const onItemRemoveButtonClicked = React.useCallback((source, event) => {\r\n    event.stopPropagation();  // We don't want the owning ListBox to react on mouse click.\r\n\r\n    const layerName = source.name;\r\n\r\n    const msg = MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.RemoveLayerDefDialogMessage\", { layerName });\r\n    ModalDialogManager.openDialog(\r\n      <ConfirmMessageDialog\r\n        className=\"map-sources-delete-confirmation\"\r\n        title={removeLayerDefDialogTitle}\r\n        message={msg}\r\n        maxWidth={400}\r\n        onClose={() => handleNoConfirmation(layerName)}\r\n        onEscape={() => handleNoConfirmation(layerName)}\r\n        onYesResult={async () => handleYesConfirmation(source)}\r\n        onNoResult={() => handleNoConfirmation(layerName)}\r\n      />\r\n    );\r\n  }, [handleNoConfirmation, handleYesConfirmation, removeLayerDefDialogTitle]);\r\n\r\n  /*\r\n Handle Edit layer button clicked\r\n */\r\n  const onItemEditButtonClicked = React.useCallback((event) => {\r\n    event.stopPropagation();  // We don't want the owning ListBox to react on mouse click.\r\n\r\n    const targetLayerName = event?.currentTarget?.parentNode?.dataset?.value;\r\n    const matchingSource = sources.find((layerSource) => layerSource.name === targetLayerName);\r\n\r\n    // we expect a single layer source matching this name\r\n    if (matchingSource === undefined) {\r\n      return;\r\n    }\r\n    ModalDialogManager.openDialog(<MapUrlDialog\r\n      activeViewport={activeViewport}\r\n      isOverlay={isOverlay}\r\n      mapLayerSourceToEdit={matchingSource}\r\n      onOkResult={handleModalUrlDialogOk}\r\n      mapTypesOptions={mapTypesOptions} />);\r\n  }, [activeViewport, handleModalUrlDialogOk, isOverlay, mapTypesOptions, sources]);\r\n\r\n  return (\r\n    <div className=\"map-manager-header\">\r\n      {(loading || loadingSources) && <UiCore.LoadingSpinner message={loadingMapSources} />}\r\n      <div className=\"map-manager-source-listbox-header\">\r\n        <Input type=\"text\" className=\"map-manager-source-list-filter\"\r\n          placeholder={placeholderLabel}\r\n          value={sourceFilterString}\r\n          onChange={handleFilterTextChanged} />\r\n        <Button className=\"map-manager-add-source-button\" title={addCustomLayerToolTip} onClick={handleAddNewMapSource}>\r\n          {addCustomLayerLabel}</Button>\r\n      </div>\r\n      <div className=\"map-manager-sources\">\r\n        <UiCore.Listbox\r\n          id=\"map-sources\"\r\n          selectedValue={layerNameToAdd}\r\n          className=\"map-manager-source-list\"\r\n          onKeyPress={handleKeypressOnSourceList}\r\n          onListboxValueChange={onListboxValueChange} >\r\n          {\r\n            filteredOptions?.map((source) =>\r\n              <UiCore.ListboxItem\r\n                key={source.name}\r\n                className=\"map-source-list-entry\"\r\n                value={source.name}\r\n                onMouseEnter={() => setLayerNameUnderCursor(source.name)}\r\n                onMouseLeave={() => setLayerNameUnderCursor(undefined)}>\r\n                <span className=\"map-source-list-entry-name\" title={source.name}>{source.name}</span>\r\n\r\n                { // Display the delete icon only when the mouse over a specific item\r\n                  // otherwise list feels cluttered.\r\n                  (!!iTwinId && !!iModelId && layerNameUnderCursor && layerNameUnderCursor === source.name) &&\r\n                  <>\r\n                    <Button\r\n                      className=\"map-source-list-entry-button\"\r\n                      title={editLayerDefButtonTitle}\r\n                      onClick={onItemEditButtonClicked}>\r\n                      <UiCore.Icon iconSpec=\"icon-edit\" />\r\n                    </Button>\r\n                    <Button\r\n                      className=\"map-source-list-entry-button\"\r\n                      title={removeLayerDefButtonTitle}\r\n                      onClick={(event: React.MouseEvent) => { onItemRemoveButtonClicked(source, event); }}>\r\n                      <UiCore.Icon iconSpec=\"icon-delete\" />\r\n                    </Button>\r\n                  </>}\r\n\r\n              </UiCore.ListboxItem>\r\n            )\r\n          }\r\n        </UiCore.Listbox>\r\n      </div>\r\n    </div>\r\n\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport enum AttachLayerButtonType {\r\n  Primary,\r\n  Blue,\r\n  Icon\r\n}\r\nexport interface AttachLayerPopupButtonProps {\r\n  isOverlay: boolean;\r\n  buttonType?: AttachLayerButtonType;\r\n}\r\n\r\n/** @internal */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function AttachLayerPopupButton(props: AttachLayerPopupButtonProps) {\r\n  const [showAttachLayerLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:AttachLayerPopup.Attach\"));\r\n  const [hideAttachLayerLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:AttachLayerPopup.Close\"));\r\n  const [addCustomLayerButtonLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:CustomAttach.AddCustomLayerButtonLabel\"));\r\n  const [popupOpen, setPopupOpen] = React.useState(false);\r\n  const buttonRef = React.useRef<HTMLButtonElement>(null);\r\n  const panelRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  // 'isMounted' is used to prevent any async operation once the hook has been\r\n  // unloaded.  Otherwise we get a 'Can't perform a React state update on an unmounted component.' warning in the console.\r\n  const isMounted = React.useRef(false);\r\n  React.useEffect(() => {\r\n    isMounted.current = true;\r\n    return () => {\r\n      isMounted.current = false;\r\n    };\r\n  }, []);\r\n\r\n  const togglePopup = React.useCallback(() => {\r\n    setPopupOpen(!popupOpen);\r\n  }, [popupOpen]);\r\n\r\n  const handleClosePopup = React.useCallback(() => {\r\n    setPopupOpen(false);\r\n  }, []);\r\n\r\n  const isInsideCoreDialog = React.useCallback((element: HTMLElement) => {\r\n    if (element.nodeName === \"DIV\") {\r\n      if (element.classList && element.classList.contains(\"core-dialog\"))\r\n        return true;\r\n      if (element.parentElement && isInsideCoreDialog(element.parentElement))\r\n        return true;\r\n    } else {\r\n      // istanbul ignore else\r\n      if (element.parentElement && isInsideCoreDialog(element.parentElement))\r\n        return true;\r\n    }\r\n    return false;\r\n  }, []);\r\n\r\n  const handleOutsideClick = React.useCallback((event: MouseEvent) => {\r\n    if (isInsideCoreDialog(event.target as HTMLElement)) {\r\n      return;\r\n    }\r\n\r\n    // If clicking on button that open panel -  don't trigger outside click processing\r\n    if (buttonRef?.current && buttonRef?.current.contains(event.target as Node)) {\r\n      return;\r\n    }\r\n\r\n    // If clicking the panel, this is not an outside clicked\r\n    if (panelRef.current && panelRef?.current.contains(event.target as Node)) {\r\n      return;\r\n    }\r\n\r\n    // If we reach this point, we got an outside clicked, no close the popup\r\n    setPopupOpen(false);\r\n\r\n  }, [isInsideCoreDialog]);\r\n\r\n  const { refreshFromStyle } = useSourceMapContext();\r\n\r\n  const handleLayerAttached = React.useCallback(() => {\r\n    if (!isMounted.current) {\r\n      return;\r\n    }\r\n    setPopupOpen(false);\r\n    refreshFromStyle();\r\n  }, [refreshFromStyle]);\r\n\r\n  function renderButton(): React.ReactNode {\r\n    let button: React.ReactNode;\r\n\r\n    if (props.buttonType === undefined || props.buttonType === AttachLayerButtonType.Icon) {\r\n      button = (\r\n        <button ref={buttonRef} className=\"map-manager-attach-layer-button\" title={popupOpen ? hideAttachLayerLabel : showAttachLayerLabel}\r\n          onClick={togglePopup}>\r\n          <UiCore.WebFontIcon iconName=\"icon-add\" />\r\n        </button>\r\n      );\r\n    } else {\r\n      const determineStyleType = () => {\r\n        switch (props.buttonType) {\r\n          case AttachLayerButtonType.Blue:\r\n            return \"high-visibility\";\r\n          case AttachLayerButtonType.Primary:\r\n          default:\r\n            return \"cta\";\r\n        }\r\n      };\r\n      const styleType = determineStyleType();\r\n      button = (\r\n        <Button ref={buttonRef} styleType={styleType} title={popupOpen ? hideAttachLayerLabel : showAttachLayerLabel}\r\n          onClick={togglePopup}>{addCustomLayerButtonLabel}</Button>\r\n      );\r\n    }\r\n\r\n    return button;\r\n  }\r\n\r\n  return (\r\n    <>\r\n      {renderButton()}\r\n      <UiCore.Popup\r\n        isOpen={popupOpen}\r\n        position={RelativePosition.BottomRight}\r\n        onClose={handleClosePopup}\r\n        onOutsideClick={handleOutsideClick}\r\n        target={buttonRef.current}\r\n        closeOnEnter={false}\r\n      >\r\n        <div ref={panelRef} className=\"map-sources-popup-panel\" >\r\n          <AttachLayerPanel isOverlay={props.isOverlay} onLayerAttached={handleLayerAttached} />\r\n        </div>\r\n      </UiCore.Popup >\r\n    </>\r\n  );\r\n}\r\n"]}

package/lib/ui/widget/BasemapPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasemapPanel.d.ts","sourceRoot":"","sources":["../../../src/ui/widget/BasemapPanel.tsx"],"names":[],"mappings":";AAgBA,OAAO,qBAAqB,CAAC;AAiB7B,gBAAgB;AAEhB,wBAAgB,YAAY,gBAwI3B"}

package/lib/ui/widget/BasemapPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BasemapPanel.js","sourceRoot":"","sources":["../../../src/ui/widget/BasemapPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n// cSpell:ignore droppable Sublayer Basemap\r\n\r\nimport * as React from \"react\";\r\nimport { BaseMapLayerSettings, ColorByName, ColorDef, MapLayerProps, MapLayerSettings } from \"@itwin/core-common\";\r\nimport { DisplayStyleState } from \"@itwin/core-frontend\";\r\nimport { ColorPickerDialog, ColorSwatch } from \"@itwin/imodel-components-react\";\r\nimport { OptionType, ThemedSelect, WebFontIcon } from \"@itwin/core-react\";\r\nimport { ActionMeta, ValueType } from \"react-select/src/types\";\r\nimport { ModalDialogManager } from \"@itwin/appui-react\";\r\nimport { TransparencyPopupButton } from \"./TransparencyPopupButton\";\r\nimport { useSourceMapContext } from \"./MapLayerManager\";\r\nimport \"./BasemapPanel.scss\";\r\nimport { MapLayersUiItemsProvider } from \"../MapLayersUiItemsProvider\";\r\n\r\nfunction getBaseMapFromStyle(displayStyle: DisplayStyleState | undefined) {\r\n  if (!displayStyle)\r\n    return undefined;\r\n\r\n  if (displayStyle.settings.mapImagery.backgroundBase instanceof MapLayerSettings || displayStyle.settings.mapImagery.backgroundBase instanceof ColorDef)\r\n    return displayStyle.settings.mapImagery.backgroundBase.toJSON();\r\n\r\n  return undefined;\r\n}\r\n\r\ninterface BaseOption extends OptionType {\r\n  color?: string;\r\n}\r\n\r\n/** @internal */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport function BasemapPanel() {\r\n  const [useColorLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:Basemap.ColorFill\"));\r\n  const { activeViewport, bases } = useSourceMapContext();\r\n\r\n  const [baseMapTransparencyValue, setBaseMapTransparencyValue] = React.useState(() => {\r\n    if (activeViewport)\r\n      return activeViewport.displayStyle.baseMapTransparency;\r\n    return 0;\r\n  });\r\n\r\n  const handleBasemapTransparencyChange = React.useCallback((transparency: number) => {\r\n    if (activeViewport) {\r\n      activeViewport.displayStyle.changeBaseMapTransparency(transparency);\r\n      activeViewport.invalidateRenderPlan();\r\n      setBaseMapTransparencyValue(transparency);\r\n    }\r\n  }, [activeViewport]);\r\n\r\n  const baseMapOptions = React.useMemo<BaseOption[]>(() => {\r\n    const baseOptions: BaseOption[] = [];\r\n\r\n    baseOptions.push({ value: useColorLabel, label: useColorLabel });\r\n\r\n    if (bases)\r\n      baseOptions.push(...bases.map((value) => ({ value: value.name, label: value.name })));\r\n    return baseOptions;\r\n  }, [bases, useColorLabel]);\r\n\r\n  const [presetColors] = React.useState([\r\n    ColorDef.create(ColorByName.grey),\r\n    ColorDef.create(ColorByName.lightGrey),\r\n    ColorDef.create(ColorByName.darkGrey),\r\n    ColorDef.create(ColorByName.lightBlue),\r\n    ColorDef.create(ColorByName.lightGreen),\r\n    ColorDef.create(ColorByName.darkGreen),\r\n    ColorDef.create(ColorByName.tan),\r\n    ColorDef.create(ColorByName.darkBrown),\r\n  ]);\r\n\r\n  const [selectedBaseMap, setSelectedBaseMap] = React.useState<MapLayerProps | number | undefined>(getBaseMapFromStyle(activeViewport?.displayStyle));\r\n  const baseIsColor = React.useMemo(() => typeof selectedBaseMap === \"number\", [selectedBaseMap]);\r\n  const baseIsMap = React.useMemo(() => !baseIsColor && (selectedBaseMap !== undefined), [baseIsColor, selectedBaseMap]);\r\n  const bgColor = React.useMemo(() => baseIsColor ? selectedBaseMap as number : presetColors[0].toJSON(), [baseIsColor, selectedBaseMap, presetColors]);\r\n  const [colorDialogTitle] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:ColorDialog.Title\"));\r\n  const selectedBaseMapValue = React.useMemo(() => {\r\n    if (baseIsMap) {\r\n      const mapName = (selectedBaseMap! as MapLayerProps).name;\r\n      const foundItem = baseMapOptions.find((value) => value.label === mapName);\r\n      if (foundItem)\r\n        return foundItem;\r\n    }\r\n    return baseMapOptions[0];\r\n  }, [selectedBaseMap, baseMapOptions, baseIsMap]);\r\n\r\n  const handleBackgroundColorDialogOk = React.useCallback((bgColorDef: ColorDef) => {\r\n    ModalDialogManager.closeDialog();\r\n    if (activeViewport) {\r\n      // change color and make sure previously set transparency is not lost.\r\n      const curTransparency = activeViewport.displayStyle.backgroundMapBase instanceof ColorDef ? activeViewport.displayStyle.backgroundMapBase.getTransparency() : 0;\r\n      activeViewport.displayStyle.backgroundMapBase = bgColorDef.withTransparency(curTransparency);\r\n      activeViewport.invalidateRenderPlan();\r\n      setSelectedBaseMap(bgColorDef.toJSON());\r\n    }\r\n  }, [activeViewport]);\r\n\r\n  const handleBackgroundColorDialogCancel = React.useCallback(() => {\r\n    ModalDialogManager.closeDialog();\r\n  }, []);\r\n\r\n  const handleBgColorClick = React.useCallback((newColor: ColorDef, e: React.MouseEvent<Element, MouseEvent>) => {\r\n    e.preventDefault();\r\n    ModalDialogManager.openDialog(<ColorPickerDialog dialogTitle={colorDialogTitle} color={newColor} colorPresets={presetColors}\r\n      onOkResult={handleBackgroundColorDialogOk} onCancelResult={handleBackgroundColorDialogCancel} />);\r\n  }, [presetColors, handleBackgroundColorDialogOk]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  const handleBaseMapSelection = React.useCallback((value: ValueType<BaseOption>, action: ActionMeta<BaseOption>) => {\r\n    if (bases && activeViewport && action.action === \"select-option\" && value) {\r\n      const baseMap = bases.find((map) => map.name === (value as BaseOption).label);\r\n      if (baseMap) {\r\n        const baseProps: MapLayerProps = baseMap.toJSON();\r\n        if (activeViewport.displayStyle.backgroundMapBase instanceof BaseMapLayerSettings) {\r\n          activeViewport.displayStyle.backgroundMapBase = activeViewport.displayStyle.backgroundMapBase.clone(baseProps);\r\n        } else {\r\n          activeViewport.displayStyle.backgroundMapBase = BaseMapLayerSettings.fromJSON(baseProps);\r\n        }\r\n        activeViewport.invalidateRenderPlan();\r\n        setSelectedBaseMap(baseProps);\r\n      } else {\r\n        const bgColorDef = ColorDef.fromJSON(bgColor);\r\n        const curTransparency = activeViewport.displayStyle.backgroundMapBase instanceof ColorDef ? activeViewport.displayStyle.backgroundMapBase.getTransparency() : 0;\r\n        activeViewport.displayStyle.backgroundMapBase = bgColorDef.withTransparency(curTransparency);\r\n        activeViewport.invalidateRenderPlan();\r\n        setSelectedBaseMap(bgColorDef.toJSON());\r\n      }\r\n    }\r\n  }, [bases, activeViewport, bgColor]);\r\n\r\n  const [baseMapVisible, setBaseMapVisible] = React.useState(() => {\r\n    if (activeViewport && activeViewport.displayStyle.backgroundMapBase instanceof MapLayerSettings) {\r\n      return activeViewport.displayStyle.backgroundMapBase.visible;\r\n    }\r\n    return false;\r\n  });\r\n\r\n  const handleVisibilityChange = React.useCallback(() => {\r\n    if (activeViewport) {\r\n      const newState = !baseMapVisible;\r\n      // BaseMap visibility is only support when backgroundBase is an instance of BaseMapLayerSettings (i.e not a color)...\r\n      if (activeViewport.displayStyle.backgroundMapBase instanceof BaseMapLayerSettings) {\r\n        activeViewport.displayStyle.backgroundMapBase = activeViewport.displayStyle.backgroundMapBase.clone({ visible: newState });\r\n        activeViewport.invalidateRenderPlan();\r\n      }\r\n      setBaseMapVisible(newState);\r\n    }\r\n  }, [baseMapVisible, activeViewport]);\r\n\r\n  const [baseLayerLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:Basemap.BaseLayer\"));\r\n  const [selectBaseMapLabel] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:Basemap.SelectBaseMap\"));\r\n  const [toggleVisibility] = React.useState(MapLayersUiItemsProvider.localization.getLocalizedString(\"mapLayers:Widget.ToggleVisibility\"));\r\n\r\n  return (\r\n    <>\r\n      <div className=\"map-manager-base-item\" >\r\n        <button className=\"map-manager-item-visibility\" title={toggleVisibility} onClick={handleVisibilityChange}>\r\n          <WebFontIcon iconName={baseMapVisible ? \"icon-visibility\" : \"icon-visibility-hide-2\"} />\r\n        </button>\r\n        <span className=\"map-manager-base-label\">{baseLayerLabel}</span>\r\n        <ThemedSelect options={baseMapOptions} closeMenuOnSelect placeholder={selectBaseMapLabel} value={selectedBaseMapValue} onChange={handleBaseMapSelection} />\r\n        {\r\n          baseIsColor &&\r\n          <ColorSwatch className=\"map-manager-base-item-color\" colorDef={ColorDef.fromJSON(bgColor)} round={false} onColorPick={handleBgColorClick} />\r\n        }\r\n        <TransparencyPopupButton transparency={baseMapTransparencyValue} onTransparencyChange={handleBasemapTransparencyChange} />\r\n      </div>\r\n    </>\r\n  );\r\n}\r\n"]}

package/lib/ui/widget/ConfirmMessageDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmMessageDialog.d.ts","sourceRoot":"","sources":["../../../src/ui/widget/ConfirmMessageDialog.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAU,MAAM,mBAAmB,CAAC;AAExD,OAAO,qBAAqB,CAAC;AAG7B,UAAU,yBAA0B,SAAQ,WAAW;IAErD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yJAAyJ;IACzJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,yIAAyI;IACzI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,0IAA0I;IAC1I,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAGD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eA2BpE"}

package/lib/ui/widget/ConfirmMessageDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmMessageDialog.js","sourceRoot":"","sources":["../../../src/ui/widget/ConfirmMessageDialog.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,8BAA8B;;;AAE9B,+BAA+B;AAC/B,kDAAwD;AAExD,+BAA6B;AAC7B,0DAAyD;AAoBzD,gEAAgE;AAChE,SAAgB,oBAAoB,CAAC,KAAgC;IAEnE,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA;YACxC,EAAE,IAAI,EAAE,iCAAgB,CAAC,GAAG,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;YACzE,EAAE,IAAI,EAAE,iCAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,MAAA,KAAK,CAAC,UAAU,mCAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE;SACxE,CAAA;KAAA,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,oBAAC,mBAAM,IACL,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK;QAEhB,iCAAM,KAAK,CAAC,OAAO,CAAO,CACnB,CACV,CAAC;AACJ,CAAC;AA3BD,oDA2BC","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 * as React from \"react\";\nimport { CommonProps, Dialog } from \"@itwin/core-react\";\n\nimport \"./MapUrlDialog.scss\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\n\ninterface ConfirmMessageDialogProps extends CommonProps {\n\n  /** Title to show in title bar of dialog */\n  title?: string | JSX.Element;\n  message?: string | JSX.Element;\n  onYesResult?: () => void;\n  onNoResult?: () => void;\n  onClose?: () => void;\n  onEscape?: () => void;\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function ConfirmMessageDialog(props: ConfirmMessageDialogProps) {\n\n  const buttonCluster = React.useMemo(() => [\n    { type: DialogButtonType.Yes, onClick: props.onYesResult ?? (() => { }) },\n    { type: DialogButtonType.No, onClick: props.onNoResult ?? (() => { }) },\n  ], [props.onYesResult, props.onNoResult]);\n\n  return (\n    <Dialog\n      className={props.className}\n      title={props.title}\n      opened={true}\n      resizable={false}\n      movable={true}\n      modal={true}\n      buttonCluster={buttonCluster}\n      onClose={props.onClose}\n      onEscape={props.onEscape}\n      minHeight={props.minHeight}\n      maxHeight={props.maxHeight}\n      minWidth={props.minWidth}\n      maxWidth={props.maxWidth}\n      trapFocus={false}\n    >\n      <div>{props.message}</div>\n    </Dialog>\n  );\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"MapLayerDroppable.d.ts","sourceRoot":"","sources":["../../../src/ui/widget/MapLayerDroppable.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAQrF,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,wBAAwB,CAAC;AAEhC,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,oBAAoB,EAAE,MAAM,WAAW,CAAC;IACxC,cAAc,EAAE,cAAc,CAAC;IAC/B,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACtF,6BAA6B,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjF,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,gBAAgB;AAEhB,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAqG9D"}