@evergis/react 3.1.119 → 3.1.120-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/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) {
@@ -3446,42 +3446,42 @@ const DEFAULT_ID_ATTRIBUTE_NAME = "gid";
3446
3446
  const DEFAULT_DROPDOWN_WIDTH = 312;
3447
3447
  const DEFAULT_FILTER_PADDING = 12;
3448
3448
 
3449
- const StackBarContainer = styled(uilibGl.Flex) `
3450
- flex-wrap: nowrap;
3451
- width: 100%;
3452
- `;
3453
- const StackBarHeader = styled(uilibGl.Flex) `
3454
- justify-content: space-between;
3455
- margin-bottom: 0.375rem;
3456
- font-size: 0.75rem;
3457
- `;
3458
- const StackBarSection = styled.div `
3459
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
3460
- width: ${({ $width }) => $width}%;
3461
- height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
3462
- margin: 0 0.5px;
3463
- background-color: ${({ $color }) => $color};
3464
- opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
3465
- transition: opacity ${uilibGl.transition.release};
3466
-
3467
- :first-child {
3468
- border-top-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3469
- border-bottom-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3470
- }
3471
-
3472
- :last-child {
3473
- border-top-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3474
- border-bottom-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3475
- }
3449
+ const StackBarContainer = styled(uilibGl.Flex) `
3450
+ flex-wrap: nowrap;
3451
+ width: 100%;
3452
+ `;
3453
+ const StackBarHeader = styled(uilibGl.Flex) `
3454
+ justify-content: space-between;
3455
+ margin-bottom: 0.375rem;
3456
+ font-size: 0.75rem;
3457
+ `;
3458
+ const StackBarSection = styled.div `
3459
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
3460
+ width: ${({ $width }) => $width}%;
3461
+ height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
3462
+ margin: 0 0.5px;
3463
+ background-color: ${({ $color }) => $color};
3464
+ opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
3465
+ transition: opacity ${uilibGl.transition.release};
3466
+
3467
+ :first-child {
3468
+ border-top-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3469
+ border-bottom-left-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3470
+ }
3471
+
3472
+ :last-child {
3473
+ border-top-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3474
+ border-bottom-right-radius: ${({ cornerRadius }) => (cornerRadius ? `${cornerRadius}px` : "0.5rem")};
3475
+ }
3476
3476
  `;
3477
- const StackBarAlias = styled.div `
3478
- color: ${({ theme: { palette } }) => palette.textSecondary};
3477
+ const StackBarAlias = styled.div `
3478
+ color: ${({ theme: { palette } }) => palette.textSecondary};
3479
3479
  `;
3480
3480
  const StackBarTotal = styled(uilibGl.Flex) ``;
3481
3481
  const StackBarValue = styled.div ``;
3482
- const StackBarUnits = styled.div `
3483
- margin-left: 0.25rem;
3484
- color: ${({ theme: { palette } }) => palette.textSecondary};
3482
+ const StackBarUnits = styled.div `
3483
+ margin-left: 0.25rem;
3484
+ color: ${({ theme: { palette } }) => palette.textSecondary};
3485
3485
  `;
3486
3486
 
3487
3487
  const transparentizeColor = (originalColor, percent) => {
@@ -4137,8 +4137,8 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
4137
4137
  const customize = React.useCallback(({ svg }) => {
4138
4138
  svg.style("overflow", "visible");
4139
4139
  svg
4140
- .selectAll(`.${charts.lineChartClassNames.lineChartXScaleGlobal} line,
4141
- .${charts.lineChartClassNames.lineChartYScaleGlobal} line,
4140
+ .selectAll(`.${charts.lineChartClassNames.lineChartXScaleGlobal} line,
4141
+ .${charts.lineChartClassNames.lineChartYScaleGlobal} line,
4142
4142
  .domain`)
4143
4143
  .each((_, index, nodes) => {
4144
4144
  nodes[index].remove();
@@ -4195,11 +4195,11 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
4195
4195
  .attr("fill", `url(#${gradientId})`)
4196
4196
  .attr("stroke-width", "0")
4197
4197
  .attr("fill-opacity", FILL_OPACITY);
4198
- defs.push(`
4199
- <linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
4200
- <stop offset="0" stop-color="${color}" stop-opacity="1" />
4201
- <stop offset="1" stop-color="${color}" stop-opacity="0" />
4202
- </linearGradient>
4198
+ defs.push(`
4199
+ <linearGradient id="${gradientId}" x1="0" y1="0" x2="0" y2="1">
4200
+ <stop offset="0" stop-color="${color}" stop-opacity="1" />
4201
+ <stop offset="1" stop-color="${color}" stop-opacity="0" />
4202
+ </linearGradient>
4203
4203
  `);
4204
4204
  ref.current = {
4205
4205
  path: newPath,
@@ -4258,11 +4258,11 @@ const getDataSource = (dataSourceName, dataSources) => dataSources?.find(({ name
4258
4258
  const getDataSourceFilterValue = ({ filterName, filterProp, attributeAlias, dataSource, selectedFilters, }) => {
4259
4259
  if (lodash.isNil(selectedFilters[filterName]))
4260
4260
  return null;
4261
- const feature = dataSource?.features?.find(({ attributes }) => attributes[attributeAlias] ===
4261
+ const feature = dataSource?.features?.find(({ properties }) => properties[attributeAlias] ===
4262
4262
  (Array.isArray(selectedFilters[filterName].value)
4263
4263
  ? selectedFilters[filterName].value[0]
4264
4264
  : selectedFilters[filterName].value));
4265
- return feature?.attributes?.[filterProp];
4265
+ return feature?.properties?.[filterProp];
4266
4266
  };
4267
4267
 
4268
4268
  const getSelectedFilterValue = (filterName, selectedFilters, defaultValue) => {
@@ -4554,104 +4554,104 @@ const formatDataSourceCondition = ({ condition, configFilters, filters, attribut
4554
4554
  : conditionSection.join(splitter);
4555
4555
  };
4556
4556
 
4557
- const DashboardChipsContainer = styled(uilibGl.Flex) `
4558
- flex-wrap: wrap;
4559
- `;
4560
- const DefaultChipColorMixin = styled.css `
4561
- && {
4562
- color: ${({ theme: { palette } }) => palette.textPrimary};
4563
- }
4564
-
4565
- && > * {
4566
- color: ${({ theme: { palette } }) => palette.textPrimary};
4567
- }
4568
-
4569
- && span[kind]:after {
4570
- color: ${({ theme: { palette } }) => palette.icon};
4571
- }
4557
+ const DashboardChipsContainer = styled(uilibGl.Flex) `
4558
+ flex-wrap: wrap;
4572
4559
  `;
4573
- const CustomChipColorMixin = styled.css `
4574
- && {
4575
- color: ${({ $fontColor }) => $fontColor};
4576
- }
4577
-
4578
- && > * {
4579
- color: ${({ $fontColor }) => $fontColor};
4580
- }
4581
-
4582
- && span[kind]:after {
4583
- color: ${({ $fontColor }) => $fontColor};
4584
- }
4560
+ const DefaultChipColorMixin = styled.css `
4561
+ && {
4562
+ color: ${({ theme: { palette } }) => palette.textPrimary};
4563
+ }
4564
+
4565
+ && > * {
4566
+ color: ${({ theme: { palette } }) => palette.textPrimary};
4567
+ }
4568
+
4569
+ && span[kind]:after {
4570
+ color: ${({ theme: { palette } }) => palette.icon};
4571
+ }
4585
4572
  `;
4586
- const DashboardChip$1 = styled(uilibGl.Chip) `
4587
- margin: 0 0.25rem 0.25rem 0;
4588
- background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
4589
- border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
4590
- white-space: nowrap;
4591
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4592
- color: ${({ theme: { palette } }) => palette.iconContrast};
4593
-
4594
- > * {
4595
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4596
- }
4597
-
4598
- span[kind] {
4599
- height: 0.875rem;
4600
-
4601
- :after {
4602
- font-size: 0.875rem;
4603
- }
4604
- }
4605
-
4606
- button {
4607
- width: auto;
4608
- padding: 0 0.5rem;
4609
- }
4610
-
4611
- ${({ $isDefault }) => $isDefault && DefaultChipColorMixin}
4612
- ${({ $fontColor, $isDefault }) => !!$fontColor && !$isDefault && CustomChipColorMixin}
4573
+ const CustomChipColorMixin = styled.css `
4574
+ && {
4575
+ color: ${({ $fontColor }) => $fontColor};
4576
+ }
4577
+
4578
+ && > * {
4579
+ color: ${({ $fontColor }) => $fontColor};
4580
+ }
4581
+
4582
+ && span[kind]:after {
4583
+ color: ${({ $fontColor }) => $fontColor};
4584
+ }
4613
4585
  `;
4586
+ const DashboardChip$1 = styled(uilibGl.Chip) `
4587
+ margin: 0 0.25rem 0.25rem 0;
4588
+ background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
4589
+ border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
4590
+ white-space: nowrap;
4591
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4592
+ color: ${({ theme: { palette } }) => palette.iconContrast};
4614
4593
 
4615
- const LayerGroupContainer = styled(uilibGl.Flex) `
4616
- display: flex;
4617
- justify-content: center;
4618
- position: relative;
4619
- flex-direction: column;
4620
- padding: 0 0.25rem 0 1rem;
4621
- box-sizing: border-box;
4622
- transition: opacity ${uilibGl.transition.hover}, background-color ${uilibGl.transition.hover};
4623
- font-family: "NunitoSans", sans-serif;
4624
- `;
4625
- const LayerGroupMain = styled(uilibGl.Flex) `
4626
- flex-direction: row;
4627
- flex-wrap: nowrap;
4628
- align-items: center;
4629
- justify-content: space-between;
4630
- width: 100%;
4631
-
4632
- ${uilibGl.Icon} {
4633
- width: 2rem;
4634
- min-width: 2rem;
4635
- height: 2rem;
4636
- display: inline-flex;
4637
- align-items: center;
4638
- justify-content: center;
4639
- margin-right: 0.75rem;
4640
- }
4641
-
4642
- ${uilibGl.Description} {
4643
- display: flex;
4644
- align-items: center;
4645
- flex-grow: 1;
4646
- width: 100%;
4647
- margin-right: 0.25rem;
4648
- color: ${({ theme }) => theme.palette.textPrimary};
4649
- }
4650
-
4651
- button {
4652
- width: 2.25rem;
4653
- justify-content: flex-start;
4654
- }
4594
+ > * {
4595
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
4596
+ }
4597
+
4598
+ span[kind] {
4599
+ height: 0.875rem;
4600
+
4601
+ :after {
4602
+ font-size: 0.875rem;
4603
+ }
4604
+ }
4605
+
4606
+ button {
4607
+ width: auto;
4608
+ padding: 0 0.5rem;
4609
+ }
4610
+
4611
+ ${({ $isDefault }) => $isDefault && DefaultChipColorMixin}
4612
+ ${({ $fontColor, $isDefault }) => !!$fontColor && !$isDefault && CustomChipColorMixin}
4613
+ `;
4614
+
4615
+ const LayerGroupContainer = styled(uilibGl.Flex) `
4616
+ display: flex;
4617
+ justify-content: center;
4618
+ position: relative;
4619
+ flex-direction: column;
4620
+ padding: 0 0.25rem 0 1rem;
4621
+ box-sizing: border-box;
4622
+ transition: opacity ${uilibGl.transition.hover}, background-color ${uilibGl.transition.hover};
4623
+ font-family: "NunitoSans", sans-serif;
4624
+ `;
4625
+ const LayerGroupMain = styled(uilibGl.Flex) `
4626
+ flex-direction: row;
4627
+ flex-wrap: nowrap;
4628
+ align-items: center;
4629
+ justify-content: space-between;
4630
+ width: 100%;
4631
+
4632
+ ${uilibGl.Icon} {
4633
+ width: 2rem;
4634
+ min-width: 2rem;
4635
+ height: 2rem;
4636
+ display: inline-flex;
4637
+ align-items: center;
4638
+ justify-content: center;
4639
+ margin-right: 0.75rem;
4640
+ }
4641
+
4642
+ ${uilibGl.Description} {
4643
+ display: flex;
4644
+ align-items: center;
4645
+ flex-grow: 1;
4646
+ width: 100%;
4647
+ margin-right: 0.25rem;
4648
+ color: ${({ theme }) => theme.palette.textPrimary};
4649
+ }
4650
+
4651
+ button {
4652
+ width: 2.25rem;
4653
+ justify-content: flex-start;
4654
+ }
4655
4655
  `;
4656
4656
 
4657
4657
  const customModes = MapboxDraw.modes;
@@ -5179,73 +5179,6 @@ const useRedrawLayer = () => {
5179
5179
  }, [map]);
5180
5180
  };
5181
5181
 
5182
- const findAttributeInExpression = (expression) => {
5183
- if (Array.isArray(expression) && expression.length === 2 && expression[0] === "get") {
5184
- return [expression[1]];
5185
- }
5186
- return expression.reduce((acc, curr) => {
5187
- if (!Array.isArray(curr)) {
5188
- return acc;
5189
- }
5190
- if (curr[0] === "get") {
5191
- return [...new Set([...acc, curr[1]])];
5192
- }
5193
- return [...new Set([...acc, ...findAttributeInExpression(curr)])];
5194
- }, []);
5195
- };
5196
-
5197
- const getActualExtrusionHeight = (paint) => {
5198
- return Array.isArray(paint?.["fill-extrusion-height"]) && paint?.["fill-extrusion-height"][0] === "+"
5199
- ? paint?.["fill-extrusion-height"][1]
5200
- : paint?.["fill-extrusion-height"];
5201
- };
5202
-
5203
- const extractAttributesFromObject = (obj) => {
5204
- if (!obj || lodash.isEmpty(obj)) {
5205
- return [];
5206
- }
5207
- return Object.entries(obj).reduce((acc, [, value]) => {
5208
- if (!Array.isArray(value)) {
5209
- return acc;
5210
- }
5211
- return [...new Set([...acc, ...findAttributeInExpression(value)])];
5212
- }, []);
5213
- };
5214
- const parseClientStyle = (style) => {
5215
- if (!style) {
5216
- return [];
5217
- }
5218
- return style?.items?.reduce((acc, curr) => {
5219
- const paintAttributes = extractAttributesFromObject(curr.paint);
5220
- const layoutAttributes = extractAttributesFromObject(curr.layout);
5221
- const filterAttributes = curr.filter
5222
- ? findAttributeInExpression(curr.filter)
5223
- : [];
5224
- return [...new Set([...acc, ...paintAttributes, ...layoutAttributes, ...filterAttributes])];
5225
- }, []);
5226
- };
5227
-
5228
- const convertSpToTurfFeature = (geometry) => {
5229
- if (!geometry) {
5230
- return;
5231
- }
5232
- switch (geometry.type) {
5233
- case api.GeometryType.Point:
5234
- return turf.point(geometry.coordinates);
5235
- case api.GeometryType.Multipoint:
5236
- return turf.multiPoint(geometry.coordinates);
5237
- case api.GeometryType.Polyline:
5238
- return turf.multiLineString(geometry.coordinates);
5239
- case api.GeometryType.Polygon:
5240
- case api.GeometryType.Envelope:
5241
- return turf.polygon(geometry.coordinates);
5242
- case api.GeometryType.MultiPolygon:
5243
- return turf.multiPolygon(geometry.coordinates);
5244
- case api.GeometryType.GeometryCollection:
5245
- return turf.geometryCollection(geometry.geometries);
5246
- }
5247
- };
5248
-
5249
5182
  const useZoomToFeatures = () => {
5250
5183
  const { map } = useMapContext();
5251
5184
  return React.useCallback((features, padding) => {
@@ -5254,7 +5187,7 @@ const useZoomToFeatures = () => {
5254
5187
  }
5255
5188
  const currentFeatureCenter = turf.bbox({
5256
5189
  type: "FeatureCollection",
5257
- features: features.map(feature => convertSpToTurfFeature(feature.geometry)),
5190
+ features: features,
5258
5191
  });
5259
5192
  map.current.fitBounds(currentFeatureCenter, { padding: padding ?? 150 });
5260
5193
  }, [map]);
@@ -5531,327 +5464,327 @@ const LayerTree = ({ layers, onlyMainTools }) => {
5531
5464
  return (jsxRuntime.jsx(uilibGl.DraggableTree, { nodes: nodes, disableDrag: onlyMainTools, options: { pastePlaceholderHeight: "0.025rem" }, onUpdate: onUpdate }));
5532
5465
  };
5533
5466
 
5534
- const LayersListWrapper = styled(uilibGl.Flex) `
5535
- flex-direction: column;
5536
- height: 100%;
5537
- width: 100%;
5538
- box-sizing: border-box;
5467
+ const LayersListWrapper = styled(uilibGl.Flex) `
5468
+ flex-direction: column;
5469
+ height: 100%;
5470
+ width: 100%;
5471
+ box-sizing: border-box;
5539
5472
  `;
5540
- const LayerListContainer = styled(uilibGl.Flex) `
5541
- flex-grow: 1;
5542
- height: 100%;
5543
- box-sizing: border-box;
5544
- padding-top: 0.25rem;
5545
- `;
5546
-
5547
- const ElementValueWrapper = styled.div `
5548
- transition: background-color ${uilibGl.transition.toggle};
5549
-
5550
- ${({ noMargin }) => styled.css `
5551
- &&&& {
5552
- margin-bottom: 0;
5553
- }
5554
- `};
5555
- `;
5556
- const Container = styled(uilibGl.Flex) `
5557
- flex-direction: column;
5558
- width: 100%;
5559
-
5473
+ const LayerListContainer = styled(uilibGl.Flex) `
5474
+ flex-grow: 1;
5475
+ height: 100%;
5476
+ box-sizing: border-box;
5477
+ padding-top: 0.25rem;
5478
+ `;
5479
+
5480
+ const ElementValueWrapper = styled.div `
5481
+ transition: background-color ${uilibGl.transition.toggle};
5482
+
5483
+ ${({ noMargin }) => styled.css `
5484
+ &&&& {
5485
+ margin-bottom: 0;
5486
+ }
5487
+ `};
5488
+ `;
5489
+ const Container = styled(uilibGl.Flex) `
5490
+ flex-direction: column;
5491
+ width: 100%;
5492
+
5560
5493
  ${({ isColumn }) => isColumn
5561
- ? styled.css `
5562
- &&& > * {
5563
- justify-content: flex-start;
5564
- }
5565
- > * {
5566
- width: 100%;
5567
-
5568
- :not(:last-child) {
5569
- margin-bottom: 0.5rem;
5570
- }
5571
- }
5494
+ ? styled.css `
5495
+ &&& > * {
5496
+ justify-content: flex-start;
5497
+ }
5498
+ > * {
5499
+ width: 100%;
5500
+
5501
+ :not(:last-child) {
5502
+ margin-bottom: 0.5rem;
5503
+ }
5504
+ }
5572
5505
  `
5573
- : styled.css `
5574
- flex-direction: row;
5575
- justify-content: space-between;
5576
- align-items: center;
5577
- `}
5578
-
5506
+ : styled.css `
5507
+ flex-direction: row;
5508
+ justify-content: space-between;
5509
+ align-items: center;
5510
+ `}
5511
+
5579
5512
  ${({ isTitle }) => isTitle &&
5580
- styled.css `
5581
- &&&& {
5582
- margin-bottom: 0.75rem;
5583
- }
5584
- `}
5585
-
5586
- ${({ noBorders }) => noBorders && styled.css `
5587
- ${ContainerWrapper} {
5588
- box-shadow: none;
5589
- padding: 0;
5590
- }
5591
- `}
5592
- `;
5593
- const ContainerWrapper = styled(uilibGl.Flex) `
5594
- position: relative;
5595
- box-sizing: border-box;
5596
- width: 100%;
5597
- background: ${({ theme: { palette } }) => palette.backgroundAlpha};
5598
- box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
5599
- margin-bottom: 2rem;
5600
- padding: 1.5rem;
5601
- border-radius: 0.5rem;
5602
- backdrop-filter: blur(20px);
5603
- color: ${({ theme: { palette } }) => palette.textPrimary};
5604
- z-index: ${({ $zIndex }) => $zIndex ?? 1};
5605
- transition: background-color ${uilibGl.transition.toggle};
5606
-
5607
- ${({ $noMargin }) => $noMargin && styled.css `
5608
- &&&& {
5609
- margin-bottom: 0;
5610
- }
5611
- `}
5612
- `;
5613
- const DashboardChip = styled(uilibGl.Chip) `
5614
- margin: 0 0.25rem 0.25rem 0;
5615
- background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
5616
- border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
5617
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5618
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5619
-
5620
- > * {
5621
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5622
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5623
- }
5624
-
5625
- span[kind]:after {
5626
- color: ${({ $isDefault, $fontColor, theme: { palette } }) => ($isDefault ? palette.icon : $fontColor || "#fff")};
5627
- }
5513
+ styled.css `
5514
+ &&&& {
5515
+ margin-bottom: 0.75rem;
5516
+ }
5517
+ `}
5518
+
5519
+ ${({ noBorders }) => noBorders && styled.css `
5520
+ ${ContainerWrapper} {
5521
+ box-shadow: none;
5522
+ padding: 0;
5523
+ }
5524
+ `}
5525
+ `;
5526
+ const ContainerWrapper = styled(uilibGl.Flex) `
5527
+ position: relative;
5528
+ box-sizing: border-box;
5529
+ width: 100%;
5530
+ background: ${({ theme: { palette } }) => palette.backgroundAlpha};
5531
+ box-shadow: rgb(0 0 0 / 15%) 0 0.1875rem 0.625rem;
5532
+ margin-bottom: 2rem;
5533
+ padding: 1.5rem;
5534
+ border-radius: 0.5rem;
5535
+ backdrop-filter: blur(20px);
5536
+ color: ${({ theme: { palette } }) => palette.textPrimary};
5537
+ z-index: ${({ $zIndex }) => $zIndex ?? 1};
5538
+ transition: background-color ${uilibGl.transition.toggle};
5539
+
5540
+ ${({ $noMargin }) => $noMargin && styled.css `
5541
+ &&&& {
5542
+ margin-bottom: 0;
5543
+ }
5544
+ `}
5545
+ `;
5546
+ const DashboardChip = styled(uilibGl.Chip) `
5547
+ margin: 0 0.25rem 0.25rem 0;
5548
+ background: ${({ $isDefault, $bgColor, theme: { palette } }) => $isDefault ? palette.element : $bgColor || palette.primary};
5549
+ border-radius: ${({ $radius, theme: { borderRadius } }) => $radius || borderRadius.medium};
5550
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5551
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5552
+
5553
+ > * {
5554
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
5555
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => $isDefault ? palette.textPrimary : $fontColor || "#fff"};
5556
+ }
5557
+
5558
+ span[kind]:after {
5559
+ color: ${({ $isDefault, $fontColor, theme: { palette } }) => ($isDefault ? palette.icon : $fontColor || "#fff")};
5560
+ }
5628
5561
  `;
5629
- const DashboardPlaceholderWrap = styled(uilibGl.Flex) `
5630
- flex-grow: 1;
5631
- flex-direction: column;
5632
- justify-content: center;
5633
- align-items: center;
5634
- width: 100%;
5635
- margin-bottom: 2rem;
5636
- `;
5637
- const DashboardPlaceholder = styled(uilibGl.Flex) `
5638
- flex-direction: column;
5639
- justify-content: center;
5640
- align-items: center;
5641
- margin-top: 2rem;
5642
-
5562
+ const DashboardPlaceholderWrap = styled(uilibGl.Flex) `
5563
+ flex-grow: 1;
5564
+ flex-direction: column;
5565
+ justify-content: center;
5566
+ align-items: center;
5567
+ width: 100%;
5568
+ margin-bottom: 2rem;
5569
+ `;
5570
+ const DashboardPlaceholder = styled(uilibGl.Flex) `
5571
+ flex-direction: column;
5572
+ justify-content: center;
5573
+ align-items: center;
5574
+ margin-top: 2rem;
5575
+
5643
5576
  ${({ isLoading }) => isLoading &&
5644
- styled.css `
5645
- width: 6.25rem;
5646
- `}
5647
-
5648
- &&& > * {
5649
- margin-bottom: 0;
5650
- }
5651
-
5652
- > div {
5653
- width: 100%;
5654
- margin-top: 1rem;
5655
- font-size: 0.75rem;
5656
- text-align: center;
5657
- color: ${({ theme: { palette } }) => palette.textDisabled};
5658
- }
5659
-
5660
- span[kind] {
5661
- width: 2.25rem;
5662
- height: 2.25rem;
5663
- opacity: 0.28;
5664
-
5665
- :after {
5666
- font-size: 32px;
5667
- }
5668
- }
5577
+ styled.css `
5578
+ width: 6.25rem;
5579
+ `}
5580
+
5581
+ &&& > * {
5582
+ margin-bottom: 0;
5583
+ }
5584
+
5585
+ > div {
5586
+ width: 100%;
5587
+ margin-top: 1rem;
5588
+ font-size: 0.75rem;
5589
+ text-align: center;
5590
+ color: ${({ theme: { palette } }) => palette.textDisabled};
5591
+ }
5592
+
5593
+ span[kind] {
5594
+ width: 2.25rem;
5595
+ height: 2.25rem;
5596
+ opacity: 0.28;
5597
+
5598
+ :after {
5599
+ font-size: 32px;
5600
+ }
5601
+ }
5669
5602
  `;
5670
- const DashboardWrapper = styled(uilibGl.Flex) `
5671
- flex-direction: column;
5672
- flex-wrap: nowrap;
5673
- flex-grow: 1;
5674
- width: calc(100% - 3rem);
5675
- height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
5676
-
5603
+ const DashboardWrapper = styled(uilibGl.Flex) `
5604
+ flex-direction: column;
5605
+ flex-wrap: nowrap;
5606
+ flex-grow: 1;
5607
+ width: calc(100% - 3rem);
5608
+ height: calc(100% - ${LEFT_PANEL_HEADER_HEIGHT});
5609
+
5677
5610
  ${({ hasImage, isPresentationMode }) => hasImage &&
5678
5611
  !isPresentationMode &&
5679
- styled.css `
5680
- margin-top: -0.35rem;
5681
- `}
5682
- `;
5683
- const DashboardContent = styled(uilibGl.Flex) `
5684
- flex-grow: 1;
5685
- width: 100%;
5686
- padding: 1.5rem 1.5rem 2rem;
5687
- overflow-y: auto;
5688
- scrollbar-gutter: stable;
5689
- `;
5690
- const PresentationWrapperCss = styled.css `
5691
- margin-bottom: 0.75rem;
5692
- padding: 1.5rem;
5693
- background-color: ${({ theme: { palette } }) => palette.panelBackground};
5694
- backdrop-filter: blur(10px);
5695
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5696
- box-shadow: ${uilibGl.shadows.raised};
5697
- `;
5698
- const PresentationWrapper = styled.div `
5699
- ${PresentationWrapperCss};
5700
- position: relative;
5701
- z-index: 1;
5702
- `;
5703
- const PresentationPanelWrapper = styled(PresentationWrapper) `
5704
- margin-top: 0.75rem;
5705
- transition: background-color ${uilibGl.transition.toggle};
5706
- `;
5707
- const PresentationHeader = styled.div `
5708
- margin: -1.5rem -1.5rem 0 -1.5rem;
5709
- padding: 1.5rem;
5710
- // background: url(images.presentationHeader) 0 0 no-repeat;
5711
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5712
- transition: background-color ${uilibGl.transition.toggle};
5713
-
5612
+ styled.css `
5613
+ margin-top: -0.35rem;
5614
+ `}
5615
+ `;
5616
+ const DashboardContent = styled(uilibGl.Flex) `
5617
+ flex-grow: 1;
5618
+ width: 100%;
5619
+ padding: 1.5rem 1.5rem 2rem;
5620
+ overflow-y: auto;
5621
+ scrollbar-gutter: stable;
5622
+ `;
5623
+ const PresentationWrapperCss = styled.css `
5624
+ margin-bottom: 0.75rem;
5625
+ padding: 1.5rem;
5626
+ background-color: ${({ theme: { palette } }) => palette.panelBackground};
5627
+ backdrop-filter: blur(10px);
5628
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5629
+ box-shadow: ${uilibGl.shadows.raised};
5630
+ `;
5631
+ const PresentationWrapper = styled.div `
5632
+ ${PresentationWrapperCss};
5633
+ position: relative;
5634
+ z-index: 1;
5635
+ `;
5636
+ const PresentationPanelWrapper = styled(PresentationWrapper) `
5637
+ margin-top: 0.75rem;
5638
+ transition: background-color ${uilibGl.transition.toggle};
5639
+ `;
5640
+ const PresentationHeader = styled.div `
5641
+ margin: -1.5rem -1.5rem 0 -1.5rem;
5642
+ padding: 1.5rem;
5643
+ // background: url(images.presentationHeader) 0 0 no-repeat;
5644
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
5645
+ transition: background-color ${uilibGl.transition.toggle};
5646
+
5714
5647
  ${({ image }) => !!image &&
5715
- styled.css `
5716
- padding-top: 7rem;
5717
- `};
5718
- `;
5719
- const PresentationHeaderTools = styled(uilibGl.Flex) `
5720
- justify-content: space-between;
5721
- align-items: center;
5722
- margin-bottom: -0.5rem;
5723
- margin-right: -0.5rem;
5724
-
5725
- span[kind="sun"],
5726
- span[kind="moon"] {
5727
- :after {
5728
- font-size: 0.85rem;
5729
- color: ${({ theme: { palette } }) => palette.iconDisabled};
5730
- }
5731
-
5732
- :hover:after {
5733
- color: ${({ theme: { palette } }) => palette.icon};
5734
- }
5735
- }
5648
+ styled.css `
5649
+ padding-top: 7rem;
5650
+ `};
5736
5651
  `;
5737
- const LayerGroupList = styled(uilibGl.Flex) `
5738
- flex-direction: column;
5739
- height: 100%;
5740
- flex-wrap: nowrap;
5741
- overflow-x: ${({ $noScroll }) => ($noScroll ? "visible" : "hidden")};
5742
- overflow-y: ${({ $noScroll }) => ($noScroll ? "visible" : "auto")};
5743
- padding: 0 0.125rem 0 0.75rem;
5744
- scrollbar-gutter: stable;
5745
-
5746
- > * {
5747
- flex-grow: 1;
5748
- }
5652
+ const PresentationHeaderTools = styled(uilibGl.Flex) `
5653
+ justify-content: space-between;
5654
+ align-items: center;
5655
+ margin-bottom: -0.5rem;
5656
+ margin-right: -0.5rem;
5657
+
5658
+ span[kind="sun"],
5659
+ span[kind="moon"] {
5660
+ :after {
5661
+ font-size: 0.85rem;
5662
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
5663
+ }
5664
+
5665
+ :hover:after {
5666
+ color: ${({ theme: { palette } }) => palette.icon};
5667
+ }
5668
+ }
5669
+ `;
5670
+ const LayerGroupList = styled(uilibGl.Flex) `
5671
+ flex-direction: column;
5672
+ height: 100%;
5673
+ flex-wrap: nowrap;
5674
+ overflow-x: ${({ $noScroll }) => ($noScroll ? "visible" : "hidden")};
5675
+ overflow-y: ${({ $noScroll }) => ($noScroll ? "visible" : "auto")};
5676
+ padding: 0 0.125rem 0 0.75rem;
5677
+ scrollbar-gutter: stable;
5678
+
5679
+ > * {
5680
+ flex-grow: 1;
5681
+ }
5749
5682
  `;
5750
5683
  const PresentationHeaderButtons = styled(uilibGl.Flex) ``;
5751
- const PresentationPanelContainer = styled.div `
5752
- position: absolute;
5753
- top: 0;
5754
- left: calc(${({ left }) => left || 0}px + 0.75rem);
5755
- bottom: 0;
5756
- z-index: 3;
5757
- display: flex;
5758
- flex-direction: column;
5759
- width: ${LEFT_PANEL_HEADER_HEIGHT}px;
5760
- padding-right: 0.5rem;
5761
- scrollbar-gutter: stable;
5762
- overflow-y: hidden;
5763
-
5764
- :hover {
5765
- overflow-y: auto;
5766
- }
5767
-
5684
+ const PresentationPanelContainer = styled.div `
5685
+ position: absolute;
5686
+ top: 0;
5687
+ left: calc(${({ left }) => left || 0}px + 0.75rem);
5688
+ bottom: 0;
5689
+ z-index: 3;
5690
+ display: flex;
5691
+ flex-direction: column;
5692
+ width: ${LEFT_PANEL_HEADER_HEIGHT}px;
5693
+ padding-right: 0.5rem;
5694
+ scrollbar-gutter: stable;
5695
+ overflow-y: hidden;
5696
+
5697
+ :hover {
5698
+ overflow-y: auto;
5699
+ }
5700
+
5768
5701
  ${({ showLayers }) => !showLayers &&
5769
- styled.css `
5770
- > :first-child {
5771
- padding-bottom: 0;
5772
- }
5773
- `};
5774
-
5775
- ${PresentationHeader} > * {
5776
- position: relative;
5777
- z-index: 2;
5778
- }
5779
-
5780
- /* PaginationWrapper {
5781
- ${PresentationWrapperCss};
5782
- width: calc(100% - 2rem);
5783
- min-height: 8.625rem;
5784
- padding-top: 0.5rem;
5785
- padding-bottom: 0.5rem;
5786
- margin-bottom: 0.75rem;
5787
- }*/
5788
-
5789
- ${DashboardWrapper} {
5790
- width: 100%;
5791
- margin-top: 0;
5792
-
5793
- ${DashboardContent} {
5794
- padding: 0;
5795
- overflow-y: unset;
5796
-
5797
- > * > ${ContainerWrapper} > * > ${ContainerWrapper} {
5798
- ${PresentationWrapperCss};
5799
- width: calc(100% - 3rem);
5800
- }
5801
- }
5802
- }
5803
-
5804
- ${DashboardPlaceholder} {
5805
- ${PresentationWrapperCss};
5806
- width: 18.5rem;
5807
- height: 10.75rem;
5808
- }
5809
-
5810
- ${LayerListContainer} {
5811
- height: auto;
5812
- margin: 0 -1.125rem -1.5rem;
5813
- padding: 0;
5814
-
5815
- ${LayerGroupList} {
5816
- padding: 0;
5817
- }
5818
- }
5702
+ styled.css `
5703
+ > :first-child {
5704
+ padding-bottom: 0;
5705
+ }
5706
+ `};
5707
+
5708
+ ${PresentationHeader} > * {
5709
+ position: relative;
5710
+ z-index: 2;
5711
+ }
5712
+
5713
+ /* PaginationWrapper {
5714
+ ${PresentationWrapperCss};
5715
+ width: calc(100% - 2rem);
5716
+ min-height: 8.625rem;
5717
+ padding-top: 0.5rem;
5718
+ padding-bottom: 0.5rem;
5719
+ margin-bottom: 0.75rem;
5720
+ }*/
5721
+
5722
+ ${DashboardWrapper} {
5723
+ width: 100%;
5724
+ margin-top: 0;
5725
+
5726
+ ${DashboardContent} {
5727
+ padding: 0;
5728
+ overflow-y: unset;
5729
+
5730
+ > * > ${ContainerWrapper} > * > ${ContainerWrapper} {
5731
+ ${PresentationWrapperCss};
5732
+ width: calc(100% - 3rem);
5733
+ }
5734
+ }
5735
+ }
5736
+
5737
+ ${DashboardPlaceholder} {
5738
+ ${PresentationWrapperCss};
5739
+ width: 18.5rem;
5740
+ height: 10.75rem;
5741
+ }
5742
+
5743
+ ${LayerListContainer} {
5744
+ height: auto;
5745
+ margin: 0 -1.125rem -1.5rem;
5746
+ padding: 0;
5747
+
5748
+ ${LayerGroupList} {
5749
+ padding: 0;
5750
+ }
5751
+ }
5819
5752
  `;
5820
- const DataSourceErrorContainer = styled(uilibGl.Flex) `
5821
- align-items: center;
5822
- justify-content: center;
5823
- flex-wrap: nowrap;
5824
- flex-grow: 1;
5825
- padding: 1rem;
5826
- border: 1px ${({ theme: { palette } }) => palette.element} solid;
5827
- border-radius: 10px;
5828
- font-size: 0.875rem;
5829
- color: ${({ theme: { palette } }) => palette.textDisabled};
5830
-
5831
- span[kind] {
5832
- margin-right: 1rem;
5833
-
5834
- :after {
5835
- color: ${({ theme: { palette } }) => palette.iconDisabled};
5836
- }
5837
- }
5753
+ const DataSourceErrorContainer = styled(uilibGl.Flex) `
5754
+ align-items: center;
5755
+ justify-content: center;
5756
+ flex-wrap: nowrap;
5757
+ flex-grow: 1;
5758
+ padding: 1rem;
5759
+ border: 1px ${({ theme: { palette } }) => palette.element} solid;
5760
+ border-radius: 10px;
5761
+ font-size: 0.875rem;
5762
+ color: ${({ theme: { palette } }) => palette.textDisabled};
5763
+
5764
+ span[kind] {
5765
+ margin-right: 1rem;
5766
+
5767
+ :after {
5768
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
5769
+ }
5770
+ }
5838
5771
  `;
5839
- const AttributeLabel = styled(uilibGl.Description) `
5840
- margin-top: 0 !important;
5841
- margin-bottom: ${({ forCheckbox }) => (forCheckbox ? "0.75rem" : "0.25rem")} !important;
5842
- padding-left: ${({ isEdit }) => (isEdit ? "0.5rem" : "0")};
5843
- `;
5844
- const FeatureControls = styled(uilibGl.Flex) `
5845
- align-items: center;
5846
- gap: 1rem;
5847
- flex-wrap: nowrap;
5848
- position: relative;
5849
- flex-shrink: 0;
5850
-
5851
- button {
5852
- padding: 0;
5853
- width: auto;
5854
- }
5772
+ const AttributeLabel = styled(uilibGl.Description) `
5773
+ margin-top: 0 !important;
5774
+ margin-bottom: ${({ forCheckbox }) => (forCheckbox ? "0.75rem" : "0.25rem")} !important;
5775
+ padding-left: ${({ isEdit }) => (isEdit ? "0.5rem" : "0")};
5776
+ `;
5777
+ const FeatureControls = styled(uilibGl.Flex) `
5778
+ align-items: center;
5779
+ gap: 1rem;
5780
+ flex-wrap: nowrap;
5781
+ position: relative;
5782
+ flex-shrink: 0;
5783
+
5784
+ button {
5785
+ padding: 0;
5786
+ width: auto;
5787
+ }
5855
5788
  `;
5856
5789
 
5857
5790
  const getAttributeByName = (attributeName, attributes) => {
@@ -5912,9 +5845,9 @@ function getValueIndex(items, attributes) {
5912
5845
  const getChartMarkers = (items, markers, dataSources) => {
5913
5846
  if (typeof markers === "string") {
5914
5847
  const dataSource = getDataSource(markers, dataSources);
5915
- return dataSource?.features?.map(({ attributes }) => ({
5916
- ...attributes,
5917
- value: getValueIndex(items, attributes),
5848
+ return dataSource?.features?.map(({ properties }) => ({
5849
+ ...properties,
5850
+ value: getValueIndex(items, properties),
5918
5851
  })) || [];
5919
5852
  }
5920
5853
  return (markers?.map(marker => ({
@@ -5932,148 +5865,148 @@ const ContainersGroupContainer = React.memo(({ elementConfig, type, renderElemen
5932
5865
  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 }) }))] }));
5933
5866
  });
5934
5867
 
5935
- const ChartLegendContainer = styled(uilibGl.Flex) `
5936
- flex-direction: column;
5937
- flex-wrap: wrap;
5938
- justify-content: ${({ twoColumns }) => (twoColumns ? "flex-start" : "center")};
5939
- `;
5940
- const ChartLegendItem = styled(uilibGl.Flex) `
5941
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
5942
- align-items: center;
5943
- flex-wrap: nowrap;
5944
- width: auto;
5945
- margin-right: 0.375rem;
5946
- margin-bottom: 0.25rem;
5947
- line-height: 0.75rem;
5948
- opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
5949
- `;
5950
- const ChartLegendColor = styled.div `
5951
- width: 0.5rem;
5952
- height: 0.5rem;
5953
- margin-right: 0.375rem;
5954
- background-color: ${({ color }) => color};
5955
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
5956
- `;
5957
- const ChartLegendName = styled.div `
5958
- flex: 1;
5959
- font-size: ${({ $fontSize }) => $fontSize || "0.625rem"};
5960
- color: ${({ theme: { palette }, $fontColor }) => $fontColor || palette.textPrimary};
5961
- `;
5868
+ const ChartLegendContainer = styled(uilibGl.Flex) `
5869
+ flex-direction: column;
5870
+ flex-wrap: wrap;
5871
+ justify-content: ${({ twoColumns }) => (twoColumns ? "flex-start" : "center")};
5872
+ `;
5873
+ const ChartLegendItem = styled(uilibGl.Flex) `
5874
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
5875
+ align-items: center;
5876
+ flex-wrap: nowrap;
5877
+ width: auto;
5878
+ margin-right: 0.375rem;
5879
+ margin-bottom: 0.25rem;
5880
+ line-height: 0.75rem;
5881
+ opacity: ${({ isFiltered, hasAnyFilter }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
5882
+ `;
5883
+ const ChartLegendColor = styled.div `
5884
+ width: 0.5rem;
5885
+ height: 0.5rem;
5886
+ margin-right: 0.375rem;
5887
+ background-color: ${({ color }) => color};
5888
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
5889
+ `;
5890
+ const ChartLegendName = styled.div `
5891
+ flex: 1;
5892
+ font-size: ${({ $fontSize }) => $fontSize || "0.625rem"};
5893
+ color: ${({ theme: { palette }, $fontColor }) => $fontColor || palette.textPrimary};
5894
+ `;
5895
+
5896
+ const ContainerAlias = styled(uilibGl.Flex) `
5897
+ align-items: center;
5898
+ flex-wrap: nowrap;
5899
+ font-size: 0.75rem;
5900
+ color: ${({ theme: { palette } }) => palette.textSecondary};
5901
+
5902
+ &&& {
5903
+ margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
5904
+ }
5905
+
5906
+ span[kind] {
5907
+ margin-right: 0.5rem;
5962
5908
 
5963
- const ContainerAlias = styled(uilibGl.Flex) `
5964
- align-items: center;
5965
- flex-wrap: nowrap;
5966
- font-size: 0.75rem;
5967
- color: ${({ theme: { palette } }) => palette.textSecondary};
5968
-
5969
- &&& {
5970
- margin-bottom: ${({ hasBottomMargin }) => (hasBottomMargin ? 0.25 : 0)}rem;
5971
- }
5972
-
5973
- span[kind] {
5974
- margin-right: 0.5rem;
5975
-
5976
- :after {
5977
- color: ${({ theme: { palette } }) => palette.primary};
5978
- }
5979
- }
5909
+ :after {
5910
+ color: ${({ theme: { palette } }) => palette.primary};
5911
+ }
5912
+ }
5980
5913
  `;
5981
- const ContainerAliasIcon = styled.div `
5982
- margin-right: 0.5rem;
5914
+ const ContainerAliasIcon = styled.div `
5915
+ margin-right: 0.5rem;
5983
5916
  `;
5984
- const ContainerChart = styled(uilibGl.Flex) `
5985
- justify-content: flex-start;
5986
-
5987
- > * {
5988
- display: flex;
5989
- justify-content: center;
5990
- width: 100%;
5991
- }
5917
+ const ContainerChart = styled(uilibGl.Flex) `
5918
+ justify-content: flex-start;
5919
+
5920
+ > * {
5921
+ display: flex;
5922
+ justify-content: center;
5923
+ width: 100%;
5924
+ }
5992
5925
  `;
5993
5926
  const ContainerLegend = styled(uilibGl.Flex) ``;
5994
- const ContainerUnits = styled.div `
5995
- margin-left: 0.5rem;
5996
- white-space: nowrap;
5997
- font-size: 0.75rem;
5998
- `;
5999
- const ContainerValue = styled(uilibGl.Flex) `
6000
- justify-content: flex-end;
6001
- align-items: center;
6002
- flex-wrap: nowrap;
6003
- width: 100%;
6004
- font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
6005
- color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
6006
-
6007
- > * {
6008
- width: ${({ column }) => (column ? "100%" : "auto")};
6009
- }
6010
-
6011
- ${ContainerChart}, ${ContainerLegend} {
6012
- width: ${({ column }) => (column ? "100%" : "50%")};
6013
- }
6014
-
6015
- ${ContainerLegend} {
6016
- margin-left: ${({ column }) => (column ? 0 : "1rem")};
6017
- }
6018
-
6019
- ${ChartLegendContainer} {
6020
- flex-direction: ${({ column }) => (column ? "row" : "column")};
6021
- margin-top: ${({ column }) => (column ? "1rem" : 0)};
6022
- }
5927
+ const ContainerUnits = styled.div `
5928
+ margin-left: 0.5rem;
5929
+ white-space: nowrap;
5930
+ font-size: 0.75rem;
5931
+ `;
5932
+ const ContainerValue = styled(uilibGl.Flex) `
5933
+ justify-content: flex-end;
5934
+ align-items: center;
5935
+ flex-wrap: nowrap;
5936
+ width: 100%;
5937
+ font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
5938
+ color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
5939
+
5940
+ > * {
5941
+ width: ${({ column }) => (column ? "100%" : "auto")};
5942
+ }
5943
+
5944
+ ${ContainerChart}, ${ContainerLegend} {
5945
+ width: ${({ column }) => (column ? "100%" : "50%")};
5946
+ }
5947
+
5948
+ ${ContainerLegend} {
5949
+ margin-left: ${({ column }) => (column ? 0 : "1rem")};
5950
+ }
5951
+
5952
+ ${ChartLegendContainer} {
5953
+ flex-direction: ${({ column }) => (column ? "row" : "column")};
5954
+ margin-top: ${({ column }) => (column ? "1rem" : 0)};
5955
+ }
6023
5956
  `;
6024
- const ColorIconMixin = styled.css `
6025
- :after {
6026
- color: ${({ $fontColor }) => $fontColor} !important;
6027
- }
5957
+ const ColorIconMixin = styled.css `
5958
+ :after {
5959
+ color: ${({ $fontColor }) => $fontColor} !important;
5960
+ }
6028
5961
  `;
6029
- const SizeIconMixin = styled.css `
6030
- :after {
6031
- font-size: ${({ $fontSize }) => $fontSize}px !important;
6032
- }
5962
+ const SizeIconMixin = styled.css `
5963
+ :after {
5964
+ font-size: ${({ $fontSize }) => $fontSize}px !important;
5965
+ }
6033
5966
  `;
6034
- const ContainerIcon = styled(uilibGl.Icon) `
6035
- width: auto;
6036
- height: auto;
6037
- margin-bottom: 0.5rem;
6038
- ${({ $fontColor }) => !!$fontColor && ColorIconMixin};
6039
- ${({ $fontSize }) => !!$fontSize && SizeIconMixin};
6040
- `;
6041
- const SvgContainerColorMixin$1 = styled.css `
6042
- path,
6043
- line,
6044
- circle {
6045
- fill: ${({ $fontColor }) => $fontColor};
6046
- }
5967
+ const ContainerIcon = styled(uilibGl.Icon) `
5968
+ width: auto;
5969
+ height: auto;
5970
+ margin-bottom: 0.5rem;
5971
+ ${({ $fontColor }) => !!$fontColor && ColorIconMixin};
5972
+ ${({ $fontSize }) => !!$fontSize && SizeIconMixin};
5973
+ `;
5974
+ const SvgContainerColorMixin$1 = styled.css `
5975
+ path,
5976
+ line,
5977
+ circle {
5978
+ fill: ${({ $fontColor }) => $fontColor};
5979
+ }
6047
5980
  `;
6048
- const SvgContainer$1 = styled.div `
6049
- &&& {
6050
- min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6051
- max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6052
-
6053
- ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin$1};
6054
-
6055
- > * {
6056
- min-width: inherit;
6057
- }
6058
- }
5981
+ const SvgContainer$1 = styled.div `
5982
+ &&& {
5983
+ min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
5984
+ max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
5985
+
5986
+ ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin$1};
5987
+
5988
+ > * {
5989
+ min-width: inherit;
5990
+ }
5991
+ }
6059
5992
  `;
6060
- const TwoColumnContainerWrapper = styled(uilibGl.Flex) `
6061
- width: 100%;
6062
- flex-direction: row;
6063
- flex-wrap: nowrap;
6064
- align-items: center;
6065
-
6066
- > * {
6067
- flex: 1;
6068
- }
6069
-
6070
- > ${ContainerValue} {
6071
- justify-content: flex-end;
6072
-
6073
- > * {
6074
- text-align: right;
6075
- }
6076
- }
5993
+ const TwoColumnContainerWrapper = styled(uilibGl.Flex) `
5994
+ width: 100%;
5995
+ flex-direction: row;
5996
+ flex-wrap: nowrap;
5997
+ align-items: center;
5998
+
5999
+ > * {
6000
+ flex: 1;
6001
+ }
6002
+
6003
+ > ${ContainerValue} {
6004
+ justify-content: flex-end;
6005
+
6006
+ > * {
6007
+ text-align: right;
6008
+ }
6009
+ }
6077
6010
  `;
6078
6011
 
6079
6012
  const useRenderContainerItem = (type, renderElement) => {
@@ -6157,10 +6090,10 @@ const TwoColumnContainer = React.memo(({ elementConfig, type, renderElement }) =
6157
6090
  return renderAttributes?.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderAttributes.map(attribute => renderContainer(attribute)) })) : (renderContainer());
6158
6091
  });
6159
6092
 
6160
- const InnerContainerWrapper = styled.div `
6161
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
6162
- width: ${({ column }) => (column ? "100%" : "auto")};
6163
- opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
6093
+ const InnerContainerWrapper = styled.div `
6094
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
6095
+ width: ${({ column }) => (column ? "100%" : "auto")};
6096
+ opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
6164
6097
  `;
6165
6098
 
6166
6099
  const DataSourceInnerContainer = React.memo(({ config, elementConfig, feature, maxValue, type, index, innerComponent }) => {
@@ -6231,107 +6164,107 @@ const DataSourceInnerContainer = React.memo(({ config, elementConfig, feature, m
6231
6164
  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 }) }));
6232
6165
  });
6233
6166
 
6234
- const DataSourceProgressContainerWrapper = styled.div `
6235
- width: 100%;
6167
+ const DataSourceProgressContainerWrapper = styled.div `
6168
+ width: 100%;
6236
6169
  `;
6237
- const ContainerToggler = styled(uilibGl.LegendToggler) `
6238
- width: auto;
6239
- margin-left: -1rem;
6170
+ const ContainerToggler = styled(uilibGl.LegendToggler) `
6171
+ width: auto;
6172
+ margin-left: -1rem;
6240
6173
  `;
6241
6174
 
6242
- const ProgressContainerWrapper = styled(uilibGl.Flex) `
6243
- align-items: center;
6244
- width: 100%;
6245
- margin-bottom: 1rem;
6175
+ const ProgressContainerWrapper = styled(uilibGl.Flex) `
6176
+ align-items: center;
6177
+ width: 100%;
6178
+ margin-bottom: 1rem;
6246
6179
  `;
6247
- const ProgressIcon = styled.div `
6248
- margin-right: 0.5rem;
6180
+ const ProgressIcon = styled.div `
6181
+ margin-right: 0.5rem;
6249
6182
  `;
6250
- const ProgressContent = styled(uilibGl.Flex) `
6251
- flex: 1;
6252
- flex-direction: column;
6183
+ const ProgressContent = styled(uilibGl.Flex) `
6184
+ flex: 1;
6185
+ flex-direction: column;
6253
6186
  `;
6254
- const ProgressAlias = styled(uilibGl.Flex) `
6255
- flex: 1;
6256
- justify-content: space-between;
6257
- margin-bottom: 0.25rem;
6258
- font-size: 0.75rem;
6259
- color: ${({ theme: { palette } }) => palette.textSecondary};
6260
- `;
6261
- const ProgressValue = styled(uilibGl.Flex) `
6262
- align-items: center;
6263
- width: auto;
6264
- font-size: 1rem;
6265
- color: ${({ theme: { palette } }) => palette.textPrimary};
6266
- `;
6267
- const ProgressInnerValue = styled(ProgressValue) `
6268
- justify-content: flex-end;
6269
- width: 4rem;
6270
- margin-left: 0.5rem;
6271
- `;
6272
- const ProgressUnits = styled(uilibGl.Flex) `
6273
- margin-left: 0.25rem;
6274
- font-size: 0.75rem;
6275
- color: ${({ theme: { palette } }) => palette.textSecondary};
6276
- `;
6277
- const ProgressBarWrapper = styled.div `
6278
- flex-grow: 1;
6279
- height: 0.5rem;
6280
- background-color: ${({ theme: { palette } }) => palette.element};
6281
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
6282
- `;
6283
- const ProgressBarContainer = styled(uilibGl.Flex) `
6284
- position: relative;
6285
- align-items: center;
6286
- width: 100%;
6287
-
6187
+ const ProgressAlias = styled(uilibGl.Flex) `
6188
+ flex: 1;
6189
+ justify-content: space-between;
6190
+ margin-bottom: 0.25rem;
6191
+ font-size: 0.75rem;
6192
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6193
+ `;
6194
+ const ProgressValue = styled(uilibGl.Flex) `
6195
+ align-items: center;
6196
+ width: auto;
6197
+ font-size: 1rem;
6198
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6199
+ `;
6200
+ const ProgressInnerValue = styled(ProgressValue) `
6201
+ justify-content: flex-end;
6202
+ width: 4rem;
6203
+ margin-left: 0.5rem;
6204
+ `;
6205
+ const ProgressUnits = styled(uilibGl.Flex) `
6206
+ margin-left: 0.25rem;
6207
+ font-size: 0.75rem;
6208
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6209
+ `;
6210
+ const ProgressBarWrapper = styled.div `
6211
+ flex-grow: 1;
6212
+ height: 0.5rem;
6213
+ background-color: ${({ theme: { palette } }) => palette.element};
6214
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
6215
+ `;
6216
+ const ProgressBarContainer = styled(uilibGl.Flex) `
6217
+ position: relative;
6218
+ align-items: center;
6219
+ width: 100%;
6220
+
6288
6221
  ${({ innerValue }) => innerValue &&
6289
- styled.css `
6290
- ${ProgressBarWrapper} {
6291
- height: 1.125rem;
6292
- }
6293
-
6294
- ${ProgressInnerValue} {
6295
- z-index: 1;
6296
- position: absolute;
6297
- right: 0.25rem;
6298
- }
6299
- `}
6300
- `;
6301
- const ProgressBar = styled.div `
6302
- width: ${({ $width }) => $width};
6303
- height: inherit;
6304
- background-color: ${({ $color }) => $color || "#a7d759"};
6305
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
6306
- `;
6307
- const ProgressTooltipAlias = styled.div `
6308
- margin-bottom: 0.25rem;
6309
- text-align: left;
6310
- color: ${({ theme: { palette } }) => palette.primary};
6222
+ styled.css `
6223
+ ${ProgressBarWrapper} {
6224
+ height: 1.125rem;
6225
+ }
6226
+
6227
+ ${ProgressInnerValue} {
6228
+ z-index: 1;
6229
+ position: absolute;
6230
+ right: 0.25rem;
6231
+ }
6232
+ `}
6233
+ `;
6234
+ const ProgressBar = styled.div `
6235
+ width: ${({ $width }) => $width};
6236
+ height: inherit;
6237
+ background-color: ${({ $color }) => $color || "#a7d759"};
6238
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.xSmall};
6239
+ `;
6240
+ const ProgressTooltipAlias = styled.div `
6241
+ margin-bottom: 0.25rem;
6242
+ text-align: left;
6243
+ color: ${({ theme: { palette } }) => palette.primary};
6311
6244
  `;
6312
6245
  const ProgressTooltipValue = styled.div ``;
6313
- const ProgressTooltipValueContainer = styled(uilibGl.Flex) `
6314
- align-items: center;
6315
-
6316
- > * {
6317
- opacity: 0.65;
6318
- }
6319
-
6320
- ${ProgressTooltipValue} {
6321
- opacity: 1;
6322
- }
6246
+ const ProgressTooltipValueContainer = styled(uilibGl.Flex) `
6247
+ align-items: center;
6248
+
6249
+ > * {
6250
+ opacity: 0.65;
6251
+ }
6252
+
6253
+ ${ProgressTooltipValue} {
6254
+ opacity: 1;
6255
+ }
6323
6256
  `;
6324
- const ProgressTooltipValueOf = styled.div `
6325
- margin: 0 0.25rem;
6257
+ const ProgressTooltipValueOf = styled.div `
6258
+ margin: 0 0.25rem;
6326
6259
  `;
6327
- const ProgressTotalTitle = styled.div `
6328
- font-size: 0.75rem;
6329
- font-weight: bold;
6260
+ const ProgressTotalTitle = styled.div `
6261
+ font-size: 0.75rem;
6262
+ font-weight: bold;
6330
6263
  `;
6331
- const ProgressTotal = styled(uilibGl.Flex) `
6332
- align-items: center;
6333
- justify-content: space-between;
6334
- margin-top: 1rem;
6264
+ const ProgressTotal = styled(uilibGl.Flex) `
6265
+ align-items: center;
6266
+ justify-content: space-between;
6267
+ margin-top: 1rem;
6335
6268
  `;
6336
6269
 
6337
6270
  const DataSourceProgressContainer = React.memo(({ config, elementConfig, type, innerComponent, renderElement }) => {
@@ -6351,19 +6284,19 @@ const DataSourceProgressContainer = React.memo(({ config, elementConfig, type, i
6351
6284
  const totalUnits = React.useMemo(() => unitsElement?.type === "attributeUnits"
6352
6285
  ? attributes?.find(({ attributeName }) => attributeName === unitsElement.attributeName)?.stringFormat
6353
6286
  ?.unitsLabel
6354
- : dataSource?.features?.[0]?.attributes[unitsElement?.attributeName], [attributes, dataSource?.features, unitsElement?.attributeName, unitsElement?.type]);
6287
+ : dataSource?.features?.[0]?.properties[unitsElement?.attributeName], [attributes, dataSource?.features, unitsElement?.attributeName, unitsElement?.type]);
6355
6288
  const totalValue = React.useMemo(() => {
6356
6289
  const attribute = attributes?.find(({ attributeName }) => attributeName === valueElement?.attributeName);
6357
6290
  const { type: attributeType, stringFormat } = attribute || {};
6358
- const result = dataSource?.features?.reduce((total, feature) => total + feature.attributes[valueElement?.attributeName], 0);
6291
+ const result = dataSource?.features?.reduce((total, feature) => total + feature.properties[valueElement?.attributeName], 0);
6359
6292
  return formatAttributeValue({ t, type: attributeType, value: result, stringFormat, noUnits: !!unitsElement?.type });
6360
6293
  }, [attributes, dataSource?.features, unitsElement?.type, valueElement?.attributeName]);
6361
6294
  const currentMaxValue = React.useMemo(() => {
6362
6295
  if (typeof maxValue === "string") {
6363
- return dataSource?.features?.[0]?.attributes[maxValue];
6296
+ return dataSource?.features?.[0]?.properties[maxValue];
6364
6297
  }
6365
6298
  return (maxValue ||
6366
- dataSource?.features?.reduce((result, item) => Math.max(result, item.attributes[valueElement?.attributeName]), 0));
6299
+ dataSource?.features?.reduce((result, item) => Math.max(result, item.properties[valueElement?.attributeName]), 0));
6367
6300
  }, [dataSource?.features, maxValue, valueElement?.attributeName]);
6368
6301
  if (!relatedDataSource)
6369
6302
  return null;
@@ -6428,166 +6361,166 @@ const DEFAULT_BAR_CHART_MARGINS = {
6428
6361
  right: 0,
6429
6362
  };
6430
6363
 
6431
- const FiltersContainerWrapper = styled(uilibGl.Flex) `
6432
- flex-direction: column;
6433
- padding: ${({ $padding }) => $padding ?? `${DEFAULT_FILTER_PADDING}px`};
6434
- background-color: ${({ $bgColor, $fontColor, theme: { palette } }) => $bgColor || ($fontColor ? transparentizeColor($fontColor, 6) : palette.element)};
6435
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6436
-
6437
- ${uilibGl.DropdownField}, input {
6438
- background-color: ${({ theme: { palette } }) => palette.background};
6439
- }
6440
-
6441
- > div:not(:last-child) {
6442
- margin-bottom: 0.5rem;
6443
- }
6444
-
6445
- > label {
6446
- align-items: flex-start;
6447
- font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
6448
-
6449
- &.active {
6450
- color: ${({ $fontColor }) => $fontColor};
6451
-
6452
- svg rect {
6453
- fill: ${({ $fontColor }) => $fontColor} !important;
6454
- }
6455
- }
6456
-
6457
- &:not(:last-child) {
6458
- margin-bottom: 0.75rem;
6459
- }
6460
-
6461
- &:last-child {
6462
- margin-bottom: 0;
6463
- }
6464
- }
6364
+ const FiltersContainerWrapper = styled(uilibGl.Flex) `
6365
+ flex-direction: column;
6366
+ padding: ${({ $padding }) => $padding ?? `${DEFAULT_FILTER_PADDING}px`};
6367
+ background-color: ${({ $bgColor, $fontColor, theme: { palette } }) => $bgColor || ($fontColor ? transparentizeColor($fontColor, 6) : palette.element)};
6368
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6369
+
6370
+ ${uilibGl.DropdownField}, input {
6371
+ background-color: ${({ theme: { palette } }) => palette.background};
6372
+ }
6373
+
6374
+ > div:not(:last-child) {
6375
+ margin-bottom: 0.5rem;
6376
+ }
6377
+
6378
+ > label {
6379
+ align-items: flex-start;
6380
+ font-size: ${({ $fontSize }) => $fontSize || "0.875rem"};
6381
+
6382
+ &.active {
6383
+ color: ${({ $fontColor }) => $fontColor};
6384
+
6385
+ svg rect {
6386
+ fill: ${({ $fontColor }) => $fontColor} !important;
6387
+ }
6388
+ }
6389
+
6390
+ &:not(:last-child) {
6391
+ margin-bottom: 0.75rem;
6392
+ }
6393
+
6394
+ &:last-child {
6395
+ margin-bottom: 0;
6396
+ }
6397
+ }
6465
6398
  `;
6466
- const StyledIconButton = styled(uilibGl.IconButton) `
6467
- width: 0.75rem;
6468
- height: 0.75rem;
6469
-
6470
- span[kind] {
6471
- height: 0.75rem;
6472
-
6473
- :after {
6474
- font-size: 0.75rem;
6475
- }
6476
- }
6399
+ const StyledIconButton = styled(uilibGl.IconButton) `
6400
+ width: 0.75rem;
6401
+ height: 0.75rem;
6402
+
6403
+ span[kind] {
6404
+ height: 0.75rem;
6405
+
6406
+ :after {
6407
+ font-size: 0.75rem;
6408
+ }
6409
+ }
6477
6410
  `;
6478
- const TextFilterContainer = styled.div `
6479
- width: 15.85rem;
6480
-
6481
- ${uilibGl.MultiSelectContainer} {
6482
- color: ${({ theme: { palette } }) => palette.textPrimary};
6483
-
6484
- ${uilibGl.IconButtonButton} {
6485
- span[kind]:after {
6486
- color: ${({ theme: { palette } }) => palette.textPrimary};
6487
- }
6488
- }
6489
- }
6411
+ const TextFilterContainer = styled.div `
6412
+ width: 15.85rem;
6413
+
6414
+ ${uilibGl.MultiSelectContainer} {
6415
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6416
+
6417
+ ${uilibGl.IconButtonButton} {
6418
+ span[kind]:after {
6419
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6420
+ }
6421
+ }
6422
+ }
6490
6423
  `;
6491
- const BarChartContainer = styled.div `
6492
- width: 100%;
6493
- overflow-x: hidden;
6494
-
6424
+ const BarChartContainer = styled.div `
6425
+ width: 100%;
6426
+ overflow-x: hidden;
6427
+
6495
6428
  ${({ barHeight, marginBottom }) => !!barHeight &&
6496
- styled.css `
6497
- .barChartBarGlobal rect {
6498
- height: ${barHeight}px;
6499
- y: calc(100% - ${barHeight + marginBottom}px);
6500
- }
6501
- `}
6502
- `;
6503
- const AnyChartWrapper = styled.div `
6504
- width: 100%;
6505
- height: ${({ height }) => height}px;
6506
- `;
6507
- const BarChartWrapper = styled(AnyChartWrapper) `
6508
- width: 100%;
6509
- margin: 0 auto ${BAR_CHART_FOOTER_MARGIN}px;
6510
-
6511
- :hover {
6512
- ${BarChartContainer} {
6513
- overflow-x: auto;
6514
- }
6515
- }
6429
+ styled.css `
6430
+ .barChartBarGlobal rect {
6431
+ height: ${barHeight}px;
6432
+ y: calc(100% - ${barHeight + marginBottom}px);
6433
+ }
6434
+ `}
6516
6435
  `;
6517
- const BarChartFilterHeader = styled(uilibGl.Flex) `
6518
- justify-content: space-between;
6519
- align-items: center;
6520
- height: ${({ height }) => `calc(${typeof height === "number" ? `${height}px` : height} - 0.5rem)`};
6521
- padding: 0.25rem 0;
6436
+ const AnyChartWrapper = styled.div `
6437
+ width: 100%;
6438
+ height: ${({ height }) => height}px;
6522
6439
  `;
6523
- const BarChartFilterArrows = styled(uilibGl.Flex) `
6524
- margin-left: -0.5rem;
6525
-
6526
- span[kind] {
6527
- display: flex;
6528
- align-items: center;
6529
-
6530
- :after {
6531
- font-size: 0.75rem;
6532
- }
6533
- }
6440
+ const BarChartWrapper = styled(AnyChartWrapper) `
6441
+ width: 100%;
6442
+ margin: 0 auto ${BAR_CHART_FOOTER_MARGIN}px;
6443
+
6444
+ :hover {
6445
+ ${BarChartContainer} {
6446
+ overflow-x: auto;
6447
+ }
6448
+ }
6449
+ `;
6450
+ const BarChartFilterHeader = styled(uilibGl.Flex) `
6451
+ justify-content: space-between;
6452
+ align-items: center;
6453
+ height: ${({ height }) => `calc(${typeof height === "number" ? `${height}px` : height} - 0.5rem)`};
6454
+ padding: 0.25rem 0;
6455
+ `;
6456
+ const BarChartFilterArrows = styled(uilibGl.Flex) `
6457
+ margin-left: -0.5rem;
6458
+
6459
+ span[kind] {
6460
+ display: flex;
6461
+ align-items: center;
6462
+
6463
+ :after {
6464
+ font-size: 0.75rem;
6465
+ }
6466
+ }
6534
6467
  `;
6535
- const BarChartFilterSelected = styled.div `
6536
- font-size: 0.75rem;
6537
- font-weight: bold;
6538
- color: ${({ theme: { palette } }) => palette.textPrimary};
6468
+ const BarChartFilterSelected = styled.div `
6469
+ font-size: 0.75rem;
6470
+ font-weight: bold;
6471
+ color: ${({ theme: { palette } }) => palette.textPrimary};
6539
6472
  `;
6540
- styled.div `
6541
- color: ${({ theme: { palette } }) => palette.textSecondary};
6473
+ styled.div `
6474
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6542
6475
  `;
6543
- const BarChart = styled(charts.BarChart) `
6544
- .${charts.barChartClassNames.barChartXAxis} {
6545
- .domain,
6546
- line {
6547
- display: none;
6548
- }
6549
-
6550
- .tick {
6551
- text {
6552
- text-anchor: start;
6553
- font-size: 12px;
6554
- color: rgba(48, 69, 79, 0.46);
6555
- }
6556
-
6557
- :last-of-type {
6558
- text {
6559
- text-anchor: end;
6560
- }
6561
- }
6562
- }
6563
- }
6564
-
6565
- .marker {
6566
- font-size: 12px;
6567
- }
6476
+ const BarChart = styled(charts.BarChart) `
6477
+ .${charts.barChartClassNames.barChartXAxis} {
6478
+ .domain,
6479
+ line {
6480
+ display: none;
6481
+ }
6482
+
6483
+ .tick {
6484
+ text {
6485
+ text-anchor: start;
6486
+ font-size: 12px;
6487
+ color: rgba(48, 69, 79, 0.46);
6488
+ }
6489
+
6490
+ :last-of-type {
6491
+ text {
6492
+ text-anchor: end;
6493
+ }
6494
+ }
6495
+ }
6496
+ }
6497
+
6498
+ .marker {
6499
+ font-size: 12px;
6500
+ }
6568
6501
  `;
6569
- const TooltipContainer = styled.div `
6570
- position: relative;
6571
- font-size: 0.75rem;
6572
- color: #ffffff;
6573
- margin-bottom: 0.5rem;
6574
- padding: 0.375rem;
6575
- background-color: rgba(0, 0, 0, 1);
6576
- border-radius: 0.25rem;
6577
- box-shadow: 0 0.1875rem 0.5rem rgba(48, 69, 79, 0.06);
6578
-
6579
- :before {
6580
- content: "";
6581
- position: absolute;
6582
- bottom: 0;
6583
- left: 50%;
6584
- transform: translate(-50%, 100%);
6585
- width: 0;
6586
- height: 0;
6587
- border-style: solid;
6588
- border-width: 0.25rem 0.1875rem 0 0.1875rem;
6589
- border-color: rgba(48, 69, 79, 1) transparent transparent transparent;
6590
- }
6502
+ const TooltipContainer = styled.div `
6503
+ position: relative;
6504
+ font-size: 0.75rem;
6505
+ color: #ffffff;
6506
+ margin-bottom: 0.5rem;
6507
+ padding: 0.375rem;
6508
+ background-color: rgba(0, 0, 0, 1);
6509
+ border-radius: 0.25rem;
6510
+ box-shadow: 0 0.1875rem 0.5rem rgba(48, 69, 79, 0.06);
6511
+
6512
+ :before {
6513
+ content: "";
6514
+ position: absolute;
6515
+ bottom: 0;
6516
+ left: 50%;
6517
+ transform: translate(-50%, 100%);
6518
+ width: 0;
6519
+ height: 0;
6520
+ border-style: solid;
6521
+ border-width: 0.25rem 0.1875rem 0 0.1875rem;
6522
+ border-color: rgba(48, 69, 79, 1) transparent transparent transparent;
6523
+ }
6591
6524
  `;
6592
6525
 
6593
6526
  const FiltersContainer = React.memo(({ elementConfig, config, type, renderElement }) => {
@@ -6664,64 +6597,64 @@ const PagesContainer = React.memo(({ type = exports.WidgetType.Dashboard, noBord
6664
6597
  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 }) }));
6665
6598
  });
6666
6599
 
6667
- const ImageContainerBg$1 = styled.div `
6668
- position: absolute;
6669
- top: 0;
6670
- bottom: 0;
6671
- left: 0;
6672
- right: 0;
6673
-
6674
- img {
6675
- width: 100%;
6676
- height: 100%;
6677
- object-position: center;
6678
- object-fit: cover;
6679
- }
6600
+ const ImageContainerBg$1 = styled.div `
6601
+ position: absolute;
6602
+ top: 0;
6603
+ bottom: 0;
6604
+ left: 0;
6605
+ right: 0;
6606
+
6607
+ img {
6608
+ width: 100%;
6609
+ height: 100%;
6610
+ object-position: center;
6611
+ object-fit: cover;
6612
+ }
6680
6613
  `;
6681
- const ImageContainerTitle = styled.div `
6682
- width: 100%;
6683
- overflow-wrap: break-word;
6684
- font-size: 1rem;
6685
- font-weight: 500;
6686
- `;
6687
- const ImageContainerText = styled.div `
6688
- width: 100%;
6689
- overflow-wrap: break-word;
6690
- margin-top: 0.5rem;
6691
- font-size: 0.75rem;
6692
- `;
6693
- const ImageContainerButton$1 = styled(uilibGl.FlatButton) `
6694
- min-height: 1.5rem;
6695
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
6696
- background-color: ${({ theme: { palette } }) => palette.primary};
6697
- text-transform: none;
6698
-
6699
- :hover {
6700
- background-color: ${({ theme: { palette } }) => palette.primaryDeep};
6701
- }
6614
+ const ImageContainerTitle = styled.div `
6615
+ width: 100%;
6616
+ overflow-wrap: break-word;
6617
+ font-size: 1rem;
6618
+ font-weight: 500;
6619
+ `;
6620
+ const ImageContainerText = styled.div `
6621
+ width: 100%;
6622
+ overflow-wrap: break-word;
6623
+ margin-top: 0.5rem;
6624
+ font-size: 0.75rem;
6625
+ `;
6626
+ const ImageContainerButton$1 = styled(uilibGl.FlatButton) `
6627
+ min-height: 1.5rem;
6628
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
6629
+ background-color: ${({ theme: { palette } }) => palette.primary};
6630
+ text-transform: none;
6631
+
6632
+ :hover {
6633
+ background-color: ${({ theme: { palette } }) => palette.primaryDeep};
6634
+ }
6702
6635
  `;
6703
- const ImageContainerWrapper = styled(uilibGl.Flex) `
6704
- flex-direction: column;
6705
- justify-content: flex-end;
6706
- position: relative;
6707
- padding: 1rem;
6708
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6709
- overflow: hidden;
6710
-
6711
- ${ImageContainerTitle}, ${ImageContainerText}, ${ImageContainerButton$1} {
6712
- z-index: 1;
6713
- color: ${({ theme: { palette } }) => palette.textContrast};
6714
- }
6715
-
6716
- :after {
6717
- content: "";
6718
- position: absolute;
6719
- top: 0;
6720
- bottom: 0;
6721
- left: 0;
6722
- right: 0;
6723
- background-color: rgba(0, 0, 0, 0.4);
6724
- }
6636
+ const ImageContainerWrapper = styled(uilibGl.Flex) `
6637
+ flex-direction: column;
6638
+ justify-content: flex-end;
6639
+ position: relative;
6640
+ padding: 1rem;
6641
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6642
+ overflow: hidden;
6643
+
6644
+ ${ImageContainerTitle}, ${ImageContainerText}, ${ImageContainerButton$1} {
6645
+ z-index: 1;
6646
+ color: ${({ theme: { palette } }) => palette.textContrast};
6647
+ }
6648
+
6649
+ :after {
6650
+ content: "";
6651
+ position: absolute;
6652
+ top: 0;
6653
+ bottom: 0;
6654
+ left: 0;
6655
+ right: 0;
6656
+ background-color: rgba(0, 0, 0, 0.4);
6657
+ }
6725
6658
  `;
6726
6659
 
6727
6660
  const ImageContainer = React.memo(({ elementConfig, renderElement }) => {
@@ -6729,52 +6662,52 @@ const ImageContainer = React.memo(({ elementConfig, renderElement }) => {
6729
6662
  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" }) })] }));
6730
6663
  });
6731
6664
 
6732
- const IconContainerWrapper = styled(uilibGl.Flex) `
6733
- flex-direction: column;
6734
- justify-content: center;
6735
- position: relative;
6736
- padding: 0.5rem 1rem 1rem;
6737
- background-color: ${({ theme: { palette } }) => palette.element};
6738
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6739
- overflow: hidden;
6740
- `;
6741
- const IconContainerHeaderWrapper = styled(uilibGl.Flex) `
6742
- justify-content: space-between;
6743
- align-items: center;
6744
- flex-wrap: nowrap;
6745
- width: 100%;
6746
- margin-bottom: 0.25rem;
6747
- `;
6748
- const IconContainerHeader = styled(uilibGl.Flex) `
6749
- align-items: center;
6750
- flex-wrap: nowrap;
6751
- width: 100%;
6752
- margin-right: 0.5rem;
6753
- font-size: 0.875rem;
6754
-
6755
- ${uilibGl.Icon} {
6756
- margin-right: 0.5rem;
6757
-
6758
- :after {
6759
- font-size: 1.15rem;
6760
- color: ${({ theme: { palette } }) => palette.textSecondary};
6761
- }
6762
- }
6665
+ const IconContainerWrapper = styled(uilibGl.Flex) `
6666
+ flex-direction: column;
6667
+ justify-content: center;
6668
+ position: relative;
6669
+ padding: 0.5rem 1rem 1rem;
6670
+ background-color: ${({ theme: { palette } }) => palette.element};
6671
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
6672
+ overflow: hidden;
6673
+ `;
6674
+ const IconContainerHeaderWrapper = styled(uilibGl.Flex) `
6675
+ justify-content: space-between;
6676
+ align-items: center;
6677
+ flex-wrap: nowrap;
6678
+ width: 100%;
6679
+ margin-bottom: 0.25rem;
6680
+ `;
6681
+ const IconContainerHeader = styled(uilibGl.Flex) `
6682
+ align-items: center;
6683
+ flex-wrap: nowrap;
6684
+ width: 100%;
6685
+ margin-right: 0.5rem;
6686
+ font-size: 0.875rem;
6687
+
6688
+ ${uilibGl.Icon} {
6689
+ margin-right: 0.5rem;
6690
+
6691
+ :after {
6692
+ font-size: 1.15rem;
6693
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6694
+ }
6695
+ }
6763
6696
  `;
6764
- const IconContainerTitle = styled(uilibGl.Flex) `
6765
- > * {
6766
- width: 13rem;
6767
- white-space: nowrap;
6768
- overflow: hidden;
6769
- font-weight: bold;
6770
- text-overflow: ellipsis;
6771
- }
6697
+ const IconContainerTitle = styled(uilibGl.Flex) `
6698
+ > * {
6699
+ width: 13rem;
6700
+ white-space: nowrap;
6701
+ overflow: hidden;
6702
+ font-weight: bold;
6703
+ text-overflow: ellipsis;
6704
+ }
6772
6705
  `;
6773
- const IconContainerText = styled.div `
6774
- width: 100%;
6775
- overflow-wrap: break-word;
6776
- font-size: 0.75rem;
6777
- color: ${({ theme: { palette } }) => palette.textSecondary};
6706
+ const IconContainerText = styled.div `
6707
+ width: 100%;
6708
+ overflow-wrap: break-word;
6709
+ font-size: 0.75rem;
6710
+ color: ${({ theme: { palette } }) => palette.textSecondary};
6778
6711
  `;
6779
6712
 
6780
6713
  const IconContainer = React.memo(({ elementConfig, renderElement }) => {
@@ -6797,108 +6730,108 @@ const DataSourceContainer = React.memo(({ config, elementConfig, type, innerComp
6797
6730
  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, {}))] }));
6798
6731
  });
