@opengeoweb/core 9.15.0 → 9.16.0
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 +54 -60
- package/package.json +1 -1
- package/src/index.d.ts +2 -0
- package/src/lib/components/LayerManager/LayerManager.stories.d.ts +10 -10
- package/src/lib/components/LayerManager/LayerManagerUtils.d.ts +1 -1
- package/src/lib/components/MapViewConnect/MapViewConnect.MapPin.stories.d.ts +2 -2
- package/src/lib/components/Providers/Providers.d.ts +2 -5
- package/src/lib/storyshots/Storyshots.spec.d.ts +0 -1
package/index.esm.js
CHANGED
|
@@ -7,7 +7,7 @@ import { useDispatch, useSelector, connect, useStore, Provider } from 'react-red
|
|
|
7
7
|
import { ReactSortable } from 'react-sortablejs';
|
|
8
8
|
import Sortable from 'sortablejs';
|
|
9
9
|
import { layerTypes, layerUtils, layerActions, layerSelectors, serviceSelectors, serviceActions, mapSelectors, mapActions, mapEnums, uiSelectors, uiTypes, useSetupDialog, filterLayers, getUserAddedServices, uiActions, genericActions, drawtoolSelectors, syncConstants, loadingIndicatorActions, IS_LEGEND_OPEN_BY_DEFAULT, defaultLayers, mapStoreActions, getSingularDrawtoolDrawLayerId, syncGroupsSelectors, syncGroupsSelector, coreModuleConfig, routerUtils, routerModuleConfig } from '@opengeoweb/store';
|
|
10
|
-
import { LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, ZoomControls, MapView, MapViewLayer, LegendDialog, registerDrawFunction, emptyGeoJSON, MapControls, publicLayers } from '@opengeoweb/webmap-react';
|
|
10
|
+
import { LayerInfoButton, LayerInfoDialog, MapControlButton, MapDimensionSelect, dimensionConfig, DimensionSelectDialog, DimensionSelectButton, ZoomControls, MapView, MapViewLayer, LegendDialog, registerDrawFunction, emptyGeoJSON, MapControls, publicLayers, WEBMAP_REACT_NAMESPACE, webmapReactTranslations } from '@opengeoweb/webmap-react';
|
|
11
11
|
import { webmapUtils, getCapabilities, WMGetServiceFromStore, LayerType, handleDateUtilsISOString, wmServiceListener, EVENT_GETCAPABILITIES_START, EVENT_GETCAPABILITIES_READY, WMLayer } from '@opengeoweb/webmap';
|
|
12
12
|
import { Box as Box$1 } from '@mui/system';
|
|
13
13
|
import { defaultTimeSpan, TIME_SLIDER_LEGEND_HEIGHT, SpeedButton, TimeStepButton, AnimationLengthButton, AnimationLength, TimeSpanButton, marks as marks$1, secondsPerPxFromCanvasWidth, getNewCenterOfFixedPointZoom, OptionsMenuButton, PlayButton, defaultTimeStep, BackwardForwardStepButton, AutoUpdateButton, NowButton, handleSetNowEvent, TimeSliderButtons, TimeSliderCurrentTimeBox, TimeSliderLegend, TimeSlider, onsetNewDateDebounced, getFilteredTime, ControlButtons, OptionsMenu, TimeSliderClock } from '@opengeoweb/timeslider';
|
|
@@ -16,10 +16,29 @@ import { LayerSelectButtonConnect, LayerSelectConnect, layerSelectConfig } from
|
|
|
16
16
|
import axios from 'axios';
|
|
17
17
|
import * as DOMPurify from 'dompurify';
|
|
18
18
|
import i18n from 'i18next';
|
|
19
|
-
import { initReactI18next, I18nextProvider
|
|
19
|
+
import { initReactI18next, I18nextProvider } from 'react-i18next';
|
|
20
20
|
import { SnackbarWrapperConnect } from '@opengeoweb/snackbar';
|
|
21
21
|
import { useNavigate } from 'react-router-dom';
|
|
22
22
|
|
|
23
|
+
var en = {
|
|
24
|
+
core: "Core"
|
|
25
|
+
};
|
|
26
|
+
var fi = {
|
|
27
|
+
core: "Core"
|
|
28
|
+
};
|
|
29
|
+
var no = {
|
|
30
|
+
core: "Core"
|
|
31
|
+
};
|
|
32
|
+
var nl = {
|
|
33
|
+
core: "Core"
|
|
34
|
+
};
|
|
35
|
+
var coreTranslations = {
|
|
36
|
+
en: en,
|
|
37
|
+
fi: fi,
|
|
38
|
+
no: no,
|
|
39
|
+
nl: nl
|
|
40
|
+
};
|
|
41
|
+
|
|
23
42
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
24
43
|
|
|
25
44
|
var fails$n = function (exec) {
|
|
@@ -1896,7 +1915,7 @@ const layerManagerStyle = {
|
|
|
1896
1915
|
}
|
|
1897
1916
|
},
|
|
1898
1917
|
'.header-layermanager': {
|
|
1899
|
-
'.header-left
|
|
1918
|
+
'.header-left': {
|
|
1900
1919
|
display: 'none'
|
|
1901
1920
|
},
|
|
1902
1921
|
'&>div': {
|
|
@@ -5883,10 +5902,10 @@ const preloadedDefaultBaseServices = baseServices;
|
|
|
5883
5902
|
const preloadedDefaultMapServices = services;
|
|
5884
5903
|
|
|
5885
5904
|
var defaultConfigurations = /*#__PURE__*/Object.freeze({
|
|
5886
|
-
|
|
5887
|
-
|
|
5888
|
-
|
|
5889
|
-
|
|
5905
|
+
__proto__: null,
|
|
5906
|
+
availableDefaultBaseLayers: availableDefaultBaseLayers,
|
|
5907
|
+
preloadedDefaultBaseServices: preloadedDefaultBaseServices,
|
|
5908
|
+
preloadedDefaultMapServices: preloadedDefaultMapServices
|
|
5890
5909
|
});
|
|
5891
5910
|
|
|
5892
5911
|
const validateServiceUrl = url => {
|
|
@@ -10680,38 +10699,19 @@ const simplePolygonGeoJSON = {
|
|
|
10680
10699
|
};
|
|
10681
10700
|
|
|
10682
10701
|
var testLayers = /*#__PURE__*/Object.freeze({
|
|
10683
|
-
|
|
10684
|
-
|
|
10685
|
-
|
|
10686
|
-
|
|
10687
|
-
|
|
10688
|
-
|
|
10689
|
-
|
|
10690
|
-
|
|
10691
|
-
|
|
10692
|
-
|
|
10693
|
-
|
|
10702
|
+
__proto__: null,
|
|
10703
|
+
baseLayer: baseLayer,
|
|
10704
|
+
baseLayerGrey: baseLayerGrey,
|
|
10705
|
+
baseLayerOpenStreetMapNL: baseLayerOpenStreetMapNL,
|
|
10706
|
+
baseLayerArcGisCanvas: baseLayerArcGisCanvas,
|
|
10707
|
+
baseLayerWorldMap: baseLayerWorldMap,
|
|
10708
|
+
baseLayerArcGisSat: baseLayerArcGisSat,
|
|
10709
|
+
overLayer: overLayer,
|
|
10710
|
+
overLayer2: overLayer2,
|
|
10711
|
+
radarLayer: radarLayer,
|
|
10712
|
+
simplePolygonGeoJSON: simplePolygonGeoJSON
|
|
10694
10713
|
});
|
|
10695
10714
|
|
|
10696
|
-
var en = {
|
|
10697
|
-
core: "Core"
|
|
10698
|
-
};
|
|
10699
|
-
var fi = {
|
|
10700
|
-
core: "Core"
|
|
10701
|
-
};
|
|
10702
|
-
var no = {
|
|
10703
|
-
core: "Core"
|
|
10704
|
-
};
|
|
10705
|
-
var nl = {
|
|
10706
|
-
core: "Core"
|
|
10707
|
-
};
|
|
10708
|
-
var coreTranslations = {
|
|
10709
|
-
en: en,
|
|
10710
|
-
fi: fi,
|
|
10711
|
-
no: no,
|
|
10712
|
-
nl: nl
|
|
10713
|
-
};
|
|
10714
|
-
|
|
10715
10715
|
/* *
|
|
10716
10716
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
10717
10717
|
* you may not use this file except in compliance with the License.
|
|
@@ -10738,16 +10738,20 @@ const initCoreReactI18n = () => {
|
|
|
10738
10738
|
},
|
|
10739
10739
|
resources: {
|
|
10740
10740
|
en: {
|
|
10741
|
-
|
|
10741
|
+
[CORE_NAMESPACE]: coreTranslations.en,
|
|
10742
|
+
[WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.en
|
|
10742
10743
|
},
|
|
10743
10744
|
fi: {
|
|
10744
|
-
|
|
10745
|
+
[CORE_NAMESPACE]: coreTranslations.fi,
|
|
10746
|
+
[WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.fi
|
|
10745
10747
|
},
|
|
10746
10748
|
no: {
|
|
10747
|
-
|
|
10749
|
+
[CORE_NAMESPACE]: coreTranslations.no,
|
|
10750
|
+
[WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.no
|
|
10748
10751
|
},
|
|
10749
10752
|
nl: {
|
|
10750
|
-
|
|
10753
|
+
[CORE_NAMESPACE]: coreTranslations.nl,
|
|
10754
|
+
[WEBMAP_REACT_NAMESPACE]: webmapReactTranslations.nl
|
|
10751
10755
|
}
|
|
10752
10756
|
}
|
|
10753
10757
|
});
|
|
@@ -10767,9 +10771,9 @@ const CoreThemeProvider = ({
|
|
|
10767
10771
|
const ThemeWrapperWithModules = withEggs([...coreModuleConfig, layerSelectConfig])(({
|
|
10768
10772
|
theme,
|
|
10769
10773
|
children
|
|
10770
|
-
}) => ( /*#__PURE__*/React__default.createElement(
|
|
10774
|
+
}) => ( /*#__PURE__*/React__default.createElement(CoreThemeProvider, {
|
|
10771
10775
|
theme: theme
|
|
10772
|
-
}, children)))
|
|
10776
|
+
}, children)));
|
|
10773
10777
|
/**
|
|
10774
10778
|
* A Provider component which provides the GeoWeb theme and store for the core.
|
|
10775
10779
|
* Note: Should only be used with core components, as the provided store is only for core.
|
|
@@ -10780,25 +10784,11 @@ const CoreThemeStoreProvider = ({
|
|
|
10780
10784
|
children,
|
|
10781
10785
|
theme: _theme2 = lightTheme,
|
|
10782
10786
|
store
|
|
10783
|
-
}) => ( /*#__PURE__*/React__default.createElement(
|
|
10787
|
+
}) => ( /*#__PURE__*/React__default.createElement(Provider, {
|
|
10784
10788
|
store: store
|
|
10785
10789
|
}, /*#__PURE__*/React__default.createElement(ThemeWrapperWithModules, {
|
|
10786
10790
|
theme: _theme2
|
|
10787
|
-
}, /*#__PURE__*/React__default.createElement(SnackbarWrapperConnect, null, children))))
|
|
10788
|
-
const CoreTranslationsWrapper = ({
|
|
10789
|
-
children
|
|
10790
|
-
}) => {
|
|
10791
|
-
const {
|
|
10792
|
-
i18n
|
|
10793
|
-
} = useTranslation(CORE_NAMESPACE);
|
|
10794
|
-
React__default.useEffect(() => {
|
|
10795
|
-
i18n.addResourceBundle('en', CORE_NAMESPACE, coreTranslations.en);
|
|
10796
|
-
i18n.addResourceBundle('fi', CORE_NAMESPACE, coreTranslations.fi);
|
|
10797
|
-
i18n.addResourceBundle('no', CORE_NAMESPACE, coreTranslations.no);
|
|
10798
|
-
i18n.addResourceBundle('nl', CORE_NAMESPACE, coreTranslations.nl);
|
|
10799
|
-
}, [i18n]);
|
|
10800
|
-
return children;
|
|
10801
|
-
};
|
|
10791
|
+
}, /*#__PURE__*/React__default.createElement(SnackbarWrapperConnect, null, children))));
|
|
10802
10792
|
const CoreI18nProvider = ({
|
|
10803
10793
|
children
|
|
10804
10794
|
}) => {
|
|
@@ -10807,6 +10797,10 @@ const CoreI18nProvider = ({
|
|
|
10807
10797
|
i18n: i18n
|
|
10808
10798
|
}, children);
|
|
10809
10799
|
};
|
|
10800
|
+
// used for react stories/tests
|
|
10801
|
+
const DemoWrapper = props => ( /*#__PURE__*/React__default.createElement(CoreI18nProvider, null, /*#__PURE__*/React__default.createElement(CoreThemeProvider, Object.assign({}, props))));
|
|
10802
|
+
// used for redux stories/tests
|
|
10803
|
+
const DemoWrapperConnect = props => ( /*#__PURE__*/React__default.createElement(CoreI18nProvider, null, /*#__PURE__*/React__default.createElement(CoreThemeStoreProvider, Object.assign({}, props))));
|
|
10810
10804
|
|
|
10811
10805
|
/* *
|
|
10812
10806
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
@@ -10850,4 +10844,4 @@ const RouterWrapperConnect = withEggs([routerModuleConfig])(props => {
|
|
|
10850
10844
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NavigateSetter, null), props.children);
|
|
10851
10845
|
});
|
|
10852
10846
|
|
|
10853
|
-
export { ConfigurableMapConnect,
|
|
10847
|
+
export { ConfigurableMapConnect, CoreThemeProvider, CoreThemeStoreProvider, DemoWrapper, DemoWrapperConnect, HarmonieTempAndPrecipPreset, LayerInfoButtonConnect, LayerInfoDialogConnect, LayerManager, BaseLayerRow as LayerManagerBaseLayerRow, LayerManagerConnect, DescriptionRow as LayerManagerDescriptionRow, HeaderOptions as LayerManagerHeaderOptions, LayerContainerRow as LayerManagerLayerContainerRow, LayerManagerMapButtonConnect, LegendConnect, LegendMapButtonConnect, MapViewConnect, MultiDimensionSelectMapButtonsConnect, MultiMapMultiDimensionSelectConnect as MultiMapDimensionSelectConnect, MultiMapViewConnect, MyMapLocation, RouterWrapperConnect, SearchControlButtonConnect, SearchControlConnect, SearchDialog, SyncGroupViewerConnect, TimeSliderConnect, ZoomControlConnect, componentsLookUp, coreTranslations, defaultBbox, defaultConfigurations, filterMapPresets, filterServices, filterTimeSeriesServices, testLayers, useFetchServices, useUpdateTimeSpan, useUpdateTimestep };
|
package/package.json
CHANGED
package/src/index.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export declare const LayerManagerLightTheme: {
|
|
|
11
11
|
link: string;
|
|
12
12
|
}[];
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
tags: string[];
|
|
15
15
|
};
|
|
16
16
|
export declare const DockedLayerManagerLightTheme: {
|
|
17
17
|
(): React.ReactElement;
|
|
@@ -21,11 +21,11 @@ export declare const DockedLayerManagerLightTheme: {
|
|
|
21
21
|
link: string;
|
|
22
22
|
}[];
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
tags: string[];
|
|
25
25
|
};
|
|
26
26
|
export declare const LayerManagerLightThemeSmall: {
|
|
27
27
|
(): React.ReactElement;
|
|
28
|
-
|
|
28
|
+
tags: string[];
|
|
29
29
|
};
|
|
30
30
|
export declare const LayerManagerLightThemeMedium: {
|
|
31
31
|
(): React.ReactElement;
|
|
@@ -35,7 +35,7 @@ export declare const LayerManagerLightThemeMedium: {
|
|
|
35
35
|
link: string;
|
|
36
36
|
}[];
|
|
37
37
|
};
|
|
38
|
-
|
|
38
|
+
tags: string[];
|
|
39
39
|
};
|
|
40
40
|
export declare const LayerManagerDarkTheme: {
|
|
41
41
|
(): React.ReactElement;
|
|
@@ -45,7 +45,7 @@ export declare const LayerManagerDarkTheme: {
|
|
|
45
45
|
link: string;
|
|
46
46
|
}[];
|
|
47
47
|
};
|
|
48
|
-
|
|
48
|
+
tags: string[];
|
|
49
49
|
};
|
|
50
50
|
export declare const DockedLayerManagerDarkTheme: {
|
|
51
51
|
(): React.ReactElement;
|
|
@@ -55,11 +55,11 @@ export declare const DockedLayerManagerDarkTheme: {
|
|
|
55
55
|
link: string;
|
|
56
56
|
}[];
|
|
57
57
|
};
|
|
58
|
-
|
|
58
|
+
tags: string[];
|
|
59
59
|
};
|
|
60
60
|
export declare const LayerManagerDarkThemeSmall: {
|
|
61
61
|
(): React.ReactElement;
|
|
62
|
-
|
|
62
|
+
tags: string[];
|
|
63
63
|
};
|
|
64
64
|
export declare const LayerManagerDarkThemeMedium: {
|
|
65
65
|
(): React.ReactElement;
|
|
@@ -69,14 +69,14 @@ export declare const LayerManagerDarkThemeMedium: {
|
|
|
69
69
|
link: string;
|
|
70
70
|
}[];
|
|
71
71
|
};
|
|
72
|
-
|
|
72
|
+
tags: string[];
|
|
73
73
|
};
|
|
74
74
|
export declare const LayerManagerLoadingState: () => React.ReactElement;
|
|
75
75
|
export declare const LayerManagerWithErrorLight: {
|
|
76
76
|
(): React.ReactElement;
|
|
77
|
-
|
|
77
|
+
tags: string[];
|
|
78
78
|
};
|
|
79
79
|
export declare const LayerManagerWithErrorDark: {
|
|
80
80
|
(): React.ReactElement;
|
|
81
|
-
|
|
81
|
+
tags: string[];
|
|
82
82
|
};
|
|
@@ -6,10 +6,10 @@ declare const _default: {
|
|
|
6
6
|
export default _default;
|
|
7
7
|
export declare const SetMapPinAction: {
|
|
8
8
|
(): React.ReactElement;
|
|
9
|
-
|
|
9
|
+
tags: string[];
|
|
10
10
|
};
|
|
11
11
|
export declare const SetMapPinActionDisabled: {
|
|
12
12
|
(): React.ReactElement;
|
|
13
|
-
|
|
13
|
+
tags: string[];
|
|
14
14
|
};
|
|
15
15
|
export declare const ToggleMapPinAction: () => React.ReactElement;
|
|
@@ -5,9 +5,6 @@ interface CoreThemeProviderProps {
|
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
theme?: Theme;
|
|
7
7
|
}
|
|
8
|
-
interface CoreTranslationWrapperProps {
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
}
|
|
11
8
|
/**
|
|
12
9
|
* A Provider component which provides the GeoWeb theme
|
|
13
10
|
* @param children
|
|
@@ -24,6 +21,6 @@ interface CoreThemeStoreProviderProps extends CoreThemeProviderProps {
|
|
|
24
21
|
* @returns
|
|
25
22
|
*/
|
|
26
23
|
export declare const CoreThemeStoreProvider: React.FC<CoreThemeStoreProviderProps>;
|
|
27
|
-
export declare const
|
|
28
|
-
export declare const
|
|
24
|
+
export declare const DemoWrapper: React.FC<CoreThemeProviderProps>;
|
|
25
|
+
export declare const DemoWrapperConnect: React.FC<CoreThemeStoreProviderProps>;
|
|
29
26
|
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|