@terraware/web-components 2.16.2-rc.1 → 2.16.2
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.
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,QAAQ,EAAY,MAAM,OAAO,CAAC;AAE3C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAe,MAAM,kBAAkB,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,KAAK;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAYD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,QAAQ,EAAY,MAAM,OAAO,CAAC;AAE3C,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAe,MAAM,kBAAkB,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,KAAK;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAYD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4E5D"}
|
@@ -11,8 +11,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
12
12
|
var _material = require("@mui/material");
|
13
13
|
var _xDatePickers = require("@mui/x-date-pickers");
|
14
|
-
var
|
15
|
-
var
|
14
|
+
var _AdapterLuxon = require("@mui/x-date-pickers/AdapterLuxon");
|
15
|
+
var _luxon = require("luxon");
|
16
16
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
17
17
|
require("./styles.scss");
|
18
18
|
var _date = require("../../utils/date");
|
@@ -36,31 +36,17 @@ function DatePicker(props) {
|
|
36
36
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
37
37
|
temporalValue = _useState2[0],
|
38
38
|
setTemporalValue = _useState2[1];
|
39
|
-
var _useState3 = (0, _react.useState)(initializeDate(props.minDate, props.defaultTimeZone)),
|
40
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
41
|
-
minDateTime = _useState4[0],
|
42
|
-
setMinDateTime = _useState4[1];
|
43
|
-
var _useState5 = (0, _react.useState)(initializeDate(props.maxDate, props.defaultTimeZone)),
|
44
|
-
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
45
|
-
maxDateTime = _useState6[0],
|
46
|
-
setMaxDateTime = _useState6[1];
|
47
39
|
var locale = (_props$locale = props.locale) !== null && _props$locale !== void 0 ? _props$locale : 'en';
|
48
|
-
|
40
|
+
_luxon.Settings.defaultZone = (0, _date.tz)(props.defaultTimeZone);
|
49
41
|
_react.default.useEffect(function () {
|
50
42
|
setTemporalValue(function (prev) {
|
51
|
-
if (props.value !== prev
|
43
|
+
if (props.value !== prev) {
|
52
44
|
return initializeDate(props.value, props.defaultTimeZone);
|
53
45
|
} else {
|
54
46
|
return prev;
|
55
47
|
}
|
56
48
|
});
|
57
49
|
}, [props.defaultTimeZone, props.value]);
|
58
|
-
_react.default.useEffect(function () {
|
59
|
-
setMinDateTime(initializeDate(props.minDate, props.defaultTimeZone));
|
60
|
-
}, [props.defaultTimeZone, props.minDate]);
|
61
|
-
_react.default.useEffect(function () {
|
62
|
-
setMaxDateTime(initializeDate(props.maxDate, props.defaultTimeZone));
|
63
|
-
}, [props.defaultTimeZone, props.maxDate]);
|
64
50
|
|
65
51
|
/**
|
66
52
|
* Note: the inputProps override for placeholder is needed
|
@@ -92,7 +78,7 @@ function DatePicker(props) {
|
|
92
78
|
return /*#__PURE__*/_react.default.createElement("div", {
|
93
79
|
className: "date-picker ".concat(props.className, " ").concat(props.errorText ? 'date-picker--error' : '')
|
94
80
|
}, /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
95
|
-
dateAdapter:
|
81
|
+
dateAdapter: _AdapterLuxon.AdapterLuxon,
|
96
82
|
adapterLocale: locale
|
97
83
|
}, props.label && /*#__PURE__*/_react.default.createElement("label", {
|
98
84
|
htmlFor: props.id,
|
@@ -100,8 +86,8 @@ function DatePicker(props) {
|
|
100
86
|
}, props.label), /*#__PURE__*/_react.default.createElement(_xDatePickers.DesktopDatePicker, {
|
101
87
|
disabled: props.disabled,
|
102
88
|
inputFormat: "yyyy-MM-dd",
|
103
|
-
minDate:
|
104
|
-
maxDate:
|
89
|
+
minDate: initializeDate(props.minDate, props.defaultTimeZone) || undefined,
|
90
|
+
maxDate: initializeDate(props.maxDate, props.defaultTimeZone) || undefined,
|
105
91
|
onChange: function onChange(newValue) {
|
106
92
|
setTemporalValue(newValue);
|
107
93
|
// TODO: remove onChange and make onDateChange required
|
@@ -114,6 +100,6 @@ function DatePicker(props) {
|
|
114
100
|
},
|
115
101
|
onError: props.onError,
|
116
102
|
renderInput: renderInput,
|
117
|
-
value: temporalValue
|
103
|
+
value: temporalValue ? temporalValue.toISO() : temporalValue
|
118
104
|
})));
|
119
105
|
}
|