6799
6732
 
6800
- const SvgContainerColorMixin = styled.css `
6801
- path,
6802
- line,
6803
- circle {
6804
- fill: ${({ $fontColor }) => $fontColor};
6805
- }
6733
+ const SvgContainerColorMixin = styled.css `
6734
+ path,
6735
+ line,
6736
+ circle {
6737
+ fill: ${({ $fontColor }) => $fontColor};
6738
+ }
6806
6739
  `;
6807
- const SvgContainer = styled.div `
6808
- &&& {
6809
- min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6810
- max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6811
-
6812
- ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin};
6813
-
6814
- > * {
6815
- min-width: inherit;
6816
- }
6817
- }
6740
+ const SvgContainer = styled.div `
6741
+ &&& {
6742
+ min-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6743
+ max-width: ${({ $width }) => ($width ? `${$width}px` : "1rem")};
6744
+
6745
+ ${({ $fontColor }) => !!$fontColor && SvgContainerColorMixin};
6746
+
6747
+ > * {
6748
+ min-width: inherit;
6749
+ }
6750
+ }
6818
6751
  `;
6819
6752
 
6820
- const ContainerIconTitle = styled(uilibGl.Flex) `
6821
- align-items: center;
6822
- flex-wrap: nowrap;
6823
- flex-shrink: 1;
6824
- flex-grow: 0;
6825
- color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textSecondary};
6826
-
6827
- > div {
6828
- flex-shrink: 1;
6829
- flex-grow: 0;
6830
- width: auto;
6831
- }
6832
-
6833
- ${SvgContainer} {
6834
- flex-shrink: 0;
6835
- flex-grow: 0;
6836
- margin-right: 0.5rem;
6837
- }
6838
-
6839
- svg,
6840
- img,
6841
- span[kind] {
6842
- margin-right: 0.5rem;
6843
- }
6844
-
6753
+ const ContainerIconTitle = styled(uilibGl.Flex) `
6754
+ align-items: center;
6755
+ flex-wrap: nowrap;
6756
+ flex-shrink: 1;
6757
+ flex-grow: 0;
6758
+ color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textSecondary};
6759
+
6760
+ > div {
6761
+ flex-shrink: 1;
6762
+ flex-grow: 0;
6763
+ width: auto;
6764
+ }
6765
+
6766
+ ${SvgContainer} {
6767
+ flex-shrink: 0;
6768
+ flex-grow: 0;
6769
+ margin-right: 0.5rem;
6770
+ }
6771
+
6772
+ svg,
6773
+ img,
6774
+ span[kind] {
6775
+ margin-right: 0.5rem;
6776
+ }
6777
+
6845
6778
  ${({ fontColor }) => !!fontColor &&
6846
- styled.css `
6847
- span[kind] {
6848
- color: ${fontColor};
6849
- }
6850
-
6851
- ${SvgContainer} {
6852
- path,
6853
- circle {
6854
- fill: ${fontColor};
6855
- }
6856
- }
6857
- `};
6858
-
6859
- ${uilibGl.LegendToggler} {
6860
- margin-left: 0.25rem;
6861
- }
6862
-
6863
- span[kind="download"] {
6864
- opacity: 0;
6865
- transition: opacity ${uilibGl.transition.hover};
6866
- }
6867
-
6868
- :hover {
6869
- span[kind="download"] {
6870
- opacity: 1;
6871
- }
6872
- }
6779
+ styled.css `
6780
+ span[kind] {
6781
+ color: ${fontColor};
6782
+ }
6783
+
6784
+ ${SvgContainer} {
6785
+ path,
6786
+ circle {
6787
+ fill: ${fontColor};
6788
+ }
6789
+ }
6790
+ `};
6791
+
6792
+ ${uilibGl.LegendToggler} {
6793
+ margin-left: 0.25rem;
6794
+ }
6795
+
6796
+ span[kind="download"] {
6797
+ opacity: 0;
6798
+ transition: opacity ${uilibGl.transition.hover};
6799
+ }
6800
+
6801
+ :hover {
6802
+ span[kind="download"] {
6803
+ opacity: 1;
6804
+ }
6805
+ }
6873
6806
  `;
6874
- const ContainerTitle = styled(uilibGl.Flex) `
6875
- align-items: center;
6876
- justify-content: space-between;
6877
- width: 100%;
6878
-
6879
- > * {
6880
- font-size: 1.125rem;
6881
- font-weight: 500;
6882
- }
6883
-
6884
- ${uilibGl.LegendToggler} {
6885
- padding-right: 0;
6886
- }
6887
-
6807
+ const ContainerTitle = styled(uilibGl.Flex) `
6808
+ align-items: center;
6809
+ justify-content: space-between;
6810
+ width: 100%;
6811
+
6812
+ > * {
6813
+ font-size: 1.125rem;
6814
+ font-weight: 500;
6815
+ }
6816
+
6817
+ ${uilibGl.LegendToggler} {
6818
+ padding-right: 0;
6819
+ }
6820
+
6888
6821
  ${({ simple }) => simple &&
6889
- styled.css `
6890
- justify-content: flex-start;
6891
-
6892
- ${ContainerIconTitle} {
6893
- font-size: 0.75rem;
6894
- }
6895
-
6896
- ${uilibGl.LegendToggler} {
6897
- margin-left: 0;
6898
- padding-left: 0.25rem;
6899
- }
6900
- `}
6901
- `;
6822
+ styled.css `
6823
+ justify-content: flex-start;
6824
+
6825
+ ${ContainerIconTitle} {
6826
+ font-size: 0.75rem;
6827
+ }
6828
+
6829
+ ${uilibGl.LegendToggler} {
6830
+ margin-left: 0;
6831
+ padding-left: 0.25rem;
6832
+ }
6833
+ `}
6834
+ `;
6902
6835
 
6903
6836
  const TitleContainer = React.memo(({ containerId, templateName, layerNames, fontColor, expandable, expanded, isVisible, elementConfig, renderElement, type, }) => {
6904
6837
  const { expandContainer, expandedContainers, setDashboardLayer } = useWidgetContext(type);
@@ -6971,82 +6904,82 @@ const CameraContainer = React.memo(({ elementConfig, type, renderElement }) => {
6971
6904
  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 }) })] }))] }));
6972
6905
  });
6973
6906
 
6974
- const TabAnchor = styled.div `
6975
- position: absolute;
6976
- top: -1.5rem;
6977
- right: 0;
6907
+ const TabAnchor = styled.div `
6908
+ position: absolute;
6909
+ top: -1.5rem;
6910
+ right: 0;
6978
6911
  `;
