@evergis/react 4.0.27 → 4.0.28
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/LICENSE +21 -21
- package/README.md +7 -7
- package/dist/components/Dashboard/constants.d.ts +5 -0
- package/dist/components/Dashboard/types.d.ts +14 -22
- package/dist/components/Dashboard/utils/applyQueryFilters.d.ts +5 -2
- package/dist/index.js +2347 -2296
- package/dist/index.js.map +1 -1
- package/dist/react.esm.js +2347 -2297
- package/dist/react.esm.js.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -36,180 +36,180 @@ const AddFeatureButton = ({ title, icon = "feature_add" /* , layerName, geometry
|
|
|
36
36
|
return (jsxRuntime.jsx(uilibGl.IconButton, { kind: icon, primary: true, onClick: handleAddFeature, children: title }));
|
|
37
37
|
};
|
|
38
38
|
|
|
39
|
-
const ChartTooltipTable = styled.table `
|
|
40
|
-
td {
|
|
41
|
-
padding: 0;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
tr:not(:last-child) td {
|
|
45
|
-
padding-bottom: 0.375rem;
|
|
46
|
-
}
|
|
39
|
+
const ChartTooltipTable = styled.table `
|
|
40
|
+
td {
|
|
41
|
+
padding: 0;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
tr:not(:last-child) td {
|
|
45
|
+
padding-bottom: 0.375rem;
|
|
46
|
+
}
|
|
47
47
|
`;
|
|
48
|
-
const ChartTooltip = styled(uilibGl.Flex) `
|
|
49
|
-
flex-wrap: nowrap;
|
|
50
|
-
background: rgb(48, 69, 79);
|
|
51
|
-
border-radius: 0.25rem;
|
|
52
|
-
color: white;
|
|
53
|
-
|
|
54
|
-
:not(:last-child) {
|
|
55
|
-
margin-bottom: 0.25rem;
|
|
56
|
-
}
|
|
48
|
+
const ChartTooltip = styled(uilibGl.Flex) `
|
|
49
|
+
flex-wrap: nowrap;
|
|
50
|
+
background: rgb(48, 69, 79);
|
|
51
|
+
border-radius: 0.25rem;
|
|
52
|
+
color: white;
|
|
53
|
+
|
|
54
|
+
:not(:last-child) {
|
|
55
|
+
margin-bottom: 0.25rem;
|
|
56
|
+
}
|
|
57
57
|
`;
|
|
58
|
-
const ChartTooltipLabel = styled.div `
|
|
59
|
-
margin-right: 0.25rem;
|
|
60
|
-
`;
|
|
61
|
-
const ChartTooltipColor = styled.div `
|
|
62
|
-
width: 0.625rem;
|
|
63
|
-
height: 0.625rem;
|
|
64
|
-
background-color: ${({ $color }) => $color};
|
|
65
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
|
|
66
|
-
margin-right: 0.25rem;
|
|
67
|
-
`;
|
|
68
|
-
const ChartLegendColor$1 = styled.div `
|
|
69
|
-
width: 0.5rem;
|
|
70
|
-
height: 0.5rem;
|
|
71
|
-
background-color: ${({ $color }) => $color};
|
|
72
|
-
border-radius: 0.125rem;
|
|
73
|
-
`;
|
|
74
|
-
const ChartLegendValue = styled.div `
|
|
75
|
-
opacity: 0.65;
|
|
76
|
-
`;
|
|
77
|
-
const ChartTooltipRow = styled(uilibGl.Flex) `
|
|
78
|
-
display: flex;
|
|
79
|
-
flex-direction: row;
|
|
80
|
-
flex-wrap: nowrap;
|
|
81
|
-
align-items: center;
|
|
82
|
-
margin-top: 0.5rem;
|
|
83
|
-
line-height: 0;
|
|
84
|
-
|
|
85
|
-
${ChartLegendColor$1} {
|
|
86
|
-
margin-right: 0.25rem;
|
|
87
|
-
}
|
|
58
|
+
const ChartTooltipLabel = styled.div `
|
|
59
|
+
margin-right: 0.25rem;
|
|
60
|
+
`;
|
|
61
|
+
const ChartTooltipColor = styled.div `
|
|
62
|
+
width: 0.625rem;
|
|
63
|
+
height: 0.625rem;
|
|
64
|
+
background-color: ${({ $color }) => $color};
|
|
65
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
|
|
66
|
+
margin-right: 0.25rem;
|
|
67
|
+
`;
|
|
68
|
+
const ChartLegendColor$1 = styled.div `
|
|
69
|
+
width: 0.5rem;
|
|
70
|
+
height: 0.5rem;
|
|
71
|
+
background-color: ${({ $color }) => $color};
|
|
72
|
+
border-radius: 0.125rem;
|
|
73
|
+
`;
|
|
74
|
+
const ChartLegendValue = styled.div `
|
|
75
|
+
opacity: 0.65;
|
|
76
|
+
`;
|
|
77
|
+
const ChartTooltipRow = styled(uilibGl.Flex) `
|
|
78
|
+
display: flex;
|
|
79
|
+
flex-direction: row;
|
|
80
|
+
flex-wrap: nowrap;
|
|
81
|
+
align-items: center;
|
|
82
|
+
margin-top: 0.5rem;
|
|
83
|
+
line-height: 0;
|
|
84
|
+
|
|
85
|
+
${ChartLegendColor$1} {
|
|
86
|
+
margin-right: 0.25rem;
|
|
87
|
+
}
|
|
88
88
|
`;
|
|
89
|
-
const ChartTooltipName = styled.div `
|
|
90
|
-
margin-right: 1rem;
|
|
91
|
-
opacity: 0.65;
|
|
92
|
-
`;
|
|
93
|
-
const PieChartCenter = styled.div `
|
|
94
|
-
position: absolute;
|
|
95
|
-
top: 50%;
|
|
96
|
-
left: 50%;
|
|
97
|
-
transform: translate(-50%, -50%);
|
|
98
|
-
text-align: center;
|
|
99
|
-
font-weight: bold;
|
|
100
|
-
font-size: 1.5rem;
|
|
101
|
-
`;
|
|
102
|
-
const ChartWrapperContainer = styled.div `
|
|
103
|
-
position: relative;
|
|
104
|
-
width: 100%;
|
|
105
|
-
`;
|
|
106
|
-
const Tooltip = styled.div `
|
|
107
|
-
position: relative;
|
|
108
|
-
border-radius: 0.25rem;
|
|
109
|
-
background-color: rgba(28, 33, 48);
|
|
110
|
-
padding: 0.5rem;
|
|
111
|
-
box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
|
|
112
|
-
font-size: 0.75rem;
|
|
113
|
-
transform: ${({ transform }) => transform};
|
|
114
|
-
color: white;
|
|
115
|
-
|
|
116
|
-
:before {
|
|
117
|
-
position: absolute;
|
|
118
|
-
display: block;
|
|
119
|
-
content: "";
|
|
120
|
-
width: 0;
|
|
121
|
-
height: 0;
|
|
122
|
-
}
|
|
89
|
+
const ChartTooltipName = styled.div `
|
|
90
|
+
margin-right: 1rem;
|
|
91
|
+
opacity: 0.65;
|
|
92
|
+
`;
|
|
93
|
+
const PieChartCenter = styled.div `
|
|
94
|
+
position: absolute;
|
|
95
|
+
top: 50%;
|
|
96
|
+
left: 50%;
|
|
97
|
+
transform: translate(-50%, -50%);
|
|
98
|
+
text-align: center;
|
|
99
|
+
font-weight: bold;
|
|
100
|
+
font-size: 1.5rem;
|
|
101
|
+
`;
|
|
102
|
+
const ChartWrapperContainer = styled.div `
|
|
103
|
+
position: relative;
|
|
104
|
+
width: 100%;
|
|
105
|
+
`;
|
|
106
|
+
const Tooltip = styled.div `
|
|
107
|
+
position: relative;
|
|
108
|
+
border-radius: 0.25rem;
|
|
109
|
+
background-color: rgba(28, 33, 48);
|
|
110
|
+
padding: 0.5rem;
|
|
111
|
+
box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
|
|
112
|
+
font-size: 0.75rem;
|
|
113
|
+
transform: ${({ transform }) => transform};
|
|
114
|
+
color: white;
|
|
115
|
+
|
|
116
|
+
:before {
|
|
117
|
+
position: absolute;
|
|
118
|
+
display: block;
|
|
119
|
+
content: "";
|
|
120
|
+
width: 0;
|
|
121
|
+
height: 0;
|
|
122
|
+
}
|
|
123
123
|
`;
|
|
124
|
-
const LineChartStyles = styled.createGlobalStyle `
|
|
125
|
-
.dashboardLineChartTooltip.${charts.lineChartClassNames.lineChartMouseLabel} {
|
|
126
|
-
.${charts.lineChartClassNames.lineChartLabelFlex} {
|
|
127
|
-
justify-content: center;
|
|
128
|
-
align-items: flex-end;
|
|
129
|
-
|
|
130
|
-
${Tooltip} {
|
|
131
|
-
margin: 0 0 12px 0;
|
|
132
|
-
|
|
133
|
-
:before {
|
|
134
|
-
top: auto;
|
|
135
|
-
bottom: 0;
|
|
136
|
-
left: 50%;
|
|
137
|
-
transform: translate(-50%, 100%);
|
|
138
|
-
border-left: 4px solid transparent;
|
|
139
|
-
border-right: 4px solid transparent;
|
|
140
|
-
border-top: 4px solid rgba(28, 33, 48, 0.9);
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.${charts.lineChartClassNames.lineChartYScaleGlobal}, .${charts.lineChartClassNames.lineChartXScaleGlobal} {
|
|
147
|
-
.domain {
|
|
148
|
-
visibility: hidden;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.tick {
|
|
152
|
-
text {
|
|
153
|
-
fill: ${({ theme: { palette } }) => palette.textDisabled};
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
line {
|
|
157
|
-
visibility: hidden;
|
|
158
|
-
}
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
.${charts.lineChartClassNames.lineChartXScaleGlobal} {
|
|
163
|
-
.tick {
|
|
164
|
-
:first-of-type {
|
|
165
|
-
text {
|
|
166
|
-
text-anchor: start;
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
:last-of-type {
|
|
171
|
-
text {
|
|
172
|
-
text-anchor: end;
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.${charts.lineChartClassNames.lineChartLine} {
|
|
179
|
-
stroke-width: 2px;
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.${charts.lineChartClassNames.lineChartLabel} {
|
|
183
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.${charts.lineChartClassNames.lineChartMouseCircle} {
|
|
187
|
-
stroke: #ffffff;
|
|
188
|
-
stroke-width: 2px;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
.${charts.lineChartClassNames.lineChartGridLineX} {
|
|
192
|
-
stroke: ${({ theme: { palette } }) => palette.element};
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
text {
|
|
196
|
-
fill: ${({ theme: { palette } }) => palette.textDisabled};
|
|
197
|
-
}
|
|
124
|
+
const LineChartStyles = styled.createGlobalStyle `
|
|
125
|
+
.dashboardLineChartTooltip.${charts.lineChartClassNames.lineChartMouseLabel} {
|
|
126
|
+
.${charts.lineChartClassNames.lineChartLabelFlex} {
|
|
127
|
+
justify-content: center;
|
|
128
|
+
align-items: flex-end;
|
|
129
|
+
|
|
130
|
+
${Tooltip} {
|
|
131
|
+
margin: 0 0 12px 0;
|
|
132
|
+
|
|
133
|
+
:before {
|
|
134
|
+
top: auto;
|
|
135
|
+
bottom: 0;
|
|
136
|
+
left: 50%;
|
|
137
|
+
transform: translate(-50%, 100%);
|
|
138
|
+
border-left: 4px solid transparent;
|
|
139
|
+
border-right: 4px solid transparent;
|
|
140
|
+
border-top: 4px solid rgba(28, 33, 48, 0.9);
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.${charts.lineChartClassNames.lineChartYScaleGlobal}, .${charts.lineChartClassNames.lineChartXScaleGlobal} {
|
|
147
|
+
.domain {
|
|
148
|
+
visibility: hidden;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.tick {
|
|
152
|
+
text {
|
|
153
|
+
fill: ${({ theme: { palette } }) => palette.textDisabled};
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
line {
|
|
157
|
+
visibility: hidden;
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.${charts.lineChartClassNames.lineChartXScaleGlobal} {
|
|
163
|
+
.tick {
|
|
164
|
+
:first-of-type {
|
|
165
|
+
text {
|
|
166
|
+
text-anchor: start;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
:last-of-type {
|
|
171
|
+
text {
|
|
172
|
+
text-anchor: end;
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.${charts.lineChartClassNames.lineChartLine} {
|
|
179
|
+
stroke-width: 2px;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
.${charts.lineChartClassNames.lineChartLabel} {
|
|
183
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.${charts.lineChartClassNames.lineChartMouseCircle} {
|
|
187
|
+
stroke: #ffffff;
|
|
188
|
+
stroke-width: 2px;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.${charts.lineChartClassNames.lineChartGridLineX} {
|
|
192
|
+
stroke: ${({ theme: { palette } }) => palette.element};
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
text {
|
|
196
|
+
fill: ${({ theme: { palette } }) => palette.textDisabled};
|
|
197
|
+
}
|
|
198
198
|
`;
|
|
199
|
-
const StyledBarChart = styled(charts.BarChart) `
|
|
200
|
-
.domain {
|
|
201
|
-
display: none;
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
.tick {
|
|
205
|
-
text {
|
|
206
|
-
fill: ${({ theme: { palette } }) => palette.textDisabled};
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
line {
|
|
210
|
-
visibility: hidden;
|
|
211
|
-
}
|
|
212
|
-
}
|
|
199
|
+
const StyledBarChart = styled(charts.BarChart) `
|
|
200
|
+
.domain {
|
|
201
|
+
display: none;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.tick {
|
|
205
|
+
text {
|
|
206
|
+
fill: ${({ theme: { palette } }) => palette.textDisabled};
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
line {
|
|
210
|
+
visibility: hidden;
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
213
|
`;
|
|
214
214
|
|
|
215
215
|
function range(start, stop, step) {
|
|
@@ -3437,6 +3437,12 @@ const MAX_CHART_WIDTH = 300;
|
|
|
3437
3437
|
const DEFAULT_CHART_ANGLE = 4;
|
|
3438
3438
|
const DEFAULT_CHART_HEIGHT = 90;
|
|
3439
3439
|
const FILTER_PREFIX = "%";
|
|
3440
|
+
const PROVIDER_PREFIX = "$";
|
|
3441
|
+
exports.ProviderPrefix = void 0;
|
|
3442
|
+
(function (ProviderPrefix) {
|
|
3443
|
+
ProviderPrefix["Card"] = "card";
|
|
3444
|
+
ProviderPrefix["Left"] = "left";
|
|
3445
|
+
})(exports.ProviderPrefix || (exports.ProviderPrefix = {}));
|
|
3440
3446
|
const FILTERED_VALUE_OPACITY = 28;
|
|
3441
3447
|
const DEFAULT_ATTRIBUTE_NAME = "name";
|
|
3442
3448
|
const DEFAULT_DATA_SOURCE_LIMIT = 100;
|
|
@@ -3458,42 +3464,42 @@ const BASE_CONTAINER_STYLE = {
|
|
|
3458
3464
|
marginBottom: "1rem",
|
|
3459
3465
|
};
|
|
3460
3466
|
|
|
3461
|
-
const StackBarContainer = styled(uilibGl.Flex) `
|
|
3462
|
-
flex-wrap: nowrap;
|
|
3463
|
-
width: 100%;
|
|
3467
|
+
const StackBarContainer = styled(uilibGl.Flex) `
|
|
3468
|
+
flex-wrap: nowrap;
|
|
3469
|
+
width: 100%;
|
|
3464
3470
|
`;
|
|
3465
|
-
const StackBarHeader = styled(uilibGl.Flex) `
|
|
3466
|
-
justify-content: space-between;
|
|
3467
|
-
margin-bottom: 0.375rem;
|
|
3468
|
-
font-size: 0.75rem;
|
|
3471
|
+
const StackBarHeader = styled(uilibGl.Flex) `
|
|
3472
|
+
justify-content: space-between;
|
|
3473
|
+
margin-bottom: 0.375rem;
|
|
3474
|
+
font-size: 0.75rem;
|
|
3469
3475
|
`;
|
|
3470
|
-
const StackBarSection = styled.div `
|
|
3471
|
-
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
3472
|
-
width: ${({ $width }) => $width}%;
|
|
3473
|
-
height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
|
|
3474
|
-
margin: 0 0.5px;
|
|
3475
|
-
background-color: ${({ $color }) => $color};
|
|
3476
|
-
opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
|
|
3477
|
-
transition: opacity ${uilibGl.transition.release}, background-color ${uilibGl.transition.release};
|
|
3478
|
-
|
|
3479
|
-
:first-child {
|
|
3480
|
-
border-top-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
|
|
3481
|
-
border-bottom-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
|
|
3482
|
-
}
|
|
3483
|
-
|
|
3484
|
-
:last-child {
|
|
3485
|
-
border-top-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
|
|
3486
|
-
border-bottom-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
|
|
3487
|
-
}
|
|
3476
|
+
const StackBarSection = styled.div `
|
|
3477
|
+
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
3478
|
+
width: ${({ $width }) => $width}%;
|
|
3479
|
+
height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
|
|
3480
|
+
margin: 0 0.5px;
|
|
3481
|
+
background-color: ${({ $color }) => $color};
|
|
3482
|
+
opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
|
|
3483
|
+
transition: opacity ${uilibGl.transition.release}, background-color ${uilibGl.transition.release};
|
|
3484
|
+
|
|
3485
|
+
:first-child {
|
|
3486
|
+
border-top-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
|
|
3487
|
+
border-bottom-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
|
|
3488
|
+
}
|
|
3489
|
+
|
|
3490
|
+
:last-child {
|
|
3491
|
+
border-top-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
|
|
3492
|
+
border-bottom-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
|
|
3493
|
+
}
|
|
3488
3494
|
`;
|
|
3489
|
-
const StackBarAlias = styled.div `
|
|
3490
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
3495
|
+
const StackBarAlias = styled.div `
|
|
3496
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
3491
3497
|
`;
|
|
3492
3498
|
const StackBarTotal = styled(uilibGl.Flex) ``;
|
|
3493
3499
|
const StackBarValue = styled.div ``;
|
|
3494
|
-
const StackBarUnits = styled.div `
|
|
3495
|
-
margin-left: 0.25rem;
|
|
3496
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
3500
|
+
const StackBarUnits = styled.div `
|
|
3501
|
+
margin-left: 0.25rem;
|
|
3502
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
3497
3503
|
`;
|
|
3498
3504
|
|
|
3499
3505
|
const transparentizeColor = (originalColor, percent) => {
|
|
@@ -4250,8 +4256,8 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
|
|
|
4250
4256
|
const customize = React.useCallback(({ svg }) => {
|
|
4251
4257
|
svg.style("overflow", "visible");
|
|
4252
4258
|
svg
|
|
4253
|
-
.selectAll(`.${charts.lineChartClassNames.lineChartXScaleGlobal} line,
|
|
4254
|
-
.${charts.lineChartClassNames.lineChartYScaleGlobal} line,
|
|
4259
|
+
.selectAll(`.${charts.lineChartClassNames.lineChartXScaleGlobal} line,
|
|
4260
|
+
.${charts.lineChartClassNames.lineChartYScaleGlobal} line,
|
|
4255
4261
|
.domain`)
|
|
4256
4262
|
.each((_, index, nodes) => {
|
|
4257
4263
|
nodes[index].remove();
|
|
@@ -4322,11 +4328,11 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
|
|
|
4322
4328
|
.attr("fill", `url(#${gradientId})`)
|
|
4323
4329
|
.attr("stroke-width", "0")
|
|
4324
4330
|
.attr("fill-opacity", FILL_OPACITY);
|
|
4325
|
-
defs.push(`
|
|
4326
|
-
<linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
|
|
4327
|
-
<stop offset="0" stop-color="${color}" stop-opacity="1" />
|
|
4328
|
-
<stop offset="1" stop-color="${color}" stop-opacity="0" />
|
|
4329
|
-
</linearGradient>
|
|
4331
|
+
defs.push(`
|
|
4332
|
+
<linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
|
|
4333
|
+
<stop offset="0" stop-color="${color}" stop-opacity="1" />
|
|
4334
|
+
<stop offset="1" stop-color="${color}" stop-opacity="0" />
|
|
4335
|
+
</linearGradient>
|
|
4330
4336
|
`);
|
|
4331
4337
|
ref.current = {
|
|
4332
4338
|
path: newPath,
|
|
@@ -4412,22 +4418,41 @@ const getSelectedFilterValue = (filterName, selectedFilters, defaultValue) => {
|
|
|
4412
4418
|
: selectedFilters?.[filterName]?.value) ?? defaultValue);
|
|
4413
4419
|
};
|
|
4414
4420
|
|
|
4415
|
-
const applyQueryFilters = ({ parameters: configParameters, filters: configFilters, selectedFilters,
|
|
4421
|
+
const applyQueryFilters = ({ parameters: configParameters, filters: configFilters, selectedFilters, geometry, attributes, layerInfo, dataSources, projectDataSources, }) => {
|
|
4416
4422
|
if (!configParameters) {
|
|
4417
4423
|
return {};
|
|
4418
4424
|
}
|
|
4419
4425
|
return Object.keys(configParameters).reduce((result, key) => {
|
|
4426
|
+
if (typeof configParameters[key] === "string" && configParameters[key].startsWith(PROVIDER_PREFIX)) {
|
|
4427
|
+
const raw = configParameters[key].slice(PROVIDER_PREFIX.length);
|
|
4428
|
+
const [provider, layerName, fieldName] = raw.split(":");
|
|
4429
|
+
if (provider === exports.ProviderPrefix.Card && fieldName && layerInfo.name === layerName && attributes) {
|
|
4430
|
+
const attribute = attributes.find(({ attributeName }) => attributeName === fieldName);
|
|
4431
|
+
const cardValue = attribute?.value ?? null;
|
|
4432
|
+
if (lodash.isNil(cardValue))
|
|
4433
|
+
return result;
|
|
4434
|
+
return { ...result, [key]: cardValue };
|
|
4435
|
+
}
|
|
4436
|
+
if (provider === exports.ProviderPrefix.Left && layerName && fieldName && projectDataSources?.length) {
|
|
4437
|
+
const dataSource = projectDataSources.find(({ layerName: name }) => name === layerName);
|
|
4438
|
+
const leftValue = dataSource?.features?.[0]?.properties?.[fieldName] ?? null;
|
|
4439
|
+
if (lodash.isNil(leftValue))
|
|
4440
|
+
return result;
|
|
4441
|
+
return { ...result, [key]: leftValue };
|
|
4442
|
+
}
|
|
4443
|
+
return result;
|
|
4444
|
+
}
|
|
4420
4445
|
if (typeof configParameters[key] === "string" && configParameters[key].includes("{") && attributes?.length) {
|
|
4421
|
-
let
|
|
4446
|
+
let interpolated = configParameters[key];
|
|
4422
4447
|
attributes.forEach(({ attributeName, value: attrValue }) => {
|
|
4423
|
-
|
|
4448
|
+
interpolated = interpolated.replace(new RegExp(`\\{${attributeName}\\}`, "g"), attrValue?.toString() ?? "");
|
|
4424
4449
|
});
|
|
4425
|
-
return { ...result, [key]:
|
|
4450
|
+
return { ...result, [key]: interpolated };
|
|
4426
4451
|
}
|
|
4427
4452
|
if (typeof configParameters[key] !== "string" || !configParameters[key].startsWith("%")) {
|
|
4428
4453
|
return {
|
|
4429
4454
|
...result,
|
|
4430
|
-
[key]: configParameters[key]
|
|
4455
|
+
[key]: configParameters[key],
|
|
4431
4456
|
};
|
|
4432
4457
|
}
|
|
4433
4458
|
const filterFullName = configParameters[key].replace("%", "");
|
|
@@ -4685,104 +4710,104 @@ const formatDataSourceCondition = ({ condition, configFilters, filters, attribut
|
|
|
4685
4710
|
: conditionSection.join(splitter);
|
|
4686
4711
|
};
|
|
4687
4712
|
|
|
4688
|
-
const DashboardChipsContainer = styled(uilibGl.Flex) `
|
|
4689
|
-
flex-wrap: wrap;
|
|
4713
|
+
const DashboardChipsContainer = styled(uilibGl.Flex) `
|
|
4714
|
+
flex-wrap: wrap;
|
|
4690
4715
|
`;
|
|
4691
|
-
const DefaultChipColorMixin = styled.css `
|
|
4692
|
-
&& {
|
|
4693
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
4694
|
-
}
|
|
4695
|
-
|
|
4696
|
-
&& > * {
|
|
4697
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
4698
|
-
}
|
|
4699
|
-
|
|
4700
|
-
&& span[kind]:after {
|
|
4701
|
-
color: ${({ theme: { palette } }) => palette.icon};
|
|
4702
|
-
}
|
|
4716
|
+
const DefaultChipColorMixin = styled.css `
|
|
4717
|
+
&& {
|
|
4718
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
4719
|
+
}
|
|
4720
|
+
|
|
4721
|
+
&& > * {
|
|
4722
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
4723
|
+
}
|
|
4724
|
+
|
|
4725
|
+
&& span[kind]:after {
|
|
4726
|
+
color: ${({ theme: { palette } }) => palette.icon};
|
|
4727
|
+
}
|
|
4703
4728
|
`;
|
|
4704
|
-
const CustomChipColorMixin = styled.css `
|
|
4705
|
-
&& {
|
|
4706
|
-
color: ${({ $fontColor }) => $fontColor};
|
|
4707
|
-
}
|
|
4708
|
-
|
|
4709
|
-
&& > * {
|
|
4710
|
-
color: ${({ $fontColor }) => $fontColor};
|
|
4711
|
-
}
|
|
4712
|
-
|
|
4713
|
-
&& span[kind]:after {
|
|
4714
|
-
color: ${({ $fontColor }) => $fontColor};
|
|
4715
|
-
}
|
|
4729
|
+
const CustomChipColorMixin = styled.css `
|
|
4730
|
+
&& {
|
|
4731
|
+
color: ${({ $fontColor }) => $fontColor};
|
|
4732
|
+
}
|
|
4733
|
+
|
|
4734
|
+
&& > * {
|
|
4735
|
+
color: ${({ $fontColor }) => $fontColor};
|
|
4736
|
+
}
|
|
4737
|
+
|
|
4738
|
+
&& span[kind]:after {
|
|
4739
|
+
color: ${({ $fontColor }) => $fontColor};
|
|
4740
|
+
}
|
|
4741
|
+
`;
|
|
4742
|
+
const DashboardChip$1 = styled(uilibGl.Chip) `
|
|
4743
|
+
margin: 0 0.25rem 0.25rem 0;
|
|
4744
|
+
background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
|
|
4745
|
+
border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
|
|
4746
|
+
white-space: nowrap;
|
|
4747
|
+
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
4748
|
+
color: ${({ theme: { palette } }) => palette.iconContrast};
|
|
4749
|
+
|
|
4750
|
+
> * {
|
|
4751
|
+
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
4752
|
+
}
|
|
4753
|
+
|
|
4754
|
+
span[kind] {
|
|
4755
|
+
height: 0.875rem;
|
|
4756
|
+
|
|
4757
|
+
:after {
|
|
4758
|
+
font-size: 0.875rem;
|
|
4759
|
+
}
|
|
4760
|
+
}
|
|
4761
|
+
|
|
4762
|
+
button {
|
|
4763
|
+
width: auto;
|
|
4764
|
+
padding: 0 0.5rem;
|
|
4765
|
+
}
|
|
4766
|
+
|
|
4767
|
+
${({ $isDefault }) => $isDefault && DefaultChipColorMixin}
|
|
4768
|
+
${({ $fontColor, $isDefault }) => !!$fontColor && !$isDefault && CustomChipColorMixin}
|
|
4716
4769
|
`;
|
|
4717
|
-
const DashboardChip$1 = styled(uilibGl.Chip) `
|
|
4718
|
-
margin: 0 0.25rem 0.25rem 0;
|
|
4719
|
-
background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
|
|
4720
|
-
border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
|
|
4721
|
-
white-space: nowrap;
|
|
4722
|
-
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
4723
|
-
color: ${({ theme: { palette } }) => palette.iconContrast};
|
|
4724
|
-
|
|
4725
|
-
> * {
|
|
4726
|
-
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
4727
|
-
}
|
|
4728
|
-
|
|
4729
|
-
span[kind] {
|
|
4730
|
-
height: 0.875rem;
|
|
4731
|
-
|
|
4732
|
-
:after {
|
|
4733
|
-
font-size: 0.875rem;
|
|
4734
|
-
}
|
|
4735
|
-
}
|
|
4736
|
-
|
|
4737
|
-
button {
|
|
4738
|
-
width: auto;
|
|
4739
|
-
padding: 0 0.5rem;
|
|
4740
|
-
}
|
|
4741
|
-
|
|
4742
|
-
${({ $isDefault }) => $isDefault && DefaultChipColorMixin}
|
|
4743
|
-
${({ $fontColor, $isDefault }) => !!$fontColor && !$isDefault && CustomChipColorMixin}
|
|
4744
|
-
`;
|
|
4745
|
-
|
|
4746
|
-
const LayerGroupContainer = styled(uilibGl.Flex) `
|
|
4747
|
-
display: flex;
|
|
4748
|
-
justify-content: center;
|
|
4749
|
-
position: relative;
|
|
4750
|
-
flex-direction: column;
|
|
4751
|
-
padding: 0 0.25rem 0 1rem;
|
|
4752
|
-
box-sizing: border-box;
|
|
4753
|
-
transition: opacity ${uilibGl.transition.hover}, background-color ${uilibGl.transition.hover};
|
|
4754
|
-
font-family: "NunitoSans", sans-serif;
|
|
4755
|
-
`;
|
|
4756
|
-
const LayerGroupMain = styled(uilibGl.Flex) `
|
|
4757
|
-
flex-direction: row;
|
|
4758
|
-
flex-wrap: nowrap;
|
|
4759
|
-
align-items: center;
|
|
4760
|
-
justify-content: space-between;
|
|
4761
|
-
width: 100%;
|
|
4762
|
-
|
|
4763
|
-
${uilibGl.Icon} {
|
|
4764
|
-
width: 2rem;
|
|
4765
|
-
min-width: 2rem;
|
|
4766
|
-
height: 2rem;
|
|
4767
|
-
display: inline-flex;
|
|
4768
|
-
align-items: center;
|
|
4769
|
-
justify-content: center;
|
|
4770
|
-
margin-right: 0.75rem;
|
|
4771
|
-
}
|
|
4772
|
-
|
|
4773
|
-
${uilibGl.Description} {
|
|
4774
|
-
display: flex;
|
|
4775
|
-
align-items: center;
|
|
4776
|
-
flex-grow: 1;
|
|
4777
|
-
width: 100%;
|
|
4778
|
-
margin-right: 0.25rem;
|
|
4779
|
-
color: ${({ theme }) => theme.palette.textPrimary};
|
|
4780
|
-
}
|
|
4781
4770
|
|
|
4782
|
-
|
|
4783
|
-
|
|
4784
|
-
|
|
4785
|
-
|
|
4771
|
+
const LayerGroupContainer = styled(uilibGl.Flex) `
|
|
4772
|
+
display: flex;
|
|
4773
|
+
justify-content: center;
|
|
4774
|
+
position: relative;
|
|
4775
|
+
flex-direction: column;
|
|
4776
|
+
padding: 0 0.25rem 0 1rem;
|
|
4777
|
+
box-sizing: border-box;
|
|
4778
|
+
transition: opacity ${uilibGl.transition.hover}, background-color ${uilibGl.transition.hover};
|
|
4779
|
+
font-family: "NunitoSans", sans-serif;
|
|
4780
|
+
`;
|
|
4781
|
+
const LayerGroupMain = styled(uilibGl.Flex) `
|
|
4782
|
+
flex-direction: row;
|
|
4783
|
+
flex-wrap: nowrap;
|
|
4784
|
+
align-items: center;
|
|
4785
|
+
justify-content: space-between;
|
|
4786
|
+
width: 100%;
|
|
4787
|
+
|
|
4788
|
+
${uilibGl.Icon} {
|
|
4789
|
+
width: 2rem;
|
|
4790
|
+
min-width: 2rem;
|
|
4791
|
+
height: 2rem;
|
|
4792
|
+
display: inline-flex;
|
|
4793
|
+
align-items: center;
|
|
4794
|
+
justify-content: center;
|
|
4795
|
+
margin-right: 0.75rem;
|
|
4796
|
+
}
|
|
4797
|
+
|
|
4798
|
+
${uilibGl.Description} {
|
|
4799
|
+
display: flex;
|
|
4800
|
+
align-items: center;
|
|
4801
|
+
flex-grow: 1;
|
|
4802
|
+
width: 100%;
|
|
4803
|
+
margin-right: 0.25rem;
|
|
4804
|
+
color: ${({ theme }) => theme.palette.textPrimary};
|
|
4805
|
+
}
|
|
4806
|
+
|
|
4807
|
+
button {
|
|
4808
|
+
width: 2.25rem;
|
|
4809
|
+
justify-content: flex-start;
|
|
4810
|
+
}
|
|
4786
4811
|
`;
|
|
4787
4812
|
|
|
4788
4813
|
const customModes = MapboxDraw.modes;
|
|
@@ -5595,330 +5620,330 @@ const LayerTree = ({ layers, onlyMainTools }) => {
|
|
|
5595
5620
|
return (jsxRuntime.jsx(uilibGl.DraggableTree, { nodes: nodes, disableDrag: onlyMainTools, options: { pastePlaceholderHeight: "0.025rem" }, onUpdate: onUpdate }));
|
|
5596
5621
|
};
|
|
5597
5622
|
|
|
5598
|
-
const LayersListWrapper = styled(uilibGl.Flex) `
|
|
5599
|
-
flex-direction: column;
|
|
5600
|
-
height: 100%;
|
|
5601
|
-
width: 100%;
|
|
5602
|
-
box-sizing: border-box;
|
|
5623
|
+
const LayersListWrapper = styled(uilibGl.Flex) `
|
|
5624
|
+
flex-direction: column;
|
|
5625
|
+
height: 100%;
|
|
5626
|
+
width: 100%;
|
|
5627
|
+
box-sizing: border-box;
|
|
5603
5628
|
`;
|
|
5604
|
-
const LayerListContainer = styled(uilibGl.Flex) `
|
|
5605
|
-
flex-grow: 1;
|
|
5606
|
-
height: 100%;
|
|
5607
|
-
box-sizing: border-box;
|
|
5608
|
-
padding-top: 0.25rem;
|
|
5629
|
+
const LayerListContainer = styled(uilibGl.Flex) `
|
|
5630
|
+
flex-grow: 1;
|
|
5631
|
+
height: 100%;
|
|
5632
|
+
box-sizing: border-box;
|
|
5633
|
+
padding-top: 0.25rem;
|
|
5609
5634
|
`;
|
|
5610
5635
|
|
|
5611
|
-
const ElementValueWrapper = styled.div `
|
|
5612
|
-
transition: background-color ${uilibGl.transition.toggle};
|
|
5613
|
-
|
|
5636
|
+
const ElementValueWrapper = styled.div `
|
|
5637
|
+
transition: background-color ${uilibGl.transition.toggle};
|
|
5638
|
+
|
|
5614
5639
|
${({ noMargin }) => !!noMargin &&
|
|
5615
|
-
styled.css `
|
|
5616
|
-
&&&& {
|
|
5617
|
-
margin-bottom: 0;
|
|
5618
|
-
}
|
|
5619
|
-
`};
|
|
5620
|
-
`;
|
|
5621
|
-
const Container = styled(uilibGl.Flex) `
|
|
5622
|
-
flex-direction: column;
|
|
5623
|
-
width: 100%;
|
|
5624
|
-
|
|
5640
|
+
styled.css `
|
|
5641
|
+
&&&& {
|
|
5642
|
+
margin-bottom: 0;
|
|
5643
|
+
}
|
|
5644
|
+
`};
|
|
5645
|
+
`;
|
|
5646
|
+
const Container = styled(uilibGl.Flex) `
|
|
5647
|
+
flex-direction: column;
|
|
5648
|
+
width: 100%;
|
|
5649
|
+
|
|
5625
5650
|
${({ isColumn }) => isColumn
|
|
5626
|
-
? styled.css `
|
|
5627
|
-
&&& > * {
|
|
5628
|
-
justify-content: flex-start;
|
|
5629
|
-
}
|
|
5630
|
-
> * {
|
|
5631
|
-
width: 100%;
|
|
5632
|
-
|
|
5633
|
-
:not(:last-child) {
|
|
5634
|
-
margin-bottom: 0.5rem;
|
|
5635
|
-
}
|
|
5636
|
-
}
|
|
5651
|
+
? styled.css `
|
|
5652
|
+
&&& > * {
|
|
5653
|
+
justify-content: flex-start;
|
|
5654
|
+
}
|
|
5655
|
+
> * {
|
|
5656
|
+
width: 100%;
|
|
5657
|
+
|
|
5658
|
+
:not(:last-child) {
|
|
5659
|
+
margin-bottom: 0.5rem;
|
|
5660
|
+
}
|
|
5661
|
+
}
|
|
5637
5662
|
`
|
|
5638
|
-
: styled.css `
|
|
5639
|
-
flex-direction: row;
|
|
5640
|
-
justify-content: space-between;
|
|
5641
|
-
align-items: center;
|
|
5642
|
-
`}
|
|
5643
|
-
|
|
5663
|
+
: styled.css `
|
|
5664
|
+
flex-direction: row;
|
|
5665
|
+
justify-content: space-between;
|
|
5666
|
+
align-items: center;
|
|
5667
|
+
`}
|
|
5668
|
+
|
|
5644
5669
|
${({ isTitle }) => isTitle &&
|
|
5645
|
-
styled.css `
|
|
5646
|
-
&&&& {
|
|
5647
|
-
margin-bottom: 0.75rem;
|
|
5648
|
-
}
|
|
5649
|
-
`}
|
|
5650
|
-
|
|
5670
|
+
styled.css `
|
|
5671
|
+
&&&& {
|
|
5672
|
+
margin-bottom: 0.75rem;
|
|
5673
|
+
}
|
|
5674
|
+
`}
|
|
5675
|
+
|
|
5651
5676
|
${({ noBorders }) => noBorders &&
|
|
5652
|
-
styled.css `
|
|
5653
|
-
${ContainerWrapper} {
|
|
5654
|
-
box-shadow: none;
|
|
5655
|
-
padding: 0;
|
|
5656
|
-
}
|
|
5657
|
-
`}
|
|
5658
|
-
`;
|
|
5659
|
-
const ContainerWrapper = styled(uilibGl.Flex) `
|
|
5660
|
-
position: relative;
|
|
5661
|
-
box-sizing: border-box;
|
|
5662
|
-
width: 100%;
|
|
5663
|
-
background: ${({ theme: { palette } }) => palette.backgroundAlpha};
|
|
5664
|
-
box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
|
|
5665
|
-
margin-bottom: 2rem;
|
|
5666
|
-
padding: 1.5rem;
|
|
5667
|
-
border-radius: 0.5rem;
|
|
5668
|
-
backdrop-filter: blur(20px);
|
|
5669
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
5670
|
-
z-index: ${({ $zIndex }) => $zIndex ?? 1};
|
|
5671
|
-
transition: background-color ${uilibGl.transition.toggle};
|
|
5672
|
-
|
|
5677
|
+
styled.css `
|
|
5678
|
+
${ContainerWrapper} {
|
|
5679
|
+
box-shadow: none;
|
|
5680
|
+
padding: 0;
|
|
5681
|
+
}
|
|
5682
|
+
`}
|
|
5683
|
+
`;
|
|
5684
|
+
const ContainerWrapper = styled(uilibGl.Flex) `
|
|
5685
|
+
position: relative;
|
|
5686
|
+
box-sizing: border-box;
|
|
5687
|
+
width: 100%;
|
|
5688
|
+
background: ${({ theme: { palette } }) => palette.backgroundAlpha};
|
|
5689
|
+
box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
|
|
5690
|
+
margin-bottom: 2rem;
|
|
5691
|
+
padding: 1.5rem;
|
|
5692
|
+
border-radius: 0.5rem;
|
|
5693
|
+
backdrop-filter: blur(20px);
|
|
5694
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
5695
|
+
z-index: ${({ $zIndex }) => $zIndex ?? 1};
|
|
5696
|
+
transition: background-color ${uilibGl.transition.toggle};
|
|
5697
|
+
|
|
5673
5698
|
${({ $noMargin }) => $noMargin &&
|
|
5674
|
-
styled.css `
|
|
5675
|
-
&&&& {
|
|
5676
|
-
margin-bottom: 0;
|
|
5677
|
-
}
|
|
5678
|
-
`}
|
|
5679
|
-
`;
|
|
5680
|
-
const DashboardChip = styled(uilibGl.Chip) `
|
|
5681
|
-
margin: 0 0.25rem 0.25rem 0;
|
|
5682
|
-
background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
|
|
5683
|
-
border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
|
|
5684
|
-
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
5685
|
-
color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
|
|
5686
|
-
|
|
5687
|
-
> * {
|
|
5688
|
-
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
5689
|
-
color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
|
|
5690
|
-
}
|
|
5691
|
-
|
|
5692
|
-
span[kind]:after {
|
|
5693
|
-
color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.icon : $fontColor || "#fff"};
|
|
5694
|
-
}
|
|
5695
|
-
`;
|
|
5696
|
-
const DashboardPlaceholderWrap = styled(uilibGl.Flex) `
|
|
5697
|
-
flex-grow: 1;
|
|
5698
|
-
flex-direction: column;
|
|
5699
|
-
justify-content: center;
|
|
5700
|
-
align-items: center;
|
|
5701
|
-
width: 100%;
|
|
5702
|
-
margin-bottom: 2rem;
|
|
5699
|
+
styled.css `
|
|
5700
|
+
&&&& {
|
|
5701
|
+
margin-bottom: 0;
|
|
5702
|
+
}
|
|
5703
|
+
`}
|
|
5704
|
+
`;
|
|
5705
|
+
const DashboardChip = styled(uilibGl.Chip) `
|
|
5706
|
+
margin: 0 0.25rem 0.25rem 0;
|
|
5707
|
+
background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
|
|
5708
|
+
border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
|
|
5709
|
+
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
5710
|
+
color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
|
|
5711
|
+
|
|
5712
|
+
> * {
|
|
5713
|
+
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
5714
|
+
color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
|
|
5715
|
+
}
|
|
5716
|
+
|
|
5717
|
+
span[kind]:after {
|
|
5718
|
+
color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.icon : $fontColor || "#fff"};
|
|
5719
|
+
}
|
|
5703
5720
|
`;
|
|
5704
|
-
const
|
|
5705
|
-
flex-
|
|
5706
|
-
|
|
5707
|
-
|
|
5708
|
-
|
|
5709
|
-
|
|
5721
|
+
const DashboardPlaceholderWrap = styled(uilibGl.Flex) `
|
|
5722
|
+
flex-grow: 1;
|
|
5723
|
+
flex-direction: column;
|
|
5724
|
+
justify-content: center;
|
|
5725
|
+
align-items: center;
|
|
5726
|
+
width: 100%;
|
|
5727
|
+
margin-bottom: 2rem;
|
|
5728
|
+
`;
|
|
5729
|
+
const DashboardPlaceholder = styled(uilibGl.Flex) `
|
|
5730
|
+
flex-direction: column;
|
|
5731
|
+
justify-content: center;
|
|
5732
|
+
align-items: center;
|
|
5733
|
+
margin-top: 2rem;
|
|
5734
|
+
|
|
5710
5735
|
${({ isLoading }) => isLoading &&
|
|
5711
|
-
styled.css `
|
|
5712
|
-
width: 6.25rem;
|
|
5713
|
-
`}
|
|
5714
|
-
|
|
5715
|
-
&&& > * {
|
|
5716
|
-
margin-bottom: 0;
|
|
5717
|
-
}
|
|
5718
|
-
|
|
5719
|
-
> div {
|
|
5720
|
-
width: 100%;
|
|
5721
|
-
margin-top: 1rem;
|
|
5722
|
-
font-size: 0.75rem;
|
|
5723
|
-
text-align: center;
|
|
5724
|
-
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
5725
|
-
}
|
|
5726
|
-
|
|
5727
|
-
span[kind] {
|
|
5728
|
-
width: 2.25rem;
|
|
5729
|
-
height: 2.25rem;
|
|
5730
|
-
opacity: 0.28;
|
|
5731
|
-
|
|
5732
|
-
:after {
|
|
5733
|
-
font-size: 32px;
|
|
5734
|
-
}
|
|
5735
|
-
}
|
|
5736
|
+
styled.css `
|
|
5737
|
+
width: 6.25rem;
|
|
5738
|
+
`}
|
|
5739
|
+
|
|
5740
|
+
&&& > * {
|
|
5741
|
+
margin-bottom: 0;
|
|
5742
|
+
}
|
|
5743
|
+
|
|
5744
|
+
> div {
|
|
5745
|
+
width: 100%;
|
|
5746
|
+
margin-top: 1rem;
|
|
5747
|
+
font-size: 0.75rem;
|
|
5748
|
+
text-align: center;
|
|
5749
|
+
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
5750
|
+
}
|
|
5751
|
+
|
|
5752
|
+
span[kind] {
|
|
5753
|
+
width: 2.25rem;
|
|
5754
|
+
height: 2.25rem;
|
|
5755
|
+
opacity: 0.28;
|
|
5756
|
+
|
|
5757
|
+
:after {
|
|
5758
|
+
font-size: 32px;
|
|
5759
|
+
}
|
|
5760
|
+
}
|
|
5736
5761
|
`;
|
|
5737
|
-
const DashboardWrapper = styled(uilibGl.Flex) `
|
|
5738
|
-
flex-direction: column;
|
|
5739
|
-
flex-wrap: nowrap;
|
|
5740
|
-
flex-grow: 1;
|
|
5741
|
-
width: calc(100% - 3rem);
|
|
5742
|
-
height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
|
|
5743
|
-
|
|
5762
|
+
const DashboardWrapper = styled(uilibGl.Flex) `
|
|
5763
|
+
flex-direction: column;
|
|
5764
|
+
flex-wrap: nowrap;
|
|
5765
|
+
flex-grow: 1;
|
|
5766
|
+
width: calc(100% - 3rem);
|
|
5767
|
+
height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
|
|
5768
|
+
|
|
5744
5769
|
${({ hasImage, isPresentationMode }) => hasImage &&
|
|
5745
5770
|
!isPresentationMode &&
|
|
5746
|
-
styled.css `
|
|
5747
|
-
margin-top: -0.35rem;
|
|
5748
|
-
`}
|
|
5749
|
-
`;
|
|
5750
|
-
const DashboardContent = styled(uilibGl.Flex) `
|
|
5751
|
-
flex-grow: 1;
|
|
5752
|
-
width: 100%;
|
|
5753
|
-
padding: 1.5rem 1.5rem 2rem;
|
|
5754
|
-
overflow-y: auto;
|
|
5755
|
-
scrollbar-gutter: stable;
|
|
5756
|
-
`;
|
|
5757
|
-
const PresentationWrapperCss = styled.css `
|
|
5758
|
-
margin-bottom: 0.75rem;
|
|
5759
|
-
padding: 1.5rem;
|
|
5760
|
-
background-color: ${({ theme: { palette } }) => palette.panelBackground};
|
|
5761
|
-
backdrop-filter: blur(10px);
|
|
5762
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
5763
|
-
box-shadow: ${uilibGl.shadows.raised};
|
|
5764
|
-
`;
|
|
5765
|
-
const PresentationWrapper = styled.div `
|
|
5766
|
-
${PresentationWrapperCss};
|
|
5767
|
-
position: relative;
|
|
5768
|
-
z-index: 1;
|
|
5769
|
-
`;
|
|
5770
|
-
const PresentationPanelWrapper = styled(PresentationWrapper) `
|
|
5771
|
-
margin-top: 0.75rem;
|
|
5772
|
-
transition: background-color ${uilibGl.transition.toggle};
|
|
5773
|
-
`;
|
|
5774
|
-
const PresentationHeader = styled.div `
|
|
5775
|
-
margin: -1.5rem -1.5rem 0 -1.5rem;
|
|
5776
|
-
padding: 1.5rem;
|
|
5777
|
-
// background: url(images.presentationHeader) 0 0 no-repeat;
|
|
5778
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
5779
|
-
transition: background-color ${uilibGl.transition.toggle};
|
|
5780
|
-
|
|
5771
|
+
styled.css `
|
|
5772
|
+
margin-top: -0.35rem;
|
|
5773
|
+
`}
|
|
5774
|
+
`;
|
|
5775
|
+
const DashboardContent = styled(uilibGl.Flex) `
|
|
5776
|
+
flex-grow: 1;
|
|
5777
|
+
width: 100%;
|
|
5778
|
+
padding: 1.5rem 1.5rem 2rem;
|
|
5779
|
+
overflow-y: auto;
|
|
5780
|
+
scrollbar-gutter: stable;
|
|
5781
|
+
`;
|
|
5782
|
+
const PresentationWrapperCss = styled.css `
|
|
5783
|
+
margin-bottom: 0.75rem;
|
|
5784
|
+
padding: 1.5rem;
|
|
5785
|
+
background-color: ${({ theme: { palette } }) => palette.panelBackground};
|
|
5786
|
+
backdrop-filter: blur(10px);
|
|
5787
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
5788
|
+
box-shadow: ${uilibGl.shadows.raised};
|
|
5789
|
+
`;
|
|
5790
|
+
const PresentationWrapper = styled.div `
|
|
5791
|
+
${PresentationWrapperCss};
|
|
5792
|
+
position: relative;
|
|
5793
|
+
z-index: 1;
|
|
5794
|
+
`;
|
|
5795
|
+
const PresentationPanelWrapper = styled(PresentationWrapper) `
|
|
5796
|
+
margin-top: 0.75rem;
|
|
5797
|
+
transition: background-color ${uilibGl.transition.toggle};
|
|
5798
|
+
`;
|
|
5799
|
+
const PresentationHeader = styled.div `
|
|
5800
|
+
margin: -1.5rem -1.5rem 0 -1.5rem;
|
|
5801
|
+
padding: 1.5rem;
|
|
5802
|
+
// background: url(images.presentationHeader) 0 0 no-repeat;
|
|
5803
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
5804
|
+
transition: background-color ${uilibGl.transition.toggle};
|
|
5805
|
+
|
|
5781
5806
|
${({ image }) => !!image &&
|
|
5782
|
-
styled.css `
|
|
5783
|
-
padding-top: 7rem;
|
|
5784
|
-
`};
|
|
5785
|
-
`;
|
|
5786
|
-
const PresentationHeaderTools = styled(uilibGl.Flex) `
|
|
5787
|
-
justify-content: space-between;
|
|
5788
|
-
align-items: center;
|
|
5789
|
-
margin-bottom: -0.5rem;
|
|
5790
|
-
margin-right: -0.5rem;
|
|
5791
|
-
|
|
5792
|
-
span[kind="sun"],
|
|
5793
|
-
span[kind="moon"] {
|
|
5794
|
-
:after {
|
|
5795
|
-
font-size: 0.85rem;
|
|
5796
|
-
color: ${({ theme: { palette } }) => palette.iconDisabled};
|
|
5797
|
-
}
|
|
5798
|
-
|
|
5799
|
-
:hover:after {
|
|
5800
|
-
color: ${({ theme: { palette } }) => palette.icon};
|
|
5801
|
-
}
|
|
5802
|
-
}
|
|
5807
|
+
styled.css `
|
|
5808
|
+
padding-top: 7rem;
|
|
5809
|
+
`};
|
|
5810
|
+
`;
|
|
5811
|
+
const PresentationHeaderTools = styled(uilibGl.Flex) `
|
|
5812
|
+
justify-content: space-between;
|
|
5813
|
+
align-items: center;
|
|
5814
|
+
margin-bottom: -0.5rem;
|
|
5815
|
+
margin-right: -0.5rem;
|
|
5816
|
+
|
|
5817
|
+
span[kind="sun"],
|
|
5818
|
+
span[kind="moon"] {
|
|
5819
|
+
:after {
|
|
5820
|
+
font-size: 0.85rem;
|
|
5821
|
+
color: ${({ theme: { palette } }) => palette.iconDisabled};
|
|
5822
|
+
}
|
|
5823
|
+
|
|
5824
|
+
:hover:after {
|
|
5825
|
+
color: ${({ theme: { palette } }) => palette.icon};
|
|
5826
|
+
}
|
|
5827
|
+
}
|
|
5803
5828
|
`;
|
|
5804
|
-
const LayerGroupList = styled(uilibGl.Flex) `
|
|
5805
|
-
flex-direction: column;
|
|
5806
|
-
height: 100%;
|
|
5807
|
-
flex-wrap: nowrap;
|
|
5808
|
-
overflow-x: ${({ $noScroll }) => ($noScroll ? "visible" : "hidden")};
|
|
5809
|
-
overflow-y: ${({ $noScroll }) => ($noScroll ? "visible" : "auto")};
|
|
5810
|
-
padding: 0 0.125rem 0 0.75rem;
|
|
5811
|
-
scrollbar-gutter: stable;
|
|
5812
|
-
|
|
5813
|
-
> * {
|
|
5814
|
-
flex-grow: 1;
|
|
5815
|
-
}
|
|
5829
|
+
const LayerGroupList = styled(uilibGl.Flex) `
|
|
5830
|
+
flex-direction: column;
|
|
5831
|
+
height: 100%;
|
|
5832
|
+
flex-wrap: nowrap;
|
|
5833
|
+
overflow-x: ${({ $noScroll }) => ($noScroll ? "visible" : "hidden")};
|
|
5834
|
+
overflow-y: ${({ $noScroll }) => ($noScroll ? "visible" : "auto")};
|
|
5835
|
+
padding: 0 0.125rem 0 0.75rem;
|
|
5836
|
+
scrollbar-gutter: stable;
|
|
5837
|
+
|
|
5838
|
+
> * {
|
|
5839
|
+
flex-grow: 1;
|
|
5840
|
+
}
|
|
5816
5841
|
`;
|
|
5817
5842
|
const PresentationHeaderButtons = styled(uilibGl.Flex) ``;
|
|
5818
|
-
const PresentationPanelContainer = styled.div `
|
|
5819
|
-
position: absolute;
|
|
5820
|
-
top: 0;
|
|
5821
|
-
left: calc(${({ left }) => left || 0}px + 0.75rem);
|
|
5822
|
-
bottom: 0;
|
|
5823
|
-
z-index: 3;
|
|
5824
|
-
display: flex;
|
|
5825
|
-
flex-direction: column;
|
|
5826
|
-
width: ${LEFT_PANEL_HEADER_HEIGHT}px;
|
|
5827
|
-
padding-right: 0.5rem;
|
|
5828
|
-
scrollbar-gutter: stable;
|
|
5829
|
-
overflow-y: hidden;
|
|
5830
|
-
|
|
5831
|
-
:hover {
|
|
5832
|
-
overflow-y: auto;
|
|
5833
|
-
}
|
|
5834
|
-
|
|
5843
|
+
const PresentationPanelContainer = styled.div `
|
|
5844
|
+
position: absolute;
|
|
5845
|
+
top: 0;
|
|
5846
|
+
left: calc(${({ left }) => left || 0}px + 0.75rem);
|
|
5847
|
+
bottom: 0;
|
|
5848
|
+
z-index: 3;
|
|
5849
|
+
display: flex;
|
|
5850
|
+
flex-direction: column;
|
|
5851
|
+
width: ${LEFT_PANEL_HEADER_HEIGHT}px;
|
|
5852
|
+
padding-right: 0.5rem;
|
|
5853
|
+
scrollbar-gutter: stable;
|
|
5854
|
+
overflow-y: hidden;
|
|
5855
|
+
|
|
5856
|
+
:hover {
|
|
5857
|
+
overflow-y: auto;
|
|
5858
|
+
}
|
|
5859
|
+
|
|
5835
5860
|
${({ showLayers }) => !showLayers &&
|
|
5836
|
-
styled.css `
|
|
5837
|
-
> :first-child {
|
|
5838
|
-
padding-bottom: 0;
|
|
5839
|
-
}
|
|
5840
|
-
`};
|
|
5841
|
-
|
|
5842
|
-
${PresentationHeader} > * {
|
|
5843
|
-
position: relative;
|
|
5844
|
-
z-index: 2;
|
|
5845
|
-
}
|
|
5846
|
-
|
|
5847
|
-
/* PaginationWrapper {
|
|
5848
|
-
${PresentationWrapperCss};
|
|
5849
|
-
width: calc(100% - 2rem);
|
|
5850
|
-
min-height: 8.625rem;
|
|
5851
|
-
padding-top: 0.5rem;
|
|
5852
|
-
padding-bottom: 0.5rem;
|
|
5853
|
-
margin-bottom: 0.75rem;
|
|
5854
|
-
}*/
|
|
5855
|
-
|
|
5856
|
-
${DashboardWrapper} {
|
|
5857
|
-
width: 100%;
|
|
5858
|
-
margin-top: 0;
|
|
5859
|
-
|
|
5860
|
-
${DashboardContent} {
|
|
5861
|
-
padding: 0;
|
|
5862
|
-
overflow-y: unset;
|
|
5863
|
-
|
|
5864
|
-
> * > ${ContainerWrapper} > * > ${ContainerWrapper} {
|
|
5865
|
-
${PresentationWrapperCss};
|
|
5866
|
-
width: calc(100% - 3rem);
|
|
5867
|
-
}
|
|
5868
|
-
}
|
|
5869
|
-
}
|
|
5870
|
-
|
|
5871
|
-
${DashboardPlaceholder} {
|
|
5872
|
-
${PresentationWrapperCss};
|
|
5873
|
-
width: 18.5rem;
|
|
5874
|
-
height: 10.75rem;
|
|
5875
|
-
}
|
|
5876
|
-
|
|
5877
|
-
${LayerListContainer} {
|
|
5878
|
-
height: auto;
|
|
5879
|
-
margin: 0 -1.125rem -1.5rem;
|
|
5880
|
-
padding: 0;
|
|
5881
|
-
|
|
5882
|
-
${LayerGroupList} {
|
|
5883
|
-
padding: 0;
|
|
5884
|
-
}
|
|
5885
|
-
}
|
|
5861
|
+
styled.css `
|
|
5862
|
+
> :first-child {
|
|
5863
|
+
padding-bottom: 0;
|
|
5864
|
+
}
|
|
5865
|
+
`};
|
|
5866
|
+
|
|
5867
|
+
${PresentationHeader} > * {
|
|
5868
|
+
position: relative;
|
|
5869
|
+
z-index: 2;
|
|
5870
|
+
}
|
|
5871
|
+
|
|
5872
|
+
/* PaginationWrapper {
|
|
5873
|
+
${PresentationWrapperCss};
|
|
5874
|
+
width: calc(100% - 2rem);
|
|
5875
|
+
min-height: 8.625rem;
|
|
5876
|
+
padding-top: 0.5rem;
|
|
5877
|
+
padding-bottom: 0.5rem;
|
|
5878
|
+
margin-bottom: 0.75rem;
|
|
5879
|
+
}*/
|
|
5880
|
+
|
|
5881
|
+
${DashboardWrapper} {
|
|
5882
|
+
width: 100%;
|
|
5883
|
+
margin-top: 0;
|
|
5884
|
+
|
|
5885
|
+
${DashboardContent} {
|
|
5886
|
+
padding: 0;
|
|
5887
|
+
overflow-y: unset;
|
|
5888
|
+
|
|
5889
|
+
> * > ${ContainerWrapper} > * > ${ContainerWrapper} {
|
|
5890
|
+
${PresentationWrapperCss};
|
|
5891
|
+
width: calc(100% - 3rem);
|
|
5892
|
+
}
|
|
5893
|
+
}
|
|
5894
|
+
}
|
|
5895
|
+
|
|
5896
|
+
${DashboardPlaceholder} {
|
|
5897
|
+
${PresentationWrapperCss};
|
|
5898
|
+
width: 18.5rem;
|
|
5899
|
+
height: 10.75rem;
|
|
5900
|
+
}
|
|
5901
|
+
|
|
5902
|
+
${LayerListContainer} {
|
|
5903
|
+
height: auto;
|
|
5904
|
+
margin: 0 -1.125rem -1.5rem;
|
|
5905
|
+
padding: 0;
|
|
5906
|
+
|
|
5907
|
+
${LayerGroupList} {
|
|
5908
|
+
padding: 0;
|
|
5909
|
+
}
|
|
5910
|
+
}
|
|
5886
5911
|
`;
|
|
5887
|
-
const DataSourceErrorContainer = styled(uilibGl.Flex) `
|
|
5888
|
-
align-items: center;
|
|
5889
|
-
justify-content: center;
|
|
5890
|
-
flex-wrap: nowrap;
|
|
5891
|
-
flex-grow: 1;
|
|
5892
|
-
padding: 1rem;
|
|
5893
|
-
border: 1px ${({ theme: { palette } }) => palette.element} solid;
|
|
5894
|
-
border-radius: 10px;
|
|
5895
|
-
font-size: 0.875rem;
|
|
5896
|
-
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
5897
|
-
|
|
5898
|
-
span[kind] {
|
|
5899
|
-
margin-right: 1rem;
|
|
5900
|
-
|
|
5901
|
-
:after {
|
|
5902
|
-
color: ${({ theme: { palette } }) => palette.iconDisabled};
|
|
5903
|
-
}
|
|
5904
|
-
}
|
|
5912
|
+
const DataSourceErrorContainer = styled(uilibGl.Flex) `
|
|
5913
|
+
align-items: center;
|
|
5914
|
+
justify-content: center;
|
|
5915
|
+
flex-wrap: nowrap;
|
|
5916
|
+
flex-grow: 1;
|
|
5917
|
+
padding: 1rem;
|
|
5918
|
+
border: 1px ${({ theme: { palette } }) => palette.element} solid;
|
|
5919
|
+
border-radius: 10px;
|
|
5920
|
+
font-size: 0.875rem;
|
|
5921
|
+
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
5922
|
+
|
|
5923
|
+
span[kind] {
|
|
5924
|
+
margin-right: 1rem;
|
|
5925
|
+
|
|
5926
|
+
:after {
|
|
5927
|
+
color: ${({ theme: { palette } }) => palette.iconDisabled};
|
|
5928
|
+
}
|
|
5929
|
+
}
|
|
5905
5930
|
`;
|
|
5906
|
-
const AttributeLabel = styled(uilibGl.Description) `
|
|
5907
|
-
margin-top: 0 !important;
|
|
5908
|
-
margin-bottom: ${({ forCheckbox }) => forCheckbox ? "0.75rem" : "0.25rem"} !important;
|
|
5909
|
-
padding-left: ${({ isEdit }) => (isEdit ? "0.5rem" : "0")};
|
|
5910
|
-
`;
|
|
5911
|
-
const FeatureControls = styled(uilibGl.Flex) `
|
|
5912
|
-
align-items: center;
|
|
5913
|
-
gap: 1rem;
|
|
5914
|
-
flex-wrap: nowrap;
|
|
5915
|
-
position: relative;
|
|
5916
|
-
flex-shrink: 0;
|
|
5917
|
-
|
|
5918
|
-
button {
|
|
5919
|
-
padding: 0;
|
|
5920
|
-
width: auto;
|
|
5921
|
-
}
|
|
5931
|
+
const AttributeLabel = styled(uilibGl.Description) `
|
|
5932
|
+
margin-top: 0 !important;
|
|
5933
|
+
margin-bottom: ${({ forCheckbox }) => forCheckbox ? "0.75rem" : "0.25rem"} !important;
|
|
5934
|
+
padding-left: ${({ isEdit }) => (isEdit ? "0.5rem" : "0")};
|
|
5935
|
+
`;
|
|
5936
|
+
const FeatureControls = styled(uilibGl.Flex) `
|
|
5937
|
+
align-items: center;
|
|
5938
|
+
gap: 1rem;
|
|
5939
|
+
flex-wrap: nowrap;
|
|
5940
|
+
position: relative;
|
|
5941
|
+
flex-shrink: 0;
|
|
5942
|
+
|
|
5943
|
+
button {
|
|
5944
|
+
padding: 0;
|
|
5945
|
+
width: auto;
|
|
5946
|
+
}
|
|
5922
5947
|
`;
|
|
5923
5948
|
|
|
5924
5949
|
const getAttributeByName = (name, attributes) => {
|
|
@@ -6001,148 +6026,148 @@ const ContainersGroupContainer = React.memo(({ elementConfig, type, renderElemen
|
|
|
6001
6026
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsx(Container, { id: id, isColumn: isColumn, children: jsxRuntime.jsx(ContainerChildren, { type: type, items: children, elementConfig: elementConfig, isColumn: isColumn, isMain: id?.startsWith(CONFIG_PAGE_ID), renderElement: renderElement }) }))] }));
|
|
6002
6027
|
});
|
|
6003
6028
|
|
|
6004
|
-
const ChartLegendContainer = styled(uilibGl.Flex) `
|
|
6005
|
-
flex-direction: column;
|
|
6006
|
-
flex-wrap: wrap;
|
|
6007
|
-
justify-content: ${({ twoColumns }) => (twoColumns ? "flex-start" : "center")};
|
|
6008
|
-
`;
|
|
6009
|
-
const ChartLegendItem = styled(uilibGl.Flex) `
|
|
6010
|
-
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
6011
|
-
align-items: center;
|
|
6012
|
-
flex-wrap: nowrap;
|
|
6013
|
-
width: auto;
|
|
6014
|
-
margin-right: 0.375rem;
|
|
6015
|
-
margin-bottom: 0.25rem;
|
|
6016
|
-
line-height: 0.75rem;
|
|
6017
|
-
opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
|
|
6018
|
-
`;
|
|
6019
|
-
const ChartLegendColor = styled.div `
|
|
6020
|
-
width: 0.5rem;
|
|
6021
|
-
height: 0.5rem;
|
|
6022
|
-
margin-right: 0.375rem;
|
|
6023
|
-
background-color: ${({ color }) => color};
|
|
6024
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
|
|
6025
|
-
`;
|
|
6026
|
-
const ChartLegendName = styled.div `
|
|
6027
|
-
flex: 1;
|
|
6028
|
-
font-size: ${({ $fontSize }) => $fontSize || "0.625rem"};
|
|
6029
|
-
color: ${({ theme: { palette }, $fontColor }) => $fontColor || palette.textPrimary};
|
|
6030
|
-
`;
|
|
6031
|
-
|
|
6032
|
-
const ContainerAlias = styled(uilibGl.Flex) `
|
|
6033
|
-
align-items: center;
|
|
6034
|
-
flex-wrap: nowrap;
|
|
6035
|
-
font-size: 0.75rem;
|
|
6036
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6037
|
-
|
|
6038
|
-
&&& {
|
|
6039
|
-
margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
|
|
6040
|
-
}
|
|
6041
|
-
|
|
6042
|
-
span[kind] {
|
|
6043
|
-
margin-right: 0.5rem;
|
|
6029
|
+
const ChartLegendContainer = styled(uilibGl.Flex) `
|
|
6030
|
+
flex-direction: column;
|
|
6031
|
+
flex-wrap: wrap;
|
|
6032
|
+
justify-content: ${({ twoColumns }) => (twoColumns ? "flex-start" : "center")};
|
|
6033
|
+
`;
|
|
6034
|
+
const ChartLegendItem = styled(uilibGl.Flex) `
|
|
6035
|
+
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
6036
|
+
align-items: center;
|
|
6037
|
+
flex-wrap: nowrap;
|
|
6038
|
+
width: auto;
|
|
6039
|
+
margin-right: 0.375rem;
|
|
6040
|
+
margin-bottom: 0.25rem;
|
|
6041
|
+
line-height: 0.75rem;
|
|
6042
|
+
opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
|
|
6043
|
+
`;
|
|
6044
|
+
const ChartLegendColor = styled.div `
|
|
6045
|
+
width: 0.5rem;
|
|
6046
|
+
height: 0.5rem;
|
|
6047
|
+
margin-right: 0.375rem;
|
|
6048
|
+
background-color: ${({ color }) => color};
|
|
6049
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
|
|
6050
|
+
`;
|
|
6051
|
+
const ChartLegendName = styled.div `
|
|
6052
|
+
flex: 1;
|
|
6053
|
+
font-size: ${({ $fontSize }) => $fontSize || "0.625rem"};
|
|
6054
|
+
color: ${({ theme: { palette }, $fontColor }) => $fontColor || palette.textPrimary};
|
|
6055
|
+
`;
|
|
6044
6056
|
|
|
6045
|
-
|
|
6046
|
-
|
|
6047
|
-
|
|
6048
|
-
|
|
6057
|
+
const ContainerAlias = styled(uilibGl.Flex) `
|
|
6058
|
+
align-items: center;
|
|
6059
|
+
flex-wrap: nowrap;
|
|
6060
|
+
font-size: 0.75rem;
|
|
6061
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6062
|
+
|
|
6063
|
+
&&& {
|
|
6064
|
+
margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
|
|
6065
|
+
}
|
|
6066
|
+
|
|
6067
|
+
span[kind] {
|
|
6068
|
+
margin-right: 0.5rem;
|
|
6069
|
+
|
|
6070
|
+
:after {
|
|
6071
|
+
color: ${({ theme: { palette } }) => palette.primary};
|
|
6072
|
+
}
|
|
6073
|
+
}
|
|
6049
6074
|
`;
|
|
6050
|
-
const ContainerAliasIcon = styled.div `
|
|
6051
|
-
margin-right: 0.5rem;
|
|
6075
|
+
const ContainerAliasIcon = styled.div `
|
|
6076
|
+
margin-right: 0.5rem;
|
|
6052
6077
|
`;
|
|
6053
|
-
const ContainerChart = styled(uilibGl.Flex) `
|
|
6054
|
-
justify-content: flex-start;
|
|
6055
|
-
|
|
6056
|
-
> * {
|
|
6057
|
-
display: flex;
|
|
6058
|
-
justify-content: center;
|
|
6059
|
-
width: 100%;
|
|
6060
|
-
}
|
|
6078
|
+
const ContainerChart = styled(uilibGl.Flex) `
|
|
6079
|
+
justify-content: flex-start;
|
|
6080
|
+
|
|
6081
|
+
> * {
|
|
6082
|
+
display: flex;
|
|
6083
|
+
justify-content: center;
|
|
6084
|
+
width: 100%;
|
|
6085
|
+
}
|
|
6061
6086
|
`;
|
|
6062
6087
|
const ContainerLegend = styled(uilibGl.Flex) ``;
|
|
6063
|
-
const ContainerUnits = styled.div `
|
|
6064
|
-
margin-left: 0.5rem;
|
|
6065
|
-
white-space: nowrap;
|
|
6066
|
-
font-size: 0.75rem;
|
|
6067
|
-
`;
|
|
6068
|
-
const ContainerValue = styled(uilibGl.Flex) `
|
|
6069
|
-
justify-content: flex-end;
|
|
6070
|
-
align-items: center;
|
|
6071
|
-
flex-wrap: nowrap;
|
|
6072
|
-
width: 100%;
|
|
6073
|
-
font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
|
|
6074
|
-
color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
|
|
6075
|
-
|
|
6076
|
-
> * {
|
|
6077
|
-
width: ${({ column }) => (column ? "100%" : "auto")};
|
|
6078
|
-
}
|
|
6079
|
-
|
|
6080
|
-
${ContainerChart}, ${ContainerLegend} {
|
|
6081
|
-
width: ${({ column }) => (column ? "100%" : "50%")};
|
|
6082
|
-
}
|
|
6083
|
-
|
|
6084
|
-
${ContainerLegend} {
|
|
6085
|
-
margin-left: ${({ column }) => (column ? 0 : "1rem")};
|
|
6086
|
-
}
|
|
6087
|
-
|
|
6088
|
-
${ChartLegendContainer} {
|
|
6089
|
-
flex-direction: ${({ column }) => (column ? "row" : "column")};
|
|
6090
|
-
margin-top: ${({ column }) => (column ? "1rem" : 0)};
|
|
6091
|
-
}
|
|
6088
|
+
const ContainerUnits = styled.div `
|
|
6089
|
+
margin-left: 0.5rem;
|
|
6090
|
+
white-space: nowrap;
|
|
6091
|
+
font-size: 0.75rem;
|
|
6092
|
+
`;
|
|
6093
|
+
const ContainerValue = styled(uilibGl.Flex) `
|
|
6094
|
+
justify-content: flex-end;
|
|
6095
|
+
align-items: center;
|
|
6096
|
+
flex-wrap: nowrap;
|
|
6097
|
+
width: 100%;
|
|
6098
|
+
font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
|
|
6099
|
+
color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
|
|
6100
|
+
|
|
6101
|
+
> * {
|
|
6102
|
+
width: ${({ column }) => (column ? "100%" : "auto")};
|
|
6103
|
+
}
|
|
6104
|
+
|
|
6105
|
+
${ContainerChart}, ${ContainerLegend} {
|
|
6106
|
+
width: ${({ column }) => (column ? "100%" : "50%")};
|
|
6107
|
+
}
|
|
6108
|
+
|
|
6109
|
+
${ContainerLegend} {
|
|
6110
|
+
margin-left: ${({ column }) => (column ? 0 : "1rem")};
|
|
6111
|
+
}
|
|
6112
|
+
|
|
6113
|
+
${ChartLegendContainer} {
|
|
6114
|
+
flex-direction: ${({ column }) => (column ? "row" : "column")};
|
|
6115
|
+
margin-top: ${({ column }) => (column ? "1rem" : 0)};
|
|
6116
|
+
}
|
|
6092
6117
|
`;
|
|
6093
|
-
const ColorIconMixin = styled.css `
|
|
6094
|
-
:after {
|
|
6095
|
-
color: ${({ $fontColor }) => $fontColor} !important;
|
|
6096
|
-
}
|
|
6118
|
+
const ColorIconMixin = styled.css `
|
|
6119
|
+
:after {
|
|
6120
|
+
color: ${({ $fontColor }) => $fontColor} !important;
|
|
6121
|
+
}
|
|
6097
6122
|
`;
|
|
6098
|
-
const SizeIconMixin = styled.css `
|
|
6099
|
-
:after {
|
|
6100
|
-
font-size: ${({ $fontSize }) => $fontSize}px !important;
|
|
6101
|
-
}
|
|
6123
|
+
const SizeIconMixin = styled.css `
|
|
6124
|
+
:after {
|
|
6125
|
+
font-size: ${({ $fontSize }) => $fontSize}px !important;
|
|
6126
|
+
}
|
|
6102
6127
|
`;
|
|
6103
|
-
const ContainerIcon = styled(uilibGl.Icon) `
|
|
6104
|
-
width: auto;
|
|
6105
|
-
height: auto;
|
|
6106
|
-
margin-bottom: 0.5rem;
|
|
6107
|
-
${({ $fontColor }) => !!$fontColor && ColorIconMixin};
|
|
6108
|
-
${({ $fontSize }) => !!$fontSize && SizeIconMixin};
|
|
6109
|
-
`;
|
|
6110
|
-
const SvgContainerColorMixin$1 = styled.css `
|
|
6111
|
-
path,
|
|
6112
|
-
line,
|
|
6113
|
-
circle {
|
|
6114
|
-
fill: ${({ $fontColor }) => $fontColor};
|
|
6115
|
-
}
|
|
6128
|
+
const ContainerIcon = styled(uilibGl.Icon) `
|
|
6129
|
+
width: auto;
|
|
6130
|
+
height: auto;
|
|
6131
|
+
margin-bottom: 0.5rem;
|
|
6132
|
+
${({ $fontColor }) => !!$fontColor && ColorIconMixin};
|
|
6133
|
+
${({ $fontSize }) => !!$fontSize && SizeIconMixin};
|
|
6134
|
+
`;
|
|
6135
|
+
const SvgContainerColorMixin$1 = styled.css `
|
|
6136
|
+
path,
|
|
6137
|
+
line,
|
|
6138
|
+
circle {
|
|
6139
|
+
fill: ${({ $fontColor }) => $fontColor};
|
|
6140
|
+
}
|
|
6116
6141
|
`;
|
|
6117
|
-
const SvgContainer$1 = styled.div `
|
|
6118
|
-
&&& {
|
|
6119
|
-
min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
|
|
6120
|
-
max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
|
|
6121
|
-
|
|
6122
|
-
${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin$1};
|
|
6123
|
-
|
|
6124
|
-
> * {
|
|
6125
|
-
min-width: inherit;
|
|
6126
|
-
}
|
|
6127
|
-
}
|
|
6142
|
+
const SvgContainer$1 = styled.div `
|
|
6143
|
+
&&& {
|
|
6144
|
+
min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
|
|
6145
|
+
max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
|
|
6146
|
+
|
|
6147
|
+
${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin$1};
|
|
6148
|
+
|
|
6149
|
+
> * {
|
|
6150
|
+
min-width: inherit;
|
|
6151
|
+
}
|
|
6152
|
+
}
|
|
6128
6153
|
`;
|
|
6129
|
-
const TwoColumnContainerWrapper = styled(uilibGl.Flex) `
|
|
6130
|
-
width: 100%;
|
|
6131
|
-
flex-direction: row;
|
|
6132
|
-
flex-wrap: nowrap;
|
|
6133
|
-
align-items: center;
|
|
6134
|
-
|
|
6135
|
-
> * {
|
|
6136
|
-
flex: 1;
|
|
6137
|
-
}
|
|
6138
|
-
|
|
6139
|
-
> ${ContainerValue} {
|
|
6140
|
-
justify-content: flex-end;
|
|
6141
|
-
|
|
6142
|
-
> * {
|
|
6143
|
-
text-align: right;
|
|
6144
|
-
}
|
|
6145
|
-
}
|
|
6154
|
+
const TwoColumnContainerWrapper = styled(uilibGl.Flex) `
|
|
6155
|
+
width: 100%;
|
|
6156
|
+
flex-direction: row;
|
|
6157
|
+
flex-wrap: nowrap;
|
|
6158
|
+
align-items: center;
|
|
6159
|
+
|
|
6160
|
+
> * {
|
|
6161
|
+
flex: 1;
|
|
6162
|
+
}
|
|
6163
|
+
|
|
6164
|
+
> ${ContainerValue} {
|
|
6165
|
+
justify-content: flex-end;
|
|
6166
|
+
|
|
6167
|
+
> * {
|
|
6168
|
+
text-align: right;
|
|
6169
|
+
}
|
|
6170
|
+
}
|
|
6146
6171
|
`;
|
|
6147
6172
|
|
|
6148
6173
|
const useRenderContainerItem = (type, renderElement) => {
|
|
@@ -6200,33 +6225,51 @@ const useRenderContainerItem = (type, renderElement) => {
|
|
|
6200
6225
|
const OneColumnContainer = React.memo(({ type, elementConfig, renderElement }) => {
|
|
6201
6226
|
const getRenderContainerItem = useRenderContainerItem(type, renderElement);
|
|
6202
6227
|
const { options } = elementConfig || {};
|
|
6203
|
-
const { attributes:
|
|
6228
|
+
const { attributes: optionAttributes } = options || {};
|
|
6229
|
+
const { attributes: contextAttributes } = useWidgetContext(type);
|
|
6230
|
+
const attributesToRender = React.useMemo(() => {
|
|
6231
|
+
if (!optionAttributes)
|
|
6232
|
+
return null;
|
|
6233
|
+
if (optionAttributes.length === 0) {
|
|
6234
|
+
return contextAttributes?.map(({ attributeName }) => attributeName) ?? [];
|
|
6235
|
+
}
|
|
6236
|
+
return optionAttributes;
|
|
6237
|
+
}, [optionAttributes, contextAttributes]);
|
|
6204
6238
|
const renderContainer = React.useCallback((attribute) => {
|
|
6205
6239
|
const { id, value, hideEmpty, style, hasUnits, render } = getRenderContainerItem(elementConfig, attribute);
|
|
6206
6240
|
if (!value && hideEmpty)
|
|
6207
6241
|
return null;
|
|
6208
6242
|
return (jsxRuntime.jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxRuntime.jsxs(ContainerAlias, { hasBottomMargin: true, children: [render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxRuntime.jsxs(ContainerValue, { children: [value, hasUnits && (jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] }));
|
|
6209
6243
|
}, [getRenderContainerItem, elementConfig]);
|
|
6210
|
-
return
|
|
6244
|
+
return attributesToRender ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: attributesToRender.map(renderContainer) })) : (renderContainer());
|
|
6211
6245
|
});
|
|
6212
6246
|
|
|
6213
6247
|
const TwoColumnContainer = React.memo(({ elementConfig, type, renderElement }) => {
|
|
6214
6248
|
const getRenderContainerItem = useRenderContainerItem(type, renderElement);
|
|
6215
6249
|
const { options } = elementConfig || {};
|
|
6216
6250
|
const { attributes: renderAttributes } = options || {};
|
|
6251
|
+
const { attributes: contextAttributes } = useWidgetContext(type);
|
|
6252
|
+
const attributesToRender = React.useMemo(() => {
|
|
6253
|
+
if (!renderAttributes)
|
|
6254
|
+
return null;
|
|
6255
|
+
if (renderAttributes.length === 0) {
|
|
6256
|
+
return contextAttributes?.map(({ attributeName }) => attributeName) ?? [];
|
|
6257
|
+
}
|
|
6258
|
+
return renderAttributes;
|
|
6259
|
+
}, [renderAttributes, contextAttributes]);
|
|
6217
6260
|
const renderContainer = React.useCallback((attribute) => {
|
|
6218
6261
|
const { id, value, hideEmpty, style, hasIcon, hasUnits, render } = getRenderContainerItem(elementConfig, attribute);
|
|
6219
6262
|
if (!value && hideEmpty)
|
|
6220
6263
|
return null;
|
|
6221
6264
|
return (jsxRuntime.jsxs(TwoColumnContainerWrapper, { id: id, style: style, children: [jsxRuntime.jsxs(ContainerAlias, { children: [hasIcon && (jsxRuntime.jsx(ContainerAliasIcon, { children: render({ id: "icon" }) })), render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxRuntime.jsxs(ContainerValue, { big: true, children: [value, hasUnits && (jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] }, attribute));
|
|
6222
6265
|
}, [getRenderContainerItem, elementConfig]);
|
|
6223
|
-
return
|
|
6266
|
+
return attributesToRender ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: attributesToRender.map(renderContainer) })) : (renderContainer());
|
|
6224
6267
|
});
|
|
6225
6268
|
|
|
6226
|
-
const InnerContainerWrapper = styled.div `
|
|
6227
|
-
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
6228
|
-
width: ${({ column }) => (column ? "100%" : "auto")};
|
|
6229
|
-
opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
|
|
6269
|
+
const InnerContainerWrapper = styled.div `
|
|
6270
|
+
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
6271
|
+
width: ${({ column }) => (column ? "100%" : "auto")};
|
|
6272
|
+
opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
|
|
6230
6273
|
`;
|
|
6231
6274
|
|
|
6232
6275
|
const DataSourceInnerContainer = React.memo(({ config, elementConfig, feature, maxValue, type, index, innerComponent }) => {
|
|
@@ -6297,107 +6340,107 @@ const DataSourceInnerContainer = React.memo(({ config, elementConfig, feature, m
|
|
|
6297
6340
|
return (jsxRuntime.jsx(InnerContainerWrapper, { hasAnyFilter: hasAnyFilter, isFiltered: isFiltered(value), column: column === undefined || column, onClick: filterName ? () => onFilter(value) : undefined, children: jsxRuntime.jsx(InnerContainer, { config: config, elementConfig: elementConfig, feature: feature, maxValue: maxValue, type: type, index: index, renderElement: render }) }));
|
|
6298
6341
|
});
|
|
6299
6342
|
|
|
6300
|
-
const DataSourceProgressContainerWrapper = styled.div `
|
|
6301
|
-
width: 100%;
|
|
6343
|
+
const DataSourceProgressContainerWrapper = styled.div `
|
|
6344
|
+
width: 100%;
|
|
6302
6345
|
`;
|
|
6303
|
-
const ContainerToggler = styled(uilibGl.LegendToggler) `
|
|
6304
|
-
width: auto;
|
|
6305
|
-
margin-left: -1rem;
|
|
6346
|
+
const ContainerToggler = styled(uilibGl.LegendToggler) `
|
|
6347
|
+
width: auto;
|
|
6348
|
+
margin-left: -1rem;
|
|
6306
6349
|
`;
|
|
6307
6350
|
|
|
6308
|
-
const ProgressContainerWrapper = styled(uilibGl.Flex) `
|
|
6309
|
-
align-items: center;
|
|
6310
|
-
width: 100%;
|
|
6311
|
-
margin-bottom: 1rem;
|
|
6312
|
-
`;
|
|
6313
|
-
const ProgressIcon = styled.div `
|
|
6314
|
-
margin-right: 0.5rem;
|
|
6315
|
-
`;
|
|
6316
|
-
const ProgressContent = styled(uilibGl.Flex) `
|
|
6317
|
-
flex: 1;
|
|
6318
|
-
flex-direction: column;
|
|
6351
|
+
const ProgressContainerWrapper = styled(uilibGl.Flex) `
|
|
6352
|
+
align-items: center;
|
|
6353
|
+
width: 100%;
|
|
6354
|
+
margin-bottom: 1rem;
|
|
6319
6355
|
`;
|
|
6320
|
-
const
|
|
6321
|
-
|
|
6322
|
-
justify-content: space-between;
|
|
6323
|
-
margin-bottom: 0.25rem;
|
|
6324
|
-
font-size: 0.75rem;
|
|
6325
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6356
|
+
const ProgressIcon = styled.div `
|
|
6357
|
+
margin-right: 0.5rem;
|
|
6326
6358
|
`;
|
|
6327
|
-
const
|
|
6328
|
-
|
|
6329
|
-
|
|
6330
|
-
font-size: 1rem;
|
|
6331
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
6332
|
-
`;
|
|
6333
|
-
const ProgressInnerValue = styled(ProgressValue) `
|
|
6334
|
-
justify-content: flex-end;
|
|
6335
|
-
width: 4rem;
|
|
6336
|
-
margin-left: 0.5rem;
|
|
6337
|
-
`;
|
|
6338
|
-
const ProgressUnits = styled(uilibGl.Flex) `
|
|
6339
|
-
margin-left: 0.25rem;
|
|
6340
|
-
font-size: 0.75rem;
|
|
6341
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6342
|
-
`;
|
|
6343
|
-
const ProgressBarWrapper = styled.div `
|
|
6344
|
-
flex-grow: 1;
|
|
6345
|
-
height: 0.5rem;
|
|
6346
|
-
background-color: ${({ theme: { palette } }) => palette.element};
|
|
6347
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
|
|
6359
|
+
const ProgressContent = styled(uilibGl.Flex) `
|
|
6360
|
+
flex: 1;
|
|
6361
|
+
flex-direction: column;
|
|
6348
6362
|
`;
|
|
6349
|
-
const
|
|
6350
|
-
|
|
6351
|
-
|
|
6352
|
-
|
|
6353
|
-
|
|
6363
|
+
const ProgressAlias = styled(uilibGl.Flex) `
|
|
6364
|
+
flex: 1;
|
|
6365
|
+
justify-content: space-between;
|
|
6366
|
+
margin-bottom: 0.25rem;
|
|
6367
|
+
font-size: 0.75rem;
|
|
6368
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6369
|
+
`;
|
|
6370
|
+
const ProgressValue = styled(uilibGl.Flex) `
|
|
6371
|
+
align-items: center;
|
|
6372
|
+
width: auto;
|
|
6373
|
+
font-size: 1rem;
|
|
6374
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
6375
|
+
`;
|
|
6376
|
+
const ProgressInnerValue = styled(ProgressValue) `
|
|
6377
|
+
justify-content: flex-end;
|
|
6378
|
+
width: 4rem;
|
|
6379
|
+
margin-left: 0.5rem;
|
|
6380
|
+
`;
|
|
6381
|
+
const ProgressUnits = styled(uilibGl.Flex) `
|
|
6382
|
+
margin-left: 0.25rem;
|
|
6383
|
+
font-size: 0.75rem;
|
|
6384
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6385
|
+
`;
|
|
6386
|
+
const ProgressBarWrapper = styled.div `
|
|
6387
|
+
flex-grow: 1;
|
|
6388
|
+
height: 0.5rem;
|
|
6389
|
+
background-color: ${({ theme: { palette } }) => palette.element};
|
|
6390
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
|
|
6391
|
+
`;
|
|
6392
|
+
const ProgressBarContainer = styled(uilibGl.Flex) `
|
|
6393
|
+
position: relative;
|
|
6394
|
+
align-items: center;
|
|
6395
|
+
width: 100%;
|
|
6396
|
+
|
|
6354
6397
|
${({ innerValue }) => innerValue &&
|
|
6355
|
-
styled.css `
|
|
6356
|
-
${ProgressBarWrapper} {
|
|
6357
|
-
height: 1.125rem;
|
|
6358
|
-
}
|
|
6359
|
-
|
|
6360
|
-
${ProgressInnerValue} {
|
|
6361
|
-
z-index: 1;
|
|
6362
|
-
position: absolute;
|
|
6363
|
-
right: 0.25rem;
|
|
6364
|
-
}
|
|
6365
|
-
`}
|
|
6366
|
-
`;
|
|
6367
|
-
const ProgressBar = styled.div `
|
|
6368
|
-
width: ${({ $width }) => $width};
|
|
6369
|
-
height: inherit;
|
|
6370
|
-
background-color: ${({ $color }) => $color || "#a7d759"};
|
|
6371
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
|
|
6372
|
-
`;
|
|
6373
|
-
const ProgressTooltipAlias = styled.div `
|
|
6374
|
-
margin-bottom: 0.25rem;
|
|
6375
|
-
text-align: left;
|
|
6376
|
-
color: ${({ theme: { palette } }) => palette.primary};
|
|
6398
|
+
styled.css `
|
|
6399
|
+
${ProgressBarWrapper} {
|
|
6400
|
+
height: 1.125rem;
|
|
6401
|
+
}
|
|
6402
|
+
|
|
6403
|
+
${ProgressInnerValue} {
|
|
6404
|
+
z-index: 1;
|
|
6405
|
+
position: absolute;
|
|
6406
|
+
right: 0.25rem;
|
|
6407
|
+
}
|
|
6408
|
+
`}
|
|
6409
|
+
`;
|
|
6410
|
+
const ProgressBar = styled.div `
|
|
6411
|
+
width: ${({ $width }) => $width};
|
|
6412
|
+
height: inherit;
|
|
6413
|
+
background-color: ${({ $color }) => $color || "#a7d759"};
|
|
6414
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
|
|
6415
|
+
`;
|
|
6416
|
+
const ProgressTooltipAlias = styled.div `
|
|
6417
|
+
margin-bottom: 0.25rem;
|
|
6418
|
+
text-align: left;
|
|
6419
|
+
color: ${({ theme: { palette } }) => palette.primary};
|
|
6377
6420
|
`;
|
|
6378
6421
|
const ProgressTooltipValue = styled.div ``;
|
|
6379
|
-
const ProgressTooltipValueContainer = styled(uilibGl.Flex) `
|
|
6380
|
-
align-items: center;
|
|
6381
|
-
|
|
6382
|
-
> * {
|
|
6383
|
-
opacity: 0.65;
|
|
6384
|
-
}
|
|
6385
|
-
|
|
6386
|
-
${ProgressTooltipValue} {
|
|
6387
|
-
opacity: 1;
|
|
6388
|
-
}
|
|
6422
|
+
const ProgressTooltipValueContainer = styled(uilibGl.Flex) `
|
|
6423
|
+
align-items: center;
|
|
6424
|
+
|
|
6425
|
+
> * {
|
|
6426
|
+
opacity: 0.65;
|
|
6427
|
+
}
|
|
6428
|
+
|
|
6429
|
+
${ProgressTooltipValue} {
|
|
6430
|
+
opacity: 1;
|
|
6431
|
+
}
|
|
6389
6432
|
`;
|
|
6390
|
-
const ProgressTooltipValueOf = styled.div `
|
|
6391
|
-
margin: 0 0.25rem;
|
|
6433
|
+
const ProgressTooltipValueOf = styled.div `
|
|
6434
|
+
margin: 0 0.25rem;
|
|
6392
6435
|
`;
|
|
6393
|
-
const ProgressTotalTitle = styled.div `
|
|
6394
|
-
font-size: 0.75rem;
|
|
6395
|
-
font-weight: bold;
|
|
6436
|
+
const ProgressTotalTitle = styled.div `
|
|
6437
|
+
font-size: 0.75rem;
|
|
6438
|
+
font-weight: bold;
|
|
6396
6439
|
`;
|
|
6397
|
-
const ProgressTotal = styled(uilibGl.Flex) `
|
|
6398
|
-
align-items: center;
|
|
6399
|
-
justify-content: space-between;
|
|
6400
|
-
margin-top: 1rem;
|
|
6440
|
+
const ProgressTotal = styled(uilibGl.Flex) `
|
|
6441
|
+
align-items: center;
|
|
6442
|
+
justify-content: space-between;
|
|
6443
|
+
margin-top: 1rem;
|
|
6401
6444
|
`;
|
|
6402
6445
|
|
|
6403
6446
|
const DataSourceProgressContainer = React.memo(({ config, elementConfig, type, innerComponent, renderElement }) => {
|
|
@@ -6503,166 +6546,166 @@ const DEFAULT_BAR_CHART_MARGINS = {
|
|
|
6503
6546
|
right: 0,
|
|
6504
6547
|
};
|
|
6505
6548
|
|
|
6506
|
-
const FiltersContainerWrapper = styled(uilibGl.Flex) `
|
|
6507
|
-
flex-direction: column;
|
|
6508
|
-
padding: ${({ $padding }) => $padding ?? `${DEFAULT_FILTER_PADDING}px`};
|
|
6509
|
-
background-color: ${({ $bgColor, $fontColor, theme: { palette } }) => $bgColor || ($fontColor ? transparentizeColor($fontColor, 6) : palette.element)};
|
|
6510
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
6511
|
-
|
|
6512
|
-
${uilibGl.DropdownField}, input {
|
|
6513
|
-
background-color: ${({ theme: { palette } }) => palette.background};
|
|
6514
|
-
}
|
|
6515
|
-
|
|
6516
|
-
> div:not(:last-child) {
|
|
6517
|
-
margin-bottom: 0.5rem;
|
|
6518
|
-
}
|
|
6519
|
-
|
|
6520
|
-
> label {
|
|
6521
|
-
align-items: flex-start;
|
|
6522
|
-
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
6523
|
-
|
|
6524
|
-
&.active {
|
|
6525
|
-
color: ${({ $fontColor }) => $fontColor};
|
|
6526
|
-
|
|
6527
|
-
svg rect {
|
|
6528
|
-
fill: ${({ $fontColor }) => $fontColor} !important;
|
|
6529
|
-
}
|
|
6530
|
-
}
|
|
6531
|
-
|
|
6532
|
-
&:not(:last-child) {
|
|
6533
|
-
margin-bottom: 0.75rem;
|
|
6534
|
-
}
|
|
6535
|
-
|
|
6536
|
-
&:last-child {
|
|
6537
|
-
margin-bottom: 0;
|
|
6538
|
-
}
|
|
6539
|
-
}
|
|
6549
|
+
const FiltersContainerWrapper = styled(uilibGl.Flex) `
|
|
6550
|
+
flex-direction: column;
|
|
6551
|
+
padding: ${({ $padding }) => $padding ?? `${DEFAULT_FILTER_PADDING}px`};
|
|
6552
|
+
background-color: ${({ $bgColor, $fontColor, theme: { palette } }) => $bgColor || ($fontColor ? transparentizeColor($fontColor, 6) : palette.element)};
|
|
6553
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
6554
|
+
|
|
6555
|
+
${uilibGl.DropdownField}, input {
|
|
6556
|
+
background-color: ${({ theme: { palette } }) => palette.background};
|
|
6557
|
+
}
|
|
6558
|
+
|
|
6559
|
+
> div:not(:last-child) {
|
|
6560
|
+
margin-bottom: 0.5rem;
|
|
6561
|
+
}
|
|
6562
|
+
|
|
6563
|
+
> label {
|
|
6564
|
+
align-items: flex-start;
|
|
6565
|
+
font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
|
|
6566
|
+
|
|
6567
|
+
&.active {
|
|
6568
|
+
color: ${({ $fontColor }) => $fontColor};
|
|
6569
|
+
|
|
6570
|
+
svg rect {
|
|
6571
|
+
fill: ${({ $fontColor }) => $fontColor} !important;
|
|
6572
|
+
}
|
|
6573
|
+
}
|
|
6574
|
+
|
|
6575
|
+
&:not(:last-child) {
|
|
6576
|
+
margin-bottom: 0.75rem;
|
|
6577
|
+
}
|
|
6578
|
+
|
|
6579
|
+
&:last-child {
|
|
6580
|
+
margin-bottom: 0;
|
|
6581
|
+
}
|
|
6582
|
+
}
|
|
6540
6583
|
`;
|
|
6541
|
-
const StyledIconButton = styled(uilibGl.IconButton) `
|
|
6542
|
-
width: 0.75rem;
|
|
6543
|
-
height: 0.75rem;
|
|
6544
|
-
|
|
6545
|
-
span[kind] {
|
|
6546
|
-
height: 0.75rem;
|
|
6547
|
-
|
|
6548
|
-
:after {
|
|
6549
|
-
font-size: 0.75rem;
|
|
6550
|
-
}
|
|
6551
|
-
}
|
|
6584
|
+
const StyledIconButton = styled(uilibGl.IconButton) `
|
|
6585
|
+
width: 0.75rem;
|
|
6586
|
+
height: 0.75rem;
|
|
6587
|
+
|
|
6588
|
+
span[kind] {
|
|
6589
|
+
height: 0.75rem;
|
|
6590
|
+
|
|
6591
|
+
:after {
|
|
6592
|
+
font-size: 0.75rem;
|
|
6593
|
+
}
|
|
6594
|
+
}
|
|
6552
6595
|
`;
|
|
6553
|
-
const TextFilterContainer = styled.div `
|
|
6554
|
-
width: 15.85rem;
|
|
6555
|
-
|
|
6556
|
-
${uilibGl.MultiSelectContainer} {
|
|
6557
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
6558
|
-
|
|
6559
|
-
${uilibGl.IconButtonButton} {
|
|
6560
|
-
span[kind]:after {
|
|
6561
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
6562
|
-
}
|
|
6563
|
-
}
|
|
6564
|
-
}
|
|
6596
|
+
const TextFilterContainer = styled.div `
|
|
6597
|
+
width: 15.85rem;
|
|
6598
|
+
|
|
6599
|
+
${uilibGl.MultiSelectContainer} {
|
|
6600
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
6601
|
+
|
|
6602
|
+
${uilibGl.IconButtonButton} {
|
|
6603
|
+
span[kind]:after {
|
|
6604
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
6605
|
+
}
|
|
6606
|
+
}
|
|
6607
|
+
}
|
|
6565
6608
|
`;
|
|
6566
|
-
const BarChartContainer = styled.div `
|
|
6567
|
-
width: 100%;
|
|
6568
|
-
overflow-x: hidden;
|
|
6569
|
-
|
|
6609
|
+
const BarChartContainer = styled.div `
|
|
6610
|
+
width: 100%;
|
|
6611
|
+
overflow-x: hidden;
|
|
6612
|
+
|
|
6570
6613
|
${({ barHeight, marginBottom }) => !!barHeight &&
|
|
6571
|
-
styled.css `
|
|
6572
|
-
.barChartBarGlobal rect {
|
|
6573
|
-
height: ${barHeight}px;
|
|
6574
|
-
y: calc(100% - ${barHeight + marginBottom}px);
|
|
6575
|
-
}
|
|
6576
|
-
`}
|
|
6577
|
-
`;
|
|
6578
|
-
const AnyChartWrapper = styled.div `
|
|
6579
|
-
width: 100%;
|
|
6580
|
-
height: ${({ height }) => height}px;
|
|
6581
|
-
`;
|
|
6582
|
-
const BarChartWrapper = styled(AnyChartWrapper) `
|
|
6583
|
-
width: 100%;
|
|
6584
|
-
margin: 0 auto ${BAR_CHART_FOOTER_MARGIN}px;
|
|
6585
|
-
|
|
6586
|
-
:hover {
|
|
6587
|
-
${BarChartContainer} {
|
|
6588
|
-
overflow-x: auto;
|
|
6589
|
-
}
|
|
6590
|
-
}
|
|
6614
|
+
styled.css `
|
|
6615
|
+
.barChartBarGlobal rect {
|
|
6616
|
+
height: ${barHeight}px;
|
|
6617
|
+
y: calc(100% - ${barHeight + marginBottom}px);
|
|
6618
|
+
}
|
|
6619
|
+
`}
|
|
6620
|
+
`;
|
|
6621
|
+
const AnyChartWrapper = styled.div `
|
|
6622
|
+
width: 100%;
|
|
6623
|
+
height: ${({ height }) => height}px;
|
|
6624
|
+
`;
|
|
6625
|
+
const BarChartWrapper = styled(AnyChartWrapper) `
|
|
6626
|
+
width: 100%;
|
|
6627
|
+
margin: 0 auto ${BAR_CHART_FOOTER_MARGIN}px;
|
|
6628
|
+
|
|
6629
|
+
:hover {
|
|
6630
|
+
${BarChartContainer} {
|
|
6631
|
+
overflow-x: auto;
|
|
6632
|
+
}
|
|
6633
|
+
}
|
|
6591
6634
|
`;
|
|
6592
|
-
const BarChartFilterHeader = styled(uilibGl.Flex) `
|
|
6593
|
-
justify-content: space-between;
|
|
6594
|
-
align-items: center;
|
|
6595
|
-
height: ${({ height }) => `calc(${typeof height === "number" ? `${height}px` : height} - 0.5rem)`};
|
|
6596
|
-
padding: 0.25rem 0;
|
|
6635
|
+
const BarChartFilterHeader = styled(uilibGl.Flex) `
|
|
6636
|
+
justify-content: space-between;
|
|
6637
|
+
align-items: center;
|
|
6638
|
+
height: ${({ height }) => `calc(${typeof height === "number" ? `${height}px` : height} - 0.5rem)`};
|
|
6639
|
+
padding: 0.25rem 0;
|
|
6597
6640
|
`;
|
|
6598
|
-
const BarChartFilterArrows = styled(uilibGl.Flex) `
|
|
6599
|
-
margin-left: -0.5rem;
|
|
6600
|
-
|
|
6601
|
-
span[kind] {
|
|
6602
|
-
display: flex;
|
|
6603
|
-
align-items: center;
|
|
6604
|
-
|
|
6605
|
-
:after {
|
|
6606
|
-
font-size: 0.75rem;
|
|
6607
|
-
}
|
|
6608
|
-
}
|
|
6641
|
+
const BarChartFilterArrows = styled(uilibGl.Flex) `
|
|
6642
|
+
margin-left: -0.5rem;
|
|
6643
|
+
|
|
6644
|
+
span[kind] {
|
|
6645
|
+
display: flex;
|
|
6646
|
+
align-items: center;
|
|
6647
|
+
|
|
6648
|
+
:after {
|
|
6649
|
+
font-size: 0.75rem;
|
|
6650
|
+
}
|
|
6651
|
+
}
|
|
6609
6652
|
`;
|
|
6610
|
-
const BarChartFilterSelected = styled.div `
|
|
6611
|
-
font-size: 0.75rem;
|
|
6612
|
-
font-weight: bold;
|
|
6613
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
6653
|
+
const BarChartFilterSelected = styled.div `
|
|
6654
|
+
font-size: 0.75rem;
|
|
6655
|
+
font-weight: bold;
|
|
6656
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
6614
6657
|
`;
|
|
6615
|
-
styled.div `
|
|
6616
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6658
|
+
styled.div `
|
|
6659
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6617
6660
|
`;
|
|
6618
|
-
const BarChart = styled(charts.BarChart) `
|
|
6619
|
-
.${charts.barChartClassNames.barChartXAxis} {
|
|
6620
|
-
.domain,
|
|
6621
|
-
line {
|
|
6622
|
-
display: none;
|
|
6623
|
-
}
|
|
6624
|
-
|
|
6625
|
-
.tick {
|
|
6626
|
-
text {
|
|
6627
|
-
text-anchor: start;
|
|
6628
|
-
font-size: 12px;
|
|
6629
|
-
color: rgba(48, 69, 79, 0.46);
|
|
6630
|
-
}
|
|
6631
|
-
|
|
6632
|
-
:last-of-type {
|
|
6633
|
-
text {
|
|
6634
|
-
text-anchor: end;
|
|
6635
|
-
}
|
|
6636
|
-
}
|
|
6637
|
-
}
|
|
6638
|
-
}
|
|
6639
|
-
|
|
6640
|
-
.marker {
|
|
6641
|
-
font-size: 12px;
|
|
6642
|
-
}
|
|
6661
|
+
const BarChart = styled(charts.BarChart) `
|
|
6662
|
+
.${charts.barChartClassNames.barChartXAxis} {
|
|
6663
|
+
.domain,
|
|
6664
|
+
line {
|
|
6665
|
+
display: none;
|
|
6666
|
+
}
|
|
6667
|
+
|
|
6668
|
+
.tick {
|
|
6669
|
+
text {
|
|
6670
|
+
text-anchor: start;
|
|
6671
|
+
font-size: 12px;
|
|
6672
|
+
color: rgba(48, 69, 79, 0.46);
|
|
6673
|
+
}
|
|
6674
|
+
|
|
6675
|
+
:last-of-type {
|
|
6676
|
+
text {
|
|
6677
|
+
text-anchor: end;
|
|
6678
|
+
}
|
|
6679
|
+
}
|
|
6680
|
+
}
|
|
6681
|
+
}
|
|
6682
|
+
|
|
6683
|
+
.marker {
|
|
6684
|
+
font-size: 12px;
|
|
6685
|
+
}
|
|
6643
6686
|
`;
|
|
6644
|
-
const TooltipContainer = styled.div `
|
|
6645
|
-
position: relative;
|
|
6646
|
-
font-size: 0.75rem;
|
|
6647
|
-
color: #ffffff;
|
|
6648
|
-
margin-bottom: 0.5rem;
|
|
6649
|
-
padding: 0.375rem;
|
|
6650
|
-
background-color: rgba(0, 0, 0, 1);
|
|
6651
|
-
border-radius: 0.25rem;
|
|
6652
|
-
box-shadow: 0 0.1875rem 0.5rem rgba(48, 69, 79, 0.06);
|
|
6653
|
-
|
|
6654
|
-
:before {
|
|
6655
|
-
content: "";
|
|
6656
|
-
position: absolute;
|
|
6657
|
-
bottom: 0;
|
|
6658
|
-
left: 50%;
|
|
6659
|
-
transform: translate(-50%, 100%);
|
|
6660
|
-
width: 0;
|
|
6661
|
-
height: 0;
|
|
6662
|
-
border-style: solid;
|
|
6663
|
-
border-width: 0.25rem 0.1875rem 0 0.1875rem;
|
|
6664
|
-
border-color: rgba(48, 69, 79, 1) transparent transparent transparent;
|
|
6665
|
-
}
|
|
6687
|
+
const TooltipContainer = styled.div `
|
|
6688
|
+
position: relative;
|
|
6689
|
+
font-size: 0.75rem;
|
|
6690
|
+
color: #ffffff;
|
|
6691
|
+
margin-bottom: 0.5rem;
|
|
6692
|
+
padding: 0.375rem;
|
|
6693
|
+
background-color: rgba(0, 0, 0, 1);
|
|
6694
|
+
border-radius: 0.25rem;
|
|
6695
|
+
box-shadow: 0 0.1875rem 0.5rem rgba(48, 69, 79, 0.06);
|
|
6696
|
+
|
|
6697
|
+
:before {
|
|
6698
|
+
content: "";
|
|
6699
|
+
position: absolute;
|
|
6700
|
+
bottom: 0;
|
|
6701
|
+
left: 50%;
|
|
6702
|
+
transform: translate(-50%, 100%);
|
|
6703
|
+
width: 0;
|
|
6704
|
+
height: 0;
|
|
6705
|
+
border-style: solid;
|
|
6706
|
+
border-width: 0.25rem 0.1875rem 0 0.1875rem;
|
|
6707
|
+
border-color: rgba(48, 69, 79, 1) transparent transparent transparent;
|
|
6708
|
+
}
|
|
6666
6709
|
`;
|
|
6667
6710
|
|
|
6668
6711
|
const FiltersContainer = React.memo(({ elementConfig, config, type, renderElement }) => {
|
|
@@ -6739,64 +6782,64 @@ const PagesContainer = React.memo(({ type = exports.WidgetType.Dashboard, noBord
|
|
|
6739
6782
|
return (jsxRuntime.jsx(Container, { id: getRootElementId(type), style: { width }, isMain: true, isColumn: isColumn, noBorders: noBorders, children: jsxRuntime.jsx(ContainerChildren, { type: type, items: filteredChildren, isMain: true, renderElement: renderElement }) }));
|
|
6740
6783
|
});
|
|
6741
6784
|
|
|
6742
|
-
const ImageContainerBg$1 = styled.div `
|
|
6743
|
-
position: absolute;
|
|
6744
|
-
top: 0;
|
|
6745
|
-
bottom: 0;
|
|
6746
|
-
left: 0;
|
|
6747
|
-
right: 0;
|
|
6748
|
-
|
|
6749
|
-
img {
|
|
6750
|
-
width: 100%;
|
|
6751
|
-
height: 100%;
|
|
6752
|
-
object-position: center;
|
|
6753
|
-
object-fit: cover;
|
|
6754
|
-
}
|
|
6785
|
+
const ImageContainerBg$1 = styled.div `
|
|
6786
|
+
position: absolute;
|
|
6787
|
+
top: 0;
|
|
6788
|
+
bottom: 0;
|
|
6789
|
+
left: 0;
|
|
6790
|
+
right: 0;
|
|
6791
|
+
|
|
6792
|
+
img {
|
|
6793
|
+
width: 100%;
|
|
6794
|
+
height: 100%;
|
|
6795
|
+
object-position: center;
|
|
6796
|
+
object-fit: cover;
|
|
6797
|
+
}
|
|
6755
6798
|
`;
|
|
6756
|
-
const ImageContainerTitle = styled.div `
|
|
6757
|
-
width: 100%;
|
|
6758
|
-
overflow-wrap: break-word;
|
|
6759
|
-
font-size: 1rem;
|
|
6760
|
-
font-weight: 500;
|
|
6761
|
-
`;
|
|
6762
|
-
const ImageContainerText = styled.div `
|
|
6763
|
-
width: 100%;
|
|
6764
|
-
overflow-wrap: break-word;
|
|
6765
|
-
margin-top: 0.5rem;
|
|
6766
|
-
font-size: 0.75rem;
|
|
6767
|
-
`;
|
|
6768
|
-
const ImageContainerButton$1 = styled(uilibGl.FlatButton) `
|
|
6769
|
-
min-height: 1.5rem;
|
|
6770
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
|
|
6771
|
-
background-color: ${({ theme: { palette } }) => palette.primary};
|
|
6772
|
-
text-transform: none;
|
|
6773
|
-
|
|
6774
|
-
:hover {
|
|
6775
|
-
background-color: ${({ theme: { palette } }) => palette.primaryDeep};
|
|
6776
|
-
}
|
|
6799
|
+
const ImageContainerTitle = styled.div `
|
|
6800
|
+
width: 100%;
|
|
6801
|
+
overflow-wrap: break-word;
|
|
6802
|
+
font-size: 1rem;
|
|
6803
|
+
font-weight: 500;
|
|
6804
|
+
`;
|
|
6805
|
+
const ImageContainerText = styled.div `
|
|
6806
|
+
width: 100%;
|
|
6807
|
+
overflow-wrap: break-word;
|
|
6808
|
+
margin-top: 0.5rem;
|
|
6809
|
+
font-size: 0.75rem;
|
|
6810
|
+
`;
|
|
6811
|
+
const ImageContainerButton$1 = styled(uilibGl.FlatButton) `
|
|
6812
|
+
min-height: 1.5rem;
|
|
6813
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
|
|
6814
|
+
background-color: ${({ theme: { palette } }) => palette.primary};
|
|
6815
|
+
text-transform: none;
|
|
6816
|
+
|
|
6817
|
+
:hover {
|
|
6818
|
+
background-color: ${({ theme: { palette } }) => palette.primaryDeep};
|
|
6819
|
+
}
|
|
6777
6820
|
`;
|
|
6778
|
-
const ImageContainerWrapper = styled(uilibGl.Flex) `
|
|
6779
|
-
flex-direction: column;
|
|
6780
|
-
justify-content: flex-end;
|
|
6781
|
-
position: relative;
|
|
6782
|
-
padding: 1rem;
|
|
6783
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
6784
|
-
overflow: hidden;
|
|
6785
|
-
|
|
6786
|
-
${ImageContainerTitle}, ${ImageContainerText}, ${ImageContainerButton$1} {
|
|
6787
|
-
z-index: 1;
|
|
6788
|
-
color: ${({ theme: { palette } }) => palette.textContrast};
|
|
6789
|
-
}
|
|
6790
|
-
|
|
6791
|
-
:after {
|
|
6792
|
-
content: "";
|
|
6793
|
-
position: absolute;
|
|
6794
|
-
top: 0;
|
|
6795
|
-
bottom: 0;
|
|
6796
|
-
left: 0;
|
|
6797
|
-
right: 0;
|
|
6798
|
-
background-color: rgba(0, 0, 0, 0.4);
|
|
6799
|
-
}
|
|
6821
|
+
const ImageContainerWrapper = styled(uilibGl.Flex) `
|
|
6822
|
+
flex-direction: column;
|
|
6823
|
+
justify-content: flex-end;
|
|
6824
|
+
position: relative;
|
|
6825
|
+
padding: 1rem;
|
|
6826
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
6827
|
+
overflow: hidden;
|
|
6828
|
+
|
|
6829
|
+
${ImageContainerTitle}, ${ImageContainerText}, ${ImageContainerButton$1} {
|
|
6830
|
+
z-index: 1;
|
|
6831
|
+
color: ${({ theme: { palette } }) => palette.textContrast};
|
|
6832
|
+
}
|
|
6833
|
+
|
|
6834
|
+
:after {
|
|
6835
|
+
content: "";
|
|
6836
|
+
position: absolute;
|
|
6837
|
+
top: 0;
|
|
6838
|
+
bottom: 0;
|
|
6839
|
+
left: 0;
|
|
6840
|
+
right: 0;
|
|
6841
|
+
background-color: rgba(0, 0, 0, 0.4);
|
|
6842
|
+
}
|
|
6800
6843
|
`;
|
|
6801
6844
|
|
|
6802
6845
|
const ImageContainer = React.memo(({ elementConfig, renderElement }) => {
|
|
@@ -6804,52 +6847,52 @@ const ImageContainer = React.memo(({ elementConfig, renderElement }) => {
|
|
|
6804
6847
|
return (jsxRuntime.jsxs(ImageContainerWrapper, { id: id, style: style, children: [jsxRuntime.jsx(ImageContainerTitle, { children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ImageContainerText, { children: renderElement({ id: "text" }) }), renderElement({ id: "button" }), jsxRuntime.jsx(ImageContainerBg$1, { children: renderElement({ id: "image" }) })] }));
|
|
6805
6848
|
});
|
|
6806
6849
|
|
|
6807
|
-
const IconContainerWrapper = styled(uilibGl.Flex) `
|
|
6808
|
-
flex-direction: column;
|
|
6809
|
-
justify-content: center;
|
|
6810
|
-
position: relative;
|
|
6811
|
-
padding: 0.5rem 1rem 1rem;
|
|
6812
|
-
background-color: ${({ theme: { palette } }) => palette.element};
|
|
6813
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
6814
|
-
overflow: hidden;
|
|
6815
|
-
`;
|
|
6816
|
-
const IconContainerHeaderWrapper = styled(uilibGl.Flex) `
|
|
6817
|
-
justify-content: space-between;
|
|
6818
|
-
align-items: center;
|
|
6819
|
-
flex-wrap: nowrap;
|
|
6820
|
-
width: 100%;
|
|
6821
|
-
margin-bottom: 0.25rem;
|
|
6822
|
-
`;
|
|
6823
|
-
const IconContainerHeader = styled(uilibGl.Flex) `
|
|
6824
|
-
align-items: center;
|
|
6825
|
-
flex-wrap: nowrap;
|
|
6826
|
-
width: 100%;
|
|
6827
|
-
margin-right: 0.5rem;
|
|
6828
|
-
font-size: 0.875rem;
|
|
6829
|
-
|
|
6830
|
-
${uilibGl.Icon} {
|
|
6831
|
-
margin-right: 0.5rem;
|
|
6832
|
-
|
|
6833
|
-
:after {
|
|
6834
|
-
font-size: 1.15rem;
|
|
6835
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6836
|
-
}
|
|
6837
|
-
}
|
|
6850
|
+
const IconContainerWrapper = styled(uilibGl.Flex) `
|
|
6851
|
+
flex-direction: column;
|
|
6852
|
+
justify-content: center;
|
|
6853
|
+
position: relative;
|
|
6854
|
+
padding: 0.5rem 1rem 1rem;
|
|
6855
|
+
background-color: ${({ theme: { palette } }) => palette.element};
|
|
6856
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
6857
|
+
overflow: hidden;
|
|
6838
6858
|
`;
|
|
6839
|
-
const
|
|
6840
|
-
|
|
6841
|
-
|
|
6842
|
-
|
|
6843
|
-
|
|
6844
|
-
|
|
6845
|
-
|
|
6846
|
-
|
|
6859
|
+
const IconContainerHeaderWrapper = styled(uilibGl.Flex) `
|
|
6860
|
+
justify-content: space-between;
|
|
6861
|
+
align-items: center;
|
|
6862
|
+
flex-wrap: nowrap;
|
|
6863
|
+
width: 100%;
|
|
6864
|
+
margin-bottom: 0.25rem;
|
|
6865
|
+
`;
|
|
6866
|
+
const IconContainerHeader = styled(uilibGl.Flex) `
|
|
6867
|
+
align-items: center;
|
|
6868
|
+
flex-wrap: nowrap;
|
|
6869
|
+
width: 100%;
|
|
6870
|
+
margin-right: 0.5rem;
|
|
6871
|
+
font-size: 0.875rem;
|
|
6872
|
+
|
|
6873
|
+
${uilibGl.Icon} {
|
|
6874
|
+
margin-right: 0.5rem;
|
|
6875
|
+
|
|
6876
|
+
:after {
|
|
6877
|
+
font-size: 1.15rem;
|
|
6878
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6879
|
+
}
|
|
6880
|
+
}
|
|
6847
6881
|
`;
|
|
6848
|
-
const
|
|
6849
|
-
|
|
6850
|
-
|
|
6851
|
-
|
|
6852
|
-
|
|
6882
|
+
const IconContainerTitle = styled(uilibGl.Flex) `
|
|
6883
|
+
> * {
|
|
6884
|
+
width: 13rem;
|
|
6885
|
+
white-space: nowrap;
|
|
6886
|
+
overflow: hidden;
|
|
6887
|
+
font-weight: bold;
|
|
6888
|
+
text-overflow: ellipsis;
|
|
6889
|
+
}
|
|
6890
|
+
`;
|
|
6891
|
+
const IconContainerText = styled.div `
|
|
6892
|
+
width: 100%;
|
|
6893
|
+
overflow-wrap: break-word;
|
|
6894
|
+
font-size: 0.75rem;
|
|
6895
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
6853
6896
|
`;
|
|
6854
6897
|
|
|
6855
6898
|
const IconContainer = React.memo(({ elementConfig, renderElement }) => {
|
|
@@ -6872,107 +6915,107 @@ const DataSourceContainer = React.memo(({ config, elementConfig, type, innerComp
|
|
|
6872
6915
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), !isVisible ? null : dataSource ? (jsxRuntime.jsx(Container, { id: id, isColumn: column, style: { height: isLoading ? "3rem" : "auto", ...style }, children: dataSource.features?.map((feature, index) => (jsxRuntime.jsx(DataSourceInnerContainer, { index: index, type: type, config: config, feature: feature, elementConfig: elementConfig, innerComponent: innerComponent }, index))) })) : (jsxRuntime.jsx(ContainerLoading, {}))] }));
|
|
6873
6916
|
});
|
|
6874
6917
|
|
|
6875
|
-
const SvgContainerColorMixin = styled.css `
|
|
6876
|
-
path,
|
|
6877
|
-
line,
|
|
6878
|
-
circle {
|
|
6879
|
-
fill: ${({ $fontColor }) => $fontColor};
|
|
6880
|
-
}
|
|
6918
|
+
const SvgContainerColorMixin = styled.css `
|
|
6919
|
+
path,
|
|
6920
|
+
line,
|
|
6921
|
+
circle {
|
|
6922
|
+
fill: ${({ $fontColor }) => $fontColor};
|
|
6923
|
+
}
|
|
6881
6924
|
`;
|
|
6882
|
-
const SvgContainer = styled.div `
|
|
6883
|
-
&&& {
|
|
6884
|
-
min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
|
|
6885
|
-
max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
|
|
6886
|
-
|
|
6887
|
-
${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin};
|
|
6888
|
-
|
|
6889
|
-
> * {
|
|
6890
|
-
min-width: inherit;
|
|
6891
|
-
}
|
|
6892
|
-
}
|
|
6925
|
+
const SvgContainer = styled.div `
|
|
6926
|
+
&&& {
|
|
6927
|
+
min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
|
|
6928
|
+
max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
|
|
6929
|
+
|
|
6930
|
+
${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin};
|
|
6931
|
+
|
|
6932
|
+
> * {
|
|
6933
|
+
min-width: inherit;
|
|
6934
|
+
}
|
|
6935
|
+
}
|
|
6893
6936
|
`;
|
|
6894
6937
|
|
|
6895
|
-
const ContainerIconTitle = styled(uilibGl.Flex) `
|
|
6896
|
-
align-items: center;
|
|
6897
|
-
flex-wrap: nowrap;
|
|
6898
|
-
flex-shrink: 1;
|
|
6899
|
-
flex-grow: 0;
|
|
6900
|
-
color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textSecondary};
|
|
6901
|
-
|
|
6902
|
-
> div {
|
|
6903
|
-
flex-shrink: 1;
|
|
6904
|
-
flex-grow: 0;
|
|
6905
|
-
width: auto;
|
|
6906
|
-
}
|
|
6907
|
-
|
|
6908
|
-
${SvgContainer} {
|
|
6909
|
-
flex-shrink: 0;
|
|
6910
|
-
flex-grow: 0;
|
|
6911
|
-
margin-right: 0.5rem;
|
|
6912
|
-
}
|
|
6913
|
-
|
|
6914
|
-
svg,
|
|
6915
|
-
img,
|
|
6916
|
-
span[kind] {
|
|
6917
|
-
margin-right: 0.5rem;
|
|
6918
|
-
}
|
|
6919
|
-
|
|
6938
|
+
const ContainerIconTitle = styled(uilibGl.Flex) `
|
|
6939
|
+
align-items: center;
|
|
6940
|
+
flex-wrap: nowrap;
|
|
6941
|
+
flex-shrink: 1;
|
|
6942
|
+
flex-grow: 0;
|
|
6943
|
+
color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textSecondary};
|
|
6944
|
+
|
|
6945
|
+
> div {
|
|
6946
|
+
flex-shrink: 1;
|
|
6947
|
+
flex-grow: 0;
|
|
6948
|
+
width: auto;
|
|
6949
|
+
}
|
|
6950
|
+
|
|
6951
|
+
${SvgContainer} {
|
|
6952
|
+
flex-shrink: 0;
|
|
6953
|
+
flex-grow: 0;
|
|
6954
|
+
margin-right: 0.5rem;
|
|
6955
|
+
}
|
|
6956
|
+
|
|
6957
|
+
svg,
|
|
6958
|
+
img,
|
|
6959
|
+
span[kind] {
|
|
6960
|
+
margin-right: 0.5rem;
|
|
6961
|
+
}
|
|
6962
|
+
|
|
6920
6963
|
${({ fontColor }) => !!fontColor &&
|
|
6921
|
-
styled.css `
|
|
6922
|
-
span[kind] {
|
|
6923
|
-
color: ${fontColor};
|
|
6924
|
-
}
|
|
6925
|
-
|
|
6926
|
-
${SvgContainer} {
|
|
6927
|
-
path,
|
|
6928
|
-
circle {
|
|
6929
|
-
fill: ${fontColor};
|
|
6930
|
-
}
|
|
6931
|
-
}
|
|
6932
|
-
`};
|
|
6933
|
-
|
|
6934
|
-
${uilibGl.LegendToggler} {
|
|
6935
|
-
margin-left: 0.25rem;
|
|
6936
|
-
}
|
|
6937
|
-
|
|
6938
|
-
span[kind="download"] {
|
|
6939
|
-
opacity: 0;
|
|
6940
|
-
transition: opacity ${uilibGl.transition.hover};
|
|
6941
|
-
}
|
|
6942
|
-
|
|
6943
|
-
:hover {
|
|
6944
|
-
span[kind="download"] {
|
|
6945
|
-
opacity: 1;
|
|
6946
|
-
}
|
|
6947
|
-
}
|
|
6964
|
+
styled.css `
|
|
6965
|
+
span[kind] {
|
|
6966
|
+
color: ${fontColor};
|
|
6967
|
+
}
|
|
6968
|
+
|
|
6969
|
+
${SvgContainer} {
|
|
6970
|
+
path,
|
|
6971
|
+
circle {
|
|
6972
|
+
fill: ${fontColor};
|
|
6973
|
+
}
|
|
6974
|
+
}
|
|
6975
|
+
`};
|
|
6976
|
+
|
|
6977
|
+
${uilibGl.LegendToggler} {
|
|
6978
|
+
margin-left: 0.25rem;
|
|
6979
|
+
}
|
|
6980
|
+
|
|
6981
|
+
span[kind="download"] {
|
|
6982
|
+
opacity: 0;
|
|
6983
|
+
transition: opacity ${uilibGl.transition.hover};
|
|
6984
|
+
}
|
|
6985
|
+
|
|
6986
|
+
:hover {
|
|
6987
|
+
span[kind="download"] {
|
|
6988
|
+
opacity: 1;
|
|
6989
|
+
}
|
|
6990
|
+
}
|
|
6948
6991
|
`;
|
|
6949
|
-
const ContainerTitle = styled(uilibGl.Flex) `
|
|
6950
|
-
align-items: center;
|
|
6951
|
-
justify-content: space-between;
|
|
6952
|
-
width: 100%;
|
|
6953
|
-
|
|
6954
|
-
> * {
|
|
6955
|
-
font-size: 1.125rem;
|
|
6956
|
-
font-weight: 500;
|
|
6957
|
-
}
|
|
6958
|
-
|
|
6959
|
-
${uilibGl.LegendToggler} {
|
|
6960
|
-
padding-right: 0;
|
|
6961
|
-
}
|
|
6962
|
-
|
|
6992
|
+
const ContainerTitle = styled(uilibGl.Flex) `
|
|
6993
|
+
align-items: center;
|
|
6994
|
+
justify-content: space-between;
|
|
6995
|
+
width: 100%;
|
|
6996
|
+
|
|
6997
|
+
> * {
|
|
6998
|
+
font-size: 1.125rem;
|
|
6999
|
+
font-weight: 500;
|
|
7000
|
+
}
|
|
7001
|
+
|
|
7002
|
+
${uilibGl.LegendToggler} {
|
|
7003
|
+
padding-right: 0;
|
|
7004
|
+
}
|
|
7005
|
+
|
|
6963
7006
|
${({ simple }) => simple &&
|
|
6964
|
-
styled.css `
|
|
6965
|
-
justify-content: flex-start;
|
|
6966
|
-
|
|
6967
|
-
${ContainerIconTitle} {
|
|
6968
|
-
font-size: 0.75rem;
|
|
6969
|
-
}
|
|
6970
|
-
|
|
6971
|
-
${uilibGl.LegendToggler} {
|
|
6972
|
-
margin-left: 0;
|
|
6973
|
-
padding-left: 0.25rem;
|
|
6974
|
-
}
|
|
6975
|
-
`}
|
|
7007
|
+
styled.css `
|
|
7008
|
+
justify-content: flex-start;
|
|
7009
|
+
|
|
7010
|
+
${ContainerIconTitle} {
|
|
7011
|
+
font-size: 0.75rem;
|
|
7012
|
+
}
|
|
7013
|
+
|
|
7014
|
+
${uilibGl.LegendToggler} {
|
|
7015
|
+
margin-left: 0;
|
|
7016
|
+
padding-left: 0.25rem;
|
|
7017
|
+
}
|
|
7018
|
+
`}
|
|
6976
7019
|
`;
|
|
6977
7020
|
|
|
6978
7021
|
const TitleContainer = React.memo(({ containerId, templateName, layerNames, fontColor, expandable, expanded, isVisible, elementConfig, renderElement, type, }) => {
|
|
@@ -7046,82 +7089,82 @@ const CameraContainer = React.memo(({ elementConfig, type, renderElement }) => {
|
|
|
7046
7089
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { id: id, style: style, children: [jsxRuntime.jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ContainerValue, { children: renderElement({ id: "value", wrap: false }) })] }))] }));
|
|
7047
7090
|
});
|
|
7048
7091
|
|
|
7049
|
-
const TabAnchor = styled.div `
|
|
7050
|
-
position: absolute;
|
|
7051
|
-
top: -1.5rem;
|
|
7052
|
-
right: 0;
|
|
7092
|
+
const TabAnchor = styled.div `
|
|
7093
|
+
position: absolute;
|
|
7094
|
+
top: -1.5rem;
|
|
7095
|
+
right: 0;
|
|
7053
7096
|
`;
|
|
7054
|
-
const TabValue = styled(uilibGl.Flex) `
|
|
7055
|
-
flex-wrap: nowrap;
|
|
7097
|
+
const TabValue = styled(uilibGl.Flex) `
|
|
7098
|
+
flex-wrap: nowrap;
|
|
7056
7099
|
`;
|
|
7057
|
-
const noBgMixin = styled.css `
|
|
7058
|
-
background-color: transparent;
|
|
7059
|
-
border-radius: 0;
|
|
7060
|
-
border-bottom: 0.125rem solid
|
|
7061
|
-
${({ active, bgColor, theme: { palette } }) => (active ? bgColor || palette.primary : palette.element)};
|
|
7062
|
-
|
|
7063
|
-
${TabValue},
|
|
7064
|
-
span[kind] {
|
|
7065
|
-
color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
|
|
7066
|
-
}
|
|
7067
|
-
|
|
7068
|
-
&&& svg {
|
|
7069
|
-
path,
|
|
7070
|
-
line,
|
|
7071
|
-
circle {
|
|
7072
|
-
fill: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
|
|
7073
|
-
}
|
|
7074
|
-
}
|
|
7075
|
-
|
|
7076
|
-
:not(:last-child) {
|
|
7077
|
-
margin-right: 0;
|
|
7078
|
-
}
|
|
7100
|
+
const noBgMixin = styled.css `
|
|
7101
|
+
background-color: transparent;
|
|
7102
|
+
border-radius: 0;
|
|
7103
|
+
border-bottom: 0.125rem solid
|
|
7104
|
+
${({ active, bgColor, theme: { palette } }) => (active ? bgColor || palette.primary : palette.element)};
|
|
7105
|
+
|
|
7106
|
+
${TabValue},
|
|
7107
|
+
span[kind] {
|
|
7108
|
+
color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
|
|
7109
|
+
}
|
|
7110
|
+
|
|
7111
|
+
&&& svg {
|
|
7112
|
+
path,
|
|
7113
|
+
line,
|
|
7114
|
+
circle {
|
|
7115
|
+
fill: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
|
|
7116
|
+
}
|
|
7117
|
+
}
|
|
7118
|
+
|
|
7119
|
+
:not(:last-child) {
|
|
7120
|
+
margin-right: 0;
|
|
7121
|
+
}
|
|
7079
7122
|
`;
|
|
7080
|
-
const TabContainer = styled.a `
|
|
7081
|
-
display: flex;
|
|
7082
|
-
flex-direction: ${({ column }) => (column ? "column" : "row")};
|
|
7083
|
-
align-items: center;
|
|
7084
|
-
justify-content: center;
|
|
7085
|
-
flex-wrap: nowrap;
|
|
7086
|
-
padding: ${({ onlyIcon }) => (onlyIcon ? 1 : 0.5)}rem 1rem;
|
|
7087
|
-
background-color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.element};
|
|
7088
|
-
border-radius: ${({ column, radius, theme: { borderRadius } }) => radius ? `${radius}px` : column ? borderRadius.medium : borderRadius.xLarge};
|
|
7089
|
-
text-decoration: none;
|
|
7090
|
-
|
|
7091
|
-
:not(:last-child) {
|
|
7092
|
-
margin-right: 0.5rem;
|
|
7093
|
-
}
|
|
7094
|
-
|
|
7095
|
-
${TabValue} {
|
|
7096
|
-
margin-top: ${({ column }) => (column ? 0.5 : 0)}rem;
|
|
7097
|
-
margin-left: ${({ column, hasIcon }) => (column || !hasIcon ? 0 : 0.5)}rem;
|
|
7098
|
-
font-size: ${({ column }) => (column ? 0.75 : 0.875)}rem;
|
|
7099
|
-
white-space: nowrap;
|
|
7100
|
-
}
|
|
7101
|
-
|
|
7102
|
-
${TabValue},
|
|
7103
|
-
span[kind] {
|
|
7104
|
-
color: ${({ active, theme: { palette } }) => (active ? palette.textContrast : palette.textSecondary)};
|
|
7105
|
-
}
|
|
7106
|
-
|
|
7107
|
-
${SvgContainer$1} {
|
|
7108
|
-
height: 1rem;
|
|
7109
|
-
}
|
|
7110
|
-
|
|
7111
|
-
svg,
|
|
7112
|
-
img {
|
|
7113
|
-
max-width: 1rem;
|
|
7114
|
-
max-height: 1rem;
|
|
7115
|
-
}
|
|
7116
|
-
|
|
7117
|
-
${({ noBg }) => noBg && noBgMixin};
|
|
7123
|
+
const TabContainer = styled.a `
|
|
7124
|
+
display: flex;
|
|
7125
|
+
flex-direction: ${({ column }) => (column ? "column" : "row")};
|
|
7126
|
+
align-items: center;
|
|
7127
|
+
justify-content: center;
|
|
7128
|
+
flex-wrap: nowrap;
|
|
7129
|
+
padding: ${({ onlyIcon }) => (onlyIcon ? 1 : 0.5)}rem 1rem;
|
|
7130
|
+
background-color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.element};
|
|
7131
|
+
border-radius: ${({ column, radius, theme: { borderRadius } }) => radius ? `${radius}px` : column ? borderRadius.medium : borderRadius.xLarge};
|
|
7132
|
+
text-decoration: none;
|
|
7133
|
+
|
|
7134
|
+
:not(:last-child) {
|
|
7135
|
+
margin-right: 0.5rem;
|
|
7136
|
+
}
|
|
7137
|
+
|
|
7138
|
+
${TabValue} {
|
|
7139
|
+
margin-top: ${({ column }) => (column ? 0.5 : 0)}rem;
|
|
7140
|
+
margin-left: ${({ column, hasIcon }) => (column || !hasIcon ? 0 : 0.5)}rem;
|
|
7141
|
+
font-size: ${({ column }) => (column ? 0.75 : 0.875)}rem;
|
|
7142
|
+
white-space: nowrap;
|
|
7143
|
+
}
|
|
7144
|
+
|
|
7145
|
+
${TabValue},
|
|
7146
|
+
span[kind] {
|
|
7147
|
+
color: ${({ active, theme: { palette } }) => (active ? palette.textContrast : palette.textSecondary)};
|
|
7148
|
+
}
|
|
7149
|
+
|
|
7150
|
+
${SvgContainer$1} {
|
|
7151
|
+
height: 1rem;
|
|
7152
|
+
}
|
|
7153
|
+
|
|
7154
|
+
svg,
|
|
7155
|
+
img {
|
|
7156
|
+
max-width: 1rem;
|
|
7157
|
+
max-height: 1rem;
|
|
7158
|
+
}
|
|
7159
|
+
|
|
7160
|
+
${({ noBg }) => noBg && noBgMixin};
|
|
7118
7161
|
`;
|
|
7119
|
-
const SwiperContainer = styled.div `
|
|
7120
|
-
width: 100%;
|
|
7121
|
-
|
|
7122
|
-
.swiper-wrapper {
|
|
7123
|
-
display: flex;
|
|
7124
|
-
}
|
|
7162
|
+
const SwiperContainer = styled.div `
|
|
7163
|
+
width: 100%;
|
|
7164
|
+
|
|
7165
|
+
.swiper-wrapper {
|
|
7166
|
+
display: flex;
|
|
7167
|
+
}
|
|
7125
7168
|
`;
|
|
7126
7169
|
|
|
7127
7170
|
const TabsContainer = React.memo(({ elementConfig, type }) => {
|
|
@@ -7149,97 +7192,97 @@ const TabsContainer = React.memo(({ elementConfig, type }) => {
|
|
|
7149
7192
|
});
|
|
7150
7193
|
|
|
7151
7194
|
const ContainerIconValue = styled(uilibGl.Flex) ``;
|
|
7152
|
-
const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
|
|
7153
|
-
position: relative;
|
|
7154
|
-
flex-direction: ${({ $bigIcon }) => ($bigIcon ? "row" : "column")};
|
|
7155
|
-
width: 9rem;
|
|
7156
|
-
padding: 0.75rem 0.75rem 0.5rem;
|
|
7157
|
-
background-color: ${({ theme: { palette } }) => palette.element};
|
|
7158
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
|
|
7159
|
-
flex-wrap: nowrap;
|
|
7160
|
-
|
|
7161
|
-
&& {
|
|
7162
|
-
margin-bottom: 0.5rem;
|
|
7163
|
-
}
|
|
7164
|
-
|
|
7195
|
+
const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
|
|
7196
|
+
position: relative;
|
|
7197
|
+
flex-direction: ${({ $bigIcon }) => ($bigIcon ? "row" : "column")};
|
|
7198
|
+
width: 9rem;
|
|
7199
|
+
padding: 0.75rem 0.75rem 0.5rem;
|
|
7200
|
+
background-color: ${({ theme: { palette } }) => palette.element};
|
|
7201
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
|
|
7202
|
+
flex-wrap: nowrap;
|
|
7203
|
+
|
|
7204
|
+
&& {
|
|
7205
|
+
margin-bottom: 0.5rem;
|
|
7206
|
+
}
|
|
7207
|
+
|
|
7165
7208
|
${({ $center }) => $center &&
|
|
7166
|
-
styled.css `
|
|
7167
|
-
align-items: center;
|
|
7168
|
-
|
|
7169
|
-
> * {
|
|
7170
|
-
display: flex;
|
|
7171
|
-
justify-content: center;
|
|
7172
|
-
text-align: center;
|
|
7173
|
-
width: 100%;
|
|
7174
|
-
}
|
|
7175
|
-
`};
|
|
7176
|
-
|
|
7209
|
+
styled.css `
|
|
7210
|
+
align-items: center;
|
|
7211
|
+
|
|
7212
|
+
> * {
|
|
7213
|
+
display: flex;
|
|
7214
|
+
justify-content: center;
|
|
7215
|
+
text-align: center;
|
|
7216
|
+
width: 100%;
|
|
7217
|
+
}
|
|
7218
|
+
`};
|
|
7219
|
+
|
|
7177
7220
|
${({ $color }) => $color &&
|
|
7178
|
-
styled.css `
|
|
7179
|
-
background-color: ${transparentizeColor($color, 6)};
|
|
7180
|
-
|
|
7181
|
-
* {
|
|
7182
|
-
color: ${$color};
|
|
7183
|
-
fill: ${$color};
|
|
7184
|
-
}
|
|
7185
|
-
`};
|
|
7186
|
-
|
|
7187
|
-
${ContainerIcon}, ${SvgContainer$1} {
|
|
7188
|
-
margin-bottom: 0.25rem;
|
|
7189
|
-
}
|
|
7190
|
-
|
|
7221
|
+
styled.css `
|
|
7222
|
+
background-color: ${transparentizeColor($color, 6)};
|
|
7223
|
+
|
|
7224
|
+
* {
|
|
7225
|
+
color: ${$color};
|
|
7226
|
+
fill: ${$color};
|
|
7227
|
+
}
|
|
7228
|
+
`};
|
|
7229
|
+
|
|
7230
|
+
${ContainerIcon}, ${SvgContainer$1} {
|
|
7231
|
+
margin-bottom: 0.25rem;
|
|
7232
|
+
}
|
|
7233
|
+
|
|
7191
7234
|
${({ $bigIcon }) => $bigIcon &&
|
|
7192
|
-
styled.css `
|
|
7193
|
-
${ContainerIcon}, ${SvgContainer$1} {
|
|
7194
|
-
position: absolute;
|
|
7195
|
-
top: 0.75rem;
|
|
7196
|
-
right: 0.75rem;
|
|
7197
|
-
width: 3rem;
|
|
7198
|
-
opacity: 0.12;
|
|
7199
|
-
|
|
7200
|
-
:after {
|
|
7201
|
-
font-size: 3rem;
|
|
7202
|
-
}
|
|
7203
|
-
}
|
|
7204
|
-
`};
|
|
7205
|
-
|
|
7206
|
-
${ContainerIconValue} {
|
|
7207
|
-
align-items: center;
|
|
7208
|
-
flex-direction: column;
|
|
7209
|
-
|
|
7235
|
+
styled.css `
|
|
7236
|
+
${ContainerIcon}, ${SvgContainer$1} {
|
|
7237
|
+
position: absolute;
|
|
7238
|
+
top: 0.75rem;
|
|
7239
|
+
right: 0.75rem;
|
|
7240
|
+
width: 3rem;
|
|
7241
|
+
opacity: 0.12;
|
|
7242
|
+
|
|
7243
|
+
:after {
|
|
7244
|
+
font-size: 3rem;
|
|
7245
|
+
}
|
|
7246
|
+
}
|
|
7247
|
+
`};
|
|
7248
|
+
|
|
7249
|
+
${ContainerIconValue} {
|
|
7250
|
+
align-items: center;
|
|
7251
|
+
flex-direction: column;
|
|
7252
|
+
|
|
7210
7253
|
${({ $big }) => $big &&
|
|
7211
|
-
styled.css `
|
|
7212
|
-
flex-direction: row;
|
|
7213
|
-
margin-bottom: 0.5rem;
|
|
7214
|
-
|
|
7215
|
-
> * {
|
|
7216
|
-
text-align: left;
|
|
7217
|
-
}
|
|
7218
|
-
|
|
7219
|
-
span[kind] {
|
|
7220
|
-
margin-right: 0.5rem;
|
|
7221
|
-
}
|
|
7222
|
-
|
|
7223
|
-
${ContainerValue} {
|
|
7224
|
-
width: auto;
|
|
7225
|
-
}
|
|
7226
|
-
`};
|
|
7227
|
-
}
|
|
7228
|
-
|
|
7229
|
-
${ContainerValue} {
|
|
7230
|
-
flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
|
|
7231
|
-
justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
|
|
7232
|
-
align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
|
|
7233
|
-
line-height: 1;
|
|
7234
|
-
}
|
|
7235
|
-
|
|
7236
|
-
${ContainerUnits} {
|
|
7237
|
-
margin-left: ${({ $inlineUnits }) => ($inlineUnits ? "0.25rem" : 0)};
|
|
7238
|
-
}
|
|
7239
|
-
|
|
7240
|
-
${ContainerAlias} {
|
|
7241
|
-
margin-top: 0.25rem;
|
|
7242
|
-
}
|
|
7254
|
+
styled.css `
|
|
7255
|
+
flex-direction: row;
|
|
7256
|
+
margin-bottom: 0.5rem;
|
|
7257
|
+
|
|
7258
|
+
> * {
|
|
7259
|
+
text-align: left;
|
|
7260
|
+
}
|
|
7261
|
+
|
|
7262
|
+
span[kind] {
|
|
7263
|
+
margin-right: 0.5rem;
|
|
7264
|
+
}
|
|
7265
|
+
|
|
7266
|
+
${ContainerValue} {
|
|
7267
|
+
width: auto;
|
|
7268
|
+
}
|
|
7269
|
+
`};
|
|
7270
|
+
}
|
|
7271
|
+
|
|
7272
|
+
${ContainerValue} {
|
|
7273
|
+
flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
|
|
7274
|
+
justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
|
|
7275
|
+
align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
|
|
7276
|
+
line-height: 1;
|
|
7277
|
+
}
|
|
7278
|
+
|
|
7279
|
+
${ContainerUnits} {
|
|
7280
|
+
margin-left: ${({ $inlineUnits }) => ($inlineUnits ? "0.25rem" : 0)};
|
|
7281
|
+
}
|
|
7282
|
+
|
|
7283
|
+
${ContainerAlias} {
|
|
7284
|
+
margin-top: 0.25rem;
|
|
7285
|
+
}
|
|
7243
7286
|
`;
|
|
7244
7287
|
|
|
7245
7288
|
const ALIAS_DEFAULT_MAX_LENGTH = 28;
|
|
@@ -7286,20 +7329,20 @@ const AddFeatureContainer = React.memo(({ elementConfig }) => {
|
|
|
7286
7329
|
.map(({ options }, index) => (jsxRuntime.jsx(AddFeatureButton, { icon: options?.icon, title: options?.title, layerName: options?.layerName, geometryType: options?.geometryType }, index))) }));
|
|
7287
7330
|
});
|
|
7288
7331
|
|
|
7289
|
-
const LayersContainerWrapper = styled(Container) `
|
|
7290
|
-
${uilibGl.DraggableTreeContainer} {
|
|
7291
|
-
width: calc(100% + 3rem);
|
|
7292
|
-
margin: -0.75rem -1.5rem 0;
|
|
7293
|
-
}
|
|
7294
|
-
|
|
7295
|
-
${LayerListContainer} {
|
|
7296
|
-
height: auto;
|
|
7297
|
-
}
|
|
7298
|
-
|
|
7299
|
-
${LayerGroupList} {
|
|
7300
|
-
margin: ${({ isPresentationMode }) => (isPresentationMode ? 0 : "0 -1.25rem 0 -1rem")};
|
|
7301
|
-
padding: 0;
|
|
7302
|
-
}
|
|
7332
|
+
const LayersContainerWrapper = styled(Container) `
|
|
7333
|
+
${uilibGl.DraggableTreeContainer} {
|
|
7334
|
+
width: calc(100% + 3rem);
|
|
7335
|
+
margin: -0.75rem -1.5rem 0;
|
|
7336
|
+
}
|
|
7337
|
+
|
|
7338
|
+
${LayerListContainer} {
|
|
7339
|
+
height: auto;
|
|
7340
|
+
}
|
|
7341
|
+
|
|
7342
|
+
${LayerGroupList} {
|
|
7343
|
+
margin: ${({ isPresentationMode }) => (isPresentationMode ? 0 : "0 -1.25rem 0 -1rem")};
|
|
7344
|
+
padding: 0;
|
|
7345
|
+
}
|
|
7303
7346
|
`;
|
|
7304
7347
|
|
|
7305
7348
|
const LayersContainer = React.memo(({ type, elementConfig, renderElement }) => {
|
|
@@ -7334,9 +7377,9 @@ const UploadContainer = React.memo(({ type, elementConfig, renderElement }) => {
|
|
|
7334
7377
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && renderElement({ id: "uploader", wrap: false })] }));
|
|
7335
7378
|
});
|
|
7336
7379
|
|
|
7337
|
-
const StatusBadge = styled(uilibGl.Chip) `
|
|
7338
|
-
background-color: ${({ bgColor }) => bgColor};
|
|
7339
|
-
color: ${({ theme }) => theme.palette.iconContrast};
|
|
7380
|
+
const StatusBadge = styled(uilibGl.Chip) `
|
|
7381
|
+
background-color: ${({ bgColor }) => bgColor};
|
|
7382
|
+
color: ${({ theme }) => theme.palette.iconContrast};
|
|
7340
7383
|
`;
|
|
7341
7384
|
|
|
7342
7385
|
const STATUS_TRANSLATION_KEYS = {
|
|
@@ -7388,22 +7431,22 @@ exports.EditGeometryType = void 0;
|
|
|
7388
7431
|
EditGeometryType["Raster"] = "raster";
|
|
7389
7432
|
})(exports.EditGeometryType || (exports.EditGeometryType = {}));
|
|
7390
7433
|
|
|
7391
|
-
const StyledButton = styled(uilibGl.FlatButton) `
|
|
7392
|
-
display: flex;
|
|
7393
|
-
align-items: center;
|
|
7394
|
-
|
|
7395
|
-
${({ status = api.RemoteTaskStatus.Unknown, statusColors, themeName }) => !!statusColors?.[status] && styled.css `
|
|
7396
|
-
transition: background-color ${uilibGl.transition.toggle};
|
|
7397
|
-
background-color: ${statusColors[status]};
|
|
7398
|
-
|
|
7399
|
-
:hover {
|
|
7400
|
-
background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -5 : 5)};
|
|
7401
|
-
}
|
|
7402
|
-
|
|
7403
|
-
:active {
|
|
7404
|
-
background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -10 : 10)};
|
|
7405
|
-
}
|
|
7406
|
-
`}
|
|
7434
|
+
const StyledButton = styled(uilibGl.FlatButton) `
|
|
7435
|
+
display: flex;
|
|
7436
|
+
align-items: center;
|
|
7437
|
+
|
|
7438
|
+
${({ status = api.RemoteTaskStatus.Unknown, statusColors, themeName }) => !!statusColors?.[status] && styled.css `
|
|
7439
|
+
transition: background-color ${uilibGl.transition.toggle};
|
|
7440
|
+
background-color: ${statusColors[status]};
|
|
7441
|
+
|
|
7442
|
+
:hover {
|
|
7443
|
+
background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -5 : 5)};
|
|
7444
|
+
}
|
|
7445
|
+
|
|
7446
|
+
:active {
|
|
7447
|
+
background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -10 : 10)};
|
|
7448
|
+
}
|
|
7449
|
+
`}
|
|
7407
7450
|
`;
|
|
7408
7451
|
|
|
7409
7452
|
const StatusWaitingButton = ({ title, icon = "play", status, statusColors, isWaiting, isDisabled, onClick }) => {
|
|
@@ -7423,7 +7466,8 @@ const StatusWaitingButton = ({ title, icon = "play", status, statusColors, isWai
|
|
|
7423
7466
|
|
|
7424
7467
|
const TaskContainer = React.memo(({ type, elementConfig, renderElement }) => {
|
|
7425
7468
|
const { t, ewktGeometry } = useGlobalContext();
|
|
7426
|
-
const { dataSources, filters: selectedFilters, attributes } = useWidgetContext(type);
|
|
7469
|
+
const { dataSources, filters: selectedFilters, attributes, layerInfo } = useWidgetContext(type);
|
|
7470
|
+
const { dataSources: projectDataSources } = useWidgetContext(exports.WidgetType.Dashboard);
|
|
7427
7471
|
const { currentPage } = useWidgetPage(type);
|
|
7428
7472
|
const { taskId, runTask, stopTask, status, openLog, loading, isLogDialogOpen, closeLog, log } = usePythonTask();
|
|
7429
7473
|
const { options } = elementConfig || {};
|
|
@@ -7436,15 +7480,17 @@ const TaskContainer = React.memo(({ type, elementConfig, renderElement }) => {
|
|
|
7436
7480
|
await Promise.all(relatedResources.map(({ resourceId, parameters, script, fileName, methodName }) => {
|
|
7437
7481
|
const newParams = applyQueryFilters({
|
|
7438
7482
|
parameters,
|
|
7439
|
-
dataSources,
|
|
7440
7483
|
selectedFilters,
|
|
7441
7484
|
filters: currentPage.filters,
|
|
7442
7485
|
geometry: ewktGeometry,
|
|
7443
7486
|
attributes,
|
|
7487
|
+
layerInfo,
|
|
7488
|
+
dataSources,
|
|
7489
|
+
projectDataSources,
|
|
7444
7490
|
});
|
|
7445
7491
|
return runTask({ resourceId, parameters: newParams, script, fileName, methodName });
|
|
7446
7492
|
}));
|
|
7447
|
-
}, [currentPage.filters, dataSources, ewktGeometry, relatedResources, runTask, selectedFilters, stopTask, taskId]);
|
|
7493
|
+
}, [attributes, currentPage.filters, dataSources, ewktGeometry, layerInfo, projectDataSources, relatedResources, runTask, selectedFilters, stopTask, taskId]);
|
|
7448
7494
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), jsxRuntime.jsxs(uilibGl.Flex, { justifyContent: center ? "center" : "flex-start", children: [jsxRuntime.jsx(StatusWaitingButton, { title: title || t("run", { ns: "dashboard", defaultValue: "Запуск" }), icon: icon, status: status, statusColors: statusColors, isWaiting: loading || !!taskId, isDisabled: !relatedResources?.length, onClick: onClick }), !!(log || taskId) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(uilibGl.IconButton, { kind: "info", onClick: openLog }), jsxRuntime.jsx(LogDialog, { logs: log, status: status, statusColors: statusColors, isOpen: isLogDialogOpen, onClose: closeLog })] }))] })] }));
|
|
7449
7495
|
});
|
|
7450
7496
|
|
|
@@ -7572,23 +7618,23 @@ const EditDropdownContainer = ({ type, elementConfig, renderElement, }) => {
|
|
|
7572
7618
|
return (jsxRuntime.jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxRuntime.jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsxRuntime.jsx(ContainerValue, { column: true, children: jsxRuntime.jsx(uilibGl.Dropdown, { zIndex: 1000, label: control?.label, placeholder: control?.placeholder, options: optionsList, value: value, width: `${control?.width ?? DEFAULT_DROPDOWN_WIDTH}px`, onChange: ([option]) => onChange(option.value) }) })] }));
|
|
7573
7619
|
};
|
|
7574
7620
|
|
|
7575
|
-
const CheckboxWrapper = styled(ContainerValue) `
|
|
7576
|
-
flex-wrap: wrap;
|
|
7577
|
-
|
|
7578
|
-
&& > label {
|
|
7579
|
-
cursor: pointer;
|
|
7580
|
-
margin-bottom: 0.25rem;
|
|
7581
|
-
}
|
|
7621
|
+
const CheckboxWrapper = styled(ContainerValue) `
|
|
7622
|
+
flex-wrap: wrap;
|
|
7623
|
+
|
|
7624
|
+
&& > label {
|
|
7625
|
+
cursor: pointer;
|
|
7626
|
+
margin-bottom: 0.25rem;
|
|
7627
|
+
}
|
|
7582
7628
|
`;
|
|
7583
|
-
const ChipsWrapper = styled(ContainerValue) `
|
|
7584
|
-
flex-wrap: wrap;
|
|
7585
|
-
|
|
7586
|
-
&& > span {
|
|
7587
|
-
cursor: pointer;
|
|
7588
|
-
margin: 0 0.25rem 0.25rem 0;
|
|
7589
|
-
padding: 0.25rem 0.5rem;
|
|
7590
|
-
border-radius: 0.25rem;
|
|
7591
|
-
}
|
|
7629
|
+
const ChipsWrapper = styled(ContainerValue) `
|
|
7630
|
+
flex-wrap: wrap;
|
|
7631
|
+
|
|
7632
|
+
&& > span {
|
|
7633
|
+
cursor: pointer;
|
|
7634
|
+
margin: 0 0.25rem 0.25rem 0;
|
|
7635
|
+
padding: 0.25rem 0.5rem;
|
|
7636
|
+
border-radius: 0.25rem;
|
|
7637
|
+
}
|
|
7592
7638
|
`;
|
|
7593
7639
|
|
|
7594
7640
|
const EditChipsContainer = ({ type, elementConfig, renderElement, }) => {
|
|
@@ -7613,9 +7659,9 @@ const EditDateContainer = ({ type, elementConfig, renderElement, }) => {
|
|
|
7613
7659
|
return (jsxRuntime.jsxs(Container, { id: id, isColumn: true, style: { ...BASE_CONTAINER_STYLE, ...style }, children: [jsxRuntime.jsxs(ContainerAlias, { hasBottomMargin: true, children: [renderElement({ id: "alias" }), renderElement({ id: "tooltip" })] }), jsxRuntime.jsx(ContainerValue, { column: true, children: jsxRuntime.jsx(uilibGl.DatePicker, { value: dateValue, locale: uilibGl.getLocale(language), withTime: withTime ?? false, withHeader: true, width: "100%", onChange: handleChange }) })] }));
|
|
7614
7660
|
};
|
|
7615
7661
|
|
|
7616
|
-
const ContainerDivider = styled(uilibGl.Divider) `
|
|
7617
|
-
width: 100%;
|
|
7618
|
-
border-color: ${({ theme: { palette }, $bgColor }) => $bgColor || palette.elementDeep};
|
|
7662
|
+
const ContainerDivider = styled(uilibGl.Divider) `
|
|
7663
|
+
width: 100%;
|
|
7664
|
+
border-color: ${({ theme: { palette }, $bgColor }) => $bgColor || palette.elementDeep};
|
|
7619
7665
|
`;
|
|
7620
7666
|
|
|
7621
7667
|
const DividerContainer = React.memo(({ elementConfig, config }) => {
|
|
@@ -7665,154 +7711,154 @@ const getContainerComponent = (innerTemplateName) => innerTemplateName
|
|
|
7665
7711
|
var img$3 = "data:image/png;base64,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";
|
|
7666
7712
|
|
|
7667
7713
|
const getMaskColor = (isDark) => isDark ? "0, 0, 0" : "255, 255, 255";
|
|
7668
|
-
const DefaultHeaderContainer = styled(uilibGl.Flex) `
|
|
7669
|
-
flex-direction: column;
|
|
7670
|
-
position: relative;
|
|
7671
|
-
flex-shrink: 0;
|
|
7672
|
-
min-height: 8.175rem;
|
|
7673
|
-
margin-bottom: -1.5rem;
|
|
7674
|
-
padding: 1.5rem 1.5rem 0;
|
|
7675
|
-
border-top-left-radius: 0.5rem;
|
|
7676
|
-
border-top-right-radius: 0.5rem;
|
|
7677
|
-
overflow: hidden;
|
|
7678
|
-
|
|
7679
|
-
> * {
|
|
7680
|
-
z-index: 1;
|
|
7681
|
-
}
|
|
7682
|
-
|
|
7683
|
-
&::before {
|
|
7684
|
-
content: "";
|
|
7685
|
-
position: absolute;
|
|
7686
|
-
top: 0;
|
|
7687
|
-
left: 0;
|
|
7688
|
-
width: 100%;
|
|
7689
|
-
height: 100%;
|
|
7690
|
-
|
|
7714
|
+
const DefaultHeaderContainer = styled(uilibGl.Flex) `
|
|
7715
|
+
flex-direction: column;
|
|
7716
|
+
position: relative;
|
|
7717
|
+
flex-shrink: 0;
|
|
7718
|
+
min-height: 8.175rem;
|
|
7719
|
+
margin-bottom: -1.5rem;
|
|
7720
|
+
padding: 1.5rem 1.5rem 0;
|
|
7721
|
+
border-top-left-radius: 0.5rem;
|
|
7722
|
+
border-top-right-radius: 0.5rem;
|
|
7723
|
+
overflow: hidden;
|
|
7724
|
+
|
|
7725
|
+
> * {
|
|
7726
|
+
z-index: 1;
|
|
7727
|
+
}
|
|
7728
|
+
|
|
7729
|
+
&::before {
|
|
7730
|
+
content: "";
|
|
7731
|
+
position: absolute;
|
|
7732
|
+
top: 0;
|
|
7733
|
+
left: 0;
|
|
7734
|
+
width: 100%;
|
|
7735
|
+
height: 100%;
|
|
7736
|
+
|
|
7691
7737
|
${({ image, isDark }) => image
|
|
7692
|
-
? styled.css `
|
|
7693
|
-
background: url(${image}) 0 0 no-repeat;
|
|
7694
|
-
background-size: cover;
|
|
7738
|
+
? styled.css `
|
|
7739
|
+
background: url(${image}) 0 0 no-repeat;
|
|
7740
|
+
background-size: cover;
|
|
7695
7741
|
`
|
|
7696
|
-
: styled.css `
|
|
7697
|
-
background: url(${img$3}) 50% 0 no-repeat;
|
|
7698
|
-
opacity: ${isDark ? 1 : 0.5};
|
|
7699
|
-
`}
|
|
7700
|
-
}
|
|
7701
|
-
|
|
7742
|
+
: styled.css `
|
|
7743
|
+
background: url(${img$3}) 50% 0 no-repeat;
|
|
7744
|
+
opacity: ${isDark ? 1 : 0.5};
|
|
7745
|
+
`}
|
|
7746
|
+
}
|
|
7747
|
+
|
|
7702
7748
|
${({ image, isDark }) => image &&
|
|
7703
|
-
styled.css `
|
|
7704
|
-
&::before {
|
|
7705
|
-
-webkit-mask-image: linear-gradient(
|
|
7706
|
-
to bottom,
|
|
7707
|
-
rgba(${getMaskColor(isDark)}, 1),
|
|
7708
|
-
rgba(${getMaskColor(isDark)}, 0)
|
|
7709
|
-
);
|
|
7710
|
-
mask-image: linear-gradient(
|
|
7711
|
-
to bottom,
|
|
7712
|
-
rgba(${getMaskColor(isDark)}, 1),
|
|
7713
|
-
rgba(${getMaskColor(isDark)}, 0)
|
|
7714
|
-
);
|
|
7715
|
-
}
|
|
7716
|
-
`}
|
|
7717
|
-
${uilibGl.LinearProgress} {
|
|
7718
|
-
position: absolute;
|
|
7719
|
-
top: 0;
|
|
7720
|
-
left: 0;
|
|
7721
|
-
}
|
|
7749
|
+
styled.css `
|
|
7750
|
+
&::before {
|
|
7751
|
+
-webkit-mask-image: linear-gradient(
|
|
7752
|
+
to bottom,
|
|
7753
|
+
rgba(${getMaskColor(isDark)}, 1),
|
|
7754
|
+
rgba(${getMaskColor(isDark)}, 0)
|
|
7755
|
+
);
|
|
7756
|
+
mask-image: linear-gradient(
|
|
7757
|
+
to bottom,
|
|
7758
|
+
rgba(${getMaskColor(isDark)}, 1),
|
|
7759
|
+
rgba(${getMaskColor(isDark)}, 0)
|
|
7760
|
+
);
|
|
7761
|
+
}
|
|
7762
|
+
`}
|
|
7763
|
+
${uilibGl.LinearProgress} {
|
|
7764
|
+
position: absolute;
|
|
7765
|
+
top: 0;
|
|
7766
|
+
left: 0;
|
|
7767
|
+
}
|
|
7722
7768
|
`;
|
|
7723
|
-
const TopContainer = styled(uilibGl.Flex) `
|
|
7724
|
-
z-index: 1;
|
|
7725
|
-
position: relative;
|
|
7726
|
-
justify-content: space-between;
|
|
7727
|
-
flex-wrap: nowrap;
|
|
7728
|
-
width: 100%;
|
|
7729
|
-
align-items: flex-start;
|
|
7730
|
-
`;
|
|
7731
|
-
const TopContainerButtons = styled(uilibGl.Flex) `
|
|
7732
|
-
align-items: center;
|
|
7733
|
-
width: auto;
|
|
7734
|
-
margin-right: -0.5rem;
|
|
7735
|
-
|
|
7736
|
-
button {
|
|
7737
|
-
width: auto;
|
|
7738
|
-
height: 1rem;
|
|
7739
|
-
padding: 0 0.5rem;
|
|
7740
|
-
}
|
|
7769
|
+
const TopContainer = styled(uilibGl.Flex) `
|
|
7770
|
+
z-index: 1;
|
|
7771
|
+
position: relative;
|
|
7772
|
+
justify-content: space-between;
|
|
7773
|
+
flex-wrap: nowrap;
|
|
7774
|
+
width: 100%;
|
|
7775
|
+
align-items: flex-start;
|
|
7776
|
+
`;
|
|
7777
|
+
const TopContainerButtons = styled(uilibGl.Flex) `
|
|
7778
|
+
align-items: center;
|
|
7779
|
+
width: auto;
|
|
7780
|
+
margin-right: -0.5rem;
|
|
7781
|
+
|
|
7782
|
+
button {
|
|
7783
|
+
width: auto;
|
|
7784
|
+
height: 1rem;
|
|
7785
|
+
padding: 0 0.5rem;
|
|
7786
|
+
}
|
|
7741
7787
|
`;
|
|
7742
|
-
const LogoContainer = styled(uilibGl.Flex) `
|
|
7743
|
-
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
7744
|
-
max-width: calc(100% - 1.4rem);
|
|
7745
|
-
max-height: 1.875rem;
|
|
7746
|
-
flex-grow: 1;
|
|
7747
|
-
font-size: 0;
|
|
7748
|
-
|
|
7749
|
-
& > span::after {
|
|
7750
|
-
font-size: 2rem;
|
|
7751
|
-
}
|
|
7752
|
-
|
|
7753
|
-
img {
|
|
7754
|
-
max-height: 1.875rem;
|
|
7755
|
-
}
|
|
7788
|
+
const LogoContainer = styled(uilibGl.Flex) `
|
|
7789
|
+
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
7790
|
+
max-width: calc(100% - 1.4rem);
|
|
7791
|
+
max-height: 1.875rem;
|
|
7792
|
+
flex-grow: 1;
|
|
7793
|
+
font-size: 0;
|
|
7794
|
+
|
|
7795
|
+
& > span::after {
|
|
7796
|
+
font-size: 2rem;
|
|
7797
|
+
}
|
|
7798
|
+
|
|
7799
|
+
img {
|
|
7800
|
+
max-height: 1.875rem;
|
|
7801
|
+
}
|
|
7756
7802
|
`;
|
|
7757
|
-
const PageTitle = styled(uilibGl.H2) `
|
|
7758
|
-
cursor: pointer;
|
|
7759
|
-
text-align: left;
|
|
7760
|
-
flex: 1 1 auto;
|
|
7761
|
-
min-width: 0;
|
|
7762
|
-
margin: 0;
|
|
7763
|
-
font-size: 1.25rem;
|
|
7764
|
-
font-weight: 600;
|
|
7765
|
-
pointer-events: initial;
|
|
7766
|
-
font-family: "Nunito Sans", serif;
|
|
7767
|
-
|
|
7768
|
-
> * {
|
|
7769
|
-
white-space: nowrap;
|
|
7770
|
-
overflow: hidden;
|
|
7771
|
-
text-overflow: ellipsis;
|
|
7772
|
-
}
|
|
7803
|
+
const PageTitle = styled(uilibGl.H2) `
|
|
7804
|
+
cursor: pointer;
|
|
7805
|
+
text-align: left;
|
|
7806
|
+
flex: 1 1 auto;
|
|
7807
|
+
min-width: 0;
|
|
7808
|
+
margin: 0;
|
|
7809
|
+
font-size: 1.25rem;
|
|
7810
|
+
font-weight: 600;
|
|
7811
|
+
pointer-events: initial;
|
|
7812
|
+
font-family: "Nunito Sans", serif;
|
|
7813
|
+
|
|
7814
|
+
> * {
|
|
7815
|
+
white-space: nowrap;
|
|
7816
|
+
overflow: hidden;
|
|
7817
|
+
text-overflow: ellipsis;
|
|
7818
|
+
}
|
|
7773
7819
|
`;
|
|
7774
|
-
const PageTitleContainer = styled(uilibGl.Flex) `
|
|
7775
|
-
flex-grow: 1;
|
|
7776
|
-
align-items: center;
|
|
7777
|
-
|
|
7778
|
-
${PageTitle} {
|
|
7779
|
-
max-width: 15.75rem;
|
|
7780
|
-
}
|
|
7781
|
-
|
|
7782
|
-
&&& button {
|
|
7783
|
-
width: 0;
|
|
7784
|
-
overflow: hidden;
|
|
7785
|
-
|
|
7786
|
-
span[kind] {
|
|
7787
|
-
display: flex;
|
|
7788
|
-
align-items: center;
|
|
7789
|
-
justify-content: center;
|
|
7790
|
-
width: 0.75rem;
|
|
7791
|
-
|
|
7792
|
-
:after {
|
|
7793
|
-
font-size: 0.75rem;
|
|
7794
|
-
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
7795
|
-
transition: color ${uilibGl.transition.hover};
|
|
7796
|
-
}
|
|
7797
|
-
}
|
|
7798
|
-
|
|
7799
|
-
&:hover,
|
|
7800
|
-
&:active {
|
|
7801
|
-
span[kind]:after {
|
|
7802
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
7803
|
-
}
|
|
7804
|
-
}
|
|
7805
|
-
}
|
|
7806
|
-
|
|
7807
|
-
:hover {
|
|
7808
|
-
${PageTitle} {
|
|
7809
|
-
max-width: 14.25rem;
|
|
7810
|
-
}
|
|
7811
|
-
|
|
7812
|
-
&&& button {
|
|
7813
|
-
width: 1.5rem;
|
|
7814
|
-
}
|
|
7815
|
-
}
|
|
7820
|
+
const PageTitleContainer = styled(uilibGl.Flex) `
|
|
7821
|
+
flex-grow: 1;
|
|
7822
|
+
align-items: center;
|
|
7823
|
+
|
|
7824
|
+
${PageTitle} {
|
|
7825
|
+
max-width: 15.75rem;
|
|
7826
|
+
}
|
|
7827
|
+
|
|
7828
|
+
&&& button {
|
|
7829
|
+
width: 0;
|
|
7830
|
+
overflow: hidden;
|
|
7831
|
+
|
|
7832
|
+
span[kind] {
|
|
7833
|
+
display: flex;
|
|
7834
|
+
align-items: center;
|
|
7835
|
+
justify-content: center;
|
|
7836
|
+
width: 0.75rem;
|
|
7837
|
+
|
|
7838
|
+
:after {
|
|
7839
|
+
font-size: 0.75rem;
|
|
7840
|
+
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
7841
|
+
transition: color ${uilibGl.transition.hover};
|
|
7842
|
+
}
|
|
7843
|
+
}
|
|
7844
|
+
|
|
7845
|
+
&:hover,
|
|
7846
|
+
&:active {
|
|
7847
|
+
span[kind]:after {
|
|
7848
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
7849
|
+
}
|
|
7850
|
+
}
|
|
7851
|
+
}
|
|
7852
|
+
|
|
7853
|
+
:hover {
|
|
7854
|
+
${PageTitle} {
|
|
7855
|
+
max-width: 14.25rem;
|
|
7856
|
+
}
|
|
7857
|
+
|
|
7858
|
+
&&& button {
|
|
7859
|
+
width: 1.5rem;
|
|
7860
|
+
}
|
|
7861
|
+
}
|
|
7816
7862
|
`;
|
|
7817
7863
|
|
|
7818
7864
|
const DashboardDefaultHeader = React.memo(() => {
|
|
@@ -7821,83 +7867,83 @@ const DashboardDefaultHeader = React.memo(() => {
|
|
|
7821
7867
|
return (jsxRuntime.jsxs(DefaultHeaderContainer, { image: image, isDark: themeName === exports.ThemeName.Dark, children: [!pageId && jsxRuntime.jsx(uilibGl.LinearProgress, {}), jsxRuntime.jsxs(uilibGl.Flex, { column: true, gap: "1rem", children: [jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsxs(TopContainer, { children: [jsxRuntime.jsx(LogoContainer, { onClick: onClickLogo, children: icon }), jsxRuntime.jsx(TopContainerButtons, { children: jsxRuntime.jsx(ProjectPanelMenu, {}) })] }) }), jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsx(uilibGl.Flex, { column: true, gap: "0.25rem", children: jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsxs(uilibGl.Flex, { alignItems: "center", children: [jsxRuntime.jsxs(PageTitleContainer, { children: [jsxRuntime.jsx(uilibGl.Tooltip, { arrow: true, content: tooltip, children: ref => (jsxRuntime.jsx(PageTitle, { ref: ref, onClick: toggleLayersVisibility, children: title })) }), jsxRuntime.jsx(ProjectPagesMenu, {})] }), jsxRuntime.jsx(uilibGl.FlexSpan, { children: jsxRuntime.jsx(Pagination, {}) })] }) }) }) })] })] }));
|
|
7822
7868
|
});
|
|
7823
7869
|
|
|
7824
|
-
const HeaderFrontView = styled(uilibGl.Flex) `
|
|
7825
|
-
z-index: 10;
|
|
7826
|
-
position: relative;
|
|
7827
|
-
justify-content: space-between;
|
|
7828
|
-
align-items: ${({ isDefault }) => (isDefault ? "center" : "flex-start")};
|
|
7829
|
-
width: 100%;
|
|
7830
|
-
font: ${({ theme: { fonts } }) => fonts.subtitle};
|
|
7831
|
-
`;
|
|
7832
|
-
const HeaderContainer = styled(uilibGl.FlexSpan) `
|
|
7833
|
-
display: flex;
|
|
7834
|
-
flex-grow: 1;
|
|
7835
|
-
flex-wrap: nowrap;
|
|
7836
|
-
width: calc(100% - 48px);
|
|
7837
|
-
`;
|
|
7838
|
-
const FeatureTitleContainer = styled.div `
|
|
7839
|
-
display: -webkit-box;
|
|
7840
|
-
max-width: 100%;
|
|
7841
|
-
width: 100%;
|
|
7842
|
-
margin: 0.5rem 0;
|
|
7843
|
-
-webkit-line-clamp: 2;
|
|
7844
|
-
-webkit-box-orient: vertical;
|
|
7845
|
-
overflow: hidden;
|
|
7846
|
-
text-overflow: ellipsis;
|
|
7847
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
7848
|
-
|
|
7849
|
-
& > ${uilibGl.FlexSpan} {
|
|
7850
|
-
cursor: ${({ clickable }) => clickable && "pointer"};
|
|
7851
|
-
|
|
7852
|
-
&:hover {
|
|
7853
|
-
color: ${({ clickable, theme: { palette } }) => clickable && palette.primary};
|
|
7854
|
-
}
|
|
7855
|
-
}
|
|
7870
|
+
const HeaderFrontView = styled(uilibGl.Flex) `
|
|
7871
|
+
z-index: 10;
|
|
7872
|
+
position: relative;
|
|
7873
|
+
justify-content: space-between;
|
|
7874
|
+
align-items: ${({ isDefault }) => (isDefault ? "center" : "flex-start")};
|
|
7875
|
+
width: 100%;
|
|
7876
|
+
font: ${({ theme: { fonts } }) => fonts.subtitle};
|
|
7877
|
+
`;
|
|
7878
|
+
const HeaderContainer = styled(uilibGl.FlexSpan) `
|
|
7879
|
+
display: flex;
|
|
7880
|
+
flex-grow: 1;
|
|
7881
|
+
flex-wrap: nowrap;
|
|
7882
|
+
width: calc(100% - 48px);
|
|
7883
|
+
`;
|
|
7884
|
+
const FeatureTitleContainer = styled.div `
|
|
7885
|
+
display: -webkit-box;
|
|
7886
|
+
max-width: 100%;
|
|
7887
|
+
width: 100%;
|
|
7888
|
+
margin: 0.5rem 0;
|
|
7889
|
+
-webkit-line-clamp: 2;
|
|
7890
|
+
-webkit-box-orient: vertical;
|
|
7891
|
+
overflow: hidden;
|
|
7892
|
+
text-overflow: ellipsis;
|
|
7893
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
7894
|
+
|
|
7895
|
+
& > ${uilibGl.FlexSpan} {
|
|
7896
|
+
cursor: ${({ clickable }) => clickable && "pointer"};
|
|
7897
|
+
|
|
7898
|
+
&:hover {
|
|
7899
|
+
color: ${({ clickable, theme: { palette } }) => clickable && palette.primary};
|
|
7900
|
+
}
|
|
7901
|
+
}
|
|
7856
7902
|
`;
|
|
7857
|
-
const LayerDescription = styled(uilibGl.Description) `
|
|
7858
|
-
width: calc(100% - 4rem);
|
|
7859
|
-
display: -webkit-box;
|
|
7860
|
-
-webkit-line-clamp: 2;
|
|
7861
|
-
-webkit-box-orient: vertical;
|
|
7862
|
-
overflow: hidden;
|
|
7863
|
-
text-overflow: ellipsis;
|
|
7903
|
+
const LayerDescription = styled(uilibGl.Description) `
|
|
7904
|
+
width: calc(100% - 4rem);
|
|
7905
|
+
display: -webkit-box;
|
|
7906
|
+
-webkit-line-clamp: 2;
|
|
7907
|
+
-webkit-box-orient: vertical;
|
|
7908
|
+
overflow: hidden;
|
|
7909
|
+
text-overflow: ellipsis;
|
|
7864
7910
|
`;
|
|
7865
|
-
const HeaderTitleContainer = styled(uilibGl.Flex) `
|
|
7866
|
-
flex-direction: column;
|
|
7867
|
-
width: 100%;
|
|
7911
|
+
const HeaderTitleContainer = styled(uilibGl.Flex) `
|
|
7912
|
+
flex-direction: column;
|
|
7913
|
+
width: 100%;
|
|
7868
7914
|
`;
|
|
7869
|
-
const RowHeaderMixin = styled.css `
|
|
7870
|
-
&&& {
|
|
7871
|
-
min-height: auto;
|
|
7872
|
-
|
|
7873
|
-
${FeatureTitleContainer}, ${LayerDescription} {
|
|
7874
|
-
text-align: left;
|
|
7875
|
-
}
|
|
7876
|
-
}
|
|
7877
|
-
|
|
7878
|
-
${HeaderContainer} {
|
|
7879
|
-
flex-direction: row;
|
|
7880
|
-
}
|
|
7881
|
-
|
|
7882
|
-
${FeatureTitleContainer} {
|
|
7883
|
-
max-width: calc(100% - 3.8rem);
|
|
7884
|
-
}
|
|
7915
|
+
const RowHeaderMixin = styled.css `
|
|
7916
|
+
&&& {
|
|
7917
|
+
min-height: auto;
|
|
7918
|
+
|
|
7919
|
+
${FeatureTitleContainer}, ${LayerDescription} {
|
|
7920
|
+
text-align: left;
|
|
7921
|
+
}
|
|
7922
|
+
}
|
|
7923
|
+
|
|
7924
|
+
${HeaderContainer} {
|
|
7925
|
+
flex-direction: row;
|
|
7926
|
+
}
|
|
7927
|
+
|
|
7928
|
+
${FeatureTitleContainer} {
|
|
7929
|
+
max-width: calc(100% - 3.8rem);
|
|
7930
|
+
}
|
|
7885
7931
|
`;
|
|
7886
|
-
const Header = styled(uilibGl.Flex) `
|
|
7887
|
-
z-index: 1;
|
|
7888
|
-
position: relative;
|
|
7889
|
-
top: 0;
|
|
7890
|
-
flex-shrink: 0;
|
|
7891
|
-
overflow: hidden;
|
|
7892
|
-
width: 100%;
|
|
7893
|
-
padding: 0.5rem;
|
|
7894
|
-
|
|
7895
|
-
${({ $isRow }) => $isRow && RowHeaderMixin};
|
|
7932
|
+
const Header = styled(uilibGl.Flex) `
|
|
7933
|
+
z-index: 1;
|
|
7934
|
+
position: relative;
|
|
7935
|
+
top: 0;
|
|
7936
|
+
flex-shrink: 0;
|
|
7937
|
+
overflow: hidden;
|
|
7938
|
+
width: 100%;
|
|
7939
|
+
padding: 0.5rem;
|
|
7940
|
+
|
|
7941
|
+
${({ $isRow }) => $isRow && RowHeaderMixin};
|
|
7896
7942
|
`;
|
|
7897
|
-
const DefaultHeaderWrapper = styled.div `
|
|
7898
|
-
${Header} {
|
|
7899
|
-
padding: 0 1.5rem 1.5rem 0;
|
|
7900
|
-
}
|
|
7943
|
+
const DefaultHeaderWrapper = styled.div `
|
|
7944
|
+
${Header} {
|
|
7945
|
+
padding: 0 1.5rem 1.5rem 0;
|
|
7946
|
+
}
|
|
7901
7947
|
`;
|
|
7902
7948
|
|
|
7903
7949
|
const HeaderTitle = ({ noFeature }) => {
|
|
@@ -7925,24 +7971,24 @@ const HeaderTitle = ({ noFeature }) => {
|
|
|
7925
7971
|
return (jsxRuntime.jsxs(HeaderTitleContainer, { children: [noFeature ? (jsxRuntime.jsx(FeatureTitleContainer, { children: t("noObjectFound", { ns: "dashboard", defaultValue: "Объектов не найдено" }) })) : (jsxRuntime.jsx(FeatureTitleContainer, { clickable: true, children: jsxRuntime.jsx(uilibGl.Tooltip, { arrow: true, placement: "top", content: t("zoomToFeature", { ns: "dashboard", defaultValue: "Приблизить к объекту" }), delay: [600, 0], children: ref => (jsxRuntime.jsx(uilibGl.FlexSpan, { ref: ref, onClick: () => zoomToFeatures([feature]), children: resultTitle })) }) })), jsxRuntime.jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
|
|
7926
7972
|
};
|
|
7927
7973
|
|
|
7928
|
-
const LayerIconContainer = styled.div `
|
|
7929
|
-
display: flex;
|
|
7930
|
-
align-items: center;
|
|
7931
|
-
justify-content: center;
|
|
7932
|
-
min-width: 2rem;
|
|
7933
|
-
margin-right: 0.5rem;
|
|
7974
|
+
const LayerIconContainer = styled.div `
|
|
7975
|
+
display: flex;
|
|
7976
|
+
align-items: center;
|
|
7977
|
+
justify-content: center;
|
|
7978
|
+
min-width: 2rem;
|
|
7979
|
+
margin-right: 0.5rem;
|
|
7934
7980
|
`;
|
|
7935
|
-
const AlertIconContainer = styled(uilibGl.Flex) `
|
|
7936
|
-
align-items: center;
|
|
7937
|
-
justify-content: center;
|
|
7938
|
-
width: 2rem;
|
|
7939
|
-
height: 2rem;
|
|
7940
|
-
|
|
7941
|
-
${uilibGl.Icon} {
|
|
7942
|
-
:after {
|
|
7943
|
-
color: ${({ theme: { palette } }) => palette.error};
|
|
7944
|
-
}
|
|
7945
|
-
}
|
|
7981
|
+
const AlertIconContainer = styled(uilibGl.Flex) `
|
|
7982
|
+
align-items: center;
|
|
7983
|
+
justify-content: center;
|
|
7984
|
+
width: 2rem;
|
|
7985
|
+
height: 2rem;
|
|
7986
|
+
|
|
7987
|
+
${uilibGl.Icon} {
|
|
7988
|
+
:after {
|
|
7989
|
+
color: ${({ theme: { palette } }) => palette.error};
|
|
7990
|
+
}
|
|
7991
|
+
}
|
|
7946
7992
|
`;
|
|
7947
7993
|
|
|
7948
7994
|
var img$2 = "data:image/svg+xml,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3crect width='32' height='32' fill='transparent'/%3e %3cpath d='M20.248 9.67787C18.5318 8.04035 15.9473 7.54977 13.7024 8.43543C11.4576 9.32109 9.99566 11.4081 10 13.721C10 18.2894 16 24 16 24C16 24 22 18.2894 22 13.721C22.0028 12.2054 21.3726 10.7509 20.248 9.67787Z' fill='url(%23paint0_linear_6459_10338)'/%3e %3ccircle cx='16' cy='14' r='2' fill='white'/%3e %3cdefs%3e %3clinearGradient id='paint0_linear_6459_10338' x1='10' y1='8' x2='25.36' y2='19.52' gradientUnits='userSpaceOnUse'%3e %3cstop stop-color='%230084D6'/%3e %3cstop offset='0.489583' stop-color='%230084D6'/%3e %3cstop offset='0.489683' stop-color='%2305A9FF'/%3e %3cstop offset='0.921875' stop-color='%2305A9FF'/%3e %3c/linearGradient%3e %3c/defs%3e%3c/svg%3e";
|
|
@@ -7979,54 +8025,54 @@ const FeatureCardDefaultHeader = ({ noFeature }) => {
|
|
|
7979
8025
|
return (jsxRuntime.jsx(DefaultHeaderWrapper, { children: jsxRuntime.jsx(Header, { "$isRow": true, children: jsxRuntime.jsxs(HeaderFrontView, { isDefault: true, children: [jsxRuntime.jsxs(HeaderContainer, { children: [!!layerInfo?.name && jsxRuntime.jsx(LayerIcon, { layerInfo: layerInfo }), jsxRuntime.jsx(HeaderTitle, { noFeature: noFeature })] }), jsxRuntime.jsx(FeatureCardButtons, {})] }) }) }));
|
|
7980
8026
|
};
|
|
7981
8027
|
|
|
7982
|
-
const HeaderFontColorMixin$1 = styled.css `
|
|
7983
|
-
${HeaderTitleContainer}, ${LayerDescription} {
|
|
7984
|
-
color: ${({ $fontColor }) => $fontColor};
|
|
7985
|
-
}
|
|
8028
|
+
const HeaderFontColorMixin$1 = styled.css `
|
|
8029
|
+
${HeaderTitleContainer}, ${LayerDescription} {
|
|
8030
|
+
color: ${({ $fontColor }) => $fontColor};
|
|
8031
|
+
}
|
|
7986
8032
|
`;
|
|
7987
|
-
const HeaderWrapperMixin$1 = styled.css `
|
|
7988
|
-
${Header} {
|
|
7989
|
-
min-height: 5.25rem;
|
|
7990
|
-
}
|
|
7991
|
-
|
|
7992
|
-
${HeaderContainer} {
|
|
7993
|
-
max-width: 100%;
|
|
7994
|
-
width: 100%;
|
|
7995
|
-
}
|
|
7996
|
-
|
|
7997
|
-
${FeatureControls} {
|
|
7998
|
-
max-width: calc(100% - 2rem);
|
|
7999
|
-
width: calc(100% - 2rem);
|
|
8000
|
-
margin-top: -0.5rem;
|
|
8001
|
-
padding-top: 1rem;
|
|
8002
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
8003
|
-
}
|
|
8004
|
-
|
|
8005
|
-
${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin$1};
|
|
8033
|
+
const HeaderWrapperMixin$1 = styled.css `
|
|
8034
|
+
${Header} {
|
|
8035
|
+
min-height: 5.25rem;
|
|
8036
|
+
}
|
|
8037
|
+
|
|
8038
|
+
${HeaderContainer} {
|
|
8039
|
+
max-width: 100%;
|
|
8040
|
+
width: 100%;
|
|
8041
|
+
}
|
|
8042
|
+
|
|
8043
|
+
${FeatureControls} {
|
|
8044
|
+
max-width: calc(100% - 2rem);
|
|
8045
|
+
width: calc(100% - 2rem);
|
|
8046
|
+
margin-top: -0.5rem;
|
|
8047
|
+
padding-top: 1rem;
|
|
8048
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
8049
|
+
}
|
|
8050
|
+
|
|
8051
|
+
${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin$1};
|
|
8006
8052
|
`;
|
|
8007
|
-
const GradientHeaderWrapper = styled.div `
|
|
8008
|
-
${Header} {
|
|
8009
|
-
background: ${({ $bgColor }) => $bgColor || "radial-gradient(129.21% 133.22% at 51.94% 0%, #e8fffe 9.48%, #5fcaff 100%)"};
|
|
8010
|
-
}
|
|
8011
|
-
|
|
8012
|
-
${HeaderContainer} {
|
|
8013
|
-
align-items: center;
|
|
8014
|
-
}
|
|
8015
|
-
|
|
8016
|
-
${HeaderTitleContainer} {
|
|
8017
|
-
margin-left: 0;
|
|
8018
|
-
text-align: center;
|
|
8019
|
-
}
|
|
8020
|
-
|
|
8021
|
-
${FeatureTitleContainer} {
|
|
8022
|
-
text-align: center;
|
|
8023
|
-
}
|
|
8024
|
-
|
|
8025
|
-
${LayerDescription} {
|
|
8026
|
-
text-align: center;
|
|
8027
|
-
}
|
|
8028
|
-
|
|
8029
|
-
${HeaderWrapperMixin$1};
|
|
8053
|
+
const GradientHeaderWrapper = styled.div `
|
|
8054
|
+
${Header} {
|
|
8055
|
+
background: ${({ $bgColor }) => $bgColor || "radial-gradient(129.21% 133.22% at 51.94% 0%, #e8fffe 9.48%, #5fcaff 100%)"};
|
|
8056
|
+
}
|
|
8057
|
+
|
|
8058
|
+
${HeaderContainer} {
|
|
8059
|
+
align-items: center;
|
|
8060
|
+
}
|
|
8061
|
+
|
|
8062
|
+
${HeaderTitleContainer} {
|
|
8063
|
+
margin-left: 0;
|
|
8064
|
+
text-align: center;
|
|
8065
|
+
}
|
|
8066
|
+
|
|
8067
|
+
${FeatureTitleContainer} {
|
|
8068
|
+
text-align: center;
|
|
8069
|
+
}
|
|
8070
|
+
|
|
8071
|
+
${LayerDescription} {
|
|
8072
|
+
text-align: center;
|
|
8073
|
+
}
|
|
8074
|
+
|
|
8075
|
+
${HeaderWrapperMixin$1};
|
|
8030
8076
|
`;
|
|
8031
8077
|
|
|
8032
8078
|
const FeatureCardGradientHeader = ({ isRow }) => {
|
|
@@ -8045,80 +8091,80 @@ const FeatureCardGradientHeader = ({ isRow }) => {
|
|
|
8045
8091
|
}) })] }), jsxRuntime.jsx(FeatureCardButtons, {})] }) }) }) }));
|
|
8046
8092
|
};
|
|
8047
8093
|
|
|
8048
|
-
const HeaderFontColorMixin = styled.css `
|
|
8049
|
-
${HeaderTitleContainer}, ${HeaderTitleContainer} *, ${LayerDescription} {
|
|
8050
|
-
color: ${({ $fontColor }) => $fontColor};
|
|
8051
|
-
}
|
|
8052
|
-
`;
|
|
8053
|
-
const HeaderWrapperMixin = styled.css `
|
|
8054
|
-
${Header} {
|
|
8055
|
-
min-height: 5.25rem;
|
|
8056
|
-
}
|
|
8057
|
-
|
|
8058
|
-
${HeaderContainer} {
|
|
8059
|
-
max-width: 100%;
|
|
8060
|
-
width: 100%;
|
|
8061
|
-
}
|
|
8062
|
-
|
|
8063
|
-
${FeatureControls} {
|
|
8064
|
-
max-width: calc(100% - 2rem);
|
|
8065
|
-
width: calc(100% - 2rem);
|
|
8066
|
-
margin-top: -0.5rem;
|
|
8067
|
-
padding-top: 1rem;
|
|
8068
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
8069
|
-
}
|
|
8070
|
-
|
|
8071
|
-
${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin};
|
|
8094
|
+
const HeaderFontColorMixin = styled.css `
|
|
8095
|
+
${HeaderTitleContainer}, ${HeaderTitleContainer} *, ${LayerDescription} {
|
|
8096
|
+
color: ${({ $fontColor }) => $fontColor};
|
|
8097
|
+
}
|
|
8072
8098
|
`;
|
|
8073
|
-
const
|
|
8074
|
-
|
|
8075
|
-
|
|
8076
|
-
|
|
8077
|
-
|
|
8078
|
-
|
|
8079
|
-
|
|
8080
|
-
|
|
8081
|
-
|
|
8082
|
-
|
|
8083
|
-
|
|
8084
|
-
|
|
8085
|
-
|
|
8086
|
-
|
|
8087
|
-
|
|
8088
|
-
|
|
8089
|
-
|
|
8090
|
-
|
|
8091
|
-
}
|
|
8092
|
-
|
|
8093
|
-
|
|
8094
|
-
|
|
8095
|
-
|
|
8096
|
-
|
|
8097
|
-
|
|
8099
|
+
const HeaderWrapperMixin = styled.css `
|
|
8100
|
+
${Header} {
|
|
8101
|
+
min-height: 5.25rem;
|
|
8102
|
+
}
|
|
8103
|
+
|
|
8104
|
+
${HeaderContainer} {
|
|
8105
|
+
max-width: 100%;
|
|
8106
|
+
width: 100%;
|
|
8107
|
+
}
|
|
8108
|
+
|
|
8109
|
+
${FeatureControls} {
|
|
8110
|
+
max-width: calc(100% - 2rem);
|
|
8111
|
+
width: calc(100% - 2rem);
|
|
8112
|
+
margin-top: -0.5rem;
|
|
8113
|
+
padding-top: 1rem;
|
|
8114
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
8115
|
+
}
|
|
8116
|
+
|
|
8117
|
+
${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin};
|
|
8118
|
+
`;
|
|
8119
|
+
const HeaderIcon = styled(uilibGl.Flex) `
|
|
8120
|
+
position: absolute;
|
|
8121
|
+
top: 0;
|
|
8122
|
+
right: 0;
|
|
8123
|
+
justify-content: flex-end;
|
|
8124
|
+
align-items: center;
|
|
8125
|
+
min-width: 7.5rem;
|
|
8126
|
+
height: 100%;
|
|
8127
|
+
|
|
8128
|
+
span[kind]:after {
|
|
8129
|
+
font-size: 7.5rem;
|
|
8130
|
+
}
|
|
8131
|
+
|
|
8132
|
+
span[kind]:after,
|
|
8133
|
+
path,
|
|
8134
|
+
line,
|
|
8135
|
+
circle {
|
|
8136
|
+
fill: rgba(255, 255, 255, 0.36);
|
|
8137
|
+
}
|
|
8138
|
+
|
|
8139
|
+
&& > * {
|
|
8140
|
+
display: flex;
|
|
8141
|
+
align-items: center;
|
|
8142
|
+
height: 100%;
|
|
8143
|
+
}
|
|
8098
8144
|
`;
|
|
8099
|
-
const BigIconHeaderMixin = styled.css `
|
|
8100
|
-
${HeaderIcon} {
|
|
8101
|
-
min-width: 14rem;
|
|
8102
|
-
right: -3rem;
|
|
8103
|
-
|
|
8104
|
-
span[kind]:after {
|
|
8105
|
-
font-size: 14rem;
|
|
8106
|
-
}
|
|
8107
|
-
}
|
|
8145
|
+
const BigIconHeaderMixin = styled.css `
|
|
8146
|
+
${HeaderIcon} {
|
|
8147
|
+
min-width: 14rem;
|
|
8148
|
+
right: -3rem;
|
|
8149
|
+
|
|
8150
|
+
span[kind]:after {
|
|
8151
|
+
font-size: 14rem;
|
|
8152
|
+
}
|
|
8153
|
+
}
|
|
8108
8154
|
`;
|
|
8109
|
-
const IconHeaderWrapper = styled.div `
|
|
8110
|
-
${Header} {
|
|
8111
|
-
width: calc(100% + 0.5rem);
|
|
8112
|
-
margin: -1rem -1rem 0.5rem -1rem;
|
|
8113
|
-
padding: 1.5rem;
|
|
8114
|
-
border-top-left-radius: 0.5rem;
|
|
8115
|
-
border-top-right-radius: 0.5rem;
|
|
8116
|
-
background: ${({ $bgColor }) => $bgColor || "linear-gradient(96.55deg, #FFFCD3 0%, #B4DC47 100%)"};
|
|
8117
|
-
}
|
|
8118
|
-
|
|
8119
|
-
${HeaderWrapperMixin};
|
|
8120
|
-
|
|
8121
|
-
${({ $bigIcon }) => $bigIcon && BigIconHeaderMixin};
|
|
8155
|
+
const IconHeaderWrapper = styled.div `
|
|
8156
|
+
${Header} {
|
|
8157
|
+
width: calc(100% + 0.5rem);
|
|
8158
|
+
margin: -1rem -1rem 0.5rem -1rem;
|
|
8159
|
+
padding: 1.5rem;
|
|
8160
|
+
border-top-left-radius: 0.5rem;
|
|
8161
|
+
border-top-right-radius: 0.5rem;
|
|
8162
|
+
background: ${({ $bgColor }) => $bgColor || "linear-gradient(96.55deg, #FFFCD3 0%, #B4DC47 100%)"};
|
|
8163
|
+
}
|
|
8164
|
+
|
|
8165
|
+
${HeaderWrapperMixin};
|
|
8166
|
+
|
|
8167
|
+
${({ $bigIcon }) => $bigIcon && BigIconHeaderMixin};
|
|
8122
8168
|
`;
|
|
8123
8169
|
|
|
8124
8170
|
const FeatureCardIconHeader = ({ isRow }) => {
|
|
@@ -8140,15 +8186,15 @@ const FeatureCardIconHeader = ({ isRow }) => {
|
|
|
8140
8186
|
}) })] }) }) }));
|
|
8141
8187
|
};
|
|
8142
8188
|
|
|
8143
|
-
const ImageContainerButton = styled(uilibGl.FlatButton) `
|
|
8144
|
-
min-height: 1.5rem;
|
|
8145
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
|
|
8146
|
-
background-color: ${({ theme: { palette } }) => palette.primary};
|
|
8147
|
-
text-transform: none;
|
|
8148
|
-
|
|
8149
|
-
:hover {
|
|
8150
|
-
background-color: ${({ theme: { palette } }) => palette.primaryDeep};
|
|
8151
|
-
}
|
|
8189
|
+
const ImageContainerButton = styled(uilibGl.FlatButton) `
|
|
8190
|
+
min-height: 1.5rem;
|
|
8191
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
|
|
8192
|
+
background-color: ${({ theme: { palette } }) => palette.primary};
|
|
8193
|
+
text-transform: none;
|
|
8194
|
+
|
|
8195
|
+
:hover {
|
|
8196
|
+
background-color: ${({ theme: { palette } }) => palette.primaryDeep};
|
|
8197
|
+
}
|
|
8152
8198
|
`;
|
|
8153
8199
|
|
|
8154
8200
|
const ElementButton = React.memo(({ type, elementConfig }) => {
|
|
@@ -8160,157 +8206,157 @@ const ElementButton = React.memo(({ type, elementConfig }) => {
|
|
|
8160
8206
|
return (jsxRuntime.jsx(ImageContainerButton, { onClick: () => window.open(attribute?.value), children: elementConfig.value || "" }));
|
|
8161
8207
|
});
|
|
8162
8208
|
|
|
8163
|
-
const AttributeGalleryContainer = styled.div `
|
|
8164
|
-
&& {
|
|
8165
|
-
width: calc(100% + 3rem);
|
|
8166
|
-
}
|
|
8167
|
-
|
|
8168
|
-
min-height: 12.625rem;
|
|
8169
|
-
background-color: ${({ theme: { palette } }) => palette.element};
|
|
8170
|
-
|
|
8171
|
-
img {
|
|
8172
|
-
width: 100%;
|
|
8173
|
-
}
|
|
8209
|
+
const AttributeGalleryContainer = styled.div `
|
|
8210
|
+
&& {
|
|
8211
|
+
width: calc(100% + 3rem);
|
|
8212
|
+
}
|
|
8213
|
+
|
|
8214
|
+
min-height: 12.625rem;
|
|
8215
|
+
background-color: ${({ theme: { palette } }) => palette.element};
|
|
8216
|
+
|
|
8217
|
+
img {
|
|
8218
|
+
width: 100%;
|
|
8219
|
+
}
|
|
8174
8220
|
`;
|
|
8175
|
-
const LinearProgressContainer = styled(uilibGl.Flex) `
|
|
8176
|
-
align-items: center;
|
|
8177
|
-
justify-content: center;
|
|
8178
|
-
min-height: inherit;
|
|
8179
|
-
|
|
8180
|
-
${uilibGl.LinearProgress} {
|
|
8181
|
-
max-width: 4rem;
|
|
8182
|
-
}
|
|
8221
|
+
const LinearProgressContainer = styled(uilibGl.Flex) `
|
|
8222
|
+
align-items: center;
|
|
8223
|
+
justify-content: center;
|
|
8224
|
+
min-height: inherit;
|
|
8225
|
+
|
|
8226
|
+
${uilibGl.LinearProgress} {
|
|
8227
|
+
max-width: 4rem;
|
|
8228
|
+
}
|
|
8183
8229
|
`;
|
|
8184
|
-
const NoLiveSnapshotContainer = styled(uilibGl.Flex) `
|
|
8185
|
-
flex-direction: column;
|
|
8186
|
-
align-items: center;
|
|
8187
|
-
|
|
8188
|
-
span[kind="alert"] {
|
|
8189
|
-
width: 2rem;
|
|
8190
|
-
height: 2rem;
|
|
8191
|
-
|
|
8192
|
-
&:after {
|
|
8193
|
-
font-size: 2rem;
|
|
8194
|
-
color: ${({ theme: { palette } }) => palette.elementDeep};
|
|
8195
|
-
}
|
|
8196
|
-
}
|
|
8197
|
-
|
|
8198
|
-
${uilibGl.Description} {
|
|
8199
|
-
font-size: 0.75rem;
|
|
8200
|
-
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
8201
|
-
}
|
|
8230
|
+
const NoLiveSnapshotContainer = styled(uilibGl.Flex) `
|
|
8231
|
+
flex-direction: column;
|
|
8232
|
+
align-items: center;
|
|
8233
|
+
|
|
8234
|
+
span[kind="alert"] {
|
|
8235
|
+
width: 2rem;
|
|
8236
|
+
height: 2rem;
|
|
8237
|
+
|
|
8238
|
+
&:after {
|
|
8239
|
+
font-size: 2rem;
|
|
8240
|
+
color: ${({ theme: { palette } }) => palette.elementDeep};
|
|
8241
|
+
}
|
|
8242
|
+
}
|
|
8243
|
+
|
|
8244
|
+
${uilibGl.Description} {
|
|
8245
|
+
font-size: 0.75rem;
|
|
8246
|
+
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
8247
|
+
}
|
|
8202
8248
|
`;
|
|
8203
|
-
const SmallPreviewControl = styled(uilibGl.IconButton) `
|
|
8204
|
-
cursor: ${({ $isDisabled }) => ($isDisabled ? "default" : "pointer")};
|
|
8205
|
-
z-index: 3;
|
|
8206
|
-
position: absolute;
|
|
8207
|
-
top: 50%;
|
|
8208
|
-
width: 2.5rem;
|
|
8209
|
-
height: 2.5rem;
|
|
8210
|
-
margin-top: -1.25rem;
|
|
8211
|
-
background-color: rgba(61, 61, 61, 0.8);
|
|
8212
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
|
|
8213
|
-
|
|
8214
|
-
span:after {
|
|
8215
|
-
color: ${({ $isDisabled }) => ($isDisabled ? "rgba(255, 255, 255, 0.28)" : "rgba(255, 255, 255, 1)")};
|
|
8216
|
-
transition: color ${uilibGl.transition.hover};
|
|
8217
|
-
}
|
|
8249
|
+
const SmallPreviewControl = styled(uilibGl.IconButton) `
|
|
8250
|
+
cursor: ${({ $isDisabled }) => ($isDisabled ? "default" : "pointer")};
|
|
8251
|
+
z-index: 3;
|
|
8252
|
+
position: absolute;
|
|
8253
|
+
top: 50%;
|
|
8254
|
+
width: 2.5rem;
|
|
8255
|
+
height: 2.5rem;
|
|
8256
|
+
margin-top: -1.25rem;
|
|
8257
|
+
background-color: rgba(61, 61, 61, 0.8);
|
|
8258
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
|
|
8259
|
+
|
|
8260
|
+
span:after {
|
|
8261
|
+
color: ${({ $isDisabled }) => ($isDisabled ? "rgba(255, 255, 255, 0.28)" : "rgba(255, 255, 255, 1)")};
|
|
8262
|
+
transition: color ${uilibGl.transition.hover};
|
|
8263
|
+
}
|
|
8218
8264
|
`;
|
|
8219
|
-
const SmallPreviewCounter = styled(uilibGl.Flex) `
|
|
8220
|
-
z-index: 3;
|
|
8221
|
-
position: absolute;
|
|
8222
|
-
bottom: 0.625rem;
|
|
8223
|
-
left: 0;
|
|
8224
|
-
width: 100%;
|
|
8225
|
-
height: 1rem;
|
|
8226
|
-
justify-content: center;
|
|
8227
|
-
|
|
8228
|
-
> div {
|
|
8229
|
-
background-color: rgba(61, 61, 61, 0.8);
|
|
8230
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
8231
|
-
padding: 0 0.5rem;
|
|
8232
|
-
font-size: 0.625rem;
|
|
8233
|
-
line-height: 1rem;
|
|
8234
|
-
color: #fff;
|
|
8235
|
-
}
|
|
8265
|
+
const SmallPreviewCounter = styled(uilibGl.Flex) `
|
|
8266
|
+
z-index: 3;
|
|
8267
|
+
position: absolute;
|
|
8268
|
+
bottom: 0.625rem;
|
|
8269
|
+
left: 0;
|
|
8270
|
+
width: 100%;
|
|
8271
|
+
height: 1rem;
|
|
8272
|
+
justify-content: center;
|
|
8273
|
+
|
|
8274
|
+
> div {
|
|
8275
|
+
background-color: rgba(61, 61, 61, 0.8);
|
|
8276
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
8277
|
+
padding: 0 0.5rem;
|
|
8278
|
+
font-size: 0.625rem;
|
|
8279
|
+
line-height: 1rem;
|
|
8280
|
+
color: #fff;
|
|
8281
|
+
}
|
|
8236
8282
|
`;
|
|
8237
8283
|
const SmallPreviewLeft = styled(SmallPreviewControl).attrs(() => ({
|
|
8238
8284
|
kind: "prev",
|
|
8239
|
-
})) `
|
|
8240
|
-
left: 1.5rem;
|
|
8285
|
+
})) `
|
|
8286
|
+
left: 1.5rem;
|
|
8241
8287
|
`;
|
|
8242
8288
|
const SmallPreviewRight = styled(SmallPreviewControl).attrs(() => ({
|
|
8243
8289
|
kind: "next",
|
|
8244
|
-
})) `
|
|
8245
|
-
right: 1.5rem;
|
|
8246
|
-
`;
|
|
8247
|
-
const imgSlideShowMixin = styled.css `
|
|
8248
|
-
&:nth-child(${({ prevIndex }) => prevIndex}) {
|
|
8249
|
-
z-index: 2;
|
|
8250
|
-
position: absolute;
|
|
8251
|
-
top: 0;
|
|
8252
|
-
left: 0;
|
|
8253
|
-
right: 0;
|
|
8254
|
-
bottom: 0;
|
|
8255
|
-
opacity: 0;
|
|
8256
|
-
|
|
8257
|
-
animation-duration: 0.25s;
|
|
8258
|
-
animation-name: fadeOut;
|
|
8259
|
-
animation-timing-function: linear;
|
|
8260
|
-
|
|
8261
|
-
@keyframes fadeOut {
|
|
8262
|
-
from {
|
|
8263
|
-
opacity: 1;
|
|
8264
|
-
}
|
|
8265
|
-
|
|
8266
|
-
to {
|
|
8267
|
-
opacity: 0;
|
|
8268
|
-
}
|
|
8269
|
-
}
|
|
8270
|
-
}
|
|
8290
|
+
})) `
|
|
8291
|
+
right: 1.5rem;
|
|
8292
|
+
`;
|
|
8293
|
+
const imgSlideShowMixin = styled.css `
|
|
8294
|
+
&:nth-child(${({ prevIndex }) => prevIndex}) {
|
|
8295
|
+
z-index: 2;
|
|
8296
|
+
position: absolute;
|
|
8297
|
+
top: 0;
|
|
8298
|
+
left: 0;
|
|
8299
|
+
right: 0;
|
|
8300
|
+
bottom: 0;
|
|
8301
|
+
opacity: 0;
|
|
8302
|
+
|
|
8303
|
+
animation-duration: 0.25s;
|
|
8304
|
+
animation-name: fadeOut;
|
|
8305
|
+
animation-timing-function: linear;
|
|
8306
|
+
|
|
8307
|
+
@keyframes fadeOut {
|
|
8308
|
+
from {
|
|
8309
|
+
opacity: 1;
|
|
8310
|
+
}
|
|
8311
|
+
|
|
8312
|
+
to {
|
|
8313
|
+
opacity: 0;
|
|
8314
|
+
}
|
|
8315
|
+
}
|
|
8316
|
+
}
|
|
8271
8317
|
`;
|
|
8272
|
-
const SmallPreviewContainer$1 = styled.div `
|
|
8273
|
-
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
8274
|
-
position: relative;
|
|
8275
|
-
width: 100%;
|
|
8276
|
-
height: 100%;
|
|
8277
|
-
min-height: inherit;
|
|
8278
|
-
line-height: 0;
|
|
8279
|
-
|
|
8280
|
-
${uilibGl.LinearProgress} {
|
|
8281
|
-
z-index: 3;
|
|
8282
|
-
position: absolute;
|
|
8283
|
-
}
|
|
8284
|
-
|
|
8285
|
-
${SmallPreviewControl}, ${SmallPreviewCounter} {
|
|
8286
|
-
opacity: 0;
|
|
8287
|
-
transition: opacity ${uilibGl.transition.hover};
|
|
8288
|
-
}
|
|
8289
|
-
|
|
8290
|
-
&:hover {
|
|
8291
|
-
${SmallPreviewControl}, ${SmallPreviewCounter} {
|
|
8292
|
-
opacity: 1;
|
|
8293
|
-
}
|
|
8294
|
-
}
|
|
8295
|
-
|
|
8296
|
-
img {
|
|
8297
|
-
z-index: 0;
|
|
8298
|
-
cursor: pointer;
|
|
8299
|
-
position: absolute;
|
|
8300
|
-
top: 0;
|
|
8301
|
-
left: 0;
|
|
8302
|
-
width: 100%;
|
|
8303
|
-
height: 100%;
|
|
8304
|
-
min-height: inherit;
|
|
8305
|
-
object-position: center;
|
|
8306
|
-
object-fit: cover;
|
|
8307
|
-
|
|
8308
|
-
&:nth-child(${({ currentIndex }) => currentIndex}) {
|
|
8309
|
-
z-index: 1;
|
|
8310
|
-
}
|
|
8311
|
-
|
|
8312
|
-
${({ prevIndex, currentIndex }) => prevIndex !== currentIndex && imgSlideShowMixin}
|
|
8313
|
-
}
|
|
8318
|
+
const SmallPreviewContainer$1 = styled.div `
|
|
8319
|
+
cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
|
|
8320
|
+
position: relative;
|
|
8321
|
+
width: 100%;
|
|
8322
|
+
height: 100%;
|
|
8323
|
+
min-height: inherit;
|
|
8324
|
+
line-height: 0;
|
|
8325
|
+
|
|
8326
|
+
${uilibGl.LinearProgress} {
|
|
8327
|
+
z-index: 3;
|
|
8328
|
+
position: absolute;
|
|
8329
|
+
}
|
|
8330
|
+
|
|
8331
|
+
${SmallPreviewControl}, ${SmallPreviewCounter} {
|
|
8332
|
+
opacity: 0;
|
|
8333
|
+
transition: opacity ${uilibGl.transition.hover};
|
|
8334
|
+
}
|
|
8335
|
+
|
|
8336
|
+
&:hover {
|
|
8337
|
+
${SmallPreviewControl}, ${SmallPreviewCounter} {
|
|
8338
|
+
opacity: 1;
|
|
8339
|
+
}
|
|
8340
|
+
}
|
|
8341
|
+
|
|
8342
|
+
img {
|
|
8343
|
+
z-index: 0;
|
|
8344
|
+
cursor: pointer;
|
|
8345
|
+
position: absolute;
|
|
8346
|
+
top: 0;
|
|
8347
|
+
left: 0;
|
|
8348
|
+
width: 100%;
|
|
8349
|
+
height: 100%;
|
|
8350
|
+
min-height: inherit;
|
|
8351
|
+
object-position: center;
|
|
8352
|
+
object-fit: cover;
|
|
8353
|
+
|
|
8354
|
+
&:nth-child(${({ currentIndex }) => currentIndex}) {
|
|
8355
|
+
z-index: 1;
|
|
8356
|
+
}
|
|
8357
|
+
|
|
8358
|
+
${({ prevIndex, currentIndex }) => prevIndex !== currentIndex && imgSlideShowMixin}
|
|
8359
|
+
}
|
|
8314
8360
|
`;
|
|
8315
8361
|
const SmallPreviewImages = styled.div ``;
|
|
8316
8362
|
|
|
@@ -8551,21 +8597,21 @@ const ElementControl = ({ elementConfig }) => {
|
|
|
8551
8597
|
return (jsxRuntime.jsx(uilibGl.Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: currentValue, placeholder: placeholder, disabled: isDisabled, onChange: handleChange }));
|
|
8552
8598
|
};
|
|
8553
8599
|
|
|
8554
|
-
const StyledIconFontSizeMixin = styled.css `
|
|
8555
|
-
height: ${({ fontSize }) => `${fontSize}px`};
|
|
8556
|
-
|
|
8557
|
-
&&:after {
|
|
8558
|
-
font-size: ${({ fontSize }) => `${fontSize}px`};
|
|
8559
|
-
}
|
|
8600
|
+
const StyledIconFontSizeMixin = styled.css `
|
|
8601
|
+
height: ${({ fontSize }) => `${fontSize}px`};
|
|
8602
|
+
|
|
8603
|
+
&&:after {
|
|
8604
|
+
font-size: ${({ fontSize }) => `${fontSize}px`};
|
|
8605
|
+
}
|
|
8560
8606
|
`;
|
|
8561
|
-
const StyledIconFontColorMixin = styled.css `
|
|
8562
|
-
&&:after {
|
|
8563
|
-
color: ${({ fontColor }) => fontColor};
|
|
8564
|
-
}
|
|
8607
|
+
const StyledIconFontColorMixin = styled.css `
|
|
8608
|
+
&&:after {
|
|
8609
|
+
color: ${({ fontColor }) => fontColor};
|
|
8610
|
+
}
|
|
8565
8611
|
`;
|
|
8566
|
-
const StyledIcon = styled(uilibGl.Icon) `
|
|
8567
|
-
${({ fontSize }) => !!fontSize && StyledIconFontSizeMixin};
|
|
8568
|
-
${({ fontColor }) => !!fontColor && StyledIconFontColorMixin};
|
|
8612
|
+
const StyledIcon = styled(uilibGl.Icon) `
|
|
8613
|
+
${({ fontSize }) => !!fontSize && StyledIconFontSizeMixin};
|
|
8614
|
+
${({ fontColor }) => !!fontColor && StyledIconFontColorMixin};
|
|
8569
8615
|
`;
|
|
8570
8616
|
|
|
8571
8617
|
const ElementIcon = React.memo(({ type, elementConfig }) => {
|
|
@@ -8646,55 +8692,55 @@ const ElementLegend = React.memo(({ type, element, elementConfig }) => {
|
|
|
8646
8692
|
|
|
8647
8693
|
const ExternalLink = styled(uilibGl.IconButton).attrs(() => ({
|
|
8648
8694
|
kind: "external_link",
|
|
8649
|
-
})) `
|
|
8650
|
-
${uilibGl.Icon} {
|
|
8651
|
-
color: ${({ theme: { palette } }) => palette.primary};
|
|
8652
|
-
}
|
|
8653
|
-
|
|
8654
|
-
&:hover ${uilibGl.Icon} {
|
|
8655
|
-
color: ${({ theme: { palette } }) => palette.primaryDeep};
|
|
8656
|
-
}
|
|
8695
|
+
})) `
|
|
8696
|
+
${uilibGl.Icon} {
|
|
8697
|
+
color: ${({ theme: { palette } }) => palette.primary};
|
|
8698
|
+
}
|
|
8699
|
+
|
|
8700
|
+
&:hover ${uilibGl.Icon} {
|
|
8701
|
+
color: ${({ theme: { palette } }) => palette.primaryDeep};
|
|
8702
|
+
}
|
|
8657
8703
|
`;
|
|
8658
|
-
const Link = styled.a `
|
|
8659
|
-
text-decoration: none;
|
|
8660
|
-
font-size: 0.75rem;
|
|
8661
|
-
color: ${({ theme: { palette } }) => palette.primary};
|
|
8704
|
+
const Link = styled.a `
|
|
8705
|
+
text-decoration: none;
|
|
8706
|
+
font-size: 0.75rem;
|
|
8707
|
+
color: ${({ theme: { palette } }) => palette.primary};
|
|
8662
8708
|
`;
|
|
8663
|
-
const LocalLinkBlank = styled(uilibGl.Blank) `
|
|
8664
|
-
min-width: 13.5rem;
|
|
8665
|
-
padding: 0.5rem 0.75rem 0;
|
|
8666
|
-
|
|
8667
|
-
${uilibGl.IconButtonButton} {
|
|
8668
|
-
font-size: 0.75rem;
|
|
8669
|
-
}
|
|
8709
|
+
const LocalLinkBlank = styled(uilibGl.Blank) `
|
|
8710
|
+
min-width: 13.5rem;
|
|
8711
|
+
padding: 0.5rem 0.75rem 0;
|
|
8712
|
+
|
|
8713
|
+
${uilibGl.IconButtonButton} {
|
|
8714
|
+
font-size: 0.75rem;
|
|
8715
|
+
}
|
|
8670
8716
|
`;
|
|
8671
8717
|
const LocalLinkButton = styled(uilibGl.IconButton).attrs(() => ({
|
|
8672
8718
|
kind: "link",
|
|
8673
|
-
})) `
|
|
8674
|
-
width: 1rem;
|
|
8675
|
-
height: 1rem;
|
|
8676
|
-
background-color: ${({ theme: { palette } }) => palette.primary};
|
|
8677
|
-
padding: 0;
|
|
8678
|
-
border-radius: 50%;
|
|
8679
|
-
|
|
8680
|
-
:hover {
|
|
8681
|
-
background-color: ${({ theme: { palette } }) => palette.primary};
|
|
8682
|
-
}
|
|
8683
|
-
|
|
8684
|
-
span[kind] {
|
|
8685
|
-
display: flex;
|
|
8686
|
-
justify-content: center;
|
|
8687
|
-
align-items: center;
|
|
8688
|
-
|
|
8689
|
-
:after {
|
|
8690
|
-
position: relative;
|
|
8691
|
-
font-size: 0.6rem;
|
|
8692
|
-
color: white;
|
|
8693
|
-
}
|
|
8694
|
-
}
|
|
8719
|
+
})) `
|
|
8720
|
+
width: 1rem;
|
|
8721
|
+
height: 1rem;
|
|
8722
|
+
background-color: ${({ theme: { palette } }) => palette.primary};
|
|
8723
|
+
padding: 0;
|
|
8724
|
+
border-radius: 50%;
|
|
8725
|
+
|
|
8726
|
+
:hover {
|
|
8727
|
+
background-color: ${({ theme: { palette } }) => palette.primary};
|
|
8728
|
+
}
|
|
8729
|
+
|
|
8730
|
+
span[kind] {
|
|
8731
|
+
display: flex;
|
|
8732
|
+
justify-content: center;
|
|
8733
|
+
align-items: center;
|
|
8734
|
+
|
|
8735
|
+
:after {
|
|
8736
|
+
position: relative;
|
|
8737
|
+
font-size: 0.6rem;
|
|
8738
|
+
color: white;
|
|
8739
|
+
}
|
|
8740
|
+
}
|
|
8695
8741
|
`;
|
|
8696
|
-
const LocalLinkCopy = styled(uilibGl.Flex) `
|
|
8697
|
-
justify-content: center;
|
|
8742
|
+
const LocalLinkCopy = styled(uilibGl.Flex) `
|
|
8743
|
+
justify-content: center;
|
|
8698
8744
|
`;
|
|
8699
8745
|
|
|
8700
8746
|
const LocalLink = React.memo(({ link, style }) => {
|
|
@@ -8723,104 +8769,104 @@ const ElementLink = React.memo(({ type, elementConfig }) => {
|
|
|
8723
8769
|
: jsxRuntime.jsx(LocalLink, { style: style, link: link });
|
|
8724
8770
|
});
|
|
8725
8771
|
|
|
8726
|
-
const MarkdownWrapper = styled.div `
|
|
8727
|
-
padding: 0;
|
|
8728
|
-
background: transparent;
|
|
8729
|
-
border-radius: 0.5rem;
|
|
8730
|
-
font-family: 'Nunito Sans', sans-serif;
|
|
8731
|
-
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
8732
|
-
|
|
8733
|
-
/* Paragraphs */
|
|
8734
|
-
p {
|
|
8735
|
-
font-size: 0.875rem;
|
|
8736
|
-
line-height: 1rem;
|
|
8737
|
-
letter-spacing: 0.0052rem;
|
|
8738
|
-
margin: 0 0 1rem 0;
|
|
8739
|
-
font-weight: 400;
|
|
8740
|
-
|
|
8741
|
-
&:last-child {
|
|
8742
|
-
margin-bottom: 0;
|
|
8743
|
-
}
|
|
8744
|
-
}
|
|
8745
|
-
|
|
8746
|
-
/* Headings */
|
|
8747
|
-
h1, h2, h3, h4, h5, h6 {
|
|
8748
|
-
margin: 0 0 0.75rem 0;
|
|
8749
|
-
font-weight: 300;
|
|
8750
|
-
}
|
|
8751
|
-
|
|
8752
|
-
h1 {
|
|
8753
|
-
font-size: 1.5rem;
|
|
8754
|
-
line-height: 1.75rem;
|
|
8755
|
-
}
|
|
8756
|
-
|
|
8757
|
-
h2 {
|
|
8758
|
-
font-size: 1.25rem;
|
|
8759
|
-
line-height: 1.5rem;
|
|
8760
|
-
}
|
|
8761
|
-
|
|
8762
|
-
h3 {
|
|
8763
|
-
font-size: 1rem;
|
|
8764
|
-
line-height: 1.25rem;
|
|
8765
|
-
}
|
|
8766
|
-
|
|
8767
|
-
/* Images */
|
|
8768
|
-
img {
|
|
8769
|
-
max-width: 100%;
|
|
8770
|
-
height: auto;
|
|
8771
|
-
border-radius: 0.5rem;
|
|
8772
|
-
object-fit: cover;
|
|
8773
|
-
margin: 0.75rem 0;
|
|
8774
|
-
}
|
|
8775
|
-
|
|
8776
|
-
/* Links */
|
|
8777
|
-
a {
|
|
8778
|
-
color: ${({ theme: { palette } }) => palette.primary};
|
|
8779
|
-
text-decoration: none;
|
|
8780
|
-
|
|
8781
|
-
&:hover {
|
|
8782
|
-
text-decoration: underline;
|
|
8783
|
-
}
|
|
8784
|
-
}
|
|
8785
|
-
|
|
8786
|
-
/* Lists */
|
|
8787
|
-
ul, ol {
|
|
8788
|
-
margin: 0 0 1rem 0;
|
|
8789
|
-
padding-left: 1.25rem;
|
|
8790
|
-
|
|
8791
|
-
li {
|
|
8792
|
-
font-size: 0.875rem;
|
|
8793
|
-
line-height: 1rem;
|
|
8794
|
-
margin-bottom: 0.5rem;
|
|
8795
|
-
}
|
|
8796
|
-
}
|
|
8797
|
-
|
|
8798
|
-
/* Code */
|
|
8799
|
-
code {
|
|
8800
|
-
background: ${({ theme: { palette } }) => palette.element};
|
|
8801
|
-
padding: 0.125rem 0.375rem;
|
|
8802
|
-
border-radius: 0.25rem;
|
|
8803
|
-
font-family: monospace;
|
|
8804
|
-
font-size: 0.8125rem;
|
|
8805
|
-
}
|
|
8806
|
-
|
|
8807
|
-
pre {
|
|
8808
|
-
background: ${({ theme: { palette } }) => palette.element};
|
|
8809
|
-
padding: 0.75rem;
|
|
8810
|
-
border-radius: 0.25rem;
|
|
8811
|
-
overflow-x: auto;
|
|
8812
|
-
margin: 0.75rem 0;
|
|
8813
|
-
|
|
8814
|
-
code {
|
|
8815
|
-
background: transparent;
|
|
8816
|
-
padding: 0;
|
|
8817
|
-
}
|
|
8818
|
-
}
|
|
8819
|
-
|
|
8820
|
-
/* Hide horizontal rules */
|
|
8821
|
-
hr {
|
|
8822
|
-
display: none;
|
|
8823
|
-
}
|
|
8772
|
+
const MarkdownWrapper = styled.div `
|
|
8773
|
+
padding: 0;
|
|
8774
|
+
background: transparent;
|
|
8775
|
+
border-radius: 0.5rem;
|
|
8776
|
+
font-family: 'Nunito Sans', sans-serif;
|
|
8777
|
+
color: ${({ theme: { palette } }) => palette.textPrimary};
|
|
8778
|
+
|
|
8779
|
+
/* Paragraphs */
|
|
8780
|
+
p {
|
|
8781
|
+
font-size: 0.875rem;
|
|
8782
|
+
line-height: 1rem;
|
|
8783
|
+
letter-spacing: 0.0052rem;
|
|
8784
|
+
margin: 0 0 1rem 0;
|
|
8785
|
+
font-weight: 400;
|
|
8786
|
+
|
|
8787
|
+
&:last-child {
|
|
8788
|
+
margin-bottom: 0;
|
|
8789
|
+
}
|
|
8790
|
+
}
|
|
8791
|
+
|
|
8792
|
+
/* Headings */
|
|
8793
|
+
h1, h2, h3, h4, h5, h6 {
|
|
8794
|
+
margin: 0 0 0.75rem 0;
|
|
8795
|
+
font-weight: 300;
|
|
8796
|
+
}
|
|
8797
|
+
|
|
8798
|
+
h1 {
|
|
8799
|
+
font-size: 1.5rem;
|
|
8800
|
+
line-height: 1.75rem;
|
|
8801
|
+
}
|
|
8802
|
+
|
|
8803
|
+
h2 {
|
|
8804
|
+
font-size: 1.25rem;
|
|
8805
|
+
line-height: 1.5rem;
|
|
8806
|
+
}
|
|
8807
|
+
|
|
8808
|
+
h3 {
|
|
8809
|
+
font-size: 1rem;
|
|
8810
|
+
line-height: 1.25rem;
|
|
8811
|
+
}
|
|
8812
|
+
|
|
8813
|
+
/* Images */
|
|
8814
|
+
img {
|
|
8815
|
+
max-width: 100%;
|
|
8816
|
+
height: auto;
|
|
8817
|
+
border-radius: 0.5rem;
|
|
8818
|
+
object-fit: cover;
|
|
8819
|
+
margin: 0.75rem 0;
|
|
8820
|
+
}
|
|
8821
|
+
|
|
8822
|
+
/* Links */
|
|
8823
|
+
a {
|
|
8824
|
+
color: ${({ theme: { palette } }) => palette.primary};
|
|
8825
|
+
text-decoration: none;
|
|
8826
|
+
|
|
8827
|
+
&:hover {
|
|
8828
|
+
text-decoration: underline;
|
|
8829
|
+
}
|
|
8830
|
+
}
|
|
8831
|
+
|
|
8832
|
+
/* Lists */
|
|
8833
|
+
ul, ol {
|
|
8834
|
+
margin: 0 0 1rem 0;
|
|
8835
|
+
padding-left: 1.25rem;
|
|
8836
|
+
|
|
8837
|
+
li {
|
|
8838
|
+
font-size: 0.875rem;
|
|
8839
|
+
line-height: 1rem;
|
|
8840
|
+
margin-bottom: 0.5rem;
|
|
8841
|
+
}
|
|
8842
|
+
}
|
|
8843
|
+
|
|
8844
|
+
/* Code */
|
|
8845
|
+
code {
|
|
8846
|
+
background: ${({ theme: { palette } }) => palette.element};
|
|
8847
|
+
padding: 0.125rem 0.375rem;
|
|
8848
|
+
border-radius: 0.25rem;
|
|
8849
|
+
font-family: monospace;
|
|
8850
|
+
font-size: 0.8125rem;
|
|
8851
|
+
}
|
|
8852
|
+
|
|
8853
|
+
pre {
|
|
8854
|
+
background: ${({ theme: { palette } }) => palette.element};
|
|
8855
|
+
padding: 0.75rem;
|
|
8856
|
+
border-radius: 0.25rem;
|
|
8857
|
+
overflow-x: auto;
|
|
8858
|
+
margin: 0.75rem 0;
|
|
8859
|
+
|
|
8860
|
+
code {
|
|
8861
|
+
background: transparent;
|
|
8862
|
+
padding: 0;
|
|
8863
|
+
}
|
|
8864
|
+
}
|
|
8865
|
+
|
|
8866
|
+
/* Hide horizontal rules */
|
|
8867
|
+
hr {
|
|
8868
|
+
display: none;
|
|
8869
|
+
}
|
|
8824
8870
|
`;
|
|
8825
8871
|
|
|
8826
8872
|
const sanitizeSchema = {
|
|
@@ -8863,9 +8909,9 @@ const ElementMarkdown = React.memo(({ elementConfig, type }) => {
|
|
|
8863
8909
|
return (jsxRuntime.jsxs(MarkdownWrapper, { children: [jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeRaw, rehypeSanitize], children: markdownString }), jsxRuntime.jsx(uilibGl.LegendToggler, { toggled: true, onClick: () => setExpanded(false), children: t("hide", { ns: "dashboard", defaultValue: "Свернуть" }) })] }));
|
|
8864
8910
|
});
|
|
8865
8911
|
|
|
8866
|
-
const SmallPreviewContainer = styled.div `
|
|
8867
|
-
width: 100%;
|
|
8868
|
-
height: 100%;
|
|
8912
|
+
const SmallPreviewContainer = styled.div `
|
|
8913
|
+
width: 100%;
|
|
8914
|
+
height: 100%;
|
|
8869
8915
|
`;
|
|
8870
8916
|
|
|
8871
8917
|
const ElementSlideshow = ({ elementConfig, type, renderElement }) => {
|
|
@@ -8903,18 +8949,18 @@ const ElementSvg = React.memo(({ type, elementConfig, ...rest }) => {
|
|
|
8903
8949
|
return (jsxRuntime.jsx(SvgImage, { url: getSvgUrl({ elementConfig, layerInfo, attributes }), width: width, height: height, fontColor: fontColor }));
|
|
8904
8950
|
});
|
|
8905
8951
|
|
|
8906
|
-
const TooltipIcon = styled(uilibGl.Icon) `
|
|
8907
|
-
&&& {
|
|
8908
|
-
:after {
|
|
8909
|
-
font-size: 0.75rem;
|
|
8910
|
-
color: ${({ theme: { palette } }) => palette.iconDisabled};
|
|
8911
|
-
transition: color ${uilibGl.transition.hover};
|
|
8912
|
-
}
|
|
8913
|
-
|
|
8914
|
-
:hover:after {
|
|
8915
|
-
color: ${({ theme: { palette } }) => palette.icon};
|
|
8916
|
-
}
|
|
8917
|
-
}
|
|
8952
|
+
const TooltipIcon = styled(uilibGl.Icon) `
|
|
8953
|
+
&&& {
|
|
8954
|
+
:after {
|
|
8955
|
+
font-size: 0.75rem;
|
|
8956
|
+
color: ${({ theme: { palette } }) => palette.iconDisabled};
|
|
8957
|
+
transition: color ${uilibGl.transition.hover};
|
|
8958
|
+
}
|
|
8959
|
+
|
|
8960
|
+
:hover:after {
|
|
8961
|
+
color: ${({ theme: { palette } }) => palette.icon};
|
|
8962
|
+
}
|
|
8963
|
+
}
|
|
8918
8964
|
`;
|
|
8919
8965
|
|
|
8920
8966
|
const ElementTooltip = React.memo(({ type, elementConfig }) => {
|
|
@@ -8926,76 +8972,76 @@ const ElementTooltip = React.memo(({ type, elementConfig }) => {
|
|
|
8926
8972
|
return text ? (jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: text, children: ref => jsxRuntime.jsx(TooltipIcon, { kind: icon || "question", ref: ref }) })) : null;
|
|
8927
8973
|
});
|
|
8928
8974
|
|
|
8929
|
-
const SlideshowHeaderWrapper = styled.div `
|
|
8930
|
-
padding: ${({ withPadding }) => (withPadding ? "0.5rem 0.5rem 0" : 0)};
|
|
8931
|
-
|
|
8932
|
-
${Header} {
|
|
8933
|
-
align-items: flex-start;
|
|
8934
|
-
width: calc(100% + 2rem);
|
|
8935
|
-
height: ${({ big }) => (big ? "15.5rem" : "auto")};
|
|
8936
|
-
padding: 1.5rem;
|
|
8937
|
-
margin: -1rem -1rem 0 -1rem;
|
|
8938
|
-
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
8939
|
-
|
|
8940
|
-
${SmallPreviewCounter} {
|
|
8941
|
-
bottom: ${({ withPadding }) => (withPadding ? 0.625 : 1.125)}rem;
|
|
8942
|
-
}
|
|
8943
|
-
|
|
8944
|
-
:before,
|
|
8945
|
-
:after {
|
|
8946
|
-
content: "";
|
|
8947
|
-
z-index: 2;
|
|
8948
|
-
position: absolute;
|
|
8949
|
-
top: 0;
|
|
8950
|
-
left: 0;
|
|
8951
|
-
width: 100%;
|
|
8952
|
-
}
|
|
8953
|
-
|
|
8954
|
-
:before {
|
|
8955
|
-
height: 100%;
|
|
8956
|
-
background: rgba(32, 46, 53, 0.25);
|
|
8957
|
-
}
|
|
8958
|
-
|
|
8959
|
-
:after {
|
|
8960
|
-
height: 4.5rem;
|
|
8961
|
-
background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
|
|
8962
|
-
}
|
|
8963
|
-
|
|
8964
|
-
:hover {
|
|
8965
|
-
${SmallPreviewControl}, ${SmallPreviewCounter} {
|
|
8966
|
-
opacity: 1;
|
|
8967
|
-
}
|
|
8968
|
-
}
|
|
8969
|
-
}
|
|
8975
|
+
const SlideshowHeaderWrapper = styled.div `
|
|
8976
|
+
padding: ${({ withPadding }) => (withPadding ? "0.5rem 0.5rem 0" : 0)};
|
|
8977
|
+
|
|
8978
|
+
${Header} {
|
|
8979
|
+
align-items: flex-start;
|
|
8980
|
+
width: calc(100% + 2rem);
|
|
8981
|
+
height: ${({ big }) => (big ? "15.5rem" : "auto")};
|
|
8982
|
+
padding: 1.5rem;
|
|
8983
|
+
margin: -1rem -1rem 0 -1rem;
|
|
8984
|
+
border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
|
|
8985
|
+
|
|
8986
|
+
${SmallPreviewCounter} {
|
|
8987
|
+
bottom: ${({ withPadding }) => (withPadding ? 0.625 : 1.125)}rem;
|
|
8988
|
+
}
|
|
8989
|
+
|
|
8990
|
+
:before,
|
|
8991
|
+
:after {
|
|
8992
|
+
content: "";
|
|
8993
|
+
z-index: 2;
|
|
8994
|
+
position: absolute;
|
|
8995
|
+
top: 0;
|
|
8996
|
+
left: 0;
|
|
8997
|
+
width: 100%;
|
|
8998
|
+
}
|
|
8999
|
+
|
|
9000
|
+
:before {
|
|
9001
|
+
height: 100%;
|
|
9002
|
+
background: rgba(32, 46, 53, 0.25);
|
|
9003
|
+
}
|
|
9004
|
+
|
|
9005
|
+
:after {
|
|
9006
|
+
height: 4.5rem;
|
|
9007
|
+
background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
|
|
9008
|
+
}
|
|
9009
|
+
|
|
9010
|
+
:hover {
|
|
9011
|
+
${SmallPreviewControl}, ${SmallPreviewCounter} {
|
|
9012
|
+
opacity: 1;
|
|
9013
|
+
}
|
|
9014
|
+
}
|
|
9015
|
+
}
|
|
8970
9016
|
`;
|
|
8971
|
-
const ImageContainerBg = styled.div `
|
|
8972
|
-
position: absolute;
|
|
8973
|
-
top: 0;
|
|
8974
|
-
bottom: 0;
|
|
8975
|
-
left: 0;
|
|
8976
|
-
right: 0;
|
|
8977
|
-
|
|
8978
|
-
img {
|
|
8979
|
-
width: 100%;
|
|
8980
|
-
height: 100%;
|
|
8981
|
-
object-position: center;
|
|
8982
|
-
object-fit: cover;
|
|
8983
|
-
}
|
|
9017
|
+
const ImageContainerBg = styled.div `
|
|
9018
|
+
position: absolute;
|
|
9019
|
+
top: 0;
|
|
9020
|
+
bottom: 0;
|
|
9021
|
+
left: 0;
|
|
9022
|
+
right: 0;
|
|
9023
|
+
|
|
9024
|
+
img {
|
|
9025
|
+
width: 100%;
|
|
9026
|
+
height: 100%;
|
|
9027
|
+
object-position: center;
|
|
9028
|
+
object-fit: cover;
|
|
9029
|
+
}
|
|
8984
9030
|
`;
|
|
8985
|
-
const HeaderSlideshow = styled.div `
|
|
8986
|
-
position: absolute;
|
|
8987
|
-
top: 0;
|
|
8988
|
-
bottom: ${({ height }) => (height ? `${height}px` : 0)};
|
|
8989
|
-
left: 0;
|
|
8990
|
-
right: 0;
|
|
8991
|
-
|
|
8992
|
-
img {
|
|
8993
|
-
width: 100%;
|
|
8994
|
-
height: 100%;
|
|
8995
|
-
min-height: inherit;
|
|
8996
|
-
object-position: center;
|
|
8997
|
-
object-fit: cover;
|
|
8998
|
-
}
|
|
9031
|
+
const HeaderSlideshow = styled.div `
|
|
9032
|
+
position: absolute;
|
|
9033
|
+
top: 0;
|
|
9034
|
+
bottom: ${({ height }) => (height ? `${height}px` : 0)};
|
|
9035
|
+
left: 0;
|
|
9036
|
+
right: 0;
|
|
9037
|
+
|
|
9038
|
+
img {
|
|
9039
|
+
width: 100%;
|
|
9040
|
+
height: 100%;
|
|
9041
|
+
min-height: inherit;
|
|
9042
|
+
object-position: center;
|
|
9043
|
+
object-fit: cover;
|
|
9044
|
+
}
|
|
8999
9045
|
`;
|
|
9000
9046
|
|
|
9001
9047
|
const FeatureCardSlideshowHeader = ({ isRow }) => {
|
|
@@ -9139,40 +9185,40 @@ const getDefaultConfig = ({ title, defaultTitle, items, baseMapName, position, r
|
|
|
9139
9185
|
return dashboardConfiguration;
|
|
9140
9186
|
};
|
|
9141
9187
|
|
|
9142
|
-
const UploaderContainer = styled(Container) `
|
|
9143
|
-
${uilibGl.UploaderItemArea} {
|
|
9144
|
-
overflow: visible;
|
|
9145
|
-
padding-top: 1rem;
|
|
9146
|
-
padding-bottom: 1rem;
|
|
9147
|
-
}
|
|
9148
|
-
|
|
9149
|
-
${uilibGl.UploaderTitleWrapper} {
|
|
9150
|
-
top: 0;
|
|
9151
|
-
padding-top: 0;
|
|
9152
|
-
border: 0;
|
|
9153
|
-
}
|
|
9188
|
+
const UploaderContainer = styled(Container) `
|
|
9189
|
+
${uilibGl.UploaderItemArea} {
|
|
9190
|
+
overflow: visible;
|
|
9191
|
+
padding-top: 1rem;
|
|
9192
|
+
padding-bottom: 1rem;
|
|
9193
|
+
}
|
|
9194
|
+
|
|
9195
|
+
${uilibGl.UploaderTitleWrapper} {
|
|
9196
|
+
top: 0;
|
|
9197
|
+
padding-top: 0;
|
|
9198
|
+
border: 0;
|
|
9199
|
+
}
|
|
9154
9200
|
`;
|
|
9155
9201
|
|
|
9156
|
-
const UploaderTitle = styled(uilibGl.Flex) `
|
|
9157
|
-
flex-direction: column;
|
|
9158
|
-
align-items: center;
|
|
9159
|
-
width: 11rem;
|
|
9160
|
-
margin: 0 auto;
|
|
9161
|
-
text-align: center;
|
|
9162
|
-
font-size: 0.625rem;
|
|
9163
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
9164
|
-
|
|
9165
|
-
span[kind] {
|
|
9166
|
-
width: 1.5rem;
|
|
9167
|
-
height: 1.5rem;
|
|
9168
|
-
margin-bottom: 0.75rem;
|
|
9169
|
-
|
|
9170
|
-
:after {
|
|
9171
|
-
font-size: 1.5rem;
|
|
9172
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
9173
|
-
opacity: 0.12;
|
|
9174
|
-
}
|
|
9175
|
-
}
|
|
9202
|
+
const UploaderTitle = styled(uilibGl.Flex) `
|
|
9203
|
+
flex-direction: column;
|
|
9204
|
+
align-items: center;
|
|
9205
|
+
width: 11rem;
|
|
9206
|
+
margin: 0 auto;
|
|
9207
|
+
text-align: center;
|
|
9208
|
+
font-size: 0.625rem;
|
|
9209
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
9210
|
+
|
|
9211
|
+
span[kind] {
|
|
9212
|
+
width: 1.5rem;
|
|
9213
|
+
height: 1.5rem;
|
|
9214
|
+
margin-bottom: 0.75rem;
|
|
9215
|
+
|
|
9216
|
+
:after {
|
|
9217
|
+
font-size: 1.5rem;
|
|
9218
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
9219
|
+
opacity: 0.12;
|
|
9220
|
+
}
|
|
9221
|
+
}
|
|
9176
9222
|
`;
|
|
9177
9223
|
|
|
9178
9224
|
const DEFAULT_FILE_EXTENSIONS = ".txt,.csv,.py";
|
|
@@ -9220,20 +9266,20 @@ const ElementUploader = React.memo(({ elementConfig, type }) => {
|
|
|
9220
9266
|
return (jsxRuntime.jsx(UploaderContainer, { id: id, style: style, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(uilibGl.Uploader, { currentRef: refInput, title: renderTitle, accept: fileExtensions, width: "100%", fileItems: files, isMultiple: multiSelect, onUpload: onUpload, onDelete: onDelete }) }) }));
|
|
9221
9267
|
});
|
|
9222
9268
|
|
|
9223
|
-
const ModalIcon = styled(uilibGl.Icon) `
|
|
9224
|
-
&&& {
|
|
9225
|
-
cursor: pointer;
|
|
9226
|
-
|
|
9227
|
-
:after {
|
|
9228
|
-
font-size: 0.75rem;
|
|
9229
|
-
color: ${({ theme: { palette } }) => palette.iconDisabled};
|
|
9230
|
-
transition: color ${uilibGl.transition.hover};
|
|
9231
|
-
}
|
|
9232
|
-
|
|
9233
|
-
:hover:after {
|
|
9234
|
-
color: ${({ theme: { palette } }) => palette.icon};
|
|
9235
|
-
}
|
|
9236
|
-
}
|
|
9269
|
+
const ModalIcon = styled(uilibGl.Icon) `
|
|
9270
|
+
&&& {
|
|
9271
|
+
cursor: pointer;
|
|
9272
|
+
|
|
9273
|
+
:after {
|
|
9274
|
+
font-size: 0.75rem;
|
|
9275
|
+
color: ${({ theme: { palette } }) => palette.iconDisabled};
|
|
9276
|
+
transition: color ${uilibGl.transition.hover};
|
|
9277
|
+
}
|
|
9278
|
+
|
|
9279
|
+
:hover:after {
|
|
9280
|
+
color: ${({ theme: { palette } }) => palette.icon};
|
|
9281
|
+
}
|
|
9282
|
+
}
|
|
9237
9283
|
`;
|
|
9238
9284
|
|
|
9239
9285
|
const isEmptyElementValue = (value) => value === "" || value === null || value === undefined;
|
|
@@ -9981,64 +10027,64 @@ const getJustifyContent = (align) => {
|
|
|
9981
10027
|
return "flex-start";
|
|
9982
10028
|
}
|
|
9983
10029
|
};
|
|
9984
|
-
const ChipsContainer = styled(uilibGl.Flex) `
|
|
9985
|
-
flex-wrap: wrap;
|
|
9986
|
-
gap: 0.25rem;
|
|
9987
|
-
background: transparent;
|
|
9988
|
-
justify-content: ${({ $align }) => getJustifyContent($align)};
|
|
10030
|
+
const ChipsContainer = styled(uilibGl.Flex) `
|
|
10031
|
+
flex-wrap: wrap;
|
|
10032
|
+
gap: 0.25rem;
|
|
10033
|
+
background: transparent;
|
|
10034
|
+
justify-content: ${({ $align }) => getJustifyContent($align)};
|
|
9989
10035
|
`;
|
|
9990
10036
|
|
|
9991
|
-
const FilterChip = styled.div `
|
|
9992
|
-
display: inline-flex;
|
|
9993
|
-
align-items: center;
|
|
9994
|
-
gap: 0.25rem;
|
|
9995
|
-
padding: 0.3125rem 0.5rem;
|
|
9996
|
-
height: 1.5rem;
|
|
9997
|
-
border-radius: 0.25rem;
|
|
10037
|
+
const FilterChip = styled.div `
|
|
10038
|
+
display: inline-flex;
|
|
10039
|
+
align-items: center;
|
|
10040
|
+
gap: 0.25rem;
|
|
10041
|
+
padding: 0.3125rem 0.5rem;
|
|
10042
|
+
height: 1.5rem;
|
|
10043
|
+
border-radius: 0.25rem;
|
|
9998
10044
|
background-color: ${({ $isActive, $bgColor, theme }) => $bgColor
|
|
9999
10045
|
? $bgColor
|
|
10000
10046
|
: $isActive
|
|
10001
10047
|
? theme.palette?.primary
|
|
10002
|
-
: theme.palette?.elementLight};
|
|
10048
|
+
: theme.palette?.elementLight};
|
|
10003
10049
|
color: ${({ $isActive, $textColor, theme }) => $textColor
|
|
10004
10050
|
? $textColor
|
|
10005
10051
|
: $isActive
|
|
10006
10052
|
? theme.palette?.textContrast
|
|
10007
|
-
: theme.palette?.textSecondary};
|
|
10008
|
-
cursor: pointer;
|
|
10009
|
-
font-size: 0.75rem;
|
|
10010
|
-
line-height: 0.875rem;
|
|
10011
|
-
white-space: nowrap;
|
|
10012
|
-
flex-shrink: 0;
|
|
10013
|
-
transition: all 0.2s ease-in-out;
|
|
10014
|
-
margin: 0 0.25rem 0 0;
|
|
10015
|
-
box-sizing: border-box;
|
|
10016
|
-
|
|
10017
|
-
&:hover {
|
|
10053
|
+
: theme.palette?.textSecondary};
|
|
10054
|
+
cursor: pointer;
|
|
10055
|
+
font-size: 0.75rem;
|
|
10056
|
+
line-height: 0.875rem;
|
|
10057
|
+
white-space: nowrap;
|
|
10058
|
+
flex-shrink: 0;
|
|
10059
|
+
transition: all 0.2s ease-in-out;
|
|
10060
|
+
margin: 0 0.25rem 0 0;
|
|
10061
|
+
box-sizing: border-box;
|
|
10062
|
+
|
|
10063
|
+
&:hover {
|
|
10018
10064
|
background-color: ${({ $isActive, $bgColor, theme }) => $isActive
|
|
10019
10065
|
? $bgColor || 'inherit'
|
|
10020
|
-
: $bgColor || theme.palette?.elementDark};
|
|
10021
|
-
}
|
|
10066
|
+
: $bgColor || theme.palette?.elementDark};
|
|
10067
|
+
}
|
|
10022
10068
|
`;
|
|
10023
|
-
const ChipIconWrapper = styled.span `
|
|
10024
|
-
display: inline-flex;
|
|
10025
|
-
align-items: center;
|
|
10026
|
-
justify-content: center;
|
|
10027
|
-
width: 0.875rem;
|
|
10028
|
-
height: 0.875rem;
|
|
10029
|
-
flex-shrink: 0;
|
|
10030
|
-
|
|
10031
|
-
svg, img {
|
|
10032
|
-
width: 100%;
|
|
10033
|
-
height: 100%;
|
|
10034
|
-
display: block;
|
|
10035
|
-
}
|
|
10069
|
+
const ChipIconWrapper = styled.span `
|
|
10070
|
+
display: inline-flex;
|
|
10071
|
+
align-items: center;
|
|
10072
|
+
justify-content: center;
|
|
10073
|
+
width: 0.875rem;
|
|
10074
|
+
height: 0.875rem;
|
|
10075
|
+
flex-shrink: 0;
|
|
10076
|
+
|
|
10077
|
+
svg, img {
|
|
10078
|
+
width: 100%;
|
|
10079
|
+
height: 100%;
|
|
10080
|
+
display: block;
|
|
10081
|
+
}
|
|
10036
10082
|
`;
|
|
10037
|
-
const ChipText = styled.span `
|
|
10038
|
-
overflow: hidden;
|
|
10039
|
-
text-overflow: ellipsis;
|
|
10040
|
-
white-space: nowrap;
|
|
10041
|
-
${({ $maxTextWidth }) => $maxTextWidth && `max-width: ${$maxTextWidth / 16}rem;`}
|
|
10083
|
+
const ChipText = styled.span `
|
|
10084
|
+
overflow: hidden;
|
|
10085
|
+
text-overflow: ellipsis;
|
|
10086
|
+
white-space: nowrap;
|
|
10087
|
+
${({ $maxTextWidth }) => $maxTextWidth && `max-width: ${$maxTextWidth / 16}rem;`}
|
|
10042
10088
|
`;
|
|
10043
10089
|
|
|
10044
10090
|
const CustomChip = ({ text, icon, color, primary, secondary, error, disabled, isActive, maxTextWidth, fontColor: customFontColor, backgroundColor: customBackgroundColor, ...props }) => {
|
|
@@ -10783,7 +10829,8 @@ const useDashboardHeader = () => {
|
|
|
10783
10829
|
/* eslint-disable max-lines */
|
|
10784
10830
|
const useDataSources = ({ type: widgetType, config, attributes, filters, layerParams, eqlParameters, }) => {
|
|
10785
10831
|
const { ewktGeometry, api } = useGlobalContext();
|
|
10786
|
-
const { dataSources } = useWidgetContext(widgetType);
|
|
10832
|
+
const { dataSources, layerInfo } = useWidgetContext(widgetType);
|
|
10833
|
+
const { dataSources: projectDataSources } = useWidgetContext(exports.WidgetType.Dashboard);
|
|
10787
10834
|
const { filters: configFilters, dataSources: configDataSources } = config || {};
|
|
10788
10835
|
const prevFilters = React.useRef({});
|
|
10789
10836
|
const getDataSourcePromises = React.useCallback(async ({ ds, query, parameters, layerName, limit, condition, url, resourceId, fileName, methodName, }, newFilters, offset = 0) => {
|
|
@@ -10810,10 +10857,13 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
|
|
|
10810
10857
|
}
|
|
10811
10858
|
const newParams = applyQueryFilters({
|
|
10812
10859
|
parameters,
|
|
10813
|
-
dataSources,
|
|
10814
10860
|
selectedFilters,
|
|
10861
|
+
attributes,
|
|
10815
10862
|
filters: configFilters,
|
|
10816
10863
|
geometry: ewktGeometry,
|
|
10864
|
+
layerInfo,
|
|
10865
|
+
dataSources,
|
|
10866
|
+
projectDataSources,
|
|
10817
10867
|
});
|
|
10818
10868
|
if (url) {
|
|
10819
10869
|
try {
|
|
@@ -11538,8 +11588,8 @@ const Dashboard = React.memo(({ type = exports.WidgetType.Dashboard, noBorders }
|
|
|
11538
11588
|
return (jsxRuntime.jsx(PagesContainer, { type: type, noBorders: noBorders }));
|
|
11539
11589
|
});
|
|
11540
11590
|
|
|
11541
|
-
const CardCheckbox = styled(uilibGl.Checkbox) `
|
|
11542
|
-
padding-left: 0.5rem;
|
|
11591
|
+
const CardCheckbox = styled(uilibGl.Checkbox) `
|
|
11592
|
+
padding-left: 0.5rem;
|
|
11543
11593
|
`;
|
|
11544
11594
|
|
|
11545
11595
|
const DashboardCheckbox = ({ title, checked, onChange, }) => {
|
|
@@ -11614,15 +11664,15 @@ const FeatureCardTitle = ({ title, description }) => {
|
|
|
11614
11664
|
return (jsxRuntime.jsxs(HeaderTitleContainer, { children: [jsxRuntime.jsx(FeatureTitleContainer, { children: jsxRuntime.jsx(uilibGl.FlexSpan, { children: resultTitle }) }), jsxRuntime.jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
|
|
11615
11665
|
};
|
|
11616
11666
|
|
|
11617
|
-
const HiddenFilters = styled(uilibGl.Flex) `
|
|
11618
|
-
flex-wrap: wrap;
|
|
11619
|
-
margin-top: -1.25rem;
|
|
11620
|
-
|
|
11621
|
-
${DashboardChip$1} {
|
|
11622
|
-
height: 1.5rem;
|
|
11623
|
-
margin: 0 0.25rem 0.25rem 0;
|
|
11624
|
-
padding: 0 0 0 0.5rem;
|
|
11625
|
-
}
|
|
11667
|
+
const HiddenFilters = styled(uilibGl.Flex) `
|
|
11668
|
+
flex-wrap: wrap;
|
|
11669
|
+
margin-top: -1.25rem;
|
|
11670
|
+
|
|
11671
|
+
${DashboardChip$1} {
|
|
11672
|
+
height: 1.5rem;
|
|
11673
|
+
margin: 0 0.25rem 0.25rem 0;
|
|
11674
|
+
padding: 0 0 0 0.5rem;
|
|
11675
|
+
}
|
|
11626
11676
|
`;
|
|
11627
11677
|
|
|
11628
11678
|
function spliceValue(filterValue, splicingValue) {
|
|
@@ -11821,24 +11871,24 @@ const LogTerminal = ({ log, terminalOptions, className, styles }) => {
|
|
|
11821
11871
|
return jsxRuntime.jsx(TerminalWrapper, { ref: terminalRef, className: className, style: styles });
|
|
11822
11872
|
};
|
|
11823
11873
|
|
|
11824
|
-
const PageNavigator = styled(uilibGl.Flex) `
|
|
11825
|
-
margin-right: -0.5rem;
|
|
11826
|
-
align-items: center;
|
|
11827
|
-
|
|
11828
|
-
button {
|
|
11829
|
-
width: auto;
|
|
11830
|
-
height: 2rem;
|
|
11831
|
-
padding: 0 0.5rem;
|
|
11832
|
-
|
|
11833
|
-
span[kind]:after {
|
|
11834
|
-
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
11835
|
-
transition: color ${uilibGl.transition.hover};
|
|
11836
|
-
}
|
|
11837
|
-
|
|
11838
|
-
:hover span[kind]:after {
|
|
11839
|
-
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
11840
|
-
}
|
|
11841
|
-
}
|
|
11874
|
+
const PageNavigator = styled(uilibGl.Flex) `
|
|
11875
|
+
margin-right: -0.5rem;
|
|
11876
|
+
align-items: center;
|
|
11877
|
+
|
|
11878
|
+
button {
|
|
11879
|
+
width: auto;
|
|
11880
|
+
height: 2rem;
|
|
11881
|
+
padding: 0 0.5rem;
|
|
11882
|
+
|
|
11883
|
+
span[kind]:after {
|
|
11884
|
+
color: ${({ theme: { palette } }) => palette.textDisabled};
|
|
11885
|
+
transition: color ${uilibGl.transition.hover};
|
|
11886
|
+
}
|
|
11887
|
+
|
|
11888
|
+
:hover span[kind]:after {
|
|
11889
|
+
color: ${({ theme: { palette } }) => palette.textSecondary};
|
|
11890
|
+
}
|
|
11891
|
+
}
|
|
11842
11892
|
`;
|
|
11843
11893
|
|
|
11844
11894
|
const Pagination = React.memo(({ type = exports.WidgetType.Dashboard }) => {
|
|
@@ -11847,34 +11897,34 @@ const Pagination = React.memo(({ type = exports.WidgetType.Dashboard }) => {
|
|
|
11847
11897
|
return (jsxRuntime.jsxs(PageNavigator, { children: [jsxRuntime.jsx(uilibGl.IconButton, { kind: "prev", onClick: () => prevPage(pages.length) }), jsxRuntime.jsx(uilibGl.IconButton, { kind: "next", onClick: () => nextPage(pages.length) })] }));
|
|
11848
11898
|
});
|
|
11849
11899
|
|
|
11850
|
-
const StyledSvgWidthMixin = styled.css `
|
|
11851
|
-
&&& {
|
|
11852
|
-
svg {
|
|
11853
|
-
width: ${({ $width }) => $width}px;
|
|
11854
|
-
}
|
|
11855
|
-
}
|
|
11900
|
+
const StyledSvgWidthMixin = styled.css `
|
|
11901
|
+
&&& {
|
|
11902
|
+
svg {
|
|
11903
|
+
width: ${({ $width }) => $width}px;
|
|
11904
|
+
}
|
|
11905
|
+
}
|
|
11856
11906
|
`;
|
|
11857
|
-
const StyledSvgHeightMixin = styled.css `
|
|
11858
|
-
&&& {
|
|
11859
|
-
svg {
|
|
11860
|
-
height: ${({ $height }) => $height}px;
|
|
11861
|
-
}
|
|
11862
|
-
}
|
|
11907
|
+
const StyledSvgHeightMixin = styled.css `
|
|
11908
|
+
&&& {
|
|
11909
|
+
svg {
|
|
11910
|
+
height: ${({ $height }) => $height}px;
|
|
11911
|
+
}
|
|
11912
|
+
}
|
|
11863
11913
|
`;
|
|
11864
|
-
const StyledSvgColorMixin = styled.css `
|
|
11865
|
-
svg {
|
|
11866
|
-
path,
|
|
11867
|
-
line,
|
|
11868
|
-
circle {
|
|
11869
|
-
fill: ${({ $fontColor }) => $fontColor} !important;
|
|
11870
|
-
}
|
|
11871
|
-
}
|
|
11914
|
+
const StyledSvgColorMixin = styled.css `
|
|
11915
|
+
svg {
|
|
11916
|
+
path,
|
|
11917
|
+
line,
|
|
11918
|
+
circle {
|
|
11919
|
+
fill: ${({ $fontColor }) => $fontColor} !important;
|
|
11920
|
+
}
|
|
11921
|
+
}
|
|
11872
11922
|
`;
|
|
11873
|
-
const StyledSvg = styled(uilibGl.Flex) `
|
|
11874
|
-
align-items: center;
|
|
11875
|
-
${({ $width }) => !!$width && StyledSvgWidthMixin};
|
|
11876
|
-
${({ $height }) => !!$height && StyledSvgHeightMixin};
|
|
11877
|
-
${({ $fontColor }) => !!$fontColor && StyledSvgColorMixin};
|
|
11923
|
+
const StyledSvg = styled(uilibGl.Flex) `
|
|
11924
|
+
align-items: center;
|
|
11925
|
+
${({ $width }) => !!$width && StyledSvgWidthMixin};
|
|
11926
|
+
${({ $height }) => !!$height && StyledSvgHeightMixin};
|
|
11927
|
+
${({ $fontColor }) => !!$fontColor && StyledSvgColorMixin};
|
|
11878
11928
|
`;
|
|
11879
11929
|
|
|
11880
11930
|
const SvgImage = React.memo(({ url, width, height, fontColor }) => {
|
|
@@ -12178,28 +12228,28 @@ const Layer = ({ layer, layerType, visible, beforeId, tileUrl, getLayerTempStyle
|
|
|
12178
12228
|
return (jsxRuntime.jsx(VectorLayer, { layer: layer, tileUrl: tileUrl, visible: visible, beforeId: beforeId, getLayerTempStyle: getLayerTempStyle, filterVersion: filterVersion }));
|
|
12179
12229
|
};
|
|
12180
12230
|
|
|
12181
|
-
const MapWrapper = styled.div `
|
|
12182
|
-
position: relative;
|
|
12183
|
-
width: 100%;
|
|
12184
|
-
height: 100%;
|
|
12185
|
-
box-sizing: border-box;
|
|
12186
|
-
z-index: ${({ $zIndex }) => $zIndex ?? 1};
|
|
12187
|
-
|
|
12188
|
-
.mapbox-gl-draw_trash {
|
|
12189
|
-
display: none;
|
|
12190
|
-
}
|
|
12191
|
-
|
|
12192
|
-
.mapboxgl-ctrl-logo {
|
|
12193
|
-
display: none;
|
|
12194
|
-
}
|
|
12195
|
-
|
|
12196
|
-
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
|
|
12197
|
-
display: none;
|
|
12198
|
-
}
|
|
12199
|
-
|
|
12200
|
-
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
|
|
12201
|
-
width: 350px;
|
|
12202
|
-
}
|
|
12231
|
+
const MapWrapper = styled.div `
|
|
12232
|
+
position: relative;
|
|
12233
|
+
width: 100%;
|
|
12234
|
+
height: 100%;
|
|
12235
|
+
box-sizing: border-box;
|
|
12236
|
+
z-index: ${({ $zIndex }) => $zIndex ?? 1};
|
|
12237
|
+
|
|
12238
|
+
.mapbox-gl-draw_trash {
|
|
12239
|
+
display: none;
|
|
12240
|
+
}
|
|
12241
|
+
|
|
12242
|
+
.mapboxgl-ctrl-logo {
|
|
12243
|
+
display: none;
|
|
12244
|
+
}
|
|
12245
|
+
|
|
12246
|
+
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
|
|
12247
|
+
display: none;
|
|
12248
|
+
}
|
|
12249
|
+
|
|
12250
|
+
.mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
|
|
12251
|
+
width: 350px;
|
|
12252
|
+
}
|
|
12203
12253
|
`;
|
|
12204
12254
|
|
|
12205
12255
|
const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...rest }) => {
|
|
@@ -12333,6 +12383,7 @@ exports.NO_CONTENT_VALUE = NO_CONTENT_VALUE;
|
|
|
12333
12383
|
exports.NUMERIC_ATTRIBUTE_TYPES = NUMERIC_ATTRIBUTE_TYPES;
|
|
12334
12384
|
exports.NoLiveSnapshotContainer = NoLiveSnapshotContainer;
|
|
12335
12385
|
exports.OneColumnContainer = OneColumnContainer;
|
|
12386
|
+
exports.PROVIDER_PREFIX = PROVIDER_PREFIX;
|
|
12336
12387
|
exports.PageNavigator = PageNavigator;
|
|
12337
12388
|
exports.PageTitle = PageTitle;
|
|
12338
12389
|
exports.PageTitleContainer = PageTitleContainer;
|