@opengeoweb/shared 4.18.0 → 4.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.esm.js +327 -316
- package/index.umd.js +201 -174
- package/lib/components/CustomIconButton/CustomIconButton.d.ts +10 -0
- package/lib/components/CustomIconButton/CustomIconButton.stories.d.ts +25 -0
- package/lib/components/CustomIconButton/index.d.ts +1 -0
- package/lib/components/index.d.ts +1 -1
- package/lib/utils/dateUtils/dateUtils.d.ts +30 -0
- package/package.json +4 -3
- package/lib/components/ManagerButton/ManagerButton.d.ts +0 -11
- package/lib/components/ManagerButton/ManagerButton.stories.d.ts +0 -13
- package/lib/components/ManagerButton/index.d.ts +0 -1
- /package/lib/components/{ManagerButton/ManagerButton.spec.d.ts → CustomIconButton/CustomIconButton.spec.d.ts} +0 -0
package/index.umd.js
CHANGED
|
@@ -161,6 +161,115 @@
|
|
|
161
161
|
}, content));
|
|
162
162
|
};
|
|
163
163
|
|
|
164
|
+
/* *
|
|
165
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
166
|
+
* you may not use this file except in compliance with the License.
|
|
167
|
+
* You may obtain a copy of the License at
|
|
168
|
+
*
|
|
169
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
170
|
+
*
|
|
171
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
172
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
173
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
174
|
+
* See the License for the specific language governing permissions and
|
|
175
|
+
* limitations under the License.
|
|
176
|
+
*
|
|
177
|
+
* Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
178
|
+
* Copyright 2022 - Finnish Meteorological Institute (FMI)
|
|
179
|
+
* */
|
|
180
|
+
var defaultDelay = 1000;
|
|
181
|
+
var useControlledTooltip = function useControlledTooltip() {
|
|
182
|
+
var _a = __read(React__namespace.useState(false), 2),
|
|
183
|
+
tooltipOpen = _a[0],
|
|
184
|
+
setTooltipOpen = _a[1];
|
|
185
|
+
|
|
186
|
+
var _b = __read(React__namespace.useState(false), 2),
|
|
187
|
+
delayedTooltip = _b[0],
|
|
188
|
+
setDelayedTooltip = _b[1];
|
|
189
|
+
|
|
190
|
+
React__namespace.useEffect(function () {
|
|
191
|
+
if (tooltipOpen === true) {
|
|
192
|
+
var timer_1 = setTimeout(function () {
|
|
193
|
+
return setDelayedTooltip(true);
|
|
194
|
+
}, defaultDelay);
|
|
195
|
+
return function () {
|
|
196
|
+
clearTimeout(timer_1);
|
|
197
|
+
};
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
setDelayedTooltip(false);
|
|
201
|
+
return function () {};
|
|
202
|
+
}, [tooltipOpen]);
|
|
203
|
+
return [delayedTooltip, setTooltipOpen];
|
|
204
|
+
};
|
|
205
|
+
var CustomTooltip = function CustomTooltip(props) {
|
|
206
|
+
return /*#__PURE__*/React__namespace.createElement(material.Tooltip, __assign({}, props, {
|
|
207
|
+
enterDelay: defaultDelay,
|
|
208
|
+
enterNextDelay: defaultDelay,
|
|
209
|
+
disableInteractive: true
|
|
210
|
+
}));
|
|
211
|
+
};
|
|
212
|
+
|
|
213
|
+
/* *
|
|
214
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
215
|
+
* you may not use this file except in compliance with the License.
|
|
216
|
+
* You may obtain a copy of the License at
|
|
217
|
+
*
|
|
218
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
219
|
+
*
|
|
220
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
221
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
222
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
223
|
+
* See the License for the specific language governing permissions and
|
|
224
|
+
* limitations under the License.
|
|
225
|
+
*
|
|
226
|
+
* Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
227
|
+
* Copyright 2023 - Finnish Meteorological Institute (FMI)
|
|
228
|
+
* */
|
|
229
|
+
var CustomIconButton = /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
|
|
230
|
+
var _b = _a.tooltipTitle,
|
|
231
|
+
tooltipTitle = _b === void 0 ? '' : _b,
|
|
232
|
+
_c = _a.variant,
|
|
233
|
+
variant = _c === void 0 ? 'flat' : _c,
|
|
234
|
+
_d = _a.isSelected,
|
|
235
|
+
isSelected = _d === void 0 ? false : _d,
|
|
236
|
+
_e = _a.shouldShowAsDisabled,
|
|
237
|
+
shouldShowAsDisabled = _e === void 0 ? false : _e,
|
|
238
|
+
_f = _a.size,
|
|
239
|
+
size = _f === void 0 ? 'small' : _f,
|
|
240
|
+
children = _a.children,
|
|
241
|
+
className = _a.className,
|
|
242
|
+
props = __rest(_a, ["tooltipTitle", "variant", "isSelected", "shouldShowAsDisabled", "size", "children", "className"]);
|
|
243
|
+
|
|
244
|
+
var classNames = __spreadArray(__spreadArray(__spreadArray([], __read(className ? [className] : [])), __read(isSelected ? ['Mui-selected'] : [])), [variant]).join(' ');
|
|
245
|
+
|
|
246
|
+
var renderIconButton = function renderIconButton() {
|
|
247
|
+
return /*#__PURE__*/React__namespace.createElement(material.IconButton, __assign({
|
|
248
|
+
"aria-label": tooltipTitle
|
|
249
|
+
}, props, {
|
|
250
|
+
size: size,
|
|
251
|
+
className: classNames,
|
|
252
|
+
ref: ref,
|
|
253
|
+
sx: __assign(__assign({}, props.sx), shouldShowAsDisabled && {
|
|
254
|
+
'&.MuiIconButton-root': {
|
|
255
|
+
color: "geowebColors.iconButtons." + variant + ".disabled.color"
|
|
256
|
+
},
|
|
257
|
+
'&.Mui-focusVisible': {
|
|
258
|
+
color: "geowebColors.iconButtons." + variant + ".default.color"
|
|
259
|
+
}
|
|
260
|
+
})
|
|
261
|
+
}), children);
|
|
262
|
+
};
|
|
263
|
+
|
|
264
|
+
return tooltipTitle ? /*#__PURE__*/React__namespace.createElement(CustomTooltip, {
|
|
265
|
+
title: tooltipTitle,
|
|
266
|
+
placement: "top",
|
|
267
|
+
sx: {
|
|
268
|
+
pointerEvents: 'none'
|
|
269
|
+
}
|
|
270
|
+
}, renderIconButton()) : renderIconButton();
|
|
271
|
+
});
|
|
272
|
+
|
|
164
273
|
var CustomDialog = function CustomDialog(_a) {
|
|
165
274
|
var title = _a.title,
|
|
166
275
|
_onClose = _a.onClose,
|
|
@@ -202,13 +311,17 @@
|
|
|
202
311
|
},
|
|
203
312
|
"data-testid": "customDialog-title",
|
|
204
313
|
component: "span"
|
|
205
|
-
}, title), /*#__PURE__*/React__namespace.createElement(
|
|
314
|
+
}, title), /*#__PURE__*/React__namespace.createElement(CustomIconButton, {
|
|
206
315
|
"data-testid": "customDialog-close",
|
|
207
316
|
"aria-label": "close",
|
|
208
317
|
onClick: function onClick() {
|
|
209
318
|
return _onClose('CLOSED');
|
|
210
319
|
},
|
|
211
|
-
|
|
320
|
+
sx: {
|
|
321
|
+
'&.MuiIconButton-root': {
|
|
322
|
+
color: 'geowebColors.greys.accessible'
|
|
323
|
+
}
|
|
324
|
+
}
|
|
212
325
|
}, /*#__PURE__*/React__namespace.createElement(theme.Close, {
|
|
213
326
|
"data-testid": "CloseIcon"
|
|
214
327
|
}))), /*#__PURE__*/React__namespace.createElement(material.DialogContent, {
|
|
@@ -282,7 +395,7 @@
|
|
|
282
395
|
sm: '150px'
|
|
283
396
|
},
|
|
284
397
|
'&:focus': {
|
|
285
|
-
outline: theme.palette.geowebColors.buttons.
|
|
398
|
+
outline: theme.palette.geowebColors.buttons.primary.focus.outline,
|
|
286
399
|
borderColor: 'transparent'
|
|
287
400
|
}
|
|
288
401
|
};
|
|
@@ -308,7 +421,7 @@
|
|
|
308
421
|
sx: function sx(theme) {
|
|
309
422
|
return __assign(__assign({}, confirmStyle), {
|
|
310
423
|
'&:focus': {
|
|
311
|
-
outline: theme.palette.geowebColors.buttons.
|
|
424
|
+
outline: theme.palette.geowebColors.buttons.primary.focus.outline,
|
|
312
425
|
borderColor: 'transparent'
|
|
313
426
|
}
|
|
314
427
|
});
|
|
@@ -1120,8 +1233,8 @@
|
|
|
1120
1233
|
* See the License for the specific language governing permissions and
|
|
1121
1234
|
* limitations under the License.
|
|
1122
1235
|
*
|
|
1123
|
-
* Copyright
|
|
1124
|
-
* Copyright
|
|
1236
|
+
* Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
1237
|
+
* Copyright 2023 - Finnish Meteorological Institute (FMI)
|
|
1125
1238
|
* */
|
|
1126
1239
|
var styles$3 = {
|
|
1127
1240
|
container: {
|
|
@@ -1141,15 +1254,6 @@
|
|
|
1141
1254
|
paddingLeft: 2,
|
|
1142
1255
|
paddingRight: 2
|
|
1143
1256
|
}
|
|
1144
|
-
},
|
|
1145
|
-
button: {
|
|
1146
|
-
padding: 0,
|
|
1147
|
-
border: 'none',
|
|
1148
|
-
background: 'transparent',
|
|
1149
|
-
'&:hover': {
|
|
1150
|
-
border: 'none',
|
|
1151
|
-
background: 'transparent'
|
|
1152
|
-
}
|
|
1153
1257
|
}
|
|
1154
1258
|
};
|
|
1155
1259
|
|
|
@@ -1162,11 +1266,19 @@
|
|
|
1162
1266
|
onClose = _d === void 0 ? function () {} : _d,
|
|
1163
1267
|
children = _a.children,
|
|
1164
1268
|
initials = _a.initials;
|
|
1165
|
-
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(
|
|
1269
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
|
|
1166
1270
|
"data-testid": "userButton",
|
|
1167
1271
|
onClick: onToggle,
|
|
1168
|
-
sx:
|
|
1169
|
-
|
|
1272
|
+
sx: {
|
|
1273
|
+
'&.MuiButtonBase-root': {
|
|
1274
|
+
background: 'transparent',
|
|
1275
|
+
'&:hover': {
|
|
1276
|
+
border: 'none',
|
|
1277
|
+
background: 'transparent'
|
|
1278
|
+
}
|
|
1279
|
+
}
|
|
1280
|
+
},
|
|
1281
|
+
size: "medium"
|
|
1170
1282
|
}, /*#__PURE__*/React__default["default"].createElement(Avatar, null, initials)), isOpen && /*#__PURE__*/React__default["default"].createElement(material.Paper, {
|
|
1171
1283
|
sx: styles$3.container,
|
|
1172
1284
|
"data-testid": "userMenu"
|
|
@@ -1269,57 +1381,8 @@
|
|
|
1269
1381
|
* See the License for the specific language governing permissions and
|
|
1270
1382
|
* limitations under the License.
|
|
1271
1383
|
*
|
|
1272
|
-
* Copyright
|
|
1273
|
-
* Copyright
|
|
1274
|
-
* */
|
|
1275
|
-
var defaultDelay = 1000;
|
|
1276
|
-
var useControlledTooltip = function useControlledTooltip() {
|
|
1277
|
-
var _a = __read(React__namespace.useState(false), 2),
|
|
1278
|
-
tooltipOpen = _a[0],
|
|
1279
|
-
setTooltipOpen = _a[1];
|
|
1280
|
-
|
|
1281
|
-
var _b = __read(React__namespace.useState(false), 2),
|
|
1282
|
-
delayedTooltip = _b[0],
|
|
1283
|
-
setDelayedTooltip = _b[1];
|
|
1284
|
-
|
|
1285
|
-
React__namespace.useEffect(function () {
|
|
1286
|
-
if (tooltipOpen === true) {
|
|
1287
|
-
var timer_1 = setTimeout(function () {
|
|
1288
|
-
return setDelayedTooltip(true);
|
|
1289
|
-
}, defaultDelay);
|
|
1290
|
-
return function () {
|
|
1291
|
-
clearTimeout(timer_1);
|
|
1292
|
-
};
|
|
1293
|
-
}
|
|
1294
|
-
|
|
1295
|
-
setDelayedTooltip(false);
|
|
1296
|
-
return function () {};
|
|
1297
|
-
}, [tooltipOpen]);
|
|
1298
|
-
return [delayedTooltip, setTooltipOpen];
|
|
1299
|
-
};
|
|
1300
|
-
var CustomTooltip = function CustomTooltip(props) {
|
|
1301
|
-
return /*#__PURE__*/React__namespace.createElement(material.Tooltip, __assign({}, props, {
|
|
1302
|
-
enterDelay: defaultDelay,
|
|
1303
|
-
enterNextDelay: defaultDelay,
|
|
1304
|
-
disableInteractive: true
|
|
1305
|
-
}));
|
|
1306
|
-
};
|
|
1307
|
-
|
|
1308
|
-
/* *
|
|
1309
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
1310
|
-
* you may not use this file except in compliance with the License.
|
|
1311
|
-
* You may obtain a copy of the License at
|
|
1312
|
-
*
|
|
1313
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
1314
|
-
*
|
|
1315
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
1316
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
1317
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
1318
|
-
* See the License for the specific language governing permissions and
|
|
1319
|
-
* limitations under the License.
|
|
1320
|
-
*
|
|
1321
|
-
* Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
1322
|
-
* Copyright 2022 - Finnish Meteorological Institute (FMI)
|
|
1384
|
+
* Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
1385
|
+
* Copyright 2023 - Finnish Meteorological Institute (FMI)
|
|
1323
1386
|
* */
|
|
1324
1387
|
|
|
1325
1388
|
var getStyle = function getStyle(size) {
|
|
@@ -1417,13 +1480,13 @@
|
|
|
1417
1480
|
}, isDraggable && size !== 'xxs' && !leftHeaderComponent && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
|
|
1418
1481
|
container: true,
|
|
1419
1482
|
justifyContent: "flex-start"
|
|
1420
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
1483
|
+
}, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
|
|
1421
1484
|
"data-testid": "dragBtn",
|
|
1422
1485
|
disableRipple: true,
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
}
|
|
1486
|
+
sx: {
|
|
1487
|
+
pointerEvents: 'none',
|
|
1488
|
+
'&.MuiIconButton-root': iconStyle
|
|
1489
|
+
}
|
|
1427
1490
|
}, /*#__PURE__*/React__default["default"].createElement(theme.DragHandle, null))), leftHeaderComponent && leftHeaderComponent), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
|
|
1428
1491
|
className: "header-title",
|
|
1429
1492
|
item: true,
|
|
@@ -1439,15 +1502,16 @@
|
|
|
1439
1502
|
fontSize: styles.fontSize,
|
|
1440
1503
|
fontWeight: styles.fontWeight
|
|
1441
1504
|
}
|
|
1442
|
-
}, title), size === 'xxs' && /*#__PURE__*/React__default["default"].createElement(
|
|
1505
|
+
}, title), size === 'xxs' && /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
|
|
1443
1506
|
"data-testid": "dragBtn-xxs",
|
|
1444
1507
|
disableRipple: true,
|
|
1445
|
-
|
|
1446
|
-
sx: __assign(__assign({}, iconStyle), {
|
|
1508
|
+
sx: {
|
|
1447
1509
|
pointerEvents: 'none',
|
|
1448
1510
|
transform: 'rotate(90deg)',
|
|
1449
|
-
|
|
1450
|
-
|
|
1511
|
+
'&.MuiButtonBase-root.MuiIconButton-root': __assign(__assign({}, iconStyle), {
|
|
1512
|
+
height: 12
|
|
1513
|
+
})
|
|
1514
|
+
}
|
|
1451
1515
|
}, /*#__PURE__*/React__default["default"].createElement(theme.DragHandle, null)))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
|
|
1452
1516
|
className: "header-right",
|
|
1453
1517
|
item: true,
|
|
@@ -1460,12 +1524,13 @@
|
|
|
1460
1524
|
sx: {
|
|
1461
1525
|
pointerEvents: 'none'
|
|
1462
1526
|
}
|
|
1463
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
1527
|
+
}, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
|
|
1464
1528
|
"data-testid": "closeBtn",
|
|
1465
1529
|
onClick: onClose,
|
|
1466
1530
|
onTouchEnd: onClose,
|
|
1467
|
-
|
|
1468
|
-
|
|
1531
|
+
sx: {
|
|
1532
|
+
'&.MuiButtonBase-root.MuiIconButton-root': iconStyle
|
|
1533
|
+
}
|
|
1469
1534
|
}, /*#__PURE__*/React__default["default"].createElement(theme.Close, {
|
|
1470
1535
|
"data-testid": "CloseIcon"
|
|
1471
1536
|
}))))));
|
|
@@ -2653,7 +2718,7 @@
|
|
|
2653
2718
|
sx: {
|
|
2654
2719
|
fontSize: '12px'
|
|
2655
2720
|
}
|
|
2656
|
-
}, menuTitle)), menuItems && menuItems.map(function (menuItem) {
|
|
2721
|
+
}, menuTitle)), menuItems && menuItems.length ? menuItems.map(function (menuItem) {
|
|
2657
2722
|
var text = menuItem.text,
|
|
2658
2723
|
icon = menuItem.icon,
|
|
2659
2724
|
action = menuItem.action;
|
|
@@ -2664,92 +2729,8 @@
|
|
|
2664
2729
|
handleClose(event);
|
|
2665
2730
|
}
|
|
2666
2731
|
}, icon && /*#__PURE__*/React__namespace.createElement(material.ListItemIcon, null, icon), /*#__PURE__*/React__namespace.createElement(material.Typography, null, text));
|
|
2667
|
-
}),
|
|
2668
|
-
|
|
2669
|
-
|
|
2670
|
-
/* *
|
|
2671
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
2672
|
-
* you may not use this file except in compliance with the License.
|
|
2673
|
-
* You may obtain a copy of the License at
|
|
2674
|
-
*
|
|
2675
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
2676
|
-
*
|
|
2677
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
2678
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
2679
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
2680
|
-
* See the License for the specific language governing permissions and
|
|
2681
|
-
* limitations under the License.
|
|
2682
|
-
*
|
|
2683
|
-
* Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
|
|
2684
|
-
* Copyright 2022 - Finnish Meteorological Institute (FMI)
|
|
2685
|
-
* */
|
|
2686
|
-
|
|
2687
|
-
var makeButtonStyles = function makeButtonStyles(isActive, isEnabled, isAccessible) {
|
|
2688
|
-
return {
|
|
2689
|
-
height: '24px',
|
|
2690
|
-
width: '24px',
|
|
2691
|
-
borderRadius: '5px',
|
|
2692
|
-
marginTop: 'auto',
|
|
2693
|
-
marginBottom: 'auto',
|
|
2694
|
-
color: function color() {
|
|
2695
|
-
if (!isEnabled) {
|
|
2696
|
-
return 'geowebColors.buttons.flat.disabled.color';
|
|
2697
|
-
}
|
|
2698
|
-
|
|
2699
|
-
if (isAccessible) {
|
|
2700
|
-
return 'geowebColors.greys.accessible';
|
|
2701
|
-
}
|
|
2702
|
-
|
|
2703
|
-
if (isActive) {
|
|
2704
|
-
return 'common.white';
|
|
2705
|
-
}
|
|
2706
|
-
|
|
2707
|
-
return 'geowebColors.buttons.flat.default.color';
|
|
2708
|
-
},
|
|
2709
|
-
backgroundColor: function backgroundColor() {
|
|
2710
|
-
return isActive ? 'geowebColors.buttons.primary.active.fill' : 'inherit';
|
|
2711
|
-
},
|
|
2712
|
-
'&:hover': {
|
|
2713
|
-
backgroundColor: function backgroundColor() {
|
|
2714
|
-
return isActive ? 'geowebColors.buttons.primary.mouseOver.fill' : 'geowebColors.buttons.flat.mouseOver.fill';
|
|
2715
|
-
}
|
|
2716
|
-
}
|
|
2717
|
-
};
|
|
2718
|
-
};
|
|
2719
|
-
|
|
2720
|
-
var ManagerButton = function ManagerButton(_a) {
|
|
2721
|
-
var _b = _a.tooltipTitle,
|
|
2722
|
-
tooltipTitle = _b === void 0 ? '' : _b,
|
|
2723
|
-
_c = _a.onClick,
|
|
2724
|
-
onClick = _c === void 0 ? function () {} : _c,
|
|
2725
|
-
_d = _a.isActive,
|
|
2726
|
-
isActive = _d === void 0 ? false : _d,
|
|
2727
|
-
_e = _a.isEnabled,
|
|
2728
|
-
isEnabled = _e === void 0 ? true : _e,
|
|
2729
|
-
icon = _a.icon,
|
|
2730
|
-
_f = _a.isAccessible,
|
|
2731
|
-
isAccessible = _f === void 0 ? false : _f,
|
|
2732
|
-
sx = _a.sx,
|
|
2733
|
-
children = _a.children,
|
|
2734
|
-
props = __rest(_a, ["tooltipTitle", "onClick", "isActive", "isEnabled", "icon", "isAccessible", "sx", "children"]);
|
|
2735
|
-
|
|
2736
|
-
var buttonStyles = makeButtonStyles(isActive, isEnabled, isAccessible);
|
|
2737
|
-
|
|
2738
|
-
var handleClick = function handleClick(event) {
|
|
2739
|
-
onClick(event);
|
|
2740
|
-
};
|
|
2741
|
-
|
|
2742
|
-
return /*#__PURE__*/React__namespace.createElement(CustomTooltip, {
|
|
2743
|
-
title: tooltipTitle,
|
|
2744
|
-
placement: "top",
|
|
2745
|
-
sx: {
|
|
2746
|
-
pointerEvents: 'none'
|
|
2747
|
-
}
|
|
2748
|
-
}, children || /*#__PURE__*/React__namespace.createElement(material.IconButton, __assign({
|
|
2749
|
-
size: "small",
|
|
2750
|
-
onClick: handleClick,
|
|
2751
|
-
sx: __assign(__assign({}, buttonStyles), sx)
|
|
2752
|
-
}, props), icon));
|
|
2732
|
+
}) : /*#__PURE__*/React__namespace.createElement("div", null) // Needed to make the menu work without any menuItems
|
|
2733
|
+
, children));
|
|
2753
2734
|
};
|
|
2754
2735
|
|
|
2755
2736
|
/* *
|
|
@@ -2793,7 +2774,7 @@
|
|
|
2793
2774
|
},
|
|
2794
2775
|
'&.Mui-focused .MuiSelect-select': {
|
|
2795
2776
|
outline: function outline(theme) {
|
|
2796
|
-
return theme.palette.geowebColors.buttons.
|
|
2777
|
+
return theme.palette.geowebColors.buttons.tool.focus.outline;
|
|
2797
2778
|
},
|
|
2798
2779
|
borderRadius: 0
|
|
2799
2780
|
},
|
|
@@ -2815,7 +2796,7 @@
|
|
|
2815
2796
|
},
|
|
2816
2797
|
'&.Mui-focused .MuiSelect-select': {
|
|
2817
2798
|
outline: function outline(theme) {
|
|
2818
|
-
return theme.palette.geowebColors.buttons.
|
|
2799
|
+
return theme.palette.geowebColors.buttons.tool.focus.outline;
|
|
2819
2800
|
},
|
|
2820
2801
|
borderRadius: 0,
|
|
2821
2802
|
backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill'
|
|
@@ -2825,7 +2806,7 @@
|
|
|
2825
2806
|
},
|
|
2826
2807
|
'&:focus&.MuiButton-root': {
|
|
2827
2808
|
border: function border(theme) {
|
|
2828
|
-
return theme.palette.geowebColors.buttons.
|
|
2809
|
+
return theme.palette.geowebColors.buttons.tool.focus.outline;
|
|
2829
2810
|
},
|
|
2830
2811
|
backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill',
|
|
2831
2812
|
transition: 'border'
|
|
@@ -3329,6 +3310,48 @@
|
|
|
3329
3310
|
|
|
3330
3311
|
return new Date(yearOrIsoString, month, day, hours, minutes, seconds, milliseconds);
|
|
3331
3312
|
};
|
|
3313
|
+
/**
|
|
3314
|
+
*
|
|
3315
|
+
* @param date
|
|
3316
|
+
* @param duration
|
|
3317
|
+
* @returns {Date} the new Date
|
|
3318
|
+
*/
|
|
3319
|
+
|
|
3320
|
+
var add = function add(date, duration) {
|
|
3321
|
+
return dateFns.add(date, duration);
|
|
3322
|
+
};
|
|
3323
|
+
/**
|
|
3324
|
+
*
|
|
3325
|
+
* @param date
|
|
3326
|
+
* @param duration
|
|
3327
|
+
* @returns {Date} the new Date
|
|
3328
|
+
*/
|
|
3329
|
+
|
|
3330
|
+
var sub = function sub(date, duration) {
|
|
3331
|
+
return dateFns.sub(date, duration);
|
|
3332
|
+
};
|
|
3333
|
+
/**
|
|
3334
|
+
* Finds the number of minuts between to dates
|
|
3335
|
+
*
|
|
3336
|
+
* @param dateLeft - the later date
|
|
3337
|
+
* @param dateRight - the earlier date
|
|
3338
|
+
* @returns {number} the number of minutes
|
|
3339
|
+
*/
|
|
3340
|
+
|
|
3341
|
+
var differenceInMinutes = function differenceInMinutes(dateLeft, dateRight) {
|
|
3342
|
+
return dateFns.differenceInMinutes(dateLeft, dateRight);
|
|
3343
|
+
};
|
|
3344
|
+
/**
|
|
3345
|
+
* Finds the number of hours between to dates
|
|
3346
|
+
*
|
|
3347
|
+
* @param dateLeft - the later date
|
|
3348
|
+
* @param dateRight - the earlier date
|
|
3349
|
+
* @returns {number} the number of hours
|
|
3350
|
+
*/
|
|
3351
|
+
|
|
3352
|
+
var differenceInHours = function differenceInHours(dateLeft, dateRight) {
|
|
3353
|
+
return dateFns.differenceInHours(dateLeft, dateRight);
|
|
3354
|
+
};
|
|
3332
3355
|
|
|
3333
3356
|
/* *
|
|
3334
3357
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
@@ -3354,7 +3377,11 @@
|
|
|
3354
3377
|
setUTCDate: setUTCDate,
|
|
3355
3378
|
dateToString: dateToString,
|
|
3356
3379
|
isBetween: isBetween,
|
|
3357
|
-
createDate: createDate
|
|
3380
|
+
createDate: createDate,
|
|
3381
|
+
add: add,
|
|
3382
|
+
sub: sub,
|
|
3383
|
+
differenceInMinutes: differenceInMinutes,
|
|
3384
|
+
differenceInHours: differenceInHours
|
|
3358
3385
|
});
|
|
3359
3386
|
|
|
3360
3387
|
exports.AlertBanner = AlertBanner;
|
|
@@ -3366,13 +3393,13 @@
|
|
|
3366
3393
|
exports.ConfirmationServiceProvider = ConfirmationServiceProvider;
|
|
3367
3394
|
exports.CustomAccordion = CustomAccordion;
|
|
3368
3395
|
exports.CustomDialog = CustomDialog;
|
|
3396
|
+
exports.CustomIconButton = CustomIconButton;
|
|
3369
3397
|
exports.CustomSlider = CustomSlider;
|
|
3370
3398
|
exports.CustomToggleButton = CustomToggleButton;
|
|
3371
3399
|
exports.CustomTooltip = CustomTooltip;
|
|
3372
3400
|
exports.DEFAULT_ERROR_MESSAGE = DEFAULT_ERROR_MESSAGE;
|
|
3373
3401
|
exports.Draggable = DraggableComponent$1;
|
|
3374
3402
|
exports.ErrorBoundary = ErrorBoundary;
|
|
3375
|
-
exports.ManagerButton = ManagerButton;
|
|
3376
3403
|
exports.Resizable = ResizeComponent;
|
|
3377
3404
|
exports.StatusTag = StatusTag;
|
|
3378
3405
|
exports.ToggleMenu = ToggleMenu;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconButtonProps } from '@mui/material';
|
|
3
|
+
export declare type Variant = 'flat' | 'tool' | 'boxed';
|
|
4
|
+
export interface CustomIconProps extends IconButtonProps {
|
|
5
|
+
tooltipTitle?: string;
|
|
6
|
+
variant?: Variant;
|
|
7
|
+
isSelected?: boolean;
|
|
8
|
+
shouldShowAsDisabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const CustomIconButton: React.FC<CustomIconProps>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const CustomIconButtonLight: {
|
|
7
|
+
(): React.ReactElement;
|
|
8
|
+
storyName: string;
|
|
9
|
+
parameters: {
|
|
10
|
+
zeplinLink: {
|
|
11
|
+
name: string;
|
|
12
|
+
link: string;
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const CustomIconButtonDark: {
|
|
17
|
+
(): React.ReactElement;
|
|
18
|
+
storyName: string;
|
|
19
|
+
parameters: {
|
|
20
|
+
zeplinLink: {
|
|
21
|
+
name: string;
|
|
22
|
+
link: string;
|
|
23
|
+
}[];
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './CustomIconButton';
|
|
@@ -11,7 +11,6 @@ export * from './CustomSlider';
|
|
|
11
11
|
export * from './CustomToggleButton';
|
|
12
12
|
export * from './ToolButton';
|
|
13
13
|
export * from './ToggleMenu';
|
|
14
|
-
export * from './ManagerButton';
|
|
15
14
|
export * from './AlertIcon';
|
|
16
15
|
export * from './TooltipSelect';
|
|
17
16
|
export * from './Avatar';
|
|
@@ -19,3 +18,4 @@ export * from './WithEggs';
|
|
|
19
18
|
export * from './CustomTooltip';
|
|
20
19
|
export * from './CustomAccordion';
|
|
21
20
|
export * from './CustomDialog';
|
|
21
|
+
export * from './CustomIconButton';
|
|
@@ -131,3 +131,33 @@ export declare const isBetween: (date: Date, from: Date, to: Date, inclusivity?:
|
|
|
131
131
|
* // => 2022-12-13T00:00:00.000Z
|
|
132
132
|
*/
|
|
133
133
|
export declare const createDate: (yearOrIsoString?: string | number | undefined, month?: number | undefined, day?: number | undefined, hours?: number, minutes?: number, seconds?: number, milliseconds?: number) => Date;
|
|
134
|
+
/**
|
|
135
|
+
*
|
|
136
|
+
* @param date
|
|
137
|
+
* @param duration
|
|
138
|
+
* @returns {Date} the new Date
|
|
139
|
+
*/
|
|
140
|
+
export declare const add: (date: Date | number, duration: Duration) => Date;
|
|
141
|
+
/**
|
|
142
|
+
*
|
|
143
|
+
* @param date
|
|
144
|
+
* @param duration
|
|
145
|
+
* @returns {Date} the new Date
|
|
146
|
+
*/
|
|
147
|
+
export declare const sub: (date: Date | number, duration: Duration) => Date;
|
|
148
|
+
/**
|
|
149
|
+
* Finds the number of minuts between to dates
|
|
150
|
+
*
|
|
151
|
+
* @param dateLeft - the later date
|
|
152
|
+
* @param dateRight - the earlier date
|
|
153
|
+
* @returns {number} the number of minutes
|
|
154
|
+
*/
|
|
155
|
+
export declare const differenceInMinutes: (dateLeft: Date | number, dateRight: Date | number) => number;
|
|
156
|
+
/**
|
|
157
|
+
* Finds the number of hours between to dates
|
|
158
|
+
*
|
|
159
|
+
* @param dateLeft - the later date
|
|
160
|
+
* @param dateRight - the earlier date
|
|
161
|
+
* @returns {number} the number of hours
|
|
162
|
+
*/
|
|
163
|
+
export declare const differenceInHours: (dateLeft: Date | number, dateRight: Date | number) => number;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opengeoweb/shared",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.19.0",
|
|
4
4
|
"description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -13,8 +13,9 @@
|
|
|
13
13
|
"dependencies": {},
|
|
14
14
|
"peerDependencies": {
|
|
15
15
|
"react": "^18.2.0",
|
|
16
|
-
"@mui/material": "^5.
|
|
17
|
-
"@opengeoweb/theme": "4.
|
|
16
|
+
"@mui/material": "^5.12.0",
|
|
17
|
+
"@opengeoweb/theme": "4.19.0",
|
|
18
|
+
"@mui/x-date-pickers": "^6.2.1",
|
|
18
19
|
"react-draggable": "^4.4.5",
|
|
19
20
|
"re-resizable": "^6.9.0",
|
|
20
21
|
"@redux-eggs/core": "^2.2.0",
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { IconButtonProps } from '@mui/material';
|
|
3
|
-
export interface ManagerButtonProps extends IconButtonProps {
|
|
4
|
-
tooltipTitle: string;
|
|
5
|
-
isActive?: boolean;
|
|
6
|
-
isEnabled?: boolean;
|
|
7
|
-
icon: React.ReactNode;
|
|
8
|
-
isAccessible?: boolean;
|
|
9
|
-
children?: React.ReactElement;
|
|
10
|
-
}
|
|
11
|
-
export declare const ManagerButton: React.FC<ManagerButtonProps>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const ManagerButtonLight: {
|
|
7
|
-
(): React.ReactElement;
|
|
8
|
-
storyName: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const ManagerButtonDark: {
|
|
11
|
-
(): React.ReactElement;
|
|
12
|
-
storyName: string;
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './ManagerButton';
|
|
File without changes
|