@itwin/map-layers 6.0.0-dev.3 → 6.0.0-dev.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/public/locales/en/mapLayers.json +0 -1
- package/lib/cjs/ui/widget/AttachLayerPopupButton.d.ts.map +1 -1
- package/lib/cjs/ui/widget/AttachLayerPopupButton.js +8 -11
- package/lib/cjs/ui/widget/AttachLayerPopupButton.js.map +1 -1
- package/lib/cjs/ui/widget/BasemapPanel.js +3 -1
- package/lib/cjs/ui/widget/BasemapPanel.js.map +1 -1
- package/lib/cjs/ui/widget/BasemapPanel.scss +8 -8
- package/lib/cjs/ui/widget/MapLayerDroppable.js +3 -3
- package/lib/cjs/ui/widget/MapLayerDroppable.js.map +1 -1
- package/lib/cjs/ui/widget/MapLayerManager.d.ts.map +1 -1
- package/lib/cjs/ui/widget/MapLayerManager.js +1 -2
- package/lib/cjs/ui/widget/MapLayerManager.js.map +1 -1
- package/lib/cjs/ui/widget/MapLayerManager.scss +25 -34
- package/lib/cjs/ui/widget/MapLayerSettingsPopupButton.scss +1 -3
- package/lib/cjs/ui/widget/MapManagerSettings.scss +2 -3
- package/lib/cjs/ui/widget/MapSelectFeaturesDialog.scss +1 -1
- package/lib/cjs/ui/widget/MapUrlDialog.scss +4 -7
- package/lib/cjs/ui/widget/SubLayersPopupButton.d.ts.map +1 -1
- package/lib/cjs/ui/widget/SubLayersPopupButton.js +1 -1
- package/lib/cjs/ui/widget/SubLayersPopupButton.js.map +1 -1
- package/lib/cjs/ui/widget/SubLayersTree.scss +0 -2
- package/lib/cjs/ui/widget/TransparencyPopupButton.scss +3 -4
- package/lib/esm/public/locales/en/mapLayers.json +0 -1
- package/lib/esm/ui/widget/AttachLayerPopupButton.d.ts.map +1 -1
- package/lib/esm/ui/widget/AttachLayerPopupButton.js +9 -12
- package/lib/esm/ui/widget/AttachLayerPopupButton.js.map +1 -1
- package/lib/esm/ui/widget/BasemapPanel.js +4 -2
- package/lib/esm/ui/widget/BasemapPanel.js.map +1 -1
- package/lib/esm/ui/widget/BasemapPanel.scss +8 -8
- package/lib/esm/ui/widget/MapLayerDroppable.js +4 -4
- package/lib/esm/ui/widget/MapLayerDroppable.js.map +1 -1
- package/lib/esm/ui/widget/MapLayerManager.d.ts.map +1 -1
- package/lib/esm/ui/widget/MapLayerManager.js +1 -2
- package/lib/esm/ui/widget/MapLayerManager.js.map +1 -1
- package/lib/esm/ui/widget/MapLayerManager.scss +25 -34
- package/lib/esm/ui/widget/MapLayerSettingsPopupButton.scss +1 -3
- package/lib/esm/ui/widget/MapManagerSettings.scss +2 -3
- package/lib/esm/ui/widget/MapSelectFeaturesDialog.scss +1 -1
- package/lib/esm/ui/widget/MapUrlDialog.scss +4 -7
- package/lib/esm/ui/widget/SubLayersPopupButton.d.ts.map +1 -1
- package/lib/esm/ui/widget/SubLayersPopupButton.js +2 -2
- package/lib/esm/ui/widget/SubLayersPopupButton.js.map +1 -1
- package/lib/esm/ui/widget/SubLayersTree.scss +0 -2
- package/lib/esm/ui/widget/TransparencyPopupButton.scss +3 -4
- package/lib/public/locales/en/mapLayers.json +0 -1
- package/package.json +1 -1
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
$hovered-icon-color: $buic-foreground-primary;
|
|
5
|
+
$hovered-icon-color: var(--iui-color-icon-accent);
|
|
8
6
|
|
|
9
7
|
.maplayers-settings-popup {
|
|
10
8
|
overflow: auto;
|
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
@import "~@itwin/core-react/lib/cjs/core-react/index";
|
|
6
5
|
|
|
7
|
-
$divider-color:
|
|
8
|
-
$hovered-icon-color:
|
|
6
|
+
$divider-color: var(--iui-color-background-disabled);
|
|
7
|
+
$hovered-icon-color: var(--iui-color-text-accent-hover);
|
|
9
8
|
|
|
10
9
|
.maplayers-settings-container {
|
|
11
10
|
display: grid;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
5
|
|
|
6
6
|
.map-layer-select-features-dialog {
|
|
7
|
-
z-index:
|
|
7
|
+
z-index: var(--uicore-z-index-cursor-overlay);
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.map-layer-select-features-dialog.core-dialog .core-dialog-container .core-dialog-area > .core-dialog-content {
|
|
@@ -2,14 +2,12 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
$
|
|
8
|
-
$hovered-icon-color: $buic-foreground-primary-tone;
|
|
9
|
-
$default-font-size: --iui-font-size-1;
|
|
5
|
+
$divider-color: var(--iui-color-background-disabled);
|
|
6
|
+
$hovered-icon-color: var(--iui-color-text-accent-hover);
|
|
7
|
+
$default-font-size: var(--iui-font-size-1);
|
|
10
8
|
|
|
11
9
|
.map-layer-url-dialog {
|
|
12
|
-
z-index:
|
|
10
|
+
z-index: var(--uicore-z-index-cursor-overlay);
|
|
13
11
|
}
|
|
14
12
|
|
|
15
13
|
.map-layer-url-dialog-content {
|
|
@@ -53,7 +51,6 @@ $default-font-size: --iui-font-size-1;
|
|
|
53
51
|
|
|
54
52
|
.map-layer-source-label {
|
|
55
53
|
font-size: $default-font-size;
|
|
56
|
-
color: $buic-foreground-body;
|
|
57
54
|
padding-right: 6px;
|
|
58
55
|
flex: initial;
|
|
59
56
|
width: fit-content;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubLayersPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersPopupButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SubLayersPopupButton.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersPopupButton.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,gBAAgB;AAEhB,MAAM,MAAM,yBAAyB,GAAG,mBAAmB,CAAC;AAE5D,gBAAgB;AAChB,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAuCpE"}
|
|
@@ -5,7 +5,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
|
5
5
|
*--------------------------------------------------------------------------------------------*/
|
|
6
6
|
import * as React from "react";
|
|
7
7
|
import { SvgLayers } from "@itwin/itwinui-icons-react";
|
|
8
|
-
import {
|
|
8
|
+
import { IconButton, Popover } from "@itwin/itwinui-react";
|
|
9
9
|
import { MapLayersUI } from "../../mapLayers";
|
|
10
10
|
import { SubLayersPanel } from "./SubLayersTree";
|
|
11
11
|
/** @internal */
|
|
@@ -17,6 +17,6 @@ export function SubLayersPopupButton(props) {
|
|
|
17
17
|
const togglePopup = React.useCallback(() => {
|
|
18
18
|
setPopupOpen(!popupOpen);
|
|
19
19
|
}, [popupOpen]);
|
|
20
|
-
return (_jsx(_Fragment, { children: _jsx(Popover, { content: _jsx("div", { className: "map-transparency-popup-panel", children: _jsx("div", { className: "map-manager-sublayer-panel", children: _jsx(SubLayersPanel, { ...props, width: 390, height: 350 }) }) }), visible: popupOpen, onVisibleChange: setPopupOpen, placement: "bottom-end", applyBackground: true, positionReference: buttonRef.current ?? undefined, children: _jsx(
|
|
20
|
+
return (_jsx(_Fragment, { children: _jsx(Popover, { content: _jsx("div", { className: "map-transparency-popup-panel", children: _jsx("div", { className: "map-manager-sublayer-panel", children: _jsx(SubLayersPanel, { ...props, width: 390, height: 350 }) }) }), visible: popupOpen, onVisibleChange: setPopupOpen, placement: "bottom-end", applyBackground: true, positionReference: buttonRef.current ?? undefined, children: _jsx(IconButton, { size: "small", styleType: "borderless", ref: buttonRef, className: "map-manager-item-sub-layer-button", label: popupOpen ? hideSubLayersLabel : showSubLayersLabel, onClick: togglePopup, children: _jsx(SvgLayers, {}) }) }) }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=SubLayersPopupButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubLayersPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersPopupButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SubLayersPopupButton.js","sourceRoot":"","sources":["../../../../src/ui/widget/SubLayersPopupButton.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AASjD,gBAAgB;AAChB,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,0BAA0B,CAAC,CAAC,CAAC;IACrH,MAAM,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,0BAA0B,CAAC,CAAC,CAAC;IACrH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,4BACE,KAAC,OAAO,IACN,OAAO,EACL,cAAK,SAAS,EAAC,8BAA8B,YAC3C,cAAK,SAAS,EAAC,4BAA4B,YACzC,KAAC,cAAc,OAAK,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,GAClD,GACF,EAER,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE,YAAY,EAC7B,SAAS,EAAC,YAAY,EACtB,eAAe,QACf,iBAAiB,EAAE,SAAS,CAAC,OAAO,IAAI,SAAS,YAEjD,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,EAC1D,OAAO,EAAE,WAAW,YAEpB,KAAC,SAAS,KAAG,GACF,GACL,GACT,CACJ,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { SvgLayers } from \"@itwin/itwinui-icons-react\";\nimport { IconButton, Popover } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { SubLayersPanel } from \"./SubLayersTree\";\n\nimport type { SubLayersPanelProps } from \"./SubLayersTree\";\n// cSpell:ignore droppable Sublayer\n\n/** @internal */\n\nexport type SubLayersPopupButtonProps = SubLayersPanelProps;\n\n/** @internal */\nexport function SubLayersPopupButton(props: SubLayersPopupButtonProps) {\n const [showSubLayersLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.Show\"));\n const [hideSubLayersLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:SubLayers.Hide\"));\n const [popupOpen, setPopupOpen] = React.useState(false);\n const buttonRef = React.useRef<HTMLButtonElement>(null);\n\n const togglePopup = React.useCallback(() => {\n setPopupOpen(!popupOpen);\n }, [popupOpen]);\n\n return (\n <>\n <Popover\n content={\n <div className=\"map-transparency-popup-panel\">\n <div className=\"map-manager-sublayer-panel\">\n <SubLayersPanel {...props} width={390} height={350} />\n </div>\n </div>\n }\n visible={popupOpen}\n onVisibleChange={setPopupOpen}\n placement=\"bottom-end\"\n applyBackground\n positionReference={buttonRef.current ?? undefined}\n >\n <IconButton\n size=\"small\"\n styleType=\"borderless\"\n ref={buttonRef}\n className=\"map-manager-item-sub-layer-button\"\n label={popupOpen ? hideSubLayersLabel : showSubLayersLabel}\n onClick={togglePopup}\n >\n <SvgLayers />\n </IconButton>\n </Popover>\n </>\n );\n}\n"]}
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
@import "~@itwin/core-react/lib/cjs/core-react/index";
|
|
6
|
-
|
|
7
5
|
.map-manager-sublayer-panel {
|
|
8
6
|
.map-manager-sublayer-tree {
|
|
9
7
|
height: 100%;
|
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
|
|
3
3
|
* See LICENSE.md in the project root for license terms and full copyright notice.
|
|
4
4
|
*--------------------------------------------------------------------------------------------*/
|
|
5
|
-
@import "~@itwin/core-react/lib/cjs/core-react/index";
|
|
6
5
|
|
|
7
6
|
.map-transparency-popup-panel {
|
|
8
|
-
z-index:
|
|
7
|
+
z-index: var(--uicore-z-index-modal-frontstage);
|
|
9
8
|
display: flex;
|
|
10
9
|
flex-direction: row;
|
|
11
10
|
|
|
@@ -26,10 +25,10 @@
|
|
|
26
25
|
}
|
|
27
26
|
|
|
28
27
|
svg.checkered {
|
|
29
|
-
fill:
|
|
28
|
+
fill: var(--iui-color-text);
|
|
30
29
|
}
|
|
31
30
|
|
|
32
31
|
svg.checkered-disabled {
|
|
33
|
-
fill:
|
|
32
|
+
fill: var(--iui-color-text-muted);
|
|
34
33
|
}
|
|
35
34
|
}
|