6979
- const TabValue = styled(uilibGl.Flex) `
6980
- flex-wrap: nowrap;
6912
+ const TabValue = styled(uilibGl.Flex) `
6913
+ flex-wrap: nowrap;
6981
6914
  `;
6982
- const noBgMixin = styled.css `
6983
- background-color: transparent;
6984
- border-radius: 0;
6985
- border-bottom: 0.125rem solid
6986
- ${({ active, bgColor, theme: { palette } }) => (active ? bgColor || palette.primary : palette.element)};
6987
-
6988
- ${TabValue},
6989
- span[kind] {
6990
- color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6991
- }
6992
-
6993
- &&& svg {
6994
- path,
6995
- line,
6996
- circle {
6997
- fill: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6998
- }
6999
- }
7000
-
7001
- :not(:last-child) {
7002
- margin-right: 0;
7003
- }
6915
+ const noBgMixin = styled.css `
6916
+ background-color: transparent;
6917
+ border-radius: 0;
6918
+ border-bottom: 0.125rem solid
6919
+ ${({ active, bgColor, theme: { palette } }) => (active ? bgColor || palette.primary : palette.element)};
6920
+
6921
+ ${TabValue},
6922
+ span[kind] {
6923
+ color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6924
+ }
6925
+
6926
+ &&& svg {
6927
+ path,
6928
+ line,
6929
+ circle {
6930
+ fill: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.textSecondary};
6931
+ }
6932
+ }
6933
+
6934
+ :not(:last-child) {
6935
+ margin-right: 0;
6936
+ }
7004
6937
  `;
