odaptos_design_system 1.4.170 → 1.4.172
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/TimePicker/TimePicker.d.ts +0 -7
- package/dist/odaptos_design_system.cjs.development.js +10 -25
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +10 -25
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Notifications/Banner.tsx +11 -9
- package/src/TimePicker/TimePicker.tsx +17 -24
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Dayjs } from 'dayjs';
|
|
3
|
-
import 'dayjs/locale/en';
|
|
4
|
-
import 'dayjs/locale/en-gb';
|
|
5
|
-
import 'dayjs/locale/fr';
|
|
6
|
-
import 'dayjs/locale/it';
|
|
7
|
-
import 'dayjs/locale/de';
|
|
8
|
-
import 'dayjs/locale/es';
|
|
9
3
|
export interface TimePickerProps {
|
|
10
4
|
className?: string;
|
|
11
5
|
label?: string;
|
|
@@ -16,7 +10,6 @@ export interface TimePickerProps {
|
|
|
16
10
|
format?: string;
|
|
17
11
|
disabled?: boolean;
|
|
18
12
|
locale?: string | 'en' | 'en-gb' | 'fr' | 'it' | 'de' | 'es';
|
|
19
|
-
timezone?: string;
|
|
20
13
|
placeholder?: string;
|
|
21
14
|
required?: boolean;
|
|
22
15
|
error?: boolean;
|
|
@@ -30,14 +30,7 @@ var Tab = _interopDefault(require('@mui/material/Tab'));
|
|
|
30
30
|
var Tabs$1 = _interopDefault(require('@mui/material/Tabs'));
|
|
31
31
|
var dayjs = _interopDefault(require('dayjs'));
|
|
32
32
|
var utc = _interopDefault(require('dayjs/plugin/utc'));
|
|
33
|
-
var
|
|
34
|
-
var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
|
|
35
|
-
require('dayjs/locale/en');
|
|
36
|
-
require('dayjs/locale/en-gb');
|
|
37
|
-
require('dayjs/locale/fr');
|
|
38
|
-
require('dayjs/locale/it');
|
|
39
|
-
require('dayjs/locale/de');
|
|
40
|
-
require('dayjs/locale/es');
|
|
33
|
+
var enGB = require('date-fns/locale/en-GB');
|
|
41
34
|
var TimePicker$1 = require('@mui/x-date-pickers/TimePicker');
|
|
42
35
|
|
|
43
36
|
function styleInject(css, ref) {
|
|
@@ -10553,10 +10546,10 @@ const Banner = ({
|
|
|
10553
10546
|
weight: "semi-bold",
|
|
10554
10547
|
size: "base",
|
|
10555
10548
|
color: getTextColor()
|
|
10556
|
-
}), /*#__PURE__*/React__default.createElement(IconButton, {
|
|
10549
|
+
}), onClose && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
10557
10550
|
icon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, null),
|
|
10558
10551
|
onClick: () => {
|
|
10559
|
-
|
|
10552
|
+
onClose();
|
|
10560
10553
|
},
|
|
10561
10554
|
size: "xs",
|
|
10562
10555
|
variant: "tertiary",
|
|
@@ -12381,14 +12374,13 @@ const CssTextField$6 = /*#__PURE__*/styles$V.styled(material.TextField)({
|
|
|
12381
12374
|
}
|
|
12382
12375
|
});
|
|
12383
12376
|
dayjs.extend(utc);
|
|
12384
|
-
dayjs.extend(timezone);
|
|
12385
12377
|
const locales = {
|
|
12386
|
-
'en':
|
|
12387
|
-
'fr':
|
|
12388
|
-
'it':
|
|
12389
|
-
'en-gb':
|
|
12390
|
-
'de':
|
|
12391
|
-
'es':
|
|
12378
|
+
'en': enUS.enUS,
|
|
12379
|
+
'fr': fr.fr,
|
|
12380
|
+
'it': it.it,
|
|
12381
|
+
'en-gb': enGB.enGB,
|
|
12382
|
+
'de': de.de,
|
|
12383
|
+
'es': es.es
|
|
12392
12384
|
};
|
|
12393
12385
|
const TimePicker = ({
|
|
12394
12386
|
className,
|
|
@@ -12405,21 +12397,15 @@ const TimePicker = ({
|
|
|
12405
12397
|
error,
|
|
12406
12398
|
errorText,
|
|
12407
12399
|
helperText,
|
|
12408
|
-
timezone = dayjs.tz.guess(),
|
|
12409
|
-
//Guess the user's timezone
|
|
12410
12400
|
onChange,
|
|
12411
12401
|
onBlur
|
|
12412
12402
|
}) => {
|
|
12413
|
-
//If value is not in dayjs format, convert it
|
|
12414
|
-
if (value && !dayjs.isDayjs(value)) {
|
|
12415
|
-
value = dayjs(value);
|
|
12416
|
-
}
|
|
12417
12403
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12418
12404
|
style: {
|
|
12419
12405
|
width: '100%'
|
|
12420
12406
|
}
|
|
12421
12407
|
}, /*#__PURE__*/React__default.createElement(xDatePickers.LocalizationProvider, {
|
|
12422
|
-
dateAdapter:
|
|
12408
|
+
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
12423
12409
|
adapterLocale: locales[locale]
|
|
12424
12410
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12425
12411
|
className: `${styles$O.time_picker} ${className ? className : undefined}`
|
|
@@ -12457,7 +12443,6 @@ const TimePicker = ({
|
|
|
12457
12443
|
}
|
|
12458
12444
|
},
|
|
12459
12445
|
disabled: disabled,
|
|
12460
|
-
timezone: timezone,
|
|
12461
12446
|
onChange: onChange
|
|
12462
12447
|
}), errorText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12463
12448
|
size: "xs",
|