datastake-daf 0.6.802 → 0.6.803
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/dist/components/index.js +2349 -2206
- package/dist/pages/index.js +34 -58
- package/package.json +1 -1
- package/src/@daf/core/components/Screens/Admin/AdminTables/LocationTable/column.js +1 -1
- package/src/@daf/pages/Dashboards/UserDashboard/components/ContributionsGraph/hook.js +0 -1
- package/src/@daf/pages/Edit/hooks/usePrepareForm.js +5 -6
- package/src/@daf/pages/View/hooks/useCallToGetData.js +2 -4
- package/src/@daf/pages/View/hooks/usePrepareForm.js +5 -4
- package/src/@daf/pages/View/index.jsx +0 -6
- package/dist/style/datastake/mapbox-gl.css +0 -330
package/dist/pages/index.js
CHANGED
|
@@ -14855,10 +14855,6 @@ const useContributionsGraph = ({
|
|
|
14855
14855
|
});
|
|
14856
14856
|
}, [data, t]);
|
|
14857
14857
|
const isEmpty = React.useMemo(() => _data?.length === 0, [_data]);
|
|
14858
|
-
console.log({
|
|
14859
|
-
_data,
|
|
14860
|
-
isEmpty
|
|
14861
|
-
});
|
|
14862
14858
|
const chartConfig = React.useMemo(() => {
|
|
14863
14859
|
return {
|
|
14864
14860
|
data: _data,
|
|
@@ -19333,12 +19329,6 @@ const showHideInput$3 = (input, formsValue, repeatValues) => {
|
|
|
19333
19329
|
}
|
|
19334
19330
|
return true;
|
|
19335
19331
|
};
|
|
19336
|
-
const getNkey = namespace => {
|
|
19337
|
-
if (['location', 'scl', 'village', 'event', 'incidents', 'corrective-actions', 'testimonials', 'initiatives', 'victims', 'pictures', 'documents', 'lir', 'sp', 'im', 'sci', 'bpe', 'gm'].includes(namespace)) {
|
|
19338
|
-
return 'scoping';
|
|
19339
|
-
}
|
|
19340
|
-
return namespace;
|
|
19341
|
-
};
|
|
19342
19332
|
const groupSubsections = (form, onlyConf = false) => {
|
|
19343
19333
|
return Object.keys(form).reduce((f, fKey) => {
|
|
19344
19334
|
if (form[fKey].subSection) {
|
|
@@ -57720,39 +57710,40 @@ const usePrepareForm$1 = ({
|
|
|
57720
57710
|
const [notFound, setNotFound] = React.useState(false);
|
|
57721
57711
|
const prepareForm = currentView => {
|
|
57722
57712
|
const dKey = namespaceConfig?.dataKey;
|
|
57723
|
-
|
|
57724
|
-
if (hasKeyInObject(allData, dKey) && hasKeyInObject(allData[dKey], nKey)) {
|
|
57713
|
+
if (hasKeyInObject(allData, dKey)) {
|
|
57725
57714
|
const {
|
|
57726
57715
|
form = {},
|
|
57727
57716
|
data = {},
|
|
57728
57717
|
config = {},
|
|
57729
57718
|
linkingForms = {}
|
|
57730
|
-
} = JSON.parse(JSON.stringify(allData[dKey]
|
|
57731
|
-
if (
|
|
57732
|
-
if (
|
|
57733
|
-
|
|
57734
|
-
|
|
57735
|
-
|
|
57736
|
-
|
|
57737
|
-
|
|
57738
|
-
|
|
57739
|
-
|
|
57740
|
-
|
|
57741
|
-
|
|
57742
|
-
|
|
57743
|
-
|
|
57744
|
-
|
|
57745
|
-
|
|
57746
|
-
|
|
57747
|
-
|
|
57748
|
-
|
|
57749
|
-
setNotFound(false);
|
|
57750
|
-
} else if (!data.id) {
|
|
57751
|
-
if (mode === "proxy") {
|
|
57752
|
-
window.location.reload();
|
|
57753
|
-
} else {
|
|
57719
|
+
} = JSON.parse(JSON.stringify(allData[dKey] || {}));
|
|
57720
|
+
if (Object.keys(form).length > 0) {
|
|
57721
|
+
if (data.datastakeId === id || id === "user" || data.id === id) {
|
|
57722
|
+
if (viewConfig.adminNamespaces.includes(namespace)) {
|
|
57723
|
+
setForm(form);
|
|
57724
|
+
} else {
|
|
57725
|
+
setForm({
|
|
57726
|
+
...form,
|
|
57727
|
+
linking: {
|
|
57728
|
+
position: 100,
|
|
57729
|
+
excludeFromEdit: true,
|
|
57730
|
+
label: t("Linked Subjects"),
|
|
57731
|
+
template: "linkingSubjects"
|
|
57732
|
+
}
|
|
57733
|
+
});
|
|
57734
|
+
}
|
|
57735
|
+
setData(data);
|
|
57736
|
+
setGroups(config.groups || {});
|
|
57737
|
+
setLinkingForms(linkingForms);
|
|
57754
57738
|
setLoading(false);
|
|
57755
|
-
setNotFound(
|
|
57739
|
+
setNotFound(false);
|
|
57740
|
+
} else if (!data.id) {
|
|
57741
|
+
if (mode === "proxy") {
|
|
57742
|
+
window.location.reload();
|
|
57743
|
+
} else {
|
|
57744
|
+
setLoading(false);
|
|
57745
|
+
setNotFound(true);
|
|
57746
|
+
}
|
|
57756
57747
|
}
|
|
57757
57748
|
}
|
|
57758
57749
|
}
|
|
@@ -57887,8 +57878,7 @@ const useCallToGetData = ({
|
|
|
57887
57878
|
const isFirstRender = React.useRef(true);
|
|
57888
57879
|
const callToGetData = (_doCall = false) => {
|
|
57889
57880
|
const dKey = namespaceConfig?.dataKey;
|
|
57890
|
-
const
|
|
57891
|
-
const doCall = _doCall ? true : hasKeyInObject(allData, dKey) && hasKeyInObject(allData[dKey], nKey) ? allData[dKey][nKey]?.data?.datastakeId !== id : true;
|
|
57881
|
+
const doCall = _doCall ? true : hasKeyInObject(allData, dKey) ? allData[dKey]?.data?.datastakeId !== id : true;
|
|
57892
57882
|
if (doCall) {
|
|
57893
57883
|
if (isSupported) {
|
|
57894
57884
|
namespaceGet[namespace]();
|
|
@@ -58609,19 +58599,6 @@ const View = ({
|
|
|
58609
58599
|
const actionButtons = React.useMemo(() => {
|
|
58610
58600
|
return groupForm?.template === "linkingSubjects" ? pageActions.filter(v => v.key !== "edit") : pageActions;
|
|
58611
58601
|
}, [groupForm, pageActions]);
|
|
58612
|
-
console.log({
|
|
58613
|
-
namespaceConfiguration,
|
|
58614
|
-
namespaceConfig,
|
|
58615
|
-
allData,
|
|
58616
|
-
namespace,
|
|
58617
|
-
id,
|
|
58618
|
-
group,
|
|
58619
|
-
subsection,
|
|
58620
|
-
version,
|
|
58621
|
-
source,
|
|
58622
|
-
isSupported,
|
|
58623
|
-
notFound
|
|
58624
|
-
});
|
|
58625
58602
|
if (!isSupported || notFound) {
|
|
58626
58603
|
return /*#__PURE__*/jsxRuntime.jsx(Loading, {});
|
|
58627
58604
|
}
|
|
@@ -58747,16 +58724,15 @@ const usePrepareForm = ({
|
|
|
58747
58724
|
const prepareForm = (setExtra = true) => {
|
|
58748
58725
|
if (isSupported) {
|
|
58749
58726
|
const dKey = namespaceConfig?.dataKey;
|
|
58750
|
-
|
|
58751
|
-
|
|
58752
|
-
const d = JSON.parse(JSON.stringify(allData[dKey][nKey].data || {}));
|
|
58727
|
+
if (hasKeyInObject(allData, dKey)) {
|
|
58728
|
+
const d = JSON.parse(JSON.stringify(allData[dKey].data || {}));
|
|
58753
58729
|
Object.keys(d).forEach(k => {
|
|
58754
58730
|
if (d[k] === null) {
|
|
58755
58731
|
d[k] = undefined;
|
|
58756
58732
|
}
|
|
58757
58733
|
});
|
|
58758
58734
|
if (d.datastakeId === id || d.applicationId === id || id === "user" || d.id === id) {
|
|
58759
|
-
const formG = mapFormGroup(allData[dKey]
|
|
58735
|
+
const formG = mapFormGroup(allData[dKey].form || {}, d);
|
|
58760
58736
|
setForm(formG);
|
|
58761
58737
|
if (setExtra) {
|
|
58762
58738
|
if ((d || {}).risk && Array.isArray(formG) && formG.find(r => r.id === "risk")) {
|
|
@@ -58792,7 +58768,7 @@ const usePrepareForm = ({
|
|
|
58792
58768
|
setOriginalData({
|
|
58793
58769
|
...d
|
|
58794
58770
|
});
|
|
58795
|
-
setLinkingForms(allData[dKey]
|
|
58771
|
+
setLinkingForms(allData[dKey].linkingForms);
|
|
58796
58772
|
setLoading(false);
|
|
58797
58773
|
return;
|
|
58798
58774
|
}
|
|
@@ -58808,7 +58784,7 @@ const usePrepareForm = ({
|
|
|
58808
58784
|
setOriginalData({
|
|
58809
58785
|
...d
|
|
58810
58786
|
});
|
|
58811
|
-
setLinkingForms(allData[dKey]
|
|
58787
|
+
setLinkingForms(allData[dKey].linkingForms);
|
|
58812
58788
|
setLoading(false);
|
|
58813
58789
|
}
|
|
58814
58790
|
}
|
package/package.json
CHANGED
|
@@ -86,7 +86,7 @@ export const getColumns = ({
|
|
|
86
86
|
return <div className="daf-default-cell" />;
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
const category = findOptions(value,
|
|
89
|
+
const category = findOptions(value, options?.locationCategories || []) || "--";
|
|
90
90
|
|
|
91
91
|
return <Tooltip title={category}>{category}</Tooltip>;
|
|
92
92
|
},
|
|
@@ -28,16 +28,15 @@ export const usePrepareForm = ({
|
|
|
28
28
|
const prepareForm = (setExtra = true) => {
|
|
29
29
|
if (isSupported) {
|
|
30
30
|
const dKey = namespaceConfig?.dataKey;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const d = JSON.parse(JSON.stringify(allData[dKey][nKey].data || {}));
|
|
31
|
+
if (hasKeyInObject(allData, dKey)) {
|
|
32
|
+
const d = JSON.parse(JSON.stringify(allData[dKey].data || {}));
|
|
34
33
|
Object.keys(d).forEach((k) => {
|
|
35
34
|
if (d[k] === null) {
|
|
36
35
|
d[k] = undefined;
|
|
37
36
|
}
|
|
38
37
|
});
|
|
39
38
|
if (d.datastakeId === id || d.applicationId === id || id === "user" || d.id === id) {
|
|
40
|
-
const formG = mapFormGroup(allData[dKey]
|
|
39
|
+
const formG = mapFormGroup(allData[dKey].form || {}, d);
|
|
41
40
|
setForm(formG);
|
|
42
41
|
|
|
43
42
|
if (setExtra) {
|
|
@@ -75,7 +74,7 @@ export const usePrepareForm = ({
|
|
|
75
74
|
setEditValues({ ...d });
|
|
76
75
|
setInputsMeta(d?.meta?.inputs || {});
|
|
77
76
|
setOriginalData({ ...d });
|
|
78
|
-
setLinkingForms(allData[dKey]
|
|
77
|
+
setLinkingForms(allData[dKey].linkingForms);
|
|
79
78
|
setLoading(false);
|
|
80
79
|
return;
|
|
81
80
|
}
|
|
@@ -85,7 +84,7 @@ export const usePrepareForm = ({
|
|
|
85
84
|
setEditValues({ ...d });
|
|
86
85
|
setInputsMeta(d?.meta?.inputs || {});
|
|
87
86
|
setOriginalData({ ...d });
|
|
88
|
-
setLinkingForms(allData[dKey]
|
|
87
|
+
setLinkingForms(allData[dKey].linkingForms);
|
|
89
88
|
setLoading(false);
|
|
90
89
|
}
|
|
91
90
|
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { useRef, useEffect } from "react";
|
|
2
2
|
import { hasKeyInObject } from "../../../../@daf/utils/object.js";
|
|
3
|
-
import { getNkey } from "../../../../@daf/core/components/ViewForm/helper.js";
|
|
4
3
|
|
|
5
4
|
export const useCallToGetData = ({
|
|
6
5
|
namespaceConfig,
|
|
@@ -19,11 +18,10 @@ export const useCallToGetData = ({
|
|
|
19
18
|
|
|
20
19
|
const callToGetData = (_doCall = false) => {
|
|
21
20
|
const dKey = namespaceConfig?.dataKey;
|
|
22
|
-
const nKey = `${APP}-${getNkey(namespace || "")}`;
|
|
23
21
|
const doCall = _doCall
|
|
24
22
|
? true
|
|
25
|
-
: hasKeyInObject(allData, dKey)
|
|
26
|
-
? allData[dKey]
|
|
23
|
+
: hasKeyInObject(allData, dKey)
|
|
24
|
+
? allData[dKey]?.data?.datastakeId !== id
|
|
27
25
|
: true;
|
|
28
26
|
if (doCall) {
|
|
29
27
|
if (isSupported) {
|
|
@@ -20,17 +20,17 @@ export const usePrepareForm = ({
|
|
|
20
20
|
|
|
21
21
|
const prepareForm = (currentView) => {
|
|
22
22
|
const dKey = namespaceConfig?.dataKey;
|
|
23
|
-
const nKey = `${APP}-${currentView}`;
|
|
24
23
|
|
|
25
|
-
if (hasKeyInObject(allData, dKey)
|
|
24
|
+
if (hasKeyInObject(allData, dKey)) {
|
|
26
25
|
const {
|
|
27
26
|
form = {},
|
|
28
27
|
data = {},
|
|
29
28
|
config = {},
|
|
30
29
|
linkingForms = {},
|
|
31
|
-
} = JSON.parse(JSON.stringify(allData[dKey]
|
|
30
|
+
} = JSON.parse(JSON.stringify(allData[dKey] || {}));
|
|
32
31
|
|
|
33
|
-
if
|
|
32
|
+
if(Object.keys(form).length > 0) {
|
|
33
|
+
if (data.datastakeId === id || id === "user" || data.id === id) {
|
|
34
34
|
if (viewConfig.adminNamespaces.includes(namespace)) {
|
|
35
35
|
setForm(form);
|
|
36
36
|
} else {
|
|
@@ -57,6 +57,7 @@ export const usePrepareForm = ({
|
|
|
57
57
|
setNotFound(true);
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
|
+
}
|
|
60
61
|
}
|
|
61
62
|
};
|
|
62
63
|
|
|
@@ -215,12 +215,6 @@ const View = ({
|
|
|
215
215
|
: pageActions;
|
|
216
216
|
}, [groupForm, pageActions]);
|
|
217
217
|
|
|
218
|
-
console.log({namespaceConfiguration, namespaceConfig, allData, namespace, id, group, subsection,
|
|
219
|
-
version,
|
|
220
|
-
source,
|
|
221
|
-
isSupported,
|
|
222
|
-
notFound
|
|
223
|
-
})
|
|
224
218
|
|
|
225
219
|
if(!isSupported || notFound) {
|
|
226
220
|
return <Loading />
|
|
@@ -1,330 +0,0 @@
|
|
|
1
|
-
/* Isolated Mapbox GL CSS - Scoped to prevent Leaflet conflicts */
|
|
2
|
-
|
|
3
|
-
/* Mapbox GL Core Styles - Scoped with .mapbox-gl-scope */
|
|
4
|
-
.mapbox-gl-scope .mapboxgl-map {
|
|
5
|
-
font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
|
|
6
|
-
overflow: hidden;
|
|
7
|
-
position: relative;
|
|
8
|
-
-webkit-tap-highlight-color: rgb(0 0 0/0);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.mapbox-gl-scope .mapboxgl-canvas {
|
|
12
|
-
left: 0;
|
|
13
|
-
position: absolute;
|
|
14
|
-
top: 0;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.mapbox-gl-scope .mapboxgl-map:-webkit-full-screen {
|
|
18
|
-
height: 100%;
|
|
19
|
-
width: 100%;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.mapbox-gl-scope .mapboxgl-canary {
|
|
23
|
-
background-color: salmon;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive,
|
|
27
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
|
|
28
|
-
cursor: grab;
|
|
29
|
-
-webkit-user-select: none;
|
|
30
|
-
user-select: none;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
|
|
34
|
-
cursor: pointer;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive:active,
|
|
38
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
|
|
39
|
-
cursor: grabbing;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
|
|
43
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
|
|
44
|
-
touch-action: pan-x pan-y;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
|
|
48
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
|
|
49
|
-
touch-action: pinch-zoom;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
|
|
53
|
-
.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
|
|
54
|
-
touch-action: none;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/* Control positioning */
|
|
58
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom,
|
|
59
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom-left,
|
|
60
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom-right,
|
|
61
|
-
.mapbox-gl-scope .mapboxgl-ctrl-left,
|
|
62
|
-
.mapbox-gl-scope .mapboxgl-ctrl-right,
|
|
63
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top,
|
|
64
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top-left,
|
|
65
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top-right {
|
|
66
|
-
pointer-events: none;
|
|
67
|
-
position: absolute;
|
|
68
|
-
z-index: 2;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top-left {
|
|
72
|
-
left: 0;
|
|
73
|
-
top: 0;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top {
|
|
77
|
-
left: 50%;
|
|
78
|
-
top: 0;
|
|
79
|
-
transform: translateX(-50%);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top-right {
|
|
83
|
-
right: 0;
|
|
84
|
-
top: 0;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.mapbox-gl-scope .mapboxgl-ctrl-right {
|
|
88
|
-
right: 0;
|
|
89
|
-
top: 50%;
|
|
90
|
-
transform: translateY(-50%);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom-right {
|
|
94
|
-
bottom: 0;
|
|
95
|
-
right: 0;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom {
|
|
99
|
-
bottom: 0;
|
|
100
|
-
left: 50%;
|
|
101
|
-
transform: translateX(-50%);
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom-left {
|
|
105
|
-
bottom: 0;
|
|
106
|
-
left: 0;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.mapbox-gl-scope .mapboxgl-ctrl-left {
|
|
110
|
-
left: 0;
|
|
111
|
-
top: 50%;
|
|
112
|
-
transform: translateY(-50%);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.mapbox-gl-scope .mapboxgl-ctrl {
|
|
116
|
-
clear: both;
|
|
117
|
-
pointer-events: auto;
|
|
118
|
-
transform: translate(0);
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
|
|
122
|
-
float: left;
|
|
123
|
-
margin: 10px 0 0 10px;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top .mapboxgl-ctrl {
|
|
127
|
-
float: left;
|
|
128
|
-
margin: 10px 0;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.mapbox-gl-scope .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
|
|
132
|
-
float: right;
|
|
133
|
-
margin: 10px 10px 0 0;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
|
|
137
|
-
.mapbox-gl-scope .mapboxgl-ctrl-right .mapboxgl-ctrl {
|
|
138
|
-
float: right;
|
|
139
|
-
margin: 0 10px 10px 0;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom .mapboxgl-ctrl {
|
|
143
|
-
float: left;
|
|
144
|
-
margin: 10px 0;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.mapbox-gl-scope .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
|
|
148
|
-
.mapbox-gl-scope .mapboxgl-ctrl-left .mapboxgl-ctrl {
|
|
149
|
-
float: left;
|
|
150
|
-
margin: 0 0 10px 10px;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/* Control group styling */
|
|
154
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group {
|
|
155
|
-
background: #fff;
|
|
156
|
-
border-radius: 4px;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group:not(:empty) {
|
|
160
|
-
box-shadow: 0 0 0 2px #0000001a;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group button {
|
|
164
|
-
background-color: initial;
|
|
165
|
-
border: 0;
|
|
166
|
-
box-sizing: border-box;
|
|
167
|
-
cursor: pointer;
|
|
168
|
-
display: block;
|
|
169
|
-
height: 29px;
|
|
170
|
-
outline: none;
|
|
171
|
-
overflow: hidden;
|
|
172
|
-
padding: 0;
|
|
173
|
-
width: 29px;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group button+button {
|
|
177
|
-
border-top: 1px solid #ddd;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
.mapbox-gl-scope .mapboxgl-ctrl button .mapboxgl-ctrl-icon {
|
|
181
|
-
background-position: 50%;
|
|
182
|
-
background-repeat: no-repeat;
|
|
183
|
-
display: block;
|
|
184
|
-
height: 100%;
|
|
185
|
-
width: 100%;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.mapbox-gl-scope .mapboxgl-ctrl-attrib-button:focus,
|
|
189
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group button:focus {
|
|
190
|
-
box-shadow: 0 0 2px 2px #0096ff;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
.mapbox-gl-scope .mapboxgl-ctrl button:disabled {
|
|
194
|
-
cursor: not-allowed;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
.mapbox-gl-scope .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
|
|
198
|
-
opacity: .25;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group button:first-child {
|
|
202
|
-
border-radius: 4px 4px 0 0;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group button:last-child {
|
|
206
|
-
border-radius: 0 0 4px 4px;
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
.mapbox-gl-scope .mapboxgl-ctrl-group button:only-child {
|
|
210
|
-
border-radius: inherit;
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
.mapbox-gl-scope .mapboxgl-ctrl button:not(:disabled):hover {
|
|
214
|
-
background-color: #0000000d;
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
/* Marker styles */
|
|
218
|
-
.mapbox-gl-scope .mapboxgl-marker {
|
|
219
|
-
position: absolute;
|
|
220
|
-
z-index: 1;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.mapbox-gl-scope .mapboxgl-marker svg {
|
|
224
|
-
display: block;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
/* Popup styles */
|
|
228
|
-
.mapbox-gl-scope .mapboxgl-popup {
|
|
229
|
-
position: absolute;
|
|
230
|
-
text-align: center;
|
|
231
|
-
margin-bottom: 20px;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
.mapbox-gl-scope .mapboxgl-popup-content-wrapper {
|
|
235
|
-
padding: 1px;
|
|
236
|
-
text-align: left;
|
|
237
|
-
border-radius: 12px;
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
.mapbox-gl-scope .mapboxgl-popup-content {
|
|
241
|
-
margin: 13px 24px 13px 20px;
|
|
242
|
-
line-height: 1.3;
|
|
243
|
-
font-size: 13px;
|
|
244
|
-
min-height: 1px;
|
|
245
|
-
}
|
|
246
|
-
|
|
247
|
-
.mapbox-gl-scope .mapboxgl-popup-content p {
|
|
248
|
-
margin: 17px 0;
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
.mapbox-gl-scope .mapboxgl-popup-tip-container {
|
|
252
|
-
width: 40px;
|
|
253
|
-
height: 20px;
|
|
254
|
-
position: absolute;
|
|
255
|
-
left: 50%;
|
|
256
|
-
margin-top: -1px;
|
|
257
|
-
margin-left: -20px;
|
|
258
|
-
overflow: hidden;
|
|
259
|
-
pointer-events: none;
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
.mapbox-gl-scope .mapboxgl-popup-tip {
|
|
263
|
-
width: 17px;
|
|
264
|
-
height: 17px;
|
|
265
|
-
padding: 1px;
|
|
266
|
-
margin: -10px auto 0;
|
|
267
|
-
pointer-events: auto;
|
|
268
|
-
-webkit-transform: rotate(45deg);
|
|
269
|
-
-moz-transform: rotate(45deg);
|
|
270
|
-
-ms-transform: rotate(45deg);
|
|
271
|
-
transform: rotate(45deg);
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
.mapbox-gl-scope .mapboxgl-popup-content-wrapper,
|
|
275
|
-
.mapbox-gl-scope .mapboxgl-popup-tip {
|
|
276
|
-
background: white;
|
|
277
|
-
color: #333;
|
|
278
|
-
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
|
|
279
|
-
}
|
|
280
|
-
|
|
281
|
-
.mapbox-gl-scope .mapboxgl-popup-close-button {
|
|
282
|
-
position: absolute;
|
|
283
|
-
top: 0;
|
|
284
|
-
right: 0;
|
|
285
|
-
border: none;
|
|
286
|
-
text-align: center;
|
|
287
|
-
width: 24px;
|
|
288
|
-
height: 24px;
|
|
289
|
-
font: 16px/24px Tahoma, Verdana, sans-serif;
|
|
290
|
-
color: #757575;
|
|
291
|
-
text-decoration: none;
|
|
292
|
-
background: transparent;
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
.mapbox-gl-scope .mapboxgl-popup-close-button:hover,
|
|
296
|
-
.mapbox-gl-scope .mapboxgl-popup-close-button:focus {
|
|
297
|
-
color: #585858;
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
/* Attribution */
|
|
301
|
-
.mapbox-gl-scope .mapboxgl-ctrl-attribution {
|
|
302
|
-
background: #fff;
|
|
303
|
-
background: rgba(255, 255, 255, 0.8);
|
|
304
|
-
margin: 0;
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
.mapbox-gl-scope .mapboxgl-ctrl-attribution,
|
|
308
|
-
.mapbox-gl-scope .mapboxgl-ctrl-scale-line {
|
|
309
|
-
padding: 0 5px;
|
|
310
|
-
color: #333;
|
|
311
|
-
line-height: 1.4;
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
.mapbox-gl-scope .mapboxgl-ctrl-attribution a {
|
|
315
|
-
text-decoration: none;
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
.mapbox-gl-scope .mapboxgl-ctrl-attribution a:hover,
|
|
319
|
-
.mapbox-gl-scope .mapboxgl-ctrl-attribution a:focus {
|
|
320
|
-
text-decoration: underline;
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
/* Hide attribution by default */
|
|
324
|
-
.mapbox-gl-scope .mapboxgl-ctrl-attribution {
|
|
325
|
-
display: none !important;
|
|
326
|
-
}
|
|
327
|
-
|
|
328
|
-
.mapbox-gl-scope .mapboxgl-ctrl-logo {
|
|
329
|
-
display: none !important;
|
|
330
|
-
}
|