7005
- const TabContainer = styled.a `
7006
- display: flex;
7007
- flex-direction: ${({ column }) => (column ? "column" : "row")};
7008
- align-items: center;
7009
- justify-content: center;
7010
- flex-wrap: nowrap;
7011
- padding: ${({ onlyIcon }) => (onlyIcon ? 1 : 0.5)}rem 1rem;
7012
- background-color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.element};
7013
- border-radius: ${({ column, radius, theme: { borderRadius } }) => radius ? `${radius}px` : column ? borderRadius.medium : borderRadius.xLarge};
7014
- text-decoration: none;
7015
-
7016
- :not(:last-child) {
7017
- margin-right: 0.5rem;
7018
- }
7019
-
7020
- ${TabValue} {
7021
- margin-top: ${({ column }) => (column ? 0.5 : 0)}rem;
7022
- margin-left: ${({ column, hasIcon }) => (column || !hasIcon ? 0 : 0.5)}rem;
7023
- font-size: ${({ column }) => (column ? 0.75 : 0.875)}rem;
7024
- white-space: nowrap;
7025
- }
7026
-
7027
- ${TabValue},
7028
- span[kind] {
7029
- color: ${({ active, theme: { palette } }) => (active ? palette.textContrast : palette.textSecondary)};
7030
- }
7031
-
7032
- ${SvgContainer$1} {
7033
- height: 1rem;
7034
- }
7035
-
7036
- svg,
7037
- img {
7038
- max-width: 1rem;
7039
- max-height: 1rem;
7040
- }
7041
-
7042
- ${({ noBg }) => noBg && noBgMixin};
6938
+ const TabContainer = styled.a `
6939
+ display: flex;
6940
+ flex-direction: ${({ column }) => (column ? "column" : "row")};
6941
+ align-items: center;
6942
+ justify-content: center;
6943
+ flex-wrap: nowrap;
6944
+ padding: ${({ onlyIcon }) => (onlyIcon ? 1 : 0.5)}rem 1rem;
6945
+ background-color: ${({ active, bgColor, theme: { palette } }) => active ? bgColor || palette.primary : palette.element};
6946
+ border-radius: ${({ column, radius, theme: { borderRadius } }) => radius ? `${radius}px` : column ? borderRadius.medium : borderRadius.xLarge};
6947
+ text-decoration: none;
6948
+
6949
+ :not(:last-child) {
6950
+ margin-right: 0.5rem;
6951
+ }
6952
+
6953
+ ${TabValue} {
6954
+ margin-top: ${({ column }) => (column ? 0.5 : 0)}rem;
6955
+ margin-left: ${({ column, hasIcon }) => (column || !hasIcon ? 0 : 0.5)}rem;
6956
+ font-size: ${({ column }) => (column ? 0.75 : 0.875)}rem;
6957
+ white-space: nowrap;
6958
+ }
6959
+
6960
+ ${TabValue},
6961
+ span[kind] {
6962
+ color: ${({ active, theme: { palette } }) => (active ? palette.textContrast : palette.textSecondary)};
6963
+ }
6964
+
6965
+ ${SvgContainer$1} {
6966
+ height: 1rem;
6967
+ }
6968
+
6969
+ svg,
6970
+ img {
6971
+ max-width: 1rem;
6972
+ max-height: 1rem;
6973
+ }
6974
+
6975
+ ${({ noBg }) => noBg && noBgMixin};
7043
6976
  `;
7044
- const SwiperContainer = styled.div `
7045
- width: 100%;
7046
-
7047
- .swiper-wrapper {
7048
- display: flex;
7049
- }
6977
+ const SwiperContainer = styled.div `
6978
+ width: 100%;
6979
+
6980
+ .swiper-wrapper {
6981
+ display: flex;
6982
+ }
7050
6983
  `;
7051
6984
 
