@opengeoweb/core 4.13.1 → 4.14.1
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/index.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ import React__default, { Component, useRef, useState, useEffect, useCallback } f
|
|
|
6
6
|
import _, { debounce, isEqual, escapeRegExp, groupBy, throttle, range } from 'lodash';
|
|
7
7
|
import { takeLatest, put, select, call, takeEvery, all, delay } from 'redux-saga/effects';
|
|
8
8
|
import { connect, useDispatch, useSelector, Provider } from 'react-redux';
|
|
9
|
-
import { CustomTooltip, ToolButton, ToolContainerDraggable,
|
|
9
|
+
import { CustomTooltip, ToolButton, ToolContainerDraggable, TooltipSelect, AlertIcon, useControlledTooltip, tooltipContainerStyles, sliderHeaderStyle, CustomSlider, ToggleMenu, CustomAccordion, EnableButton, ManagerDeleteButton, AlertBanner, ManagerButton, calculateDialogSizeAndPosition, useIsMounted, CustomToggleButton, useMakeSureContainerStaysInsideWindow, withEggs } from '@opengeoweb/shared';
|
|
10
10
|
import { Pause, Play, CollapseSmall, CollapseMedium, CollapseLarge, CollapseWindow, ExpandWindow, Add, Copy, None, Both, DragHandle as DragHandle$1, Cached, Filter, Search, Clear, Info, DimensionsOther, DimensionsElevation, DimensionsRefTime, DimensionsTime, Edit, Visibility, Delete, Close, Home, Minus, Layers, Equalizer, Link, LinkOff, AutoUpdateActive, AutoUpdateInActive, Speed, FastForward, Clock, Now, Animation, Options, StepForward, StepBackward, dragHandlePath, ChevronDown, ChevronUp, List as List$1, ChevronRight, ChevronLeft, Resize, ExitDomain, ThemeWrapper, lightTheme } from '@opengeoweb/theme';
|
|
11
11
|
import { Paper, Box, Typography, IconButton, Grid, MenuItem, Button, Popper, ListItemText, ListItemIcon, FormControl, InputLabel, List, ListItem, CircularProgress, ListSubheader, Dialog, DialogTitle, DialogContent, DialogContentText, TextField, DialogActions, LinearProgress, InputAdornment, Backdrop, ListItemSecondaryAction, Checkbox, Switch, styled, Slider, Menu, useTheme, Snackbar } from '@mui/material';
|
|
12
12
|
import { legendImageStore, WMImageEventType, getLegendGraphicURLForLayer, WMGetServiceFromStore, LayerType as LayerType$1, clearImageCache, getMapImageStore, WMBBOX, debug, DebugType, WMJSMap, WMLayer } from '@opengeoweb/webmap';
|
|
@@ -9568,7 +9568,7 @@ var columnClasses = {
|
|
|
9568
9568
|
column6: 'column-6',
|
|
9569
9569
|
column7: 'column-7'
|
|
9570
9570
|
};
|
|
9571
|
-
var layerManagerStyle =
|
|
9571
|
+
var layerManagerStyle = {
|
|
9572
9572
|
'.layerManagerContainer': {
|
|
9573
9573
|
containerType: 'inline-size'
|
|
9574
9574
|
},
|
|
@@ -9616,8 +9616,7 @@ var layerManagerStyle = Object.assign({
|
|
|
9616
9616
|
},
|
|
9617
9617
|
'.collapseLarge-btn': {
|
|
9618
9618
|
display: 'none'
|
|
9619
|
-
}
|
|
9620
|
-
}, !IS_JEST && {
|
|
9619
|
+
},
|
|
9621
9620
|
'@container (max-width: 320px)': {
|
|
9622
9621
|
'.layermanager': {
|
|
9623
9622
|
'.column-1': {
|
|
@@ -9716,7 +9715,7 @@ var layerManagerStyle = Object.assign({
|
|
|
9716
9715
|
}
|
|
9717
9716
|
}
|
|
9718
9717
|
}
|
|
9719
|
-
}
|
|
9718
|
+
};
|
|
9720
9719
|
var returnCorrectSize = function returnCorrectSize(sizeResult) {
|
|
9721
9720
|
if (sizeResult === 'sizeSmall') return sizeSmall;
|
|
9722
9721
|
if (sizeResult === 'sizeMedium') return sizeMedium;
|
|
@@ -16194,7 +16193,7 @@ var SmallFontSlider = styled(Slider)(function () {
|
|
|
16194
16193
|
|
|
16195
16194
|
var DimensionSelectSlider = function DimensionSelectSlider(_ref) {
|
|
16196
16195
|
var marks = _ref.marks,
|
|
16197
|
-
|
|
16196
|
+
layerTitle = _ref.layerTitle,
|
|
16198
16197
|
_ref$reverse = _ref.reverse,
|
|
16199
16198
|
reverse = _ref$reverse === void 0 ? false : _ref$reverse,
|
|
16200
16199
|
_ref$isDisabled = _ref.isDisabled,
|
|
@@ -16264,7 +16263,7 @@ var DimensionSelectSlider = function DimensionSelectSlider(_ref) {
|
|
|
16264
16263
|
if (!managedValue) setCurrentIndex(val);
|
|
16265
16264
|
}
|
|
16266
16265
|
}))), /*#__PURE__*/React.createElement(CustomTooltip, {
|
|
16267
|
-
title:
|
|
16266
|
+
title: layerTitle
|
|
16268
16267
|
}, /*#__PURE__*/React.createElement(Typography, {
|
|
16269
16268
|
variant: "body2",
|
|
16270
16269
|
sx: {
|
|
@@ -16273,7 +16272,7 @@ var DimensionSelectSlider = function DimensionSelectSlider(_ref) {
|
|
|
16273
16272
|
overflow: 'hidden',
|
|
16274
16273
|
textOverflow: 'ellipsis'
|
|
16275
16274
|
}
|
|
16276
|
-
},
|
|
16275
|
+
}, layerTitle)));
|
|
16277
16276
|
};
|
|
16278
16277
|
|
|
16279
16278
|
/* *
|
|
@@ -16373,7 +16372,7 @@ var DimensionSelectSliderConnect = function DimensionSelectSliderConnect(_ref) {
|
|
|
16373
16372
|
return null;
|
|
16374
16373
|
}
|
|
16375
16374
|
|
|
16376
|
-
var
|
|
16375
|
+
var layerTitle = wmLayer.title;
|
|
16377
16376
|
var marks = marksByDimension(wmsDimension);
|
|
16378
16377
|
var isLayerDimensionSynced = layerDimension.synced !== undefined && layerDimension.synced === true;
|
|
16379
16378
|
var tooltipTitle = isLayerDimensionSynced ? 'Click to disconnect layer' : 'Click to connect layer';
|
|
@@ -16401,7 +16400,7 @@ var DimensionSelectSliderConnect = function DimensionSelectSliderConnect(_ref) {
|
|
|
16401
16400
|
}
|
|
16402
16401
|
}, /*#__PURE__*/React.createElement(Icon, null))), /*#__PURE__*/React.createElement(DimensionSelectSlider, {
|
|
16403
16402
|
marks: marks,
|
|
16404
|
-
|
|
16403
|
+
layerTitle: layerTitle,
|
|
16405
16404
|
reverse: dimConfig ? dimConfig.reversed : false,
|
|
16406
16405
|
managedValue: Number(layerDimension.currentValue) || layerDimension.currentValue,
|
|
16407
16406
|
onChangeDimensionValue: function onChangeDimensionValue(value) {
|
package/index.umd.js
CHANGED
|
@@ -9936,7 +9936,7 @@
|
|
|
9936
9936
|
column6: 'column-6',
|
|
9937
9937
|
column7: 'column-7'
|
|
9938
9938
|
};
|
|
9939
|
-
var layerManagerStyle =
|
|
9939
|
+
var layerManagerStyle = {
|
|
9940
9940
|
'.layerManagerContainer': {
|
|
9941
9941
|
containerType: 'inline-size'
|
|
9942
9942
|
},
|
|
@@ -9984,8 +9984,7 @@
|
|
|
9984
9984
|
},
|
|
9985
9985
|
'.collapseLarge-btn': {
|
|
9986
9986
|
display: 'none'
|
|
9987
|
-
}
|
|
9988
|
-
}, !shared.IS_JEST && {
|
|
9987
|
+
},
|
|
9989
9988
|
'@container (max-width: 320px)': {
|
|
9990
9989
|
'.layermanager': {
|
|
9991
9990
|
'.column-1': {
|
|
@@ -10084,7 +10083,7 @@
|
|
|
10084
10083
|
}
|
|
10085
10084
|
}
|
|
10086
10085
|
}
|
|
10087
|
-
}
|
|
10086
|
+
};
|
|
10088
10087
|
var returnCorrectSize = function returnCorrectSize(sizeResult) {
|
|
10089
10088
|
if (sizeResult === 'sizeSmall') return sizeSmall;
|
|
10090
10089
|
if (sizeResult === 'sizeMedium') return sizeMedium;
|
|
@@ -16920,7 +16919,7 @@
|
|
|
16920
16919
|
|
|
16921
16920
|
var DimensionSelectSlider = function DimensionSelectSlider(_a) {
|
|
16922
16921
|
var marks = _a.marks,
|
|
16923
|
-
|
|
16922
|
+
layerTitle = _a.layerTitle,
|
|
16924
16923
|
_b = _a.reverse,
|
|
16925
16924
|
reverse = _b === void 0 ? false : _b,
|
|
16926
16925
|
_c = _a.isDisabled,
|
|
@@ -16989,7 +16988,7 @@
|
|
|
16989
16988
|
if (!managedValue) setCurrentIndex(val);
|
|
16990
16989
|
}
|
|
16991
16990
|
}))), /*#__PURE__*/React__namespace.createElement(shared.CustomTooltip, {
|
|
16992
|
-
title:
|
|
16991
|
+
title: layerTitle
|
|
16993
16992
|
}, /*#__PURE__*/React__namespace.createElement(material.Typography, {
|
|
16994
16993
|
variant: "body2",
|
|
16995
16994
|
sx: {
|
|
@@ -16998,7 +16997,7 @@
|
|
|
16998
16997
|
overflow: 'hidden',
|
|
16999
16998
|
textOverflow: 'ellipsis'
|
|
17000
16999
|
}
|
|
17001
|
-
},
|
|
17000
|
+
}, layerTitle)));
|
|
17002
17001
|
};
|
|
17003
17002
|
|
|
17004
17003
|
/* *
|
|
@@ -17097,7 +17096,7 @@
|
|
|
17097
17096
|
return null;
|
|
17098
17097
|
}
|
|
17099
17098
|
|
|
17100
|
-
var
|
|
17099
|
+
var layerTitle = wmLayer.title;
|
|
17101
17100
|
var marks = marksByDimension(wmsDimension);
|
|
17102
17101
|
var isLayerDimensionSynced = layerDimension.synced !== undefined && layerDimension.synced === true;
|
|
17103
17102
|
var tooltipTitle = isLayerDimensionSynced ? 'Click to disconnect layer' : 'Click to connect layer';
|
|
@@ -17125,7 +17124,7 @@
|
|
|
17125
17124
|
}
|
|
17126
17125
|
}, /*#__PURE__*/React__namespace.createElement(Icon, null))), /*#__PURE__*/React__namespace.createElement(DimensionSelectSlider, {
|
|
17127
17126
|
marks: marks,
|
|
17128
|
-
|
|
17127
|
+
layerTitle: layerTitle,
|
|
17129
17128
|
reverse: dimConfig ? dimConfig.reversed : false,
|
|
17130
17129
|
managedValue: Number(layerDimension.currentValue) || layerDimension.currentValue,
|
|
17131
17130
|
onChangeDimensionValue: function onChangeDimensionValue(value) {
|
|
@@ -10,7 +10,52 @@ export declare const columnClasses: {
|
|
|
10
10
|
column7: string;
|
|
11
11
|
};
|
|
12
12
|
export declare const layerManagerStyle: {
|
|
13
|
-
'
|
|
13
|
+
'.layerManagerContainer': {
|
|
14
|
+
containerType: string;
|
|
15
|
+
};
|
|
16
|
+
'.is-dragging header+.MuiBox-root': {
|
|
17
|
+
overflow: string;
|
|
18
|
+
};
|
|
19
|
+
'.column-1': {
|
|
20
|
+
width: number;
|
|
21
|
+
display: string;
|
|
22
|
+
background: string;
|
|
23
|
+
};
|
|
24
|
+
'.column-2': {
|
|
25
|
+
width: string;
|
|
26
|
+
};
|
|
27
|
+
'.column-3': {
|
|
28
|
+
width: string;
|
|
29
|
+
};
|
|
30
|
+
'.column-4': {
|
|
31
|
+
width: string;
|
|
32
|
+
};
|
|
33
|
+
'.column-5': {
|
|
34
|
+
width: string;
|
|
35
|
+
};
|
|
36
|
+
'.column-6': {
|
|
37
|
+
width: number;
|
|
38
|
+
display: string;
|
|
39
|
+
};
|
|
40
|
+
'.column-7': {
|
|
41
|
+
width: string;
|
|
42
|
+
};
|
|
43
|
+
'.enable-btn-mini': {
|
|
44
|
+
display: string;
|
|
45
|
+
};
|
|
46
|
+
'.header-layermanager': {
|
|
47
|
+
containerType: string;
|
|
48
|
+
};
|
|
49
|
+
'.header-mapPresets': {
|
|
50
|
+
display: string;
|
|
51
|
+
};
|
|
52
|
+
'.medium-layermanager': {
|
|
53
|
+
display: string;
|
|
54
|
+
};
|
|
55
|
+
'.collapseLarge-btn': {
|
|
56
|
+
display: string;
|
|
57
|
+
};
|
|
58
|
+
'@container (max-width: 320px)': {
|
|
14
59
|
'.layermanager': {
|
|
15
60
|
'.column-1': {
|
|
16
61
|
width: string;
|
|
@@ -48,8 +93,8 @@ export declare const layerManagerStyle: {
|
|
|
48
93
|
display: string;
|
|
49
94
|
};
|
|
50
95
|
};
|
|
51
|
-
}
|
|
52
|
-
'@container (max-width: 600px)'
|
|
96
|
+
};
|
|
97
|
+
'@container (max-width: 600px)': {
|
|
53
98
|
'.layermanager': {
|
|
54
99
|
'.column-3, .column-4, .column-5, .column-6, .column-7': {
|
|
55
100
|
display: string;
|
|
@@ -78,8 +123,8 @@ export declare const layerManagerStyle: {
|
|
|
78
123
|
display: string;
|
|
79
124
|
};
|
|
80
125
|
};
|
|
81
|
-
}
|
|
82
|
-
'@container (max-width: 600px) and (min-width: 321px)'
|
|
126
|
+
};
|
|
127
|
+
'@container (max-width: 600px) and (min-width: 321px)': {
|
|
83
128
|
'.layermanager': {
|
|
84
129
|
'.medium-layermanager': {
|
|
85
130
|
display: string;
|
|
@@ -104,51 +149,6 @@ export declare const layerManagerStyle: {
|
|
|
104
149
|
display: string;
|
|
105
150
|
};
|
|
106
151
|
};
|
|
107
|
-
} | undefined;
|
|
108
|
-
'.layerManagerContainer': {
|
|
109
|
-
containerType: string;
|
|
110
|
-
};
|
|
111
|
-
'.is-dragging header+.MuiBox-root': {
|
|
112
|
-
overflow: string;
|
|
113
|
-
};
|
|
114
|
-
'.column-1': {
|
|
115
|
-
width: number;
|
|
116
|
-
display: string;
|
|
117
|
-
background: string;
|
|
118
|
-
};
|
|
119
|
-
'.column-2': {
|
|
120
|
-
width: string;
|
|
121
|
-
};
|
|
122
|
-
'.column-3': {
|
|
123
|
-
width: string;
|
|
124
|
-
};
|
|
125
|
-
'.column-4': {
|
|
126
|
-
width: string;
|
|
127
|
-
};
|
|
128
|
-
'.column-5': {
|
|
129
|
-
width: string;
|
|
130
|
-
};
|
|
131
|
-
'.column-6': {
|
|
132
|
-
width: number;
|
|
133
|
-
display: string;
|
|
134
|
-
};
|
|
135
|
-
'.column-7': {
|
|
136
|
-
width: string;
|
|
137
|
-
};
|
|
138
|
-
'.enable-btn-mini': {
|
|
139
|
-
display: string;
|
|
140
|
-
};
|
|
141
|
-
'.header-layermanager': {
|
|
142
|
-
containerType: string;
|
|
143
|
-
};
|
|
144
|
-
'.header-mapPresets': {
|
|
145
|
-
display: string;
|
|
146
|
-
};
|
|
147
|
-
'.medium-layermanager': {
|
|
148
|
-
display: string;
|
|
149
|
-
};
|
|
150
|
-
'.collapseLarge-btn': {
|
|
151
|
-
display: string;
|
|
152
152
|
};
|
|
153
153
|
};
|
|
154
154
|
export declare const returnCorrectSize: (sizeResult: DockedLayerManagerSize | undefined) => Size;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opengeoweb/core",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.14.1",
|
|
4
4
|
"description": "GeoWeb Core library for the opengeoweb project",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -13,30 +13,30 @@
|
|
|
13
13
|
"dependencies": {},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"react": "^18.2.0",
|
|
16
|
-
"@opengeoweb/shared": "4.
|
|
16
|
+
"@opengeoweb/shared": "4.14.1",
|
|
17
17
|
"@mui/material": "^5.10.8",
|
|
18
|
-
"@opengeoweb/theme": "4.
|
|
18
|
+
"@opengeoweb/theme": "4.14.1",
|
|
19
19
|
"react-draggable": "^4.4.5",
|
|
20
20
|
"re-resizable": "^6.9.0",
|
|
21
21
|
"@redux-eggs/core": "^2.2.0",
|
|
22
22
|
"react-redux": "^8.0.4",
|
|
23
|
-
"@opengeoweb/form-fields": "4.13.1",
|
|
24
|
-
"react-hook-form": "^7.41.5",
|
|
25
|
-
"moment": "^2.29.0",
|
|
26
|
-
"moment-timezone": "^0.5.31",
|
|
27
|
-
"@mui/x-date-pickers": "^5.0.4",
|
|
28
23
|
"lodash": "^4.17.20",
|
|
29
24
|
"axios": "^0.25.0",
|
|
30
25
|
"date-fns": "^2.29.3",
|
|
31
|
-
"
|
|
26
|
+
"moment": "^2.29.0",
|
|
27
|
+
"@opengeoweb/webmap": "4.14.1",
|
|
32
28
|
"throttle-debounce": "^3.0.1",
|
|
33
29
|
"proj4": "^2.6.2",
|
|
34
|
-
"@opengeoweb/api": "4.
|
|
30
|
+
"@opengeoweb/api": "4.14.1",
|
|
35
31
|
"react-intl": "^5.17.5",
|
|
36
32
|
"react-sortablejs": "^6.1.4",
|
|
37
33
|
"sortablejs": "^1.15.0",
|
|
38
34
|
"immer": "^9.0.15",
|
|
39
35
|
"react-window": "^1.8.7",
|
|
36
|
+
"@opengeoweb/form-fields": "4.14.1",
|
|
37
|
+
"react-hook-form": "^7.41.5",
|
|
38
|
+
"moment-timezone": "^0.5.31",
|
|
39
|
+
"@mui/x-date-pickers": "^5.0.4",
|
|
40
40
|
"@reduxjs/toolkit": "^1.8.3",
|
|
41
41
|
"lodash.clonedeep": "^4.5.0",
|
|
42
42
|
"@turf/turf": "^5.1.6",
|