7052
6985
  const TabsContainer = React.memo(({ elementConfig, type }) => {
@@ -7074,96 +7007,96 @@ const TabsContainer = React.memo(({ elementConfig, type }) => {
7074
7007
  });
7075
7008
 
7076
7009
  const ContainerIconValue = styled(uilibGl.Flex) ``;
7077
- const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
7078
- position: relative;
7079
- flex-direction: ${({ $bigIcon }) => ($bigIcon ? "row" : "column")};
7080
- width: 9rem;
7081
- padding: 0.75rem 0.75rem 0.5rem;
7082
- background-color: ${({ theme: { palette } }) => palette.element};
7083
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7084
- flex-wrap: nowrap;
7085
-
7086
- && {
7087
- margin-bottom: 0.5rem;
7088
- }
7089
-
7010
+ const RoundedBackgroundContainerWrapper = styled(uilibGl.Flex) `
7011
+ position: relative;
7012
+ flex-direction: ${({ $bigIcon }) => ($bigIcon ? "row" : "column")};
7013
+ width: 9rem;
7014
+ padding: 0.75rem 0.75rem 0.5rem;
7015
+ background-color: ${({ theme: { palette } }) => palette.element};
7016
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7017
+ flex-wrap: nowrap;
7018
+
7019
+ && {
7020
+ margin-bottom: 0.5rem;
7021
+ }
7022
+
7090
7023
  ${({ $center }) => $center &&
7091
- styled.css `
7092
- align-items: center;
7093
-
7094
- > * {
7095
- display: flex;
7096
- justify-content: center;
7097
- text-align: center;
7098
- width: 100%;
7099
- }
7100
- `};
7101
-
7024
+ styled.css `
7025
+ align-items: center;
7026
+
7027
+ > * {
7028
+ display: flex;
7029
+ justify-content: center;
7030
+ text-align: center;
7031
+ width: 100%;
7032
+ }
7033
+ `};
7034
+
7102
7035
  ${({ $color }) => $color &&
7103
- styled.css `
7104
- background-color: ${transparentizeColor($color, 6)};
7105
-
7106
- * {
7107
- color: ${$color};
7108
- }
7109
- `};
7110
-
7111
- ${ContainerIcon}, ${SvgContainer$1} {
7112
- margin-bottom: 0.25rem;
7113
- }
7114
-
7036
+ styled.css `
7037
+ background-color: ${transparentizeColor($color, 6)};
7038
+
7039
+ * {
7040
+ color: ${$color};
7041
+ }
7042
+ `};
7043
+
7044
+ ${ContainerIcon}, ${SvgContainer$1} {
7045
+ margin-bottom: 0.25rem;
7046
+ }
7047
+
7115
7048
  ${({ $bigIcon }) => $bigIcon &&
7116
- styled.css `
7117
- ${ContainerIcon}, ${SvgContainer$1} {
7118
- position: absolute;
7119
- top: 0.75rem;
7120
- right: 0.75rem;
7121
- width: 3rem;
7122
- opacity: 0.12;
7123
-
7124
- :after {
7125
- font-size: 3rem;
7126
- }
7127
- }
7128
- `};
7129
-
7130
- ${ContainerIconValue} {
7131
- align-items: center;
7132
- flex-direction: column;
7133
-
7049
+ styled.css `
7050
+ ${ContainerIcon}, ${SvgContainer$1} {
7051
+ position: absolute;
7052
+ top: 0.75rem;
7053
+ right: 0.75rem;
7054
+ width: 3rem;
7055
+ opacity: 0.12;
7056
+
7057
+ :after {
7058
+ font-size: 3rem;
7059
+ }
7060
+ }
7061
+ `};
7062
+
7063
+ ${ContainerIconValue} {
7064
+ align-items: center;
7065
+ flex-direction: column;
7066
+
7134
7067
  ${({ $big }) => $big &&
7135
- styled.css `
7136
- flex-direction: row;
7137
- margin-bottom: 0.5rem;
7138
-
7139
- > * {
7140
- text-align: left;
7141
- }
7142
-
7143
- span[kind] {
7144
- margin-right: 0.5rem;
7145
- }
7146
-
7147
- ${ContainerValue} {
7148
- width: auto;
7149
- }
7150
- `};
7151
- }
7152
-
7153
- ${ContainerValue} {
7154
- flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
7155
- justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
7156
- align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
7157
- line-height: 1;
7158
- }
7159
-
7160
- ${ContainerUnits} {
7161
- margin-left: ${({ $inlineUnits }) => ($inlineUnits ? "0.25rem" : 0)};
7162
- }
7163
-
7164
- ${ContainerAlias} {
7165
- margin-top: 0.25rem;
7166
- }
7068
+ styled.css `
7069
+ flex-direction: row;
7070
+ margin-bottom: 0.5rem;
7071
+
7072
+ > * {
7073
+ text-align: left;
7074
+ }
7075
+
7076
+ span[kind] {
7077
+ margin-right: 0.5rem;
7078
+ }
7079
+
7080
+ ${ContainerValue} {
7081
+ width: auto;
7082
+ }
7083
+ `};
7084
+ }
7085
+
7086
+ ${ContainerValue} {
7087
+ flex-direction: ${({ $inlineUnits }) => ($inlineUnits ? "row" : "column")};
7088
+ justify-content: ${({ $big }) => ($big ? "flex-start" : "center")};
7089
+ align-items: ${({ $inlineUnits }) => ($inlineUnits ? "center" : "flex-start")};
7090
+ line-height: 1;
7091
+ }
7092
+
7093
+ ${ContainerUnits} {
7094
+ margin-left: ${({ $inlineUnits }) => ($inlineUnits ? "0.25rem" : 0)};
7095
+ }
7096
+
7097
+ ${ContainerAlias} {
7098
+ margin-top: 0.25rem;
7099
+ }
7167
7100
  `;
7168
7101
 
7169
7102
  const ALIAS_DEFAULT_MAX_LENGTH = 28;
@@ -7210,20 +7143,20 @@ const AddFeatureContainer = React.memo(({ elementConfig }) => {
7210
7143
  .map(({ options }, index) => (jsxRuntime.jsx(AddFeatureButton, { icon: options?.icon, title: options?.title, layerName: options?.layerName, geometryType: options?.geometryType }, index))) }));
7211
7144
  });
7212
7145
 
7213
- const LayersContainerWrapper = styled(Container) `
7214
- ${uilibGl.DraggableTreeContainer} {
7215
- width: calc(100% + 3rem);
7216
- margin: -0.75rem -1.5rem 0;
7217
- }
7218
-
7219
- ${LayerListContainer} {
7220
- height: auto;
7221
- }
7222
-
7223
- ${LayerGroupList} {
7224
- margin: ${({ isPresentationMode }) => (isPresentationMode ? 0 : "0 -1.25rem 0 -1rem")};
7225
- padding: 0;
7226
- }
7146
+ const LayersContainerWrapper = styled(Container) `
7147
+ ${uilibGl.DraggableTreeContainer} {
7148
+ width: calc(100% + 3rem);
7149
+ margin: -0.75rem -1.5rem 0;
7150
+ }
7151
+
7152
+ ${LayerListContainer} {
7153
+ height: auto;
7154
+ }
7155
+
7156
+ ${LayerGroupList} {
7157
+ margin: ${({ isPresentationMode }) => (isPresentationMode ? 0 : "0 -1.25rem 0 -1rem")};
7158
+ padding: 0;
7159
+ }
7227
7160
  `;
7228
7161
 
7229
7162
  const LayersContainer = React.memo(({ type, elementConfig, renderElement }) => {
@@ -7258,9 +7191,9 @@ const UploadContainer = React.memo(({ type, elementConfig, renderElement }) => {
7258
7191
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && renderElement({ id: "uploader", wrap: false })] }));
7259
7192
  });
7260
7193
 
7261
- const StatusBadge = styled(uilibGl.Chip) `
7262
- background-color: ${({ bgColor }) => bgColor};
7263
- color: ${({ theme }) => theme.palette.iconContrast};
7194
+ const StatusBadge = styled(uilibGl.Chip) `
7195
+ background-color: ${({ bgColor }) => bgColor};
7196
+ color: ${({ theme }) => theme.palette.iconContrast};
7264
7197
  `;
7265
7198
 
7266
7199
  const STATUS_TRANSLATION_KEYS = {
@@ -7318,22 +7251,22 @@ exports.EditGeometryType = void 0;
7318
7251
  EditGeometryType["Raster"] = "raster";
7319
7252
  })(exports.EditGeometryType || (exports.EditGeometryType = {}));
7320
7253
 
7321
- const StyledButton = styled(uilibGl.FlatButton) `
7322
- display: flex;
7323
- align-items: center;
7324
-
7325
- ${({ status = api.RemoteTaskStatus.Unknown, statusColors, themeName }) => !!statusColors?.[status] && styled.css `
7326
- transition: background-color ${uilibGl.transition.toggle};
7327
- background-color: ${statusColors[status]};
7328
-
7329
- :hover {
7330
- background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -5 : 5)};
7331
- }
7332
-
7333
- :active {
7334
- background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -10 : 10)};
7335
- }
7336
- `}
7254
+ const StyledButton = styled(uilibGl.FlatButton) `
7255
+ display: flex;
7256
+ align-items: center;
7257
+
7258
+ ${({ status = api.RemoteTaskStatus.Unknown, statusColors, themeName }) => !!statusColors?.[status] && styled.css `
7259
+ transition: background-color ${uilibGl.transition.toggle};
7260
+ background-color: ${statusColors[status]};
7261
+
7262
+ :hover {
7263
+ background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -5 : 5)};
7264
+ }
7265
+
7266
+ :active {
7267
+ background-color: ${adjustColor(statusColors[status], themeName === exports.ThemeName.Dark ? -10 : 10)};
7268
+ }
7269
+ `}
7337
7270
  `;
7338
7271
 
7339
7272
  const StatusWaitingButton = ({ title, icon = "play", status, statusColors, isWaiting, isDisabled, onClick }) => {
@@ -7437,9 +7370,9 @@ const EditGroupContainer = React.memo(({ type, elementConfig, renderElement }) =
7437
7370
  return renderAttributes?.length ? (jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderAttributes.map(attribute => renderContainer(attribute)) })) : (renderContainer());
7438
7371
  });
7439
7372
 
7440
- const ContainerDivider = styled(uilibGl.Divider) `
7441
- width: 100%;
7442
- border-color: ${({ theme: { palette }, $bgColor }) => $bgColor || palette.elementDeep};
7373
+ const ContainerDivider = styled(uilibGl.Divider) `
7374
+ width: 100%;
7375
+ border-color: ${({ theme: { palette }, $bgColor }) => $bgColor || palette.elementDeep};
7443
7376
  `;
7444
7377
 
7445
7378
  const DividerContainer = React.memo(({ elementConfig, config }) => {
@@ -7482,149 +7415,149 @@ const getContainerComponent = (innerTemplateName) => innerTemplateName ? contain
7482
7415
  var img$3 = "data:image/png;base64,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";
7483
7416
 
7484
7417
  const getMaskColor = (isDark) => (isDark ? "0, 0, 0" : "255, 255, 255");
7485
- const DefaultHeaderContainer = styled(uilibGl.Flex) `
7486
- flex-direction: column;
7487
- position: relative;
7488
- flex-shrink: 0;
7489
- min-height: 8.175rem;
7490
- margin-bottom: -1.5rem;
7491
- padding: 1.5rem 1.5rem 0;
7492
- border-top-left-radius: 0.5rem;
7493
- border-top-right-radius: 0.5rem;
7494
- overflow: hidden;
7495
-
7496
- > * {
7497
- z-index: 1;
7498
- }
7499
-
7500
- &::before {
7501
- content: "";
7502
- position: absolute;
7503
- top: 0;
7504
- left: 0;
7505
- width: 100%;
7506
- height: 100%;
7507
-
7418
+ const DefaultHeaderContainer = styled(uilibGl.Flex) `
7419
+ flex-direction: column;
7420
+ position: relative;
7421
+ flex-shrink: 0;
7422
+ min-height: 8.175rem;
7423
+ margin-bottom: -1.5rem;
7424
+ padding: 1.5rem 1.5rem 0;
7425
+ border-top-left-radius: 0.5rem;
7426
+ border-top-right-radius: 0.5rem;
7427
+ overflow: hidden;
7428
+
7429
+ > * {
7430
+ z-index: 1;
7431
+ }
7432
+
7433
+ &::before {
7434
+ content: "";
7435
+ position: absolute;
7436
+ top: 0;
7437
+ left: 0;
7438
+ width: 100%;
7439
+ height: 100%;
7440
+
7508
7441
  ${({ image, isDark }) => image
7509
- ? styled.css `
7510
- background: url(${image}) 0 0 no-repeat;
7511
- background-size: cover;
7442
+ ? styled.css `
7443
+ background: url(${image}) 0 0 no-repeat;
7444
+ background-size: cover;
7512
7445
  `
7513
- : styled.css `
7514
- background: url(${img$3}) 50% 0 no-repeat;
7515
- opacity: ${isDark ? 1 : 0.5};
7516
- `}
7517
- }
7518
-
7446
+ : styled.css `
7447
+ background: url(${img$3}) 50% 0 no-repeat;
7448
+ opacity: ${isDark ? 1 : 0.5};
7449
+ `}
7450
+ }
7451
+
7519
7452
  ${({ image, isDark }) => image &&
7520
- styled.css `
7521
- &::before {
7522
- -webkit-mask-image: linear-gradient(
7523
- to bottom,
7524
- rgba(${getMaskColor(isDark)}, 1),
7525
- rgba(${getMaskColor(isDark)}, 0)
7526
- );
7527
- mask-image: linear-gradient(to bottom, rgba(${getMaskColor(isDark)}, 1), rgba(${getMaskColor(isDark)}, 0));
7528
- }
7529
- `}
7530
- ${uilibGl.LinearProgress} {
7531
- position: absolute;
7532
- top: 0;
7533
- left: 0;
7534
- }
7453
+ styled.css `
7454
+ &::before {
7455
+ -webkit-mask-image: linear-gradient(
7456
+ to bottom,
7457
+ rgba(${getMaskColor(isDark)}, 1),
7458
+ rgba(${getMaskColor(isDark)}, 0)
7459
+ );
7460
+ mask-image: linear-gradient(to bottom, rgba(${getMaskColor(isDark)}, 1), rgba(${getMaskColor(isDark)}, 0));
7461
+ }
7462
+ `}
7463
+ ${uilibGl.LinearProgress} {
7464
+ position: absolute;
7465
+ top: 0;
7466
+ left: 0;
7467
+ }
7535
7468
  `;
7536
- const TopContainer = styled(uilibGl.Flex) `
7537
- z-index: 1;
7538
- position: relative;
7539
- justify-content: space-between;
7540
- flex-wrap: nowrap;
7541
- width: 100%;
7542
- align-items: flex-start;
7543
- `;
7544
- const TopContainerButtons = styled(uilibGl.Flex) `
7545
- align-items: center;
7546
- width: auto;
7547
- margin-right: -0.5rem;
7548
-
7549
- button {
7550
- width: auto;
7551
- height: 1rem;
7552
- padding: 0 0.5rem;
7553
- }
7469
+ const TopContainer = styled(uilibGl.Flex) `
7470
+ z-index: 1;
7471
+ position: relative;
7472
+ justify-content: space-between;
7473
+ flex-wrap: nowrap;
7474
+ width: 100%;
7475
+ align-items: flex-start;
7476
+ `;
7477
+ const TopContainerButtons = styled(uilibGl.Flex) `
7478
+ align-items: center;
7479
+ width: auto;
7480
+ margin-right: -0.5rem;
7481
+
7482
+ button {
7483
+ width: auto;
7484
+ height: 1rem;
7485
+ padding: 0 0.5rem;
7486
+ }
7554
7487
  `;
7555
- const LogoContainer = styled(uilibGl.Flex) `
7556
- max-width: calc(100% - 1.4rem);
7557
- max-height: 1.875rem;
7558
- flex-grow: 1;
7559
- font-size: 0;
7560
-
7561
- & > span::after {
7562
- font-size: 2rem;
7563
- }
7564
-
7565
- img {
7566
- max-height: 1.875rem;
7567
- }
7488
+ const LogoContainer = styled(uilibGl.Flex) `
7489
+ max-width: calc(100% - 1.4rem);
7490
+ max-height: 1.875rem;
7491
+ flex-grow: 1;
7492
+ font-size: 0;
7493
+
7494
+ & > span::after {
7495
+ font-size: 2rem;
7496
+ }
7497
+
7498
+ img {
7499
+ max-height: 1.875rem;
7500
+ }
7568
7501
  `;
7569
- const PageTitle = styled(uilibGl.H2) `
7570
- cursor: pointer;
7571
- text-align: left;
7572
- flex: 1 1 auto;
7573
- min-width: 0;
7574
- margin: 0;
7575
- font-size: 1.25rem;
7576
- font-weight: 600;
7577
- pointer-events: initial;
7578
- font-family: "Nunito Sans", serif;
7579
-
7580
- > * {
7581
- white-space: nowrap;
7582
- overflow: hidden;
7583
- text-overflow: ellipsis;
7584
- }
7502
+ const PageTitle = styled(uilibGl.H2) `
7503
+ cursor: pointer;
7504
+ text-align: left;
7505
+ flex: 1 1 auto;
7506
+ min-width: 0;
7507
+ margin: 0;
7508
+ font-size: 1.25rem;
7509
+ font-weight: 600;
7510
+ pointer-events: initial;
7511
+ font-family: "Nunito Sans", serif;
7512
+
7513
+ > * {
7514
+ white-space: nowrap;
7515
+ overflow: hidden;
7516
+ text-overflow: ellipsis;
7517
+ }
7585
7518
  `;
7586
- const PageTitleContainer = styled(uilibGl.Flex) `
7587
- flex-grow: 1;
7588
- align-items: center;
7589
-
7590
- ${PageTitle} {
7591
- max-width: 15.75rem;
7592
- }
7593
-
7594
- &&& button {
7595
- width: 0;
7596
- overflow: hidden;
7597
-
7598
- span[kind] {
7599
- display: flex;
7600
- align-items: center;
7601
- justify-content: center;
7602
- width: 0.75rem;
7603
-
7604
- :after {
7605
- font-size: 0.75rem;
7606
- color: ${({ theme: { palette } }) => palette.textDisabled};
7607
- transition: color ${uilibGl.transition.hover};
7608
- }
7609
- }
7610
-
7611
- &:hover,
7612
- &:active {
7613
- span[kind]:after {
7614
- color: ${({ theme: { palette } }) => palette.textPrimary};
7615
- }
7616
- }
7617
- }
7618
-
7619
- :hover {
7620
- ${PageTitle} {
7621
- max-width: 14.25rem;
7622
- }
7623
-
7624
- &&& button {
7625
- width: 1.5rem;
7626
- }
7627
- }
7519
+ const PageTitleContainer = styled(uilibGl.Flex) `
7520
+ flex-grow: 1;
7521
+ align-items: center;
7522
+
7523
+ ${PageTitle} {
7524
+ max-width: 15.75rem;
7525
+ }
7526
+
7527
+ &&& button {
7528
+ width: 0;
7529
+ overflow: hidden;
7530
+
7531
+ span[kind] {
7532
+ display: flex;
7533
+ align-items: center;
7534
+ justify-content: center;
7535
+ width: 0.75rem;
7536
+
7537
+ :after {
7538
+ font-size: 0.75rem;
7539
+ color: ${({ theme: { palette } }) => palette.textDisabled};
7540
+ transition: color ${uilibGl.transition.hover};
7541
+ }
7542
+ }
7543
+
7544
+ &:hover,
7545
+ &:active {
7546
+ span[kind]:after {
7547
+ color: ${({ theme: { palette } }) => palette.textPrimary};
7548
+ }
7549
+ }
7550
+ }
7551
+
7552
+ :hover {
7553
+ ${PageTitle} {
7554
+ max-width: 14.25rem;
7555
+ }
7556
+
7557
+ &&& button {
7558
+ width: 1.5rem;
7559
+ }
7560
+ }
7628
7561
  `;
7629
7562
 
7630
7563
  const DashboardDefaultHeader = React.memo(() => {
@@ -7634,87 +7567,87 @@ const DashboardDefaultHeader = React.memo(() => {
7634
7567
  return (jsxRuntime.jsxs(DefaultHeaderContainer, { image: getResourceUrl(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, { 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, {}) })] }) }) }) })] })] }));
7635
7568
  });
7636
7569
 
7637
- const HeaderFrontView = styled(uilibGl.Flex) `
7638
- z-index: 10;
7639
- position: relative;
7640
- justify-content: space-between;
7641
- align-items: ${({ isDefault }) => (isDefault ? "center" : "flex-start")};
7642
- width: 100%;
7643
- font: ${({ theme: { fonts } }) => fonts.subtitle};
7644
- `;
7645
- const HeaderContainer = styled(uilibGl.FlexSpan) `
7646
- display: flex;
7647
- flex-grow: 1;
7648
- flex-wrap: nowrap;
7649
- width: calc(100% - 48px);
7650
- `;
7651
- const FeatureTitleContainer = styled.div `
7652
- display: -webkit-box;
7653
- max-width: 100%;
7654
- width: 100%;
7655
- margin: 0.5rem 0;
7656
- -webkit-line-clamp: 2;
7657
- -webkit-box-orient: vertical;
7658
- overflow: hidden;
7659
- text-overflow: ellipsis;
7660
- color: ${({ theme: { palette } }) => palette.textPrimary};
7661
-
7662
- & > ${uilibGl.FlexSpan} {
7663
- cursor: ${({ clickable }) => clickable && "pointer"};
7664
-
7665
- &:hover {
7666
- color: ${({ clickable, theme: { palette } }) => clickable && palette.primary};
7667
- }
7668
- }
7570
+ const HeaderFrontView = styled(uilibGl.Flex) `
7571
+ z-index: 10;
7572
+ position: relative;
7573
+ justify-content: space-between;
7574
+ align-items: ${({ isDefault }) => (isDefault ? "center" : "flex-start")};
7575
+ width: 100%;
7576
+ font: ${({ theme: { fonts } }) => fonts.subtitle};
7577
+ `;
7578
+ const HeaderContainer = styled(uilibGl.FlexSpan) `
7579
+ display: flex;
7580
+ flex-grow: 1;
7581
+ flex-wrap: nowrap;
7582
+ width: calc(100% - 48px);
7583
+ `;
7584
+ const FeatureTitleContainer = styled.div `
7585
+ display: -webkit-box;
7586
+ max-width: 100%;
7587
+ width: 100%;
7588
+ margin: 0.5rem 0;
7589
+ -webkit-line-clamp: 2;
7590
+ -webkit-box-orient: vertical;
7591
+ overflow: hidden;
7592
+ text-overflow: ellipsis;
7593
+ color: ${({ theme: { palette } }) => palette.textPrimary};
7594
+
7595
+ & > ${uilibGl.FlexSpan} {
7596
+ cursor: ${({ clickable }) => clickable && "pointer"};
7597
+
7598
+ &:hover {
7599
+ color: ${({ clickable, theme: { palette } }) => clickable && palette.primary};
7600
+ }
7601
+ }
7669
7602
  `;
7670
- const LayerDescription = styled(uilibGl.Description) `
7671
- width: calc(100% - 4rem);
7672
- display: -webkit-box;
7673
- -webkit-line-clamp: 2;
7674
- -webkit-box-orient: vertical;
7675
- overflow: hidden;
7676
- text-overflow: ellipsis;
7603
+ const LayerDescription = styled(uilibGl.Description) `
7604
+ width: calc(100% - 4rem);
7605
+ display: -webkit-box;
7606
+ -webkit-line-clamp: 2;
7607
+ -webkit-box-orient: vertical;
7608
+ overflow: hidden;
7609
+ text-overflow: ellipsis;
7677
7610
  `;
7678
- const HeaderTitleContainer = styled(uilibGl.Flex) `
7679
- flex-direction: column;
7680
- width: 100%;
7611
+ const HeaderTitleContainer = styled(uilibGl.Flex) `
7612
+ flex-direction: column;
7613
+ width: 100%;
7681
7614
  `;
7682
- const RowHeaderMixin = styled.css `
7683
- &&& {
7684
- min-height: auto;
7685
-
7686
- ${FeatureTitleContainer}, ${LayerDescription} {
7687
- text-align: left;
7688
- }
7689
- }
7690
-
7691
- ${HeaderContainer} {
7692
- flex-direction: row;
7693
- }
7694
-
7695
- ${FeatureTitleContainer} {
7696
- max-width: calc(100% - 3.8rem);
7697
- }
7615
+ const RowHeaderMixin = styled.css `
7616
+ &&& {
7617
+ min-height: auto;
7618
+
7619
+ ${FeatureTitleContainer}, ${LayerDescription} {
7620
+ text-align: left;
7621
+ }
7622
+ }
7623
+
7624
+ ${HeaderContainer} {
7625
+ flex-direction: row;
7626
+ }
7627
+
7628
+ ${FeatureTitleContainer} {
7629
+ max-width: calc(100% - 3.8rem);
7630
+ }
7698
7631
  `;
7699
- const Header = styled(uilibGl.Flex) `
7700
- z-index: 1;
7701
- position: relative;
7702
- top: 0;
7703
- flex-shrink: 0;
7704
- overflow: hidden;
7705
- width: 100%;
7706
- padding: 0.5rem;
7707
-
7708
- ${HeaderContainer} {
7709
- flex-direction: column;
7710
- }
7711
-
7712
- ${({ $isRow }) => $isRow && RowHeaderMixin};
7632
+ const Header = styled(uilibGl.Flex) `
7633
+ z-index: 1;
7634
+ position: relative;
7635
+ top: 0;
7636
+ flex-shrink: 0;
7637
+ overflow: hidden;
7638
+ width: 100%;
7639
+ padding: 0.5rem;
7640
+
7641
+ ${HeaderContainer} {
7642
+ flex-direction: column;
7643
+ }
7644
+
7645
+ ${({ $isRow }) => $isRow && RowHeaderMixin};
7713
7646
  `;
7714
- const DefaultHeaderWrapper = styled.div `
7715
- ${Header} {
7716
- padding: 0 1.5rem 1.5rem 0;
7717
- }
7647
+ const DefaultHeaderWrapper = styled.div `
7648
+ ${Header} {
7649
+ padding: 0 1.5rem 1.5rem 0;
7650
+ }
7718
7651
  `;
7719
7652
 
7720
7653
  const HeaderTitle = ({ noFeature }) => {
@@ -7742,24 +7675,24 @@ const HeaderTitle = ({ noFeature }) => {
7742
7675
  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 })] }));
7743
7676
  };
7744
7677
 
7745
- const LayerIconContainer = styled.div `
7746
- display: flex;
7747
- align-items: center;
7748
- justify-content: center;
7749
- min-width: 2rem;
7750
- margin-right: 0.5rem;
7678
+ const LayerIconContainer = styled.div `
7679
+ display: flex;
7680
+ align-items: center;
7681
+ justify-content: center;
7682
+ min-width: 2rem;
7683
+ margin-right: 0.5rem;
7751
7684
  `;
7752
- const AlertIconContainer = styled(uilibGl.Flex) `
7753
- align-items: center;
7754
- justify-content: center;
7755
- width: 2rem;
7756
- height: 2rem;
7757
-
7758
- ${uilibGl.Icon} {
7759
- :after {
7760
- color: ${({ theme: { palette } }) => palette.error};
7761
- }
7762
- }
7685
+ const AlertIconContainer = styled(uilibGl.Flex) `
7686
+ align-items: center;
7687
+ justify-content: center;
7688
+ width: 2rem;
7689
+ height: 2rem;
7690
+
7691
+ ${uilibGl.Icon} {
7692
+ :after {
7693
+ color: ${({ theme: { palette } }) => palette.error};
7694
+ }
7695
+ }
7763
7696
  `;
7764
7697
 
7765
7698
  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";
@@ -7792,54 +7725,54 @@ const FeatureCardDefaultHeader = ({ noFeature }) => {
7792
7725
  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, {})] }) }) }));
7793
7726
  };
7794
7727
 
7795
- const HeaderFontColorMixin$1 = styled.css `
7796
- ${HeaderTitleContainer}, ${LayerDescription} {
7797
- color: ${({ $fontColor }) => $fontColor};
7798
- }
7728
+ const HeaderFontColorMixin$1 = styled.css `
7729
+ ${HeaderTitleContainer}, ${LayerDescription} {
7730
+ color: ${({ $fontColor }) => $fontColor};
7731
+ }
7799
7732
  `;
7800
- const HeaderWrapperMixin$1 = styled.css `
7801
- ${Header} {
7802
- min-height: 5.25rem;
7803
- }
7804
-
7805
- ${HeaderContainer} {
7806
- max-width: 100%;
7807
- width: 100%;
7808
- }
7809
-
7810
- ${FeatureControls} {
7811
- max-width: calc(100% - 2rem);
7812
- width: calc(100% - 2rem);
7813
- margin-top: -0.5rem;
7814
- padding-top: 1rem;
7815
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7816
- }
7817
-
7818
- ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin$1};
7733
+ const HeaderWrapperMixin$1 = styled.css `
7734
+ ${Header} {
7735
+ min-height: 5.25rem;
7736
+ }
7737
+
7738
+ ${HeaderContainer} {
7739
+ max-width: 100%;
7740
+ width: 100%;
7741
+ }
7742
+
7743
+ ${FeatureControls} {
7744
+ max-width: calc(100% - 2rem);
7745
+ width: calc(100% - 2rem);
7746
+ margin-top: -0.5rem;
7747
+ padding-top: 1rem;
7748
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7749
+ }
7750
+
7751
+ ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin$1};
7819
7752
  `;
7820
- const GradientHeaderWrapper = styled.div `
7821
- ${Header} {
7822
- background: ${({ $bgColor }) => $bgColor || "radial-gradient(129.21% 133.22% at 51.94% 0%, #e8fffe 9.48%, #5fcaff 100%)"};
7823
- }
7824
-
7825
- ${HeaderContainer} {
7826
- align-items: center;
7827
- }
7828
-
7829
- ${HeaderTitleContainer} {
7830
- margin-left: 0;
7831
- text-align: center;
7832
- }
7833
-
7834
- ${FeatureTitleContainer} {
7835
- text-align: center;
7836
- }
7837
-
7838
- ${LayerDescription} {
7839
- text-align: center;
7840
- }
7841
-
7842
- ${HeaderWrapperMixin$1};
7753
+ const GradientHeaderWrapper = styled.div `
7754
+ ${Header} {
7755
+ background: ${({ $bgColor }) => $bgColor || "radial-gradient(129.21% 133.22% at 51.94% 0%, #e8fffe 9.48%, #5fcaff 100%)"};
7756
+ }
7757
+
7758
+ ${HeaderContainer} {
7759
+ align-items: center;
7760
+ }
7761
+
7762
+ ${HeaderTitleContainer} {
7763
+ margin-left: 0;
7764
+ text-align: center;
7765
+ }
7766
+
7767
+ ${FeatureTitleContainer} {
7768
+ text-align: center;
7769
+ }
7770
+
7771
+ ${LayerDescription} {
7772
+ text-align: center;
7773
+ }
7774
+
7775
+ ${HeaderWrapperMixin$1};
7843
7776
  `;
7844
7777
 
7845
7778
  const FeatureCardGradientHeader = ({ isRow }) => {
@@ -7858,80 +7791,80 @@ const FeatureCardGradientHeader = ({ isRow }) => {
7858
7791
  }) })] }), jsxRuntime.jsx(FeatureCardButtons, {})] }) }) }) }));
7859
7792
  };
7860
7793
 
7861
- const HeaderFontColorMixin = styled.css `
7862
- ${HeaderTitleContainer}, ${HeaderTitleContainer} *, ${LayerDescription} {
7863
- color: ${({ $fontColor }) => $fontColor};
7864
- }
7794
+ const HeaderFontColorMixin = styled.css `
7795
+ ${HeaderTitleContainer}, ${HeaderTitleContainer} *, ${LayerDescription} {
7796
+ color: ${({ $fontColor }) => $fontColor};
7797
+ }
7865
7798
  `;
7866
- const HeaderWrapperMixin = styled.css `
7867
- ${Header} {
7868
- min-height: 5.25rem;
7869
- }
7870
-
7871
- ${HeaderContainer} {
7872
- max-width: 100%;
7873
- width: 100%;
7874
- }
7875
-
7876
- ${FeatureControls} {
7877
- max-width: calc(100% - 2rem);
7878
- width: calc(100% - 2rem);
7879
- margin-top: -0.5rem;
7880
- padding-top: 1rem;
7881
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7882
- }
7883
-
7884
- ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin};
7885
- `;
7886
- const HeaderIcon = styled(uilibGl.Flex) `
7887
- position: absolute;
7888
- top: 0;
7889
- right: 0;
7890
- justify-content: flex-end;
7891
- align-items: center;
7892
- min-width: 7.5rem;
7893
- height: 100%;
7894
-
7895
- span[kind]:after {
7896
- font-size: 7.5rem;
7897
- }
7898
-
7899
- span[kind]:after,
7900
- path,
7901
- line,
7902
- circle {
7903
- fill: rgba(255, 255, 255, 0.36);
7904
- }
7905
-
7906
- && > * {
7907
- display: flex;
7908
- align-items: center;
7909
- height: 100%;
7910
- }
7799
+ const HeaderWrapperMixin = styled.css `
7800
+ ${Header} {
7801
+ min-height: 5.25rem;
7802
+ }
7803
+
7804
+ ${HeaderContainer} {
7805
+ max-width: 100%;
7806
+ width: 100%;
7807
+ }
7808
+
7809
+ ${FeatureControls} {
7810
+ max-width: calc(100% - 2rem);
7811
+ width: calc(100% - 2rem);
7812
+ margin-top: -0.5rem;
7813
+ padding-top: 1rem;
7814
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7815
+ }
7816
+
7817
+ ${({ $fontColor }) => !!$fontColor && HeaderFontColorMixin};
7911
7818
  `;
7912
- const BigIconHeaderMixin = styled.css `
7913
- ${HeaderIcon} {
7914
- min-width: 14rem;
7915
- right: -3rem;
7916
-
7917
- span[kind]:after {
7918
- font-size: 14rem;
7919
- }
7920
- }
7819
+ const HeaderIcon = styled(uilibGl.Flex) `
7820
+ position: absolute;
7821
+ top: 0;
7822
+ right: 0;
7823
+ justify-content: flex-end;
7824
+ align-items: center;
7825
+ min-width: 7.5rem;
7826
+ height: 100%;
7827
+
7828
+ span[kind]:after {
7829
+ font-size: 7.5rem;
7830
+ }
7831
+
7832
+ span[kind]:after,
7833
+ path,
7834
+ line,
7835
+ circle {
7836
+ fill: rgba(255, 255, 255, 0.36);
7837
+ }
7838
+
7839
+ && > * {
7840
+ display: flex;
7841
+ align-items: center;
7842
+ height: 100%;
7843
+ }
7921
7844
  `;
7922
- const IconHeaderWrapper = styled.div `
7923
- ${Header} {
7924
- width: calc(100% + 1.5rem);
7925
- margin: -1.5rem -1.5rem 0 -1.5rem;
7926
- padding: 1.5rem;
7927
- border-top-left-radius: 0.5rem;
7928
- border-top-right-radius: 0.5rem;
7929
- background: ${({ $bgColor }) => $bgColor || "linear-gradient(96.55deg, #FFFCD3 0%, #B4DC47 100%)"};
7930
- }
7931
-
7932
- ${HeaderWrapperMixin};
7933
-
7934
- ${({ $bigIcon }) => $bigIcon && BigIconHeaderMixin};
7845
+ const BigIconHeaderMixin = styled.css `
7846
+ ${HeaderIcon} {
7847
+ min-width: 14rem;
7848
+ right: -3rem;
7849
+
7850
+ span[kind]:after {
7851
+ font-size: 14rem;
7852
+ }
7853
+ }
7854
+ `;
7855
+ const IconHeaderWrapper = styled.div `
7856
+ ${Header} {
7857
+ width: calc(100% + 1.5rem);
7858
+ margin: -1.5rem -1.5rem 0 -1.5rem;
7859
+ padding: 1.5rem;
7860
+ border-top-left-radius: 0.5rem;
7861
+ border-top-right-radius: 0.5rem;
7862
+ background: ${({ $bgColor }) => $bgColor || "linear-gradient(96.55deg, #FFFCD3 0%, #B4DC47 100%)"};
7863
+ }
7864
+
7865
+ ${HeaderWrapperMixin};
7866
+
7867
+ ${({ $bigIcon }) => $bigIcon && BigIconHeaderMixin};
7935
7868
  `;
7936
7869
 
7937
7870
  const FeatureCardIconHeader = ({ isRow }) => {
@@ -7953,15 +7886,15 @@ const FeatureCardIconHeader = ({ isRow }) => {
7953
7886
  }) })] }) }) }));
7954
7887
  };
7955
7888
 
7956
- const ImageContainerButton = styled(uilibGl.FlatButton) `
7957
- min-height: 1.5rem;
7958
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7959
- background-color: ${({ theme: { palette } }) => palette.primary};
7960
- text-transform: none;
7961
-
7962
- :hover {
7963
- background-color: ${({ theme: { palette } }) => palette.primaryDeep};
7964
- }
7889
+ const ImageContainerButton = styled(uilibGl.FlatButton) `
7890
+ min-height: 1.5rem;
7891
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.large};
7892
+ background-color: ${({ theme: { palette } }) => palette.primary};
7893
+ text-transform: none;
7894
+
7895
+ :hover {
7896
+ background-color: ${({ theme: { palette } }) => palette.primaryDeep};
7897
+ }
7965
7898
  `;
7966
7899
 
7967
7900
  const ElementButton = React.memo(({ type, elementConfig }) => {
@@ -7973,157 +7906,157 @@ const ElementButton = React.memo(({ type, elementConfig }) => {
7973
7906
  return (jsxRuntime.jsx(ImageContainerButton, { onClick: () => window.open(attribute?.value), children: elementConfig.value || "" }));
7974
7907
  });
7975
7908
 
7976
- const AttributeGalleryContainer = styled.div `
7977
- && {
7978
- width: calc(100% + 3rem);
7979
- }
7980
-
7981
- min-height: 12.625rem;
7982
- background-color: ${({ theme: { palette } }) => palette.element};
7983
-
7984
- img {
7985
- width: 100%;
7986
- }
7987
- `;
7988
- const LinearProgressContainer = styled(uilibGl.Flex) `
7989
- align-items: center;
7990
- justify-content: center;
7991
- min-height: inherit;
7992
-
7993
- ${uilibGl.LinearProgress} {
7994
- max-width: 4rem;
7995
- }
7909
+ const AttributeGalleryContainer = styled.div `
7910
+ && {
7911
+ width: calc(100% + 3rem);
7912
+ }
7913
+
7914
+ min-height: 12.625rem;
7915
+ background-color: ${({ theme: { palette } }) => palette.element};
7916
+
7917
+ img {
7918
+ width: 100%;
7919
+ }
7996
7920
  `;
7997
- const NoLiveSnapshotContainer = styled(uilibGl.Flex) `
7998
- flex-direction: column;
7999
- align-items: center;
8000
-
8001
- span[kind="alert"] {
8002
- width: 2rem;
8003
- height: 2rem;
8004
-
8005
- &:after {
8006
- font-size: 2rem;
8007
- color: ${({ theme: { palette } }) => palette.elementDeep};
8008
- }
8009
- }
8010
-
8011
- ${uilibGl.Description} {
8012
- font-size: 0.75rem;
8013
- color: ${({ theme: { palette } }) => palette.textDisabled};
8014
- }
7921
+ const LinearProgressContainer = styled(uilibGl.Flex) `
7922
+ align-items: center;
7923
+ justify-content: center;
7924
+ min-height: inherit;
7925
+
7926
+ ${uilibGl.LinearProgress} {
7927
+ max-width: 4rem;
7928
+ }
8015
7929
  `;
8016
- const SmallPreviewControl = styled(uilibGl.IconButton) `
8017
- cursor: ${({ $isDisabled }) => ($isDisabled ? "default" : "pointer")};
8018
- z-index: 3;
8019
- position: absolute;
8020
- top: 50%;
8021
- width: 2.5rem;
8022
- height: 2.5rem;
8023
- margin-top: -1.25rem;
8024
- background-color: rgba(61, 61, 61, 0.8);
8025
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
8026
-
8027
- span:after {
8028
- color: ${({ $isDisabled }) => ($isDisabled ? "rgba(255, 255, 255, 0.28)" : "rgba(255, 255, 255, 1)")};
8029
- transition: color ${uilibGl.transition.hover};
8030
- }
7930
+ const NoLiveSnapshotContainer = styled(uilibGl.Flex) `
7931
+ flex-direction: column;
7932
+ align-items: center;
7933
+
7934
+ span[kind="alert"] {
7935
+ width: 2rem;
7936
+ height: 2rem;
7937
+
7938
+ &:after {
7939
+ font-size: 2rem;
7940
+ color: ${({ theme: { palette } }) => palette.elementDeep};
7941
+ }
7942
+ }
7943
+
7944
+ ${uilibGl.Description} {
7945
+ font-size: 0.75rem;
7946
+ color: ${({ theme: { palette } }) => palette.textDisabled};
7947
+ }
8031
7948
  `;
8032
- const SmallPreviewCounter = styled(uilibGl.Flex) `
8033
- z-index: 3;
8034
- position: absolute;
8035
- bottom: 0.625rem;
8036
- left: 0;
8037
- width: 100%;
8038
- height: 1rem;
8039
- justify-content: center;
8040
-
8041
- > div {
8042
- background-color: rgba(61, 61, 61, 0.8);
8043
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
8044
- padding: 0 0.5rem;
8045
- font-size: 0.625rem;
8046
- line-height: 1rem;
8047
- color: #fff;
8048
- }
7949
+ const SmallPreviewControl = styled(uilibGl.IconButton) `
7950
+ cursor: ${({ $isDisabled }) => ($isDisabled ? "default" : "pointer")};
7951
+ z-index: 3;
7952
+ position: absolute;
7953
+ top: 50%;
7954
+ width: 2.5rem;
7955
+ height: 2.5rem;
7956
+ margin-top: -1.25rem;
7957
+ background-color: rgba(61, 61, 61, 0.8);
7958
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.smallest};
7959
+
7960
+ span:after {
7961
+ color: ${({ $isDisabled }) => ($isDisabled ? "rgba(255, 255, 255, 0.28)" : "rgba(255, 255, 255, 1)")};
7962
+ transition: color ${uilibGl.transition.hover};
7963
+ }
7964
+ `;
7965
+ const SmallPreviewCounter = styled(uilibGl.Flex) `
7966
+ z-index: 3;
7967
+ position: absolute;
7968
+ bottom: 0.625rem;
7969
+ left: 0;
7970
+ width: 100%;
7971
+ height: 1rem;
7972
+ justify-content: center;
7973
+
7974
+ > div {
7975
+ background-color: rgba(61, 61, 61, 0.8);
7976
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
7977
+ padding: 0 0.5rem;
7978
+ font-size: 0.625rem;
7979
+ line-height: 1rem;
7980
+ color: #fff;
7981
+ }
8049
7982
  `;
8050
7983
  const SmallPreviewLeft = styled(SmallPreviewControl).attrs(() => ({
8051
7984
  kind: "prev",
8052
- })) `
8053
- left: 1.5rem;
7985
+ })) `
7986
+ left: 1.5rem;
8054
7987
  `;
8055
7988
  const SmallPreviewRight = styled(SmallPreviewControl).attrs(() => ({
8056
7989
  kind: "next",
8057
- })) `
8058
- right: 1.5rem;
8059
- `;
8060
- const imgSlideShowMixin = styled.css `
8061
- &:nth-child(${({ prevIndex }) => prevIndex}) {
8062
- z-index: 2;
8063
- position: absolute;
8064
- top: 0;
8065
- left: 0;
8066
- right: 0;
8067
- bottom: 0;
8068
- opacity: 0;
8069
-
8070
- animation-duration: 0.25s;
8071
- animation-name: fadeOut;
8072
- animation-timing-function: linear;
8073
-
8074
- @keyframes fadeOut {
8075
- from {
8076
- opacity: 1;
8077
- }
8078
-
8079
- to {
8080
- opacity: 0;
8081
- }
8082
- }
8083
- }
7990
+ })) `
7991
+ right: 1.5rem;
7992
+ `;
7993
+ const imgSlideShowMixin = styled.css `
7994
+ &:nth-child(${({ prevIndex }) => prevIndex}) {
7995
+ z-index: 2;
7996
+ position: absolute;
7997
+ top: 0;
7998
+ left: 0;
7999
+ right: 0;
8000
+ bottom: 0;
8001
+ opacity: 0;
8002
+
8003
+ animation-duration: 0.25s;
8004
+ animation-name: fadeOut;
8005
+ animation-timing-function: linear;
8006
+
8007
+ @keyframes fadeOut {
8008
+ from {
8009
+ opacity: 1;
8010
+ }
8011
+
8012
+ to {
8013
+ opacity: 0;
8014
+ }
8015
+ }
8016
+ }
8084
8017
  `;
8085
- const SmallPreviewContainer$1 = styled.div `
8086
- cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
8087
- position: relative;
8088
- width: 100%;
8089
- height: 100%;
8090
- min-height: inherit;
8091
- line-height: 0;
8092
-
8093
- ${uilibGl.LinearProgress} {
8094
- z-index: 3;
8095
- position: absolute;
8096
- }
8097
-
8098
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
8099
- opacity: 0;
8100
- transition: opacity ${uilibGl.transition.hover};
8101
- }
8102
-
8103
- &:hover {
8104
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
8105
- opacity: 1;
8106
- }
8107
- }
8108
-
8109
- img {
8110
- z-index: 0;
8111
- cursor: pointer;
8112
- position: absolute;
8113
- top: 0;
8114
- left: 0;
8115
- width: 100%;
8116
- height: 100%;
8117
- min-height: inherit;
8118
- object-position: center;
8119
- object-fit: cover;
8120
-
8121
- &:nth-child(${({ currentIndex }) => currentIndex}) {
8122
- z-index: 1;
8123
- }
8124
-
8125
- ${({ prevIndex, currentIndex }) => prevIndex !== currentIndex && imgSlideShowMixin}
8126
- }
8018
+ const SmallPreviewContainer$1 = styled.div `
8019
+ cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
8020
+ position: relative;
8021
+ width: 100%;
8022
+ height: 100%;
8023
+ min-height: inherit;
8024
+ line-height: 0;
8025
+
8026
+ ${uilibGl.LinearProgress} {
8027
+ z-index: 3;
8028
+ position: absolute;
8029
+ }
8030
+
8031
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
8032
+ opacity: 0;
8033
+ transition: opacity ${uilibGl.transition.hover};
8034
+ }
8035
+
8036
+ &:hover {
8037
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
8038
+ opacity: 1;
8039
+ }
8040
+ }
8041
+
8042
+ img {
8043
+ z-index: 0;
8044
+ cursor: pointer;
8045
+ position: absolute;
8046
+ top: 0;
8047
+ left: 0;
8048
+ width: 100%;
8049
+ height: 100%;
8050
+ min-height: inherit;
8051
+ object-position: center;
8052
+ object-fit: cover;
8053
+
8054
+ &:nth-child(${({ currentIndex }) => currentIndex}) {
8055
+ z-index: 1;
8056
+ }
8057
+
8058
+ ${({ prevIndex, currentIndex }) => prevIndex !== currentIndex && imgSlideShowMixin}
8059
+ }
8127
8060
  `;
8128
8061
  const SmallPreviewImages = styled.div ``;
8129
8062
 
@@ -8324,8 +8257,8 @@ const ElementControl = ({ elementConfig }) => {
8324
8257
  return [];
8325
8258
  }
8326
8259
  return dataSource.features.map(item => ({
8327
- value: item.attributes?.[attributeName] || "",
8328
- text: item.attributes?.[control?.attributeAlias || attributeName] || "",
8260
+ value: item.properties?.[attributeName] || "",
8261
+ text: item.properties?.[control?.attributeAlias || attributeName] || "",
8329
8262
  }));
8330
8263
  }, [control?.attributeAlias, dataSource?.features, attributeName]);
8331
8264
  const isDisabled = React.useMemo(() => {
@@ -8342,21 +8275,21 @@ const ElementControl = ({ elementConfig }) => {
8342
8275
  return (jsxRuntime.jsx(uilibGl.Dropdown, { zIndex: 1000, width: `${width ?? DEFAULT_DROPDOWN_WIDTH}px`, label: label, options: items, value: controls?.[control?.targetAttributeName] ?? attribute?.value ?? defaultValue, placeholder: placeholder, disabled: isDisabled, onChange: handleChange }));
8343
8276
  };
8344
8277
 
8345
- const StyledIconFontSizeMixin = styled.css `
8346
- height: ${({ fontSize }) => `${fontSize}px`};
8347
-
8348
- &&:after {
8349
- font-size: ${({ fontSize }) => `${fontSize}px`};
8350
- }
8278
+ const StyledIconFontSizeMixin = styled.css `
8279
+ height: ${({ fontSize }) => `${fontSize}px`};
8280
+
8281
+ &&:after {
8282
+ font-size: ${({ fontSize }) => `${fontSize}px`};
8283
+ }
8351
8284
  `;
8352
- const StyledIconFontColorMixin = styled.css `
8353
- &&:after {
8354
- color: ${({ fontColor }) => fontColor};
8355
- }
8285
+ const StyledIconFontColorMixin = styled.css `
8286
+ &&:after {
8287
+ color: ${({ fontColor }) => fontColor};
8288
+ }
8356
8289
  `;
8357
- const StyledIcon = styled(uilibGl.Icon) `
8358
- ${({ fontSize }) => !!fontSize && StyledIconFontSizeMixin};
8359
- ${({ fontColor }) => !!fontColor && StyledIconFontColorMixin};
8290
+ const StyledIcon = styled(uilibGl.Icon) `
8291
+ ${({ fontSize }) => !!fontSize && StyledIconFontSizeMixin};
8292
+ ${({ fontColor }) => !!fontColor && StyledIconFontColorMixin};
8360
8293
  `;
8361
8294
 
8362
8295
  const ElementIcon = React.memo(({ type, elementConfig }) => {
@@ -8422,55 +8355,55 @@ const ElementLegend = React.memo(({ type, element, elementConfig }) => {
8422
8355
 
8423
8356
  const ExternalLink = styled(uilibGl.IconButton).attrs(() => ({
8424
8357
  kind: "external_link",
8425
- })) `
8426
- ${uilibGl.Icon} {
8427
- color: ${({ theme: { palette } }) => palette.primary};
8428
- }
8429
-
8430
- &:hover ${uilibGl.Icon} {
8431
- color: ${({ theme: { palette } }) => palette.primaryDeep};
8432
- }
8358
+ })) `
8359
+ ${uilibGl.Icon} {
8360
+ color: ${({ theme: { palette } }) => palette.primary};
8361
+ }
8362
+
8363
+ &:hover ${uilibGl.Icon} {
8364
+ color: ${({ theme: { palette } }) => palette.primaryDeep};
8365
+ }
8433
8366
  `;
8434
- const Link = styled.a `
8435
- text-decoration: none;
8436
- font-size: 0.75rem;
8437
- color: ${({ theme: { palette } }) => palette.primary};
8367
+ const Link = styled.a `
8368
+ text-decoration: none;
8369
+ font-size: 0.75rem;
8370
+ color: ${({ theme: { palette } }) => palette.primary};
8438
8371
  `;
8439
- const LocalLinkBlank = styled(uilibGl.Blank) `
8440
- min-width: 13.5rem;
8441
- padding: 0.5rem 0.75rem 0;
8442
-
8443
- ${uilibGl.IconButtonButton} {
8444
- font-size: 0.75rem;
8445
- }
8372
+ const LocalLinkBlank = styled(uilibGl.Blank) `
8373
+ min-width: 13.5rem;
8374
+ padding: 0.5rem 0.75rem 0;
8375
+
8376
+ ${uilibGl.IconButtonButton} {
8377
+ font-size: 0.75rem;
8378
+ }
8446
8379
  `;
8447
8380
  const LocalLinkButton = styled(uilibGl.IconButton).attrs(() => ({
8448
8381
  kind: "link",
8449
- })) `
8450
- width: 1rem;
8451
- height: 1rem;
8452
- background-color: ${({ theme: { palette } }) => palette.primary};
8453
- padding: 0;
8454
- border-radius: 50%;
8455
-
8456
- :hover {
8457
- background-color: ${({ theme: { palette } }) => palette.primary};
8458
- }
8459
-
8460
- span[kind] {
8461
- display: flex;
8462
- justify-content: center;
8463
- align-items: center;
8464
-
8465
- :after {
8466
- position: relative;
8467
- font-size: 0.6rem;
8468
- color: white;
8469
- }
8470
- }
8382
+ })) `
8383
+ width: 1rem;
8384
+ height: 1rem;
8385
+ background-color: ${({ theme: { palette } }) => palette.primary};
8386
+ padding: 0;
8387
+ border-radius: 50%;
8388
+
8389
+ :hover {
8390
+ background-color: ${({ theme: { palette } }) => palette.primary};
8391
+ }
8392
+
8393
+ span[kind] {
8394
+ display: flex;
8395
+ justify-content: center;
8396
+ align-items: center;
8397
+
8398
+ :after {
8399
+ position: relative;
8400
+ font-size: 0.6rem;
8401
+ color: white;
8402
+ }
8403
+ }
8471
8404
  `;
8472
- const LocalLinkCopy = styled(uilibGl.Flex) `
8473
- justify-content: center;
8405
+ const LocalLinkCopy = styled(uilibGl.Flex) `
8406
+ justify-content: center;
8474
8407
  `;
8475
8408
 
8476
8409
  const LocalLink = React.memo(({ link, style }) => {
@@ -8499,104 +8432,104 @@ const ElementLink = React.memo(({ type, elementConfig }) => {
8499
8432
  : jsxRuntime.jsx(LocalLink, { style: style, link: link });
8500
8433
  });
8501
8434
 
8502
- const MarkdownWrapper = styled.div `
8503
- padding: 0;
8504
- background: transparent;
8505
- border-radius: 0.5rem;
8506
- font-family: 'Nunito Sans', sans-serif;
8507
- color: ${({ theme: { palette } }) => palette.textPrimary};
8508
-
8509
- /* Paragraphs */
8510
- p {
8511
- font-size: 0.875rem;
8512
- line-height: 1rem;
8513
- letter-spacing: 0.0052rem;
8514
- margin: 0 0 1rem 0;
8515
- font-weight: 400;
8516
-
8517
- &:last-child {
8518
- margin-bottom: 0;
8519
- }
8520
- }
8521
-
8522
- /* Headings */
8523
- h1, h2, h3, h4, h5, h6 {
8524
- margin: 0 0 0.75rem 0;
8525
- font-weight: 300;
8526
- }
8527
-
8528
- h1 {
8529
- font-size: 1.5rem;
8530
- line-height: 1.75rem;
8531
- }
8532
-
8533
- h2 {
8534
- font-size: 1.25rem;
8535
- line-height: 1.5rem;
8536
- }
8537
-
8538
- h3 {
8539
- font-size: 1rem;
8540
- line-height: 1.25rem;
8541
- }
8542
-
8543
- /* Images */
8544
- img {
8545
- max-width: 100%;
8546
- height: auto;
8547
- border-radius: 0.5rem;
8548
- object-fit: cover;
8549
- margin: 0.75rem 0;
8550
- }
8551
-
8552
- /* Links */
8553
- a {
8554
- color: ${({ theme: { palette } }) => palette.primary};
8555
- text-decoration: none;
8556
-
8557
- &:hover {
8558
- text-decoration: underline;
8559
- }
8560
- }
8561
-
8562
- /* Lists */
8563
- ul, ol {
8564
- margin: 0 0 1rem 0;
8565
- padding-left: 1.25rem;
8566
-
8567
- li {
8568
- font-size: 0.875rem;
8569
- line-height: 1rem;
8570
- margin-bottom: 0.5rem;
8571
- }
8572
- }
8573
-
8574
- /* Code */
8575
- code {
8576
- background: ${({ theme: { palette } }) => palette.element};
8577
- padding: 0.125rem 0.375rem;
8578
- border-radius: 0.25rem;
8579
- font-family: monospace;
8580
- font-size: 0.8125rem;
8581
- }
8582
-
8583
- pre {
8584
- background: ${({ theme: { palette } }) => palette.element};
8585
- padding: 0.75rem;
8586
- border-radius: 0.25rem;
8587
- overflow-x: auto;
8588
- margin: 0.75rem 0;
8589
-
8590
- code {
8591
- background: transparent;
8592
- padding: 0;
8593
- }
8594
- }
8595
-
8596
- /* Hide horizontal rules */
8597
- hr {
8598
- display: none;
8599
- }
8435
+ const MarkdownWrapper = styled.div `
8436
+ padding: 0;
8437
+ background: transparent;
8438
+ border-radius: 0.5rem;
8439
+ font-family: 'Nunito Sans', sans-serif;
8440
+ color: ${({ theme: { palette } }) => palette.textPrimary};
8441
+
8442
+ /* Paragraphs */
8443
+ p {
8444
+ font-size: 0.875rem;
8445
+ line-height: 1rem;
8446
+ letter-spacing: 0.0052rem;
8447
+ margin: 0 0 1rem 0;
8448
+ font-weight: 400;
8449
+
8450
+ &:last-child {
8451
+ margin-bottom: 0;
8452
+ }
8453
+ }
8454
+
8455
+ /* Headings */
8456
+ h1, h2, h3, h4, h5, h6 {
8457
+ margin: 0 0 0.75rem 0;
8458
+ font-weight: 300;
8459
+ }
8460
+
8461
+ h1 {
8462
+ font-size: 1.5rem;
8463
+ line-height: 1.75rem;
8464
+ }
8465
+
8466
+ h2 {
8467
+ font-size: 1.25rem;
8468
+ line-height: 1.5rem;
8469
+ }
8470
+
8471
+ h3 {
8472
+ font-size: 1rem;
8473
+ line-height: 1.25rem;
8474
+ }
8475
+
8476
+ /* Images */
8477
+ img {
8478
+ max-width: 100%;
8479
+ height: auto;
8480
+ border-radius: 0.5rem;
8481
+ object-fit: cover;
8482
+ margin: 0.75rem 0;
8483
+ }
8484
+
8485
+ /* Links */
8486
+ a {
8487
+ color: ${({ theme: { palette } }) => palette.primary};
8488
+ text-decoration: none;
8489
+
8490
+ &:hover {
8491
+ text-decoration: underline;
8492
+ }
8493
+ }
8494
+
8495
+ /* Lists */
8496
+ ul, ol {
8497
+ margin: 0 0 1rem 0;
8498
+ padding-left: 1.25rem;
8499
+
8500
+ li {
8501
+ font-size: 0.875rem;
8502
+ line-height: 1rem;
8503
+ margin-bottom: 0.5rem;
8504
+ }
8505
+ }
8506
+
8507
+ /* Code */
8508
+ code {
8509
+ background: ${({ theme: { palette } }) => palette.element};
8510
+ padding: 0.125rem 0.375rem;
8511
+ border-radius: 0.25rem;
8512
+ font-family: monospace;
8513
+ font-size: 0.8125rem;
8514
+ }
8515
+
8516
+ pre {
8517
+ background: ${({ theme: { palette } }) => palette.element};
8518
+ padding: 0.75rem;
8519
+ border-radius: 0.25rem;
8520
+ overflow-x: auto;
8521
+ margin: 0.75rem 0;
8522
+
8523
+ code {
8524
+ background: transparent;
8525
+ padding: 0;
8526
+ }
8527
+ }
8528
+
8529
+ /* Hide horizontal rules */
8530
+ hr {
8531
+ display: none;
8532
+ }
8600
8533
  `;
8601
8534
 
8602
8535
  const sanitizeSchema = {
@@ -8638,9 +8571,9 @@ const ElementMarkdown = React.memo(({ elementConfig, type }) => {
8638
8571
  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: "Свернуть" }) })] }));
8639
8572
  });
8640
8573
 
8641
- const SmallPreviewContainer = styled.div `
8642
- width: 100%;
8643
- height: 100%;
8574
+ const SmallPreviewContainer = styled.div `
8575
+ width: 100%;
8576
+ height: 100%;
8644
8577
  `;
8645
8578
 
8646
8579
  const ElementSlideshow = ({ elementConfig, type, renderElement }) => {
@@ -8653,7 +8586,7 @@ const ElementSlideshow = ({ elementConfig, type, renderElement }) => {
8653
8586
  const images = React.useMemo(() => {
8654
8587
  const dataSource = relatedDataSource ? dataSources?.find(({ name }) => name === relatedDataSource) : null;
8655
8588
  const array = dataSource
8656
- ? dataSource.features.map(feature => feature.attributes[attributeName])
8589
+ ? dataSource.features.map(feature => feature.properties[attributeName])
8657
8590
  : getSlideshowImages({
8658
8591
  element: elementConfig,
8659
8592
  attribute: attributes?.find(({ name }) => name === attributeName),
@@ -8676,18 +8609,18 @@ const ElementSvg = React.memo(({ type, elementConfig }) => {
8676
8609
  return (jsxRuntime.jsx(SvgImage, { url: getSvgUrl({ elementConfig, layerInfo, attributes }), width: width, height: height, fontColor: fontColor }));
8677
8610
  });
8678
8611
 
8679
- const TooltipIcon = styled(uilibGl.Icon) `
8680
- &&& {
8681
- :after {
8682
- font-size: 0.75rem;
8683
- color: ${({ theme: { palette } }) => palette.iconDisabled};
8684
- transition: color ${uilibGl.transition.hover};
8685
- }
8686
-
8687
- :hover:after {
8688
- color: ${({ theme: { palette } }) => palette.icon};
8689
- }
8690
- }
8612
+ const TooltipIcon = styled(uilibGl.Icon) `
8613
+ &&& {
8614
+ :after {
8615
+ font-size: 0.75rem;
8616
+ color: ${({ theme: { palette } }) => palette.iconDisabled};
8617
+ transition: color ${uilibGl.transition.hover};
8618
+ }
8619
+
8620
+ :hover:after {
8621
+ color: ${({ theme: { palette } }) => palette.icon};
8622
+ }
8623
+ }
8691
8624
  `;
8692
8625
 
8693
8626
  const ElementTooltip = React.memo(({ type, elementConfig }) => {
@@ -8699,76 +8632,76 @@ const ElementTooltip = React.memo(({ type, elementConfig }) => {
8699
8632
  return text ? (jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: text, children: ref => jsxRuntime.jsx(TooltipIcon, { kind: icon || "question", ref: ref }) })) : null;
8700
8633
  });
8701
8634
 
8702
- const SlideshowHeaderWrapper = styled.div `
8703
- padding: ${({ withPadding }) => (withPadding ? "0.5rem 0.5rem 0" : 0)};
8704
-
8705
- ${Header} {
8706
- align-items: flex-start;
8707
- width: calc(100% + 2rem);
8708
- height: ${({ big }) => (big ? "15.5rem" : "auto")};
8709
- padding: 1.5rem;
8710
- margin: -1rem -1rem 0 -1rem;
8711
- border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
8712
-
8713
- ${SmallPreviewCounter} {
8714
- bottom: ${({ withPadding }) => (withPadding ? 0.625 : 1.125)}rem;
8715
- }
8716
-
8717
- :before,
8718
- :after {
8719
- content: "";
8720
- z-index: 2;
8721
- position: absolute;
8722
- top: 0;
8723
- left: 0;
8724
- width: 100%;
8725
- }
8726
-
8727
- :before {
8728
- height: 100%;
8729
- background: rgba(32, 46, 53, 0.25);
8730
- }
8731
-
8732
- :after {
8733
- height: 4.5rem;
8734
- background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
8735
- }
8736
-
8737
- :hover {
8738
- ${SmallPreviewControl}, ${SmallPreviewCounter} {
8739
- opacity: 1;
8740
- }
8741
- }
8742
- }
8635
+ const SlideshowHeaderWrapper = styled.div `
8636
+ padding: ${({ withPadding }) => (withPadding ? "0.5rem 0.5rem 0" : 0)};
8637
+
8638
+ ${Header} {
8639
+ align-items: flex-start;
8640
+ width: calc(100% + 2rem);
8641
+ height: ${({ big }) => (big ? "15.5rem" : "auto")};
8642
+ padding: 1.5rem;
8643
+ margin: -1rem -1rem 0 -1rem;
8644
+ border-radius: ${({ theme: { borderRadius } }) => borderRadius.medium};
8645
+
8646
+ ${SmallPreviewCounter} {
8647
+ bottom: ${({ withPadding }) => (withPadding ? 0.625 : 1.125)}rem;
8648
+ }
8649
+
8650
+ :before,
8651
+ :after {
8652
+ content: "";
8653
+ z-index: 2;
8654
+ position: absolute;
8655
+ top: 0;
8656
+ left: 0;
8657
+ width: 100%;
8658
+ }
8659
+
8660
+ :before {
8661
+ height: 100%;
8662
+ background: rgba(32, 46, 53, 0.25);
8663
+ }
8664
+
8665
+ :after {
8666
+ height: 4.5rem;
8667
+ background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
8668
+ }
8669
+
8670
+ :hover {
8671
+ ${SmallPreviewControl}, ${SmallPreviewCounter} {
8672
+ opacity: 1;
8673
+ }
8674
+ }
8675
+ }
8743
8676
  `;
8744
- const ImageContainerBg = styled.div `
8745
- position: absolute;
8746
- top: 0;
8747
- bottom: 0;
8748
- left: 0;
8749
- right: 0;
8750
-
8751
- img {
8752
- width: 100%;
8753
- height: 100%;
8754
- object-position: center;
8755
- object-fit: cover;
8756
- }
8677
+ const ImageContainerBg = styled.div `
8678
+ position: absolute;
8679
+ top: 0;
8680
+ bottom: 0;
8681
+ left: 0;
8682
+ right: 0;
8683
+
8684
+ img {
8685
+ width: 100%;
8686
+ height: 100%;
8687
+ object-position: center;
8688
+ object-fit: cover;
8689
+ }
8757
8690
  `;
8758
- const HeaderSlideshow = styled.div `
8759
- position: absolute;
8760
- top: 0;
8761
- bottom: ${({ height }) => (height ? `${height}px` : 0)};
8762
- left: 0;
8763
- right: 0;
8764
-
8765
- img {
8766
- width: 100%;
8767
- height: 100%;
8768
- min-height: inherit;
8769
- object-position: center;
8770
- object-fit: cover;
8771
- }
8691
+ const HeaderSlideshow = styled.div `
8692
+ position: absolute;
8693
+ top: 0;
8694
+ bottom: ${({ height }) => (height ? `${height}px` : 0)};
8695
+ left: 0;
8696
+ right: 0;
8697
+
8698
+ img {
8699
+ width: 100%;
8700
+ height: 100%;
8701
+ min-height: inherit;
8702
+ object-position: center;
8703
+ object-fit: cover;
8704
+ }
8772
8705
  `;
8773
8706
 
8774
8707
  const FeatureCardSlideshowHeader = ({ isRow }) => {
@@ -8907,40 +8840,40 @@ const getDefaultConfig = ({ title, defaultTitle, items, baseMapName, position, r
8907
8840
  return dashboardConfiguration;
8908
8841
  };
8909
8842
 
8910
- const UploaderContainer = styled(Container) `
8911
- ${uilibGl.UploaderItemArea} {
8912
- overflow: visible;
8913
- padding-top: 1rem;
8914
- padding-bottom: 1rem;
8915
- }
8916
-
8917
- ${uilibGl.UploaderTitleWrapper} {
8918
- top: 0;
8919
- padding-top: 0;
8920
- border: 0;
8921
- }
8843
+ const UploaderContainer = styled(Container) `
8844
+ ${uilibGl.UploaderItemArea} {
8845
+ overflow: visible;
8846
+ padding-top: 1rem;
8847
+ padding-bottom: 1rem;
8848
+ }
8849
+
8850
+ ${uilibGl.UploaderTitleWrapper} {
8851
+ top: 0;
8852
+ padding-top: 0;
8853
+ border: 0;
8854
+ }
8922
8855
  `;
8923
8856
 
8924
- const UploaderTitle = styled(uilibGl.Flex) `
8925
- flex-direction: column;
8926
- align-items: center;
8927
- width: 11rem;
8928
- margin: 0 auto;
8929
- text-align: center;
8930
- font-size: 0.625rem;
8931
- color: ${({ theme: { palette } }) => palette.textSecondary};
8932
-
8933
- span[kind] {
8934
- width: 1.5rem;
8935
- height: 1.5rem;
8936
- margin-bottom: 0.75rem;
8937
-
8938
- :after {
8939
- font-size: 1.5rem;
8940
- color: ${({ theme: { palette } }) => palette.textSecondary};
8941
- opacity: 0.12;
8942
- }
8943
- }
8857
+ const UploaderTitle = styled(uilibGl.Flex) `
8858
+ flex-direction: column;
8859
+ align-items: center;
8860
+ width: 11rem;
8861
+ margin: 0 auto;
8862
+ text-align: center;
8863
+ font-size: 0.625rem;
8864
+ color: ${({ theme: { palette } }) => palette.textSecondary};
8865
+
8866
+ span[kind] {
8867
+ width: 1.5rem;
8868
+ height: 1.5rem;
8869
+ margin-bottom: 0.75rem;
8870
+
8871
+ :after {
8872
+ font-size: 1.5rem;
8873
+ color: ${({ theme: { palette } }) => palette.textSecondary};
8874
+ opacity: 0.12;
8875
+ }
8876
+ }
8944
8877
  `;
8945
8878
 
8946
8879
  const DEFAULT_FILE_EXTENSIONS = ".txt,.csv,.py";
@@ -9046,7 +8979,7 @@ function getFeatureAttributes(feature = {}, layer, dataSource) {
9046
8979
  if (!layerDefinition) {
9047
8980
  return [];
9048
8981
  }
9049
- const currentAttributes = !feature && dataSource ? dataSource.features[0].attributes : feature?.attributes;
8982
+ const currentAttributes = !feature && dataSource ? dataSource.features[0].properties : feature?.properties;
9050
8983
  const { id: idValue } = feature || {};
9051
8984
  const { idAttribute, attributes } = layerDefinition || {};
9052
8985
  const layerAttributes = idAttribute
@@ -9063,7 +8996,7 @@ function getFeatureAttributes(feature = {}, layer, dataSource) {
9063
8996
  readOnly: true,
9064
8997
  }
9065
8998
  : {
9066
- value: currentAttributes?.[attributeName] || dataSource?.features?.[0]?.attributes?.[attributeName],
8999
+ value: currentAttributes?.[attributeName] || dataSource?.features?.[0]?.properties?.[attributeName],
9067
9000
  readOnly: isCalculated || !isEditable,
9068
9001
  };
9069
9002
  const clientData = layer.layerAttributes?.find(layerAttribute => layerAttribute.attributeName === attributeName)?.clientData;
@@ -9235,10 +9168,10 @@ const getListOptions = (items, filterName, configFilters) => {
9235
9168
  if (!filter)
9236
9169
  return [];
9237
9170
  return (items?.map(item => ({
9238
- text: item.attributes[filter.attributeAlias || DEFAULT_ATTRIBUTE_NAME],
9239
- value: item.attributes[filter.attributeValue || DEFAULT_ATTRIBUTE_NAME],
9240
- min: filter.attributeMin ? item.attributes[filter.attributeMin] : null,
9241
- max: filter.attributeMax ? item.attributes[filter.attributeMax] : null,
9171
+ text: item.properties[filter.attributeAlias || DEFAULT_ATTRIBUTE_NAME],
9172
+ value: item.properties[filter.attributeValue || DEFAULT_ATTRIBUTE_NAME],
9173
+ min: filter.attributeMin ? item.properties[filter.attributeMin] : null,
9174
+ max: filter.attributeMax ? item.properties[filter.attributeMax] : null,
9242
9175
  })) || []);
9243
9176
  };
9244
9177
 
@@ -9550,8 +9483,8 @@ const RangeDateFilter = ({ type, filter }) => {
9550
9483
  const { filterName, label, minValue, maxValue, withTime } = filter.options;
9551
9484
  const configFilter = React.useMemo(() => getConfigFilter(filterName, configFilters), [configFilters, filterName]);
9552
9485
  const dataSource = React.useMemo(() => getDataSource(configFilter?.relatedDataSource, dataSources), [configFilter?.relatedDataSource, dataSources]);
9553
- const { minFromData, maxFromData } = React.useMemo(() => dataSource?.features?.reduce((prev, { attributes }) => {
9554
- const date = getDate(attributes[configFilter?.attributeValue]);
9486
+ const { minFromData, maxFromData } = React.useMemo(() => dataSource?.features?.reduce((prev, { properties }) => {
9487
+ const date = getDate(properties[configFilter?.attributeValue]);
9555
9488
  return {
9556
9489
  minFromData: !prev.minFromData ? date : date < prev.minFromData ? date : prev.minFromData,
9557
9490
  maxFromData: !prev.maxFromData ? date : date > prev.maxFromData ? date : prev.maxFromData
@@ -9610,64 +9543,64 @@ const getJustifyContent = (align) => {
9610
9543
  return "flex-start";
9611
9544
  }
9612
9545
  };
9613
- const ChipsContainer = styled(uilibGl.Flex) `
9614
- flex-wrap: wrap;
9615
- gap: 0.25rem;
9616
- background: transparent;
9617
- justify-content: ${({ $align }) => getJustifyContent($align)};
9546
+ const ChipsContainer = styled(uilibGl.Flex) `
9547
+ flex-wrap: wrap;
9548
+ gap: 0.25rem;
9549
+ background: transparent;
9550
+ justify-content: ${({ $align }) => getJustifyContent($align)};
9618
9551
  `;
9619
9552
 
9620
- const FilterChip = styled.div `
9621
- display: inline-flex;
9622
- align-items: center;
9623
- gap: 0.25rem;
9624
- padding: 0.3125rem 0.5rem;
9625
- height: 1.5rem;
9626
- border-radius: 0.25rem;
9553
+ const FilterChip = styled.div `
9554
+ display: inline-flex;
9555
+ align-items: center;
9556
+ gap: 0.25rem;
9557
+ padding: 0.3125rem 0.5rem;
9558
+ height: 1.5rem;
9559
+ border-radius: 0.25rem;
9627
9560
  background-color: ${({ $isActive, $bgColor, theme }) => $bgColor
9628
9561
  ? $bgColor
9629
9562
  : $isActive
9630
9563
  ? theme.palette?.primary
9631
- : theme.palette?.elementLight};
9564
+ : theme.palette?.elementLight};
9632
9565
  color: ${({ $isActive, $textColor, theme }) => $textColor
9633
9566
  ? $textColor
9634
9567
  : $isActive
9635
9568
  ? theme.palette?.textContrast
9636
- : theme.palette?.textSecondary};
9637
- cursor: pointer;
9638
- font-size: 0.75rem;
9639
- line-height: 0.875rem;
9640
- white-space: nowrap;
9641
- flex-shrink: 0;
9642
- transition: all 0.2s ease-in-out;
9643
- margin: 0 0.25rem 0 0;
9644
- box-sizing: border-box;
9645
-
9646
- &:hover {
9569
+ : theme.palette?.textSecondary};
9570
+ cursor: pointer;
9571
+ font-size: 0.75rem;
9572
+ line-height: 0.875rem;
9573
+ white-space: nowrap;
9574
+ flex-shrink: 0;
9575
+ transition: all 0.2s ease-in-out;
9576
+ margin: 0 0.25rem 0 0;
9577
+ box-sizing: border-box;
9578
+
9579
+ &:hover {
9647
9580
  background-color: ${({ $isActive, $bgColor, theme }) => $isActive
9648
9581
  ? $bgColor || 'inherit'
9649
- : $bgColor || theme.palette?.elementDark};
9650
- }
9582
+ : $bgColor || theme.palette?.elementDark};
9583
+ }
9651
9584
  `;
9652
- const ChipIconWrapper = styled.span `
9653
- display: inline-flex;
9654
- align-items: center;
9655
- justify-content: center;
9656
- width: 0.875rem;
9657
- height: 0.875rem;
9658
- flex-shrink: 0;
9659
-
9660
- svg, img {
9661
- width: 100%;
9662
- height: 100%;
9663
- display: block;
9664
- }
9585
+ const ChipIconWrapper = styled.span `
9586
+ display: inline-flex;
9587
+ align-items: center;
9588
+ justify-content: center;
9589
+ width: 0.875rem;
9590
+ height: 0.875rem;
9591
+ flex-shrink: 0;
9592
+
9593
+ svg, img {
9594
+ width: 100%;
9595
+ height: 100%;
9596
+ display: block;
9597
+ }
9665
9598
  `;
9666
- const ChipText = styled.span `
9667
- overflow: hidden;
9668
- text-overflow: ellipsis;
9669
- white-space: nowrap;
9670
- ${({ $maxTextWidth }) => $maxTextWidth && `max-width: ${$maxTextWidth / 16}rem;`}
9599
+ const ChipText = styled.span `
9600
+ overflow: hidden;
9601
+ text-overflow: ellipsis;
9602
+ white-space: nowrap;
9603
+ ${({ $maxTextWidth }) => $maxTextWidth && `max-width: ${$maxTextWidth / 16}rem;`}
9671
9604
  `;
9672
9605
 
9673
9606
  const CustomChip = ({ text, icon, color, primary, secondary, error, disabled, isActive, maxTextWidth, fontColor: customFontColor, backgroundColor: customBackgroundColor, ...props }) => {
@@ -9772,7 +9705,7 @@ const ChipsFilter = ({ type, filter, elementConfig, }) => {
9772
9705
  return [];
9773
9706
  const features = dataSource.features;
9774
9707
  return features.map(feature => {
9775
- const attrs = feature.attributes;
9708
+ const attrs = feature.properties;
9776
9709
  const text = attrs[configFilter.attributeAlias || DEFAULT_ATTRIBUTE_NAME];
9777
9710
  const value = attrs[configFilter.attributeValue || DEFAULT_ATTRIBUTE_NAME];
9778
9711
  const chipIcon = iconAttribute
@@ -10477,7 +10410,7 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
10477
10410
  const queryResponse = await api.eql.getPagedQueryResult({ saveInHistory: false }, getProps);
10478
10411
  const descriptionResponse = await api.eql.getQueryDescription(getProps);
10479
10412
  return {
10480
- items: queryResponse.items,
10413
+ items: queryResponse.features,
10481
10414
  attributeDefinition: descriptionResponse,
10482
10415
  };
10483
10416
  }
@@ -10525,7 +10458,7 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
10525
10458
  !!currentDataSources[index].url ||
10526
10459
  !!currentDataSources[index].resourceId;
10527
10460
  newDataSources[index].layerName = currentDataSources[index].layerName;
10528
- const items = response.status === "rejected" ? null : response.value?.items || response.items;
10461
+ const items = response.status === "rejected" ? null : response.value?.features || response.items;
10529
10462
  newDataSources[index].features =
10530
10463
  response.status === "rejected"
10531
10464
  ? null
@@ -10956,7 +10889,7 @@ const Chart = React.memo(({ config, element, elementConfig, type, renderElement
10956
10889
  const attribute = layerInfo?.layerDefinition.attributes[attributeName];
10957
10890
  const dataSource = getDataSource(dataSourceName, dataSources);
10958
10891
  const units = attributeUnits
10959
- ? dataSource?.features?.[0]?.attributes?.[attributeUnits]
10892
+ ? dataSource?.features?.[0]?.properties?.[attributeUnits]
10960
10893
  : attribute?.stringFormat?.unitsLabel;
10961
10894
  const formatValue = attribute
10962
10895
  ? formatAttributeValue({ t, type: attribute.type, value, stringFormat: attribute.stringFormat, noUnits: true })
@@ -11119,8 +11052,8 @@ const Dashboard = React.memo(({ type = exports.WidgetType.Dashboard, noBorders }
11119
11052
  return (jsxRuntime.jsx(PagesContainer, { type: type, noBorders: noBorders }));
11120
11053
  });
11121
11054
 
11122
- const CardCheckbox = styled(uilibGl.Checkbox) `
11123
- padding-left: 0.5rem;
11055
+ const CardCheckbox = styled(uilibGl.Checkbox) `
11056
+ padding-left: 0.5rem;
11124
11057
  `;
11125
11058
 
11126
11059
  const DashboardCheckbox = ({ title, checked, onChange, }) => {
@@ -11194,15 +11127,15 @@ const FeatureCardTitle = ({ title, description }) => {
11194
11127
  return (jsxRuntime.jsxs(HeaderTitleContainer, { children: [jsxRuntime.jsx(FeatureTitleContainer, { children: jsxRuntime.jsx(uilibGl.FlexSpan, { children: resultTitle }) }), jsxRuntime.jsx(LayerDescription, { title: resultDescription, children: resultDescription })] }));
11195
11128
  };
11196
11129
 
11197
- const HiddenFilters = styled(uilibGl.Flex) `
11198
- flex-wrap: wrap;
11199
- margin-top: -1.25rem;
11200
-
11201
- ${DashboardChip$1} {
11202
- height: 1.5rem;
11203
- margin: 0 0.25rem 0.25rem 0;
11204
- padding: 0 0 0 0.5rem;
11205
- }
11130
+ const HiddenFilters = styled(uilibGl.Flex) `
11131
+ flex-wrap: wrap;
11132
+ margin-top: -1.25rem;
11133
+
11134
+ ${DashboardChip$1} {
11135
+ height: 1.5rem;
11136
+ margin: 0 0.25rem 0.25rem 0;
11137
+ padding: 0 0 0 0.5rem;
11138
+ }
11206
11139
  `;
11207
11140
 
11208
11141
  function spliceValue(filterValue, splicingValue) {
@@ -11388,24 +11321,24 @@ const LogTerminal = ({ log, terminalOptions, className, styles }) => {
11388
11321
  return jsxRuntime.jsx(TerminalWrapper, { ref: terminalRef, className: className, style: styles });
11389
11322
  };
11390
11323
 
11391
- const PageNavigator = styled(uilibGl.Flex) `
11392
- margin-right: -0.5rem;
11393
- align-items: center;
11394
-
11395
- button {
11396
- width: auto;
11397
- height: 2rem;
11398
- padding: 0 0.5rem;
11399
-
11400
- span[kind]:after {
11401
- color: ${({ theme: { palette } }) => palette.textDisabled};
11402
- transition: color ${uilibGl.transition.hover};
11403
- }
11404
-
11405
- :hover span[kind]:after {
11406
- color: ${({ theme: { palette } }) => palette.textSecondary};
11407
- }
11408
- }
11324
+ const PageNavigator = styled(uilibGl.Flex) `
11325
+ margin-right: -0.5rem;
11326
+ align-items: center;
11327
+
11328
+ button {
11329
+ width: auto;
11330
+ height: 2rem;
11331
+ padding: 0 0.5rem;
11332
+
11333
+ span[kind]:after {
11334
+ color: ${({ theme: { palette } }) => palette.textDisabled};
11335
+ transition: color ${uilibGl.transition.hover};
11336
+ }
11337
+
11338
+ :hover span[kind]:after {
11339
+ color: ${({ theme: { palette } }) => palette.textSecondary};
11340
+ }
11341
+ }
11409
11342
  `;
11410
11343
 
11411
11344
  const Pagination = React.memo(({ type = exports.WidgetType.Dashboard }) => {
@@ -11414,34 +11347,34 @@ const Pagination = React.memo(({ type = exports.WidgetType.Dashboard }) => {
11414
11347
  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) })] }));
11415
11348
  });
11416
11349
 
11417
- const StyledSvgWidthMixin = styled.css `
11418
- &&& {
11419
- svg {
11420
- width: ${({ $width }) => $width}px;
11421
- }
11422
- }
11350
+ const StyledSvgWidthMixin = styled.css `
11351
+ &&& {
11352
+ svg {
11353
+ width: ${({ $width }) => $width}px;
11354
+ }
11355
+ }
11423
11356
  `;
11424
- const StyledSvgHeightMixin = styled.css `
11425
- &&& {
11426
- svg {
11427
- height: ${({ $height }) => $height}px;
11428
- }
11429
- }
11357
+ const StyledSvgHeightMixin = styled.css `
11358
+ &&& {
11359
+ svg {
11360
+ height: ${({ $height }) => $height}px;
11361
+ }
11362
+ }
11430
11363
  `;
11431
- const StyledSvgColorMixin = styled.css `
11432
- svg {
11433
- path,
11434
- line,
11435
- circle {
11436
- fill: ${({ $fontColor }) => $fontColor} !important;
11437
- }
11438
- }
11364
+ const StyledSvgColorMixin = styled.css `
11365
+ svg {
11366
+ path,
11367
+ line,
11368
+ circle {
11369
+ fill: ${({ $fontColor }) => $fontColor} !important;
11370
+ }
11371
+ }
11439
11372
  `;
11440
- const StyledSvg = styled(uilibGl.Flex) `
11441
- align-items: center;
11442
- ${({ $width }) => !!$width && StyledSvgWidthMixin};
11443
- ${({ $height }) => !!$height && StyledSvgHeightMixin};
11444
- ${({ $fontColor }) => !!$fontColor && StyledSvgColorMixin};
11373
+ const StyledSvg = styled(uilibGl.Flex) `
11374
+ align-items: center;
11375
+ ${({ $width }) => !!$width && StyledSvgWidthMixin};
11376
+ ${({ $height }) => !!$height && StyledSvgHeightMixin};
11377
+ ${({ $fontColor }) => !!$fontColor && StyledSvgColorMixin};
11445
11378
  `;
11446
11379
 
11447
11380
  const SvgImage = React.memo(({ url, width, height, fontColor }) => {
@@ -11555,6 +11488,52 @@ const getClientStyleItemPrefixSuffix = (geometryType, itemType) => {
11555
11488
  }
11556
11489
  };
11557
11490
 
11491
+ const findAttributeInExpression = (expression) => {
11492
+ if (Array.isArray(expression) && expression.length === 2 && expression[0] === "get") {
11493
+ return [expression[1]];
11494
+ }
11495
+ return expression.reduce((acc, curr) => {
11496
+ if (!Array.isArray(curr)) {
11497
+ return acc;
11498
+ }
11499
+ if (curr[0] === "get") {
11500
+ return [...new Set([...acc, curr[1]])];
11501
+ }
11502
+ return [...new Set([...acc, ...findAttributeInExpression(curr)])];
11503
+ }, []);
11504
+ };
11505
+
11506
+ const getActualExtrusionHeight = (paint) => {
11507
+ return Array.isArray(paint?.["fill-extrusion-height"]) && paint?.["fill-extrusion-height"][0] === "+"
11508
+ ? paint?.["fill-extrusion-height"][1]
11509
+ : paint?.["fill-extrusion-height"];
11510
+ };
11511
+
11512
+ const extractAttributesFromObject = (obj) => {
11513
+ if (!obj || lodash.isEmpty(obj)) {
11514
+ return [];
11515
+ }
11516
+ return Object.entries(obj).reduce((acc, [, value]) => {
11517
+ if (!Array.isArray(value)) {
11518
+ return acc;
11519
+ }
11520
+ return [...new Set([...acc, ...findAttributeInExpression(value)])];
11521
+ }, []);
11522
+ };
11523
+ const parseClientStyle = (style) => {
11524
+ if (!style) {
11525
+ return [];
11526
+ }
11527
+ return style?.items?.reduce((acc, curr) => {
11528
+ const paintAttributes = extractAttributesFromObject(curr.paint);
11529
+ const layoutAttributes = extractAttributesFromObject(curr.layout);
11530
+ const filterAttributes = curr.filter
11531
+ ? findAttributeInExpression(curr.filter)
11532
+ : [];
11533
+ return [...new Set([...acc, ...paintAttributes, ...layoutAttributes, ...filterAttributes])];
11534
+ }, []);
11535
+ };
11536
+
11558
11537
  const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, filterVersion, }) => {
11559
11538
  const clientStyle = layer?.configuration?.clientStyle;
11560
11539
  const { idAttribute, geometryType } = layer.layerDefinition || {};
@@ -11709,28 +11688,28 @@ const Layer = ({ layer, layerType, visible, beforeId, tileUrl, getLayerTempStyle
11709
11688
  return (jsxRuntime.jsx(VectorLayer, { layer: layer, tileUrl: tileUrl, visible: visible, beforeId: beforeId, getLayerTempStyle: getLayerTempStyle, filterVersion: filterVersion }));
11710
11689
  };
11711
11690
 
11712
- const MapWrapper = styled.div `
11713
- position: relative;
11714
- width: 100%;
11715
- height: 100%;
11716
- box-sizing: border-box;
11717
- z-index: ${({ $zIndex }) => $zIndex ?? 1};
11718
-
11719
- .mapbox-gl-draw_trash {
11720
- display: none;
11721
- }
11722
-
11723
- .mapboxgl-ctrl-logo {
11724
- display: none;
11725
- }
11726
-
11727
- .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
11728
- display: none;
11729
- }
11730
-
11731
- .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
11732
- width: 350px;
11733
- }
11691
+ const MapWrapper = styled.div `
11692
+ position: relative;
11693
+ width: 100%;
11694
+ height: 100%;
11695
+ box-sizing: border-box;
11696
+ z-index: ${({ $zIndex }) => $zIndex ?? 1};
11697
+
11698
+ .mapbox-gl-draw_trash {
11699
+ display: none;
11700
+ }
11701
+
11702
+ .mapboxgl-ctrl-logo {
11703
+ display: none;
11704
+ }
11705
+
11706
+ .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
11707
+ display: none;
11708
+ }
11709
+
11710
+ .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
11711
+ width: 350px;
11712
+ }
11734
11713
  `;
11735
11714
 
11736
11715
  const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...rest }) => {
@@ -11904,7 +11883,6 @@ exports.applyQueryFilters = applyQueryFilters;
11904
11883
  exports.applyVarsToCondition = applyVarsToCondition;
11905
11884
  exports.checkEqualOrIncludes = checkEqualOrIncludes;
11906
11885
  exports.checkIsLoading = checkIsLoading;
11907
- exports.convertSpToTurfFeature = convertSpToTurfFeature;
11908
11886
  exports.createConfigLayer = createConfigLayer;
11909
11887
  exports.createConfigPage = createConfigPage;
11910
11888
  exports.createNewPageId = createNewPageId;