@terraware/web-components 2.13.1-rc.3 → 2.13.1-rc.41501
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/components/DatePicker/DatePicker.d.ts +12 -30
- package/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/components/DatePicker/DatePicker.js +23 -49
- package/components/Dropdown.d.ts +2 -0
- package/components/Dropdown.d.ts.map +1 -1
- package/components/Icon/Icon.d.ts +4 -3
- package/components/Icon/Icon.d.ts.map +1 -1
- package/components/Icon/Icon.js +4 -2
- package/components/Select/Select.d.ts +14 -12
- package/components/Select/Select.d.ts.map +1 -1
- package/components/Select/SelectT.d.ts +23 -15
- package/components/Select/SelectT.d.ts.map +1 -1
- package/components/Select/SelectT.js +29 -21
- package/index.d.ts +0 -2
- package/index.d.ts.map +1 -1
- package/license-report.html +1 -1
- package/package.json +6 -2
- package/stories/DatePicker.stories.d.ts +0 -4
- package/stories/DatePicker.stories.d.ts.map +1 -1
- package/stories/Select.stories.d.ts +1 -0
- package/stories/Select.stories.d.ts.map +1 -1
- package/utils/date.d.ts +2 -21
- package/utils/date.d.ts.map +1 -1
- package/utils/date.js +15 -36
- package/utils/date.test.js +5 -42
- package/utils/date.v1.d.ts +5 -0
- package/utils/date.v1.d.ts.map +1 -0
- package/utils/date.v1.js +20 -0
- package/utils/index.d.ts +2 -2
- package/utils/index.d.ts.map +1 -1
- package/utils/index.js +1 -7
@@ -1,41 +1,23 @@
|
|
1
|
+
import 'moment/min/locales';
|
1
2
|
import React, { KeyboardEventHandler } from 'react';
|
2
|
-
import { DateTime } from 'luxon';
|
3
3
|
import './styles.scss';
|
4
|
-
import { DateType } from '../../utils/date';
|
5
|
-
/**
|
6
|
-
* TODO: remove support for JS Date in DatePickerDateType once
|
7
|
-
* clients have moved to only using DateTime objects in input props
|
8
|
-
* and callback arguments.
|
9
|
-
* export type DatePickerDateType = Exclude<DateType, Date> | null;
|
10
|
-
*/
|
11
|
-
export type DatePickerDateType = DateType | null;
|
12
4
|
export interface Props {
|
13
|
-
|
5
|
+
id: string;
|
14
6
|
autoFocus?: boolean;
|
15
|
-
|
7
|
+
label: React.ReactNode;
|
8
|
+
value?: string | null;
|
9
|
+
onChange: (value?: string | null) => void;
|
10
|
+
'aria-label': string;
|
11
|
+
onKeyPress?: KeyboardEventHandler;
|
12
|
+
minDate?: any;
|
13
|
+
maxDate?: any;
|
16
14
|
defaultTimeZone?: string;
|
17
|
-
|
15
|
+
locale?: string;
|
18
16
|
errorText?: string;
|
19
17
|
helperText?: string;
|
20
|
-
|
21
|
-
|
22
|
-
locale?: string;
|
23
|
-
maxDate?: DatePickerDateType;
|
24
|
-
minDate?: DatePickerDateType;
|
25
|
-
/**
|
26
|
-
* @deprecated Use onDateChange and switch to
|
27
|
-
* handling luxon DateTime arguments.
|
28
|
-
*/
|
29
|
-
onChange: (value?: Date | null) => void;
|
30
|
-
/**
|
31
|
-
* TODO: remove deprecated onChange and
|
32
|
-
* make onDateChange required once all clients
|
33
|
-
* have migrated to using onDateChange.
|
34
|
-
*/
|
35
|
-
onDateChange?: (value?: DateTime) => void;
|
18
|
+
disabled?: boolean;
|
19
|
+
className?: string;
|
36
20
|
onError?: (reason: any, value: any) => void;
|
37
|
-
onKeyPress?: KeyboardEventHandler;
|
38
|
-
value?: DatePickerDateType;
|
39
21
|
}
|
40
22
|
export default function DatePicker(props: Props): JSX.Element;
|
41
23
|
//# sourceMappingURL=DatePicker.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAY,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAK9D,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyD5D"}
|
@@ -6,58 +6,32 @@ Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
7
7
|
});
|
8
8
|
exports.default = DatePicker;
|
9
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
10
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
10
|
+
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
11
|
+
require("moment/min/locales");
|
11
12
|
var _react = _interopRequireWildcard(require("react"));
|
12
13
|
var _material = require("@mui/material");
|
13
14
|
var _xDatePickers = require("@mui/x-date-pickers");
|
14
|
-
var
|
15
|
-
var _luxon = require("luxon");
|
15
|
+
var _AdapterMoment = require("@mui/x-date-pickers/AdapterMoment");
|
16
16
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
17
17
|
require("./styles.scss");
|
18
|
-
var _date = require("../../utils/date");
|
19
|
-
/**
|
20
|
-
* TODO: remove support for JS Date in DatePickerDateType once
|
21
|
-
* clients have moved to only using DateTime objects in input props
|
22
|
-
* and callback arguments.
|
23
|
-
* export type DatePickerDateType = Exclude<DateType, Date> | null;
|
24
|
-
*/
|
25
|
-
|
26
|
-
var initializeDate = function initializeDate(value) {
|
27
|
-
if (!value) {
|
28
|
-
return null;
|
29
|
-
}
|
30
|
-
var date = (0, _date.getDate)(value);
|
31
|
-
return date !== null && date !== void 0 && date.isValid ? date : null;
|
32
|
-
};
|
33
18
|
function DatePicker(props) {
|
34
|
-
var _props$locale;
|
35
|
-
var _useState = (0, _react.useState)(
|
19
|
+
var _props$locale, _props$defaultTimeZon;
|
20
|
+
var _useState = (0, _react.useState)(props.value || null),
|
36
21
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
37
22
|
temporalValue = _useState2[0],
|
38
23
|
setTemporalValue = _useState2[1];
|
39
24
|
var locale = (_props$locale = props.locale) !== null && _props$locale !== void 0 ? _props$locale : 'en';
|
40
|
-
_luxon.Settings.defaultZone = (0, _date.tz)(props.defaultTimeZone);
|
41
25
|
_react.default.useEffect(function () {
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
});
|
26
|
+
_momentTimezone.default.locale([locale]);
|
27
|
+
}, [locale]);
|
28
|
+
_react.default.useEffect(function () {
|
29
|
+
if (props.value !== temporalValue && props.value !== null) {
|
30
|
+
setTemporalValue(props.value || null);
|
31
|
+
}
|
49
32
|
}, [props.value]);
|
50
|
-
|
51
|
-
/**
|
52
|
-
* Note: the inputProps override for placeholder is needed
|
53
|
-
* with luxon since DatePicker's inputFormat as placeholder does not
|
54
|
-
* work at least with MUI 5.x
|
55
|
-
*/
|
56
33
|
var renderInput = function renderInput(params) {
|
57
34
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.TextField, Object.assign({}, params, {
|
58
|
-
inputProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, params.inputProps), {}, {
|
59
|
-
placeholder: 'yyyy-mm-dd'
|
60
|
-
}),
|
61
35
|
id: props.id,
|
62
36
|
autoFocus: props.autoFocus,
|
63
37
|
onKeyPress: props.onKeyPress
|
@@ -72,32 +46,32 @@ function DatePicker(props) {
|
|
72
46
|
}, props.errorText)));
|
73
47
|
};
|
74
48
|
|
49
|
+
// set timezone, defaulting to 'UTC'
|
50
|
+
_momentTimezone.default.tz.setDefault((_props$defaultTimeZon = props.defaultTimeZone) !== null && _props$defaultTimeZon !== void 0 ? _props$defaultTimeZon : 'UTC');
|
51
|
+
|
75
52
|
// TODO: Localize the yyyy-mm-dd placeholder string that is shown to users when the input is
|
76
53
|
// empty. It appears to be generated programmatically deep in the guts of the MUI DatePicker
|
77
54
|
// code, and it most likely uses the browser's locale.
|
78
55
|
return /*#__PURE__*/_react.default.createElement("div", {
|
79
56
|
className: "date-picker ".concat(props.className, " ").concat(props.errorText ? 'date-picker--error' : '')
|
80
57
|
}, /*#__PURE__*/_react.default.createElement(_xDatePickers.LocalizationProvider, {
|
81
|
-
dateAdapter:
|
58
|
+
dateAdapter: _AdapterMoment.AdapterMoment,
|
59
|
+
dateLibInstance: _momentTimezone.default,
|
82
60
|
adapterLocale: locale
|
83
61
|
}, props.label && /*#__PURE__*/_react.default.createElement("label", {
|
84
62
|
htmlFor: props.id,
|
85
63
|
className: "textfield-label"
|
86
64
|
}, props.label), /*#__PURE__*/_react.default.createElement(_xDatePickers.DesktopDatePicker, {
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
65
|
+
onError: props.onError,
|
66
|
+
minDate: props.minDate ? (0, _momentTimezone.default)(props.minDate) : undefined,
|
67
|
+
maxDate: props.maxDate ? (0, _momentTimezone.default)(props.maxDate) : undefined,
|
68
|
+
inputFormat: "YYYY-MM-DD",
|
69
|
+
value: temporalValue,
|
91
70
|
onChange: function onChange(newValue) {
|
92
71
|
setTemporalValue(newValue);
|
93
|
-
|
94
|
-
props.onChange(newValue && newValue.isValid ? newValue.toJSDate() : null);
|
95
|
-
if (props.onDateChange) {
|
96
|
-
props.onDateChange(newValue && newValue.isValid ? newValue : undefined);
|
97
|
-
}
|
72
|
+
props.onChange(newValue !== null && newValue !== void 0 && newValue.isValid() ? newValue === null || newValue === void 0 ? void 0 : newValue.toDate() : null);
|
98
73
|
},
|
99
|
-
onError: props.onError,
|
100
74
|
renderInput: renderInput,
|
101
|
-
|
75
|
+
disabled: props.disabled
|
102
76
|
})));
|
103
77
|
}
|
package/components/Dropdown.d.ts
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
import { TooltipProps } from '@mui/material';
|
2
2
|
import { DropdownItem } from './types';
|
3
|
+
import { SelectStyles } from './Select/SelectT';
|
3
4
|
export interface Props {
|
4
5
|
id: string;
|
5
6
|
label: string;
|
@@ -28,6 +29,7 @@ export interface DropdownProps {
|
|
28
29
|
onBlur?: () => void;
|
29
30
|
onFocus?: () => void;
|
30
31
|
fixedMenu?: boolean;
|
32
|
+
selectStyles?: SelectStyles;
|
31
33
|
freeSolo?: boolean;
|
32
34
|
hideClearIcon?: boolean;
|
33
35
|
autocomplete?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC3G,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKzD,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAQD,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAkBlG;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAGrC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAG5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsClE"}
|
@@ -2,10 +2,11 @@ import { Size } from '../Size';
|
|
2
2
|
import { IconName } from './icons';
|
3
3
|
import './styles.scss';
|
4
4
|
export interface Props {
|
5
|
-
name: IconName;
|
6
|
-
size?: Size;
|
7
5
|
className?: string;
|
8
6
|
fillColor?: string;
|
7
|
+
name: IconName;
|
8
|
+
size?: Size;
|
9
|
+
style?: Record<string, unknown>;
|
9
10
|
}
|
10
|
-
export default function Icon({ size, name, className, fillColor }: Props): JSX.Element;
|
11
|
+
export default function Icon({ size, name, className, fillColor, style }: Props): JSX.Element;
|
11
12
|
//# sourceMappingURL=Icon.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,eAAe,CAAC;AAcvB,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAc,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,eAAe,CAAC;AAcvB,MAAM,WAAW,KAAK;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAc,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAUtG"}
|
package/components/Icon/Icon.js
CHANGED
@@ -25,12 +25,14 @@ function Icon(_ref) {
|
|
25
25
|
size = _ref$size === void 0 ? 'small' : _ref$size,
|
26
26
|
name = _ref.name,
|
27
27
|
className = _ref.className,
|
28
|
-
fillColor = _ref.fillColor
|
28
|
+
fillColor = _ref.fillColor,
|
29
|
+
style = _ref.style;
|
29
30
|
var classes = useStyles({
|
30
31
|
fillColor: fillColor
|
31
32
|
});
|
32
33
|
var SVGComponent = _icons.default[name];
|
33
34
|
return /*#__PURE__*/_react.default.createElement(SVGComponent, {
|
34
|
-
className: "tw-icon tw-icon--".concat(size, " ").concat(className !== null && className !== void 0 ? className : '', " ").concat(fillColor ? classes.icon : '')
|
35
|
+
className: "tw-icon tw-icon--".concat(size, " ").concat(className !== null && className !== void 0 ? className : '', " ").concat(fillColor ? classes.icon : ''),
|
36
|
+
style: style
|
35
37
|
});
|
36
38
|
}
|
@@ -1,25 +1,27 @@
|
|
1
1
|
import { TooltipProps } from '@mui/material';
|
2
2
|
import './styles.scss';
|
3
|
+
import { SelectStyles } from './SelectT';
|
3
4
|
export interface SelectProps {
|
4
|
-
onChange: (newValue: string) => void;
|
5
|
-
label?: string;
|
6
|
-
disabled?: boolean;
|
7
|
-
id?: string;
|
8
5
|
className?: string;
|
9
|
-
|
10
|
-
placeholder?: string;
|
6
|
+
disabled?: boolean;
|
11
7
|
errorText?: string | string[];
|
12
|
-
|
13
|
-
|
14
|
-
readonly?: boolean;
|
15
|
-
options?: string[];
|
8
|
+
editable?: boolean;
|
9
|
+
fixedMenu?: boolean;
|
16
10
|
fullWidth?: boolean;
|
11
|
+
helperText?: string | string[];
|
17
12
|
hideArrow?: boolean;
|
13
|
+
id?: string;
|
14
|
+
label?: string;
|
18
15
|
onBlur?: () => void;
|
16
|
+
onChange: (newValue: string) => void;
|
19
17
|
onFocus?: () => void;
|
20
|
-
|
18
|
+
options?: string[];
|
19
|
+
placeholder?: string;
|
20
|
+
readonly?: boolean;
|
21
|
+
selectedValue?: string;
|
22
|
+
selectStyles?: SelectStyles;
|
21
23
|
tooltipTitle?: TooltipProps['title'];
|
22
|
-
|
24
|
+
warningText?: string | string[];
|
23
25
|
}
|
24
26
|
export default function Select(props: SelectProps): JSX.Element;
|
25
27
|
//# sourceMappingURL=Select.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,eAAe,CAAC;AACvB,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAY9D"}
|
@@ -1,31 +1,39 @@
|
|
1
1
|
import { TooltipProps } from '@mui/material';
|
2
2
|
import React from 'react';
|
3
3
|
import './styles.scss';
|
4
|
+
export interface SelectStyles {
|
5
|
+
arrow?: Record<string, any>;
|
6
|
+
input?: Record<string, any>;
|
7
|
+
inputContainer?: Record<string, any>;
|
8
|
+
optionContainer?: Record<string, any>;
|
9
|
+
optionsContainer?: Record<string, any>;
|
10
|
+
}
|
4
11
|
export interface SelectTProps<T> {
|
5
|
-
onChange: (newValue: T) => void;
|
6
|
-
label?: string;
|
7
|
-
disabled?: boolean;
|
8
|
-
id?: string;
|
9
12
|
className?: string;
|
10
|
-
|
11
|
-
|
13
|
+
disabled?: boolean;
|
14
|
+
displayLabel: (option: any) => string;
|
15
|
+
editable?: boolean;
|
12
16
|
errorText?: string | string[];
|
13
|
-
|
14
|
-
selectedValue?: T;
|
15
|
-
readonly?: boolean;
|
16
|
-
options?: T[];
|
17
|
+
fixedMenu?: boolean;
|
17
18
|
fullWidth?: boolean;
|
19
|
+
helperText?: string | string[];
|
18
20
|
hideArrow?: boolean;
|
21
|
+
id?: string;
|
22
|
+
isEqual: (A: T, B: T) => boolean;
|
23
|
+
label?: string;
|
19
24
|
onBlur?: () => void;
|
25
|
+
onChange: (newValue: T) => void;
|
20
26
|
onFocus?: () => void;
|
21
|
-
|
22
|
-
|
27
|
+
options?: T[];
|
28
|
+
placeholder?: string;
|
29
|
+
readonly?: boolean;
|
23
30
|
renderOption: (option: T) => React.ReactNode;
|
31
|
+
required?: boolean;
|
32
|
+
selectedValue?: T;
|
33
|
+
selectStyles?: SelectStyles;
|
24
34
|
toT: (input: string) => T;
|
25
|
-
displayLabel: (option: any) => string;
|
26
35
|
tooltipTitle?: TooltipProps['title'];
|
27
|
-
|
28
|
-
required?: boolean;
|
36
|
+
warningText?: string | string[];
|
29
37
|
}
|
30
38
|
export default function SelectT<T>(props: SelectTProps<T>): JSX.Element;
|
31
39
|
//# sourceMappingURL=SelectT.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SelectT.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectT.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,KAAwF,MAAM,OAAO,CAAC;AAE7G,OAAO,eAAe,CAAC;
|
1
|
+
{"version":3,"file":"SelectT.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectT.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,OAAO,KAAwF,MAAM,OAAO,CAAC;AAE7G,OAAO,eAAe,CAAC;AAMvB,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACxC;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA4QtE"}
|
@@ -13,31 +13,34 @@ require("./styles.scss");
|
|
13
13
|
var _Icon = _interopRequireDefault(require("../Icon/Icon"));
|
14
14
|
var _IconTooltip = _interopRequireDefault(require("../IconTooltip"));
|
15
15
|
var _utils = require("../../utils");
|
16
|
+
// Styles for overriding select dropdown
|
17
|
+
|
16
18
|
function SelectT(props) {
|
17
|
-
var
|
18
|
-
onChange = props.onChange,
|
19
|
-
label = props.label,
|
19
|
+
var className = props.className,
|
20
20
|
disabled = props.disabled,
|
21
|
-
|
22
|
-
|
23
|
-
helperText = props.helperText,
|
24
|
-
placeholder = props.placeholder,
|
21
|
+
displayLabel = props.displayLabel,
|
22
|
+
editable = props.editable,
|
25
23
|
errorText = props.errorText,
|
26
|
-
|
27
|
-
readonly = props.readonly,
|
28
|
-
options = props.options,
|
24
|
+
fixedMenu = props.fixedMenu,
|
29
25
|
fullWidth = props.fullWidth,
|
26
|
+
helperText = props.helperText,
|
30
27
|
hideArrow = props.hideArrow,
|
28
|
+
id = props.id,
|
29
|
+
isEqual = props.isEqual,
|
30
|
+
label = props.label,
|
31
31
|
onBlur = props.onBlur,
|
32
|
+
onChange = props.onChange,
|
32
33
|
onFocus = props.onFocus,
|
33
|
-
|
34
|
-
|
34
|
+
options = props.options,
|
35
|
+
placeholder = props.placeholder,
|
36
|
+
readonly = props.readonly,
|
35
37
|
renderOption = props.renderOption,
|
36
|
-
|
37
|
-
|
38
|
+
required = props.required,
|
39
|
+
selectedValue = props.selectedValue,
|
40
|
+
selectStyles = props.selectStyles,
|
38
41
|
tooltipTitle = props.tooltipTitle,
|
39
|
-
|
40
|
-
|
42
|
+
toT = props.toT,
|
43
|
+
warningText = props.warningText;
|
41
44
|
var selectClass = (0, _classnames.default)({
|
42
45
|
'textfield-value': true,
|
43
46
|
'textfield-value--disabled': disabled,
|
@@ -195,7 +198,8 @@ function SelectT(props) {
|
|
195
198
|
id: id,
|
196
199
|
className: selectClass,
|
197
200
|
onClick: toggleOptions,
|
198
|
-
ref: inputRef
|
201
|
+
ref: inputRef,
|
202
|
+
style: (selectStyles || {}).inputContainer
|
199
203
|
}, /*#__PURE__*/_react.default.createElement("input", {
|
200
204
|
value: displayLabel(selectedValue),
|
201
205
|
readOnly: !editable || readonly,
|
@@ -204,15 +208,18 @@ function SelectT(props) {
|
|
204
208
|
onKeyDown: onKeyDownHandler,
|
205
209
|
onBlur: onBlur,
|
206
210
|
onFocus: onFocus,
|
207
|
-
required: required
|
211
|
+
required: required,
|
212
|
+
style: (selectStyles || {}).input
|
208
213
|
}), !hideArrow && /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
209
214
|
name: 'chevronDown',
|
210
|
-
className: "textfield-value--icon-right"
|
215
|
+
className: "textfield-value--icon-right",
|
216
|
+
style: (selectStyles || {}).arrow
|
211
217
|
})), options && options.length > 0 && openedOptions && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, fixedMenu && /*#__PURE__*/_react.default.createElement("div", {
|
212
218
|
className: "scroll-block"
|
213
219
|
}), /*#__PURE__*/_react.default.createElement("ul", {
|
214
220
|
className: 'options-container' + (fixedMenu ? ' fixed-menu' : '') + (fixedMenuPositioned ? ' positioned' : ''),
|
215
|
-
ref: dropdownRef
|
221
|
+
ref: dropdownRef,
|
222
|
+
style: (selectStyles || {}).optionsContainer
|
216
223
|
}, options.map(function (option, index) {
|
217
224
|
return /*#__PURE__*/_react.default.createElement("li", {
|
218
225
|
"data-key": displayLabel(option).charAt(0).toUpperCase(),
|
@@ -221,7 +228,8 @@ function SelectT(props) {
|
|
221
228
|
onClick: function onClick() {
|
222
229
|
return !readonly ? onOptionSelected(option, index) : undefined;
|
223
230
|
},
|
224
|
-
className: "".concat(itemClass, " ").concat(selectedIndex === index ? 'select-value--selected' : '', " ")
|
231
|
+
className: "".concat(itemClass, " ").concat(selectedIndex === index ? 'select-value--selected' : '', " "),
|
232
|
+
style: (selectStyles || {}).optionContainer
|
225
233
|
}, renderOption(option));
|
226
234
|
})))), errorText && /*#__PURE__*/_react.default.createElement("div", {
|
227
235
|
className: "textfield-label-container"
|
package/index.d.ts
CHANGED
@@ -58,7 +58,5 @@ export type { PhotoItem } from './components/ViewPhotosDialog';
|
|
58
58
|
export type { SliderMark } from './components/Slider';
|
59
59
|
export type { Tab, TabsProps } from './components/Tabs';
|
60
60
|
export type { ConfirmProps } from './components/Confirm';
|
61
|
-
export type { DatePickerDateType, Props as DatePickerProps } from './components/DatePicker/DatePicker';
|
62
|
-
export type { DateType } from './utils/date';
|
63
61
|
export { Autocomplete, Badge, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, Confirm, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FileChooser, FormBottomBar, getComparator, icons, Icon, IconTooltip, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, PageForm, Pill, PillList, PhotoChooser, Popover, PopoverMenu, PopoverMultiSelect, ProgressCircle, RadioButton, Select, SelectT, Separator, Slider, stableSort, SummaryBox, Svg, Table, Tabs, Textfield, TextTruncated, theme, Tooltip, ViewPhotosDialog, };
|
64
62
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAClE,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,QAAQ,MAAM,gCAAgC,CAAC;AACtD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,KAAK,MAAM,yBAAyB,CAAC;AAC5C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AACtD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,YAAY,MAAM,2BAA2B,CAAC;AACrD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,OAAO,MAAM,kCAAkC,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AACjE,OAAO,cAAc,MAAM,4CAA4C,CAAC;AACxE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrG,OAAO,YAAY,EAAE,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpG,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACnG,OAAO,KAAK,GAAG,MAAM,kBAAkB,CAAC;AACxC,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAE7D,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,YAAY,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9C,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,YAAY,EAAE,uBAAuB,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AACjG,YAAY,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC1F,YAAY,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,YAAY,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC/D,YAAY,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/license-report.html
CHANGED
@@ -45,6 +45,6 @@ th, td {
|
|
45
45
|
padding: 15px;
|
46
46
|
}
|
47
47
|
</style>
|
48
|
-
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">3.0.0</td><td class="string">3.0.0</td><td class="string">^3.0.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.1.0</td><td class="string">6.0.7</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.4</td><td class="string">11.11.3</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.5</td><td class="string">11.11.0</td><td class="string">^11.11.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.0.0-alpha.170</td><td class="string">5.0.0-alpha.159</td><td class="string">^5.0.0-alpha.159</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.20</td><td class="string">5.0.20</td><td class="string">^5.0.20</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.3.2</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.4.4</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.8.2</td><td class="string">9.5.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.5</td><td class="string">2.8.3</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.74.1</td><td class="string">1.57.1</td><td class="string">^1.57.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
48
|
+
<table><thead><tr><th class="string">department</th><th class="string">related to</th><th class="string">name</th><th class="string">license period</th><th class="string">material / not material</th><th class="string">license type</th><th class="string">link</th><th class="string">remote version</th><th class="string">installed version</th><th class="string">defined version</th><th class="string">author</th></tr></thead><tbody><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.17.0</td><td class="string">2.15.0</td><td class="string">^2.14.0</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@date-io/moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/dmtrKovalenko/date-io.git</td><td class="string">2.17.0</td><td class="string">2.16.1</td><td class="string">^2.16.1</td><td class="string">Dmitriy Kovalenko dmtr.kovalenko@outlook.com</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/core</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">6.1.0</td><td class="string">6.0.7</td><td class="string">^6.0.7</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@dnd-kit/sortable</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/dnd-kit.git</td><td class="string">7.0.2</td><td class="string">7.0.2</td><td class="string">^7.0.2</td><td class="string">Claudéric Demers</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.4</td><td class="string">11.11.3</td><td class="string">^11.11.3</td><td class="string">Emotion Contributors</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@emotion/styled</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/emotion-js/emotion.git#main</td><td class="string">11.11.5</td><td class="string">11.11.0</td><td class="string">^11.11.0</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/icons-material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/lab</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.0.0-alpha.170</td><td class="string">5.0.0-alpha.159</td><td class="string">^5.0.0-alpha.159</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/material</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/styles</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/material-ui.git</td><td class="string">5.15.15</td><td class="string">5.15.3</td><td class="string">^5.15.3</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">@mui/x-date-pickers</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/mui/mui-x.git</td><td class="string">5.0.20</td><td class="string">5.0.20</td><td class="string">^5.0.20</td><td class="string">MUI Team</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">classnames</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/JedWatson/classnames.git</td><td class="string">2.5.1</td><td class="string">2.3.2</td><td class="string">^2.3.2</td><td class="string">Jed Watson</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">date-fns</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/date-fns/date-fns.git</td><td class="string">2.30.0</td><td class="string">2.29.3</td><td class="string">^2.29.3</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">luxon</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/luxon.git</td><td class="string">3.4.4</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Isaac Cambron</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">moment</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment.git</td><td class="string">2.30.1</td><td class="string">2.29.4</td><td class="string">^2.29.4</td><td class="string">Iskren Ivov Chernev <iskren.chernev@gmail.com> (https://github.com/ichernev)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">moment-timezone</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/moment/moment-timezone.git</td><td class="string">0.5.45</td><td class="string">0.5.43</td><td class="string">^0.5.43</td><td class="string">Tim Wood <washwithcare@gmail.com> (http://timwoodcreates.com/)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-dom</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/facebook/react.git</td><td class="string">17.0.2</td><td class="string">17.0.2</td><td class="string">^17.0.2</td><td class="string">n/a</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-intersection-observer</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/thebuilder/react-intersection-observer.git</td><td class="string">9.8.2</td><td class="string">9.5.2</td><td class="string">^9.5.2</td><td class="string">Daniel Schmidt</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-multi-carousel</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/YIZHUANG/react-multi-carousel.git</td><td class="string">2.8.5</td><td class="string">2.8.3</td><td class="string">^2.8.2</td><td class="string">YI ZHUANG https://github.com/YIZHUANG</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-responsive</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git://github.com/contra/react-responsive.git</td><td class="string">9.0.2</td><td class="string">9.0.2</td><td class="string">^9.0.2</td><td class="string">Contra <yo@contra.io> (https://contra.io)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">react-sortable-hoc</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/clauderic/react-sortable-hoc.git</td><td class="string">2.0.0</td><td class="string">2.0.0</td><td class="string">^2.0.0</td><td class="string">Clauderic Demers me@ced.io</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">sass</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/sass/dart-sass.git</td><td class="string">1.75.0</td><td class="string">1.57.1</td><td class="string">^1.57.1</td><td class="string">Natalie Weizenbaum nweiz@google.com https://github.com/nex3</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">tinycolor2</td><td class="string">perpetual</td><td class="string">material</td><td class="string">MIT</td><td class="string">git+https://github.com/bgrins/TinyColor.git</td><td class="string">1.6.0</td><td class="string">1.6.0</td><td class="string">^1.6.0</td><td class="string">Brian Grinstead <briangrinstead@gmail.com> (http://briangrinstead.com)</td></tr><tr><td class="string">terraware</td><td class="string">web-components</td><td class="string">web-vitals</td><td class="string">perpetual</td><td class="string">material</td><td class="string">Apache-2.0</td><td class="string">git+https://github.com/GoogleChrome/web-vitals.git</td><td class="string">3.5.2</td><td class="string">3.3.0</td><td class="string">^3.3.0</td><td class="string">Philip Walton philip@philipwalton.com http://philipwalton.com</td></tr></tbody></table>
|
49
49
|
</body>
|
50
50
|
</html>
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@terraware/web-components",
|
3
|
-
"version": "2.13.1-rc.
|
3
|
+
"version": "2.13.1-rc.41501",
|
4
4
|
"author": "Terraformation Inc.",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"repository": {
|
@@ -14,7 +14,8 @@
|
|
14
14
|
"private": false,
|
15
15
|
"main": "dist/index.js",
|
16
16
|
"dependencies": {
|
17
|
-
"@date-io/
|
17
|
+
"@date-io/date-fns": "^2.14.0",
|
18
|
+
"@date-io/moment": "^2.16.1",
|
18
19
|
"@dnd-kit/core": "^6.0.7",
|
19
20
|
"@dnd-kit/sortable": "^7.0.2",
|
20
21
|
"@emotion/react": "^11.11.3",
|
@@ -25,7 +26,10 @@
|
|
25
26
|
"@mui/styles": "^5.15.3",
|
26
27
|
"@mui/x-date-pickers": "^5.0.20",
|
27
28
|
"classnames": "^2.3.2",
|
29
|
+
"date-fns": "^2.29.3",
|
28
30
|
"luxon": "^3.3.0",
|
31
|
+
"moment": "^2.29.4",
|
32
|
+
"moment-timezone": "^0.5.43",
|
29
33
|
"react": "^17.0.2",
|
30
34
|
"react-dom": "^17.0.2",
|
31
35
|
"react-intersection-observer": "^9.5.2",
|
@@ -7,8 +7,4 @@ declare const _default: {
|
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
|
10
|
-
export declare const StringValueInitializedDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
|
11
|
-
export declare const YYMMDDInitializedDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
|
12
|
-
export declare const NumericValueInitializedDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
|
13
|
-
export declare const LuxonValueInitializedDate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerProps>;
|
14
10
|
//# sourceMappingURL=DatePicker.stories.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DatePicker.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,EAAE,
|
1
|
+
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DatePicker.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,UAAU,EAAE,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,qCAAqC,CAAC;;;;yBAM/E,OAAO,MAAM,SAAS,KAAG,YAAY;;AAJjD,wBAQE;AAwBF,eAAO,MAAM,OAAO,gHAAoB,CAAC"}
|
@@ -12,4 +12,5 @@ type Value = {
|
|
12
12
|
age?: number;
|
13
13
|
};
|
14
14
|
export declare const ComplexSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectTProps<Value>>;
|
15
|
+
export declare const Styled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectProps>;
|
15
16
|
//# sourceMappingURL=Select.stories.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;;;;;AAErE,wBAGE;AAiCF,eAAO,MAAM,OAAO,4GAAoB,CAAC;AAezC,eAAO,MAAM,QAAQ,4GAA4B,CAAC;AAyBlD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA8CF,eAAO,MAAM,aAAa,oHAA2B,CAAC"}
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Select.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;;;;;AAErE,wBAGE;AAiCF,eAAO,MAAM,OAAO,4GAAoB,CAAC;AAezC,eAAO,MAAM,QAAQ,4GAA4B,CAAC;AAyBlD,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AA8CF,eAAO,MAAM,aAAa,oHAA2B,CAAC;AA+BtD,eAAO,MAAM,MAAM,4GAAoB,CAAC"}
|
package/utils/date.d.ts
CHANGED
@@ -1,27 +1,8 @@
|
|
1
|
-
import { DateTime } from 'luxon';
|
2
|
-
/**
|
3
|
-
* Accepted date types for input are:
|
4
|
-
* - string for any date ISO string representation
|
5
|
-
* - number for timestamp
|
6
|
-
* - JS Date
|
7
|
-
* - luxon DateTime
|
8
|
-
*/
|
9
|
-
export type DateType = string | number | Date | DateTime;
|
10
|
-
/**
|
11
|
-
* Helper util that returns default time zone as a fallback.
|
12
|
-
*/
|
13
|
-
export declare const tz: (timeZoneId?: string) => string;
|
14
|
-
/**
|
15
|
-
* Utility that constructs a valid DateTime object from
|
16
|
-
* any DateType value passed in (ISO string or epoch milliseconds or DateTime object).
|
17
|
-
* Note: the DateTime object input support is mostly for ease of use and will essentially be a pass-through.
|
18
|
-
*/
|
19
|
-
export declare const getDate: (date: DateType, timeZoneId?: string) => DateTime;
|
20
1
|
/**
|
21
2
|
* Default export function that provides a display value for a date
|
22
3
|
* with optional implied time zone.
|
23
4
|
*/
|
24
|
-
declare const getDateDisplayValue: (date:
|
5
|
+
declare const getDateDisplayValue: (date: string | number, timeZoneId?: string) => string;
|
25
6
|
/**
|
26
7
|
* Exported function that returns todays date in a specific (optional) time zone.
|
27
8
|
*/
|
@@ -29,6 +10,6 @@ export declare const getTodaysDateFormatted: (timeZoneId?: string) => string;
|
|
29
10
|
/**
|
30
11
|
* Checks if a date is in the future, time zone for date is optional.
|
31
12
|
*/
|
32
|
-
export declare const isInTheFuture: (date:
|
13
|
+
export declare const isInTheFuture: (date: string | number, timeZoneId?: string) => boolean;
|
33
14
|
export default getDateDisplayValue;
|
34
15
|
//# sourceMappingURL=date.d.ts.map
|
package/utils/date.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAsDA;;;GAGG;AACH,QAAA,MAAM,mBAAmB,SAAU,MAAM,GAAG,MAAM,eAAe,MAAM,WAStE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,gBAAiB,MAAM,WAEzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,SAAU,MAAM,GAAG,MAAM,eAAe,MAAM,YAOvE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
package/utils/date.js
CHANGED
@@ -1,20 +1,10 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
5
4
|
value: true
|
6
5
|
});
|
7
|
-
exports.
|
6
|
+
exports.isInTheFuture = exports.getTodaysDateFormatted = exports.default = void 0;
|
8
7
|
var _luxon = require("luxon");
|
9
|
-
var _lodash = _interopRequireDefault(require("lodash"));
|
10
|
-
/**
|
11
|
-
* Accepted date types for input are:
|
12
|
-
* - string for any date ISO string representation
|
13
|
-
* - number for timestamp
|
14
|
-
* - JS Date
|
15
|
-
* - luxon DateTime
|
16
|
-
*/
|
17
|
-
|
18
8
|
/**
|
19
9
|
* Helper util that returns default time zone as a fallback.
|
20
10
|
*/
|
@@ -23,14 +13,11 @@ var tz = function tz(timeZoneId) {
|
|
23
13
|
};
|
24
14
|
|
25
15
|
/**
|
26
|
-
* Parse a date
|
16
|
+
* Parse a date string with zone implied.
|
27
17
|
* eg. '2023-01-10 in 'America/Los_Angeles'
|
28
18
|
*/
|
29
|
-
|
30
|
-
|
31
|
-
return _luxon.DateTime.fromISO(date, {
|
32
|
-
zone: tz(timeZoneId)
|
33
|
-
});
|
19
|
+
var getDateFromString = function getDateFromString(date, timeZoneId) {
|
20
|
+
return _luxon.DateTime.fromFormat("".concat(date, " ").concat(tz(timeZoneId)), 'yyyy-MM-dd z');
|
34
21
|
};
|
35
22
|
|
36
23
|
/**
|
@@ -55,35 +42,27 @@ var getDisplayValue = function getDisplayValue(date) {
|
|
55
42
|
|
56
43
|
/**
|
57
44
|
* Utility that constructs a valid DateTime object from
|
58
|
-
* any
|
59
|
-
* Note: the DateTime object input support is mostly for ease of use and will essentially be a pass-through.
|
45
|
+
* any date value passed in ('2023-01-10' or millis or a utc string).
|
60
46
|
*/
|
61
47
|
var getDate = function getDate(date, timeZoneId) {
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
return fromString;
|
66
|
-
}
|
48
|
+
var fromString = getDateFromString(date, timeZoneId);
|
49
|
+
if (fromString.isValid) {
|
50
|
+
return fromString;
|
67
51
|
}
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
}
|
73
|
-
}
|
74
|
-
if (_lodash.default.isDate(date) || typeof date === 'string' || typeof date === 'number') {
|
75
|
-
return _luxon.DateTime.fromJSDate(new Date(date), {
|
76
|
-
zone: tz(timeZoneId)
|
77
|
-
});
|
52
|
+
var millis = new Date(date).getTime();
|
53
|
+
var fromMillis = getDateFromMillis(date, timeZoneId);
|
54
|
+
if (fromMillis.isValid) {
|
55
|
+
return fromMillis;
|
78
56
|
}
|
79
|
-
return
|
57
|
+
return _luxon.DateTime.fromJSDate(new Date(date), {
|
58
|
+
zone: tz(timeZoneId)
|
59
|
+
});
|
80
60
|
};
|
81
61
|
|
82
62
|
/**
|
83
63
|
* Default export function that provides a display value for a date
|
84
64
|
* with optional implied time zone.
|
85
65
|
*/
|
86
|
-
exports.getDate = getDate;
|
87
66
|
var getDateDisplayValue = function getDateDisplayValue(date, timeZoneId) {
|
88
67
|
if (typeof date === 'string' && date.match(/^\d\d\d\d-\d\d-\d\d$/)) {
|
89
68
|
// if already in display format, return as-is, do not apply time zone
|
package/utils/date.test.js
CHANGED
@@ -1,14 +1,13 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
4
|
-
var _luxon = require("luxon");
|
5
4
|
var _date = _interopRequireWildcard(require("./date"));
|
6
|
-
test('isInTheFuture should handle date
|
5
|
+
test('isInTheFuture should handle date string and specified time zones', function () {
|
7
6
|
expect((0, _date.isInTheFuture)('2023-01-10', 'Asia/Bangkok')).toBe(false);
|
8
7
|
expect((0, _date.isInTheFuture)('2023-01-10', 'America/Los_Angeles')).toBe(false);
|
9
8
|
expect((0, _date.isInTheFuture)('3023-01-10', 'America/Los_Angeles')).toBe(true);
|
10
9
|
});
|
11
|
-
test('isInTheFuture should handle date
|
10
|
+
test('isInTheFuture should handle date string and default time zone', function () {
|
12
11
|
expect((0, _date.isInTheFuture)('2023-01-10')).toBe(false);
|
13
12
|
expect((0, _date.isInTheFuture)('3023-01-10')).toBe(true);
|
14
13
|
});
|
@@ -20,25 +19,6 @@ test('isInTheFuture should handle millis and default time zone', function () {
|
|
20
19
|
expect((0, _date.isInTheFuture)(Date.now())).toBe(false);
|
21
20
|
expect((0, _date.isInTheFuture)(new Date('3023-01-10').getTime())).toBe(true);
|
22
21
|
});
|
23
|
-
test('isInTheFuture should handle JS Date object and specified time zones', function () {
|
24
|
-
expect((0, _date.isInTheFuture)(new Date(), 'Asia/Bangkok')).toBe(false);
|
25
|
-
expect((0, _date.isInTheFuture)(new Date('3023-01-10'), 'Asia/Bangkok')).toBe(true);
|
26
|
-
});
|
27
|
-
test('isInTheFuture should handle JS Date object and default time zone', function () {
|
28
|
-
expect((0, _date.isInTheFuture)(new Date())).toBe(false);
|
29
|
-
expect((0, _date.isInTheFuture)(new Date('3023-01-10'))).toBe(true);
|
30
|
-
});
|
31
|
-
test('isInTheFuture should handle DateTime object and specified time zones', function () {
|
32
|
-
expect((0, _date.isInTheFuture)(_luxon.DateTime.now(), 'Asia/Bangkok')).toBe(false);
|
33
|
-
expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10'), 'Asia/Bangkok')).toBe(true);
|
34
|
-
// check that a DateTime with preset zone is a no-op
|
35
|
-
expect((0, _date.isInTheFuture)(_luxon.DateTime.now().setZone('Asia/Bangkok'), 'Asia/Bangkok')).toBe(false);
|
36
|
-
expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10').setZone('Asia/Bangkok'), 'Asia/Bangkok')).toBe(true);
|
37
|
-
});
|
38
|
-
test('isInTheFuture should handle JS Date object and default time zone', function () {
|
39
|
-
expect((0, _date.isInTheFuture)(_luxon.DateTime.now())).toBe(false);
|
40
|
-
expect((0, _date.isInTheFuture)(_luxon.DateTime.fromISO('3023-01-10'))).toBe(true);
|
41
|
-
});
|
42
22
|
test('should show todays date formatted for a time zone', function () {
|
43
23
|
var formatted = (0, _date.getTodaysDateFormatted)('Asia/Bangkok');
|
44
24
|
expect(!!formatted.match(/\d\d\d\d-\d\d-\d\d/)).toBe(true);
|
@@ -47,14 +27,14 @@ test('should show todays date formatted for default time zone', function () {
|
|
47
27
|
var formatted = (0, _date.getTodaysDateFormatted)();
|
48
28
|
expect(!!formatted.match(/\d\d\d\d-\d\d-\d\d/)).toBe(true);
|
49
29
|
});
|
50
|
-
test('should return valid date display value for
|
30
|
+
test('should return valid date display value for javascript date string with time zones', function () {
|
51
31
|
expect((0, _date.default)('2021-08-05T19:39:16Z', 'America/Los_Angeles')).toBe('2021-08-05');
|
52
32
|
expect((0, _date.default)('2021-08-05T19:39:16Z', 'Asia/Bangkok')).toBe('2021-08-06');
|
53
33
|
});
|
54
|
-
test('should return valid date display value for
|
34
|
+
test('should return valid date display value for javascript date string with default time zone', function () {
|
55
35
|
expect((0, _date.default)('2021-08-05T19:39:16Z')).toBe('2021-08-05');
|
56
36
|
});
|
57
|
-
test('should return valid date display value for default date
|
37
|
+
test('should return valid date display value for default date format string with time zones', function () {
|
58
38
|
expect((0, _date.default)('2021-08-05', 'America/Los_Angeles')).toBe('2021-08-05');
|
59
39
|
expect((0, _date.default)('2021-08-05', 'Asia/Bangkok')).toBe('2021-08-05');
|
60
40
|
});
|
@@ -64,24 +44,7 @@ test('should return valid date display value for default date string with defaul
|
|
64
44
|
test('should return valid date display value for millis with default time zone', function () {
|
65
45
|
expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime())).toBe('2021-08-05');
|
66
46
|
});
|
67
|
-
test('should return valid date display value for JS Date object with default time zone', function () {
|
68
|
-
expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
|
69
|
-
});
|
70
|
-
test('should return valid date display value for DateTime object with default time zone', function () {
|
71
|
-
expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'))).toBe('2021-08-05');
|
72
|
-
});
|
73
47
|
test('should return valid date display value for millis with time zones', function () {
|
74
48
|
expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime(), 'America/Los_Angeles')).toBe('2021-08-05');
|
75
49
|
expect((0, _date.default)(new Date('2021-08-05T19:39:16Z').getTime(), 'Asia/Bangkok')).toBe('2021-08-06');
|
76
|
-
});
|
77
|
-
test('should return valid date display value for JS Date object with time zones', function () {
|
78
|
-
expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'), 'America/Los_Angeles')).toBe('2021-08-05');
|
79
|
-
expect((0, _date.default)(new Date('2021-08-05T19:39:16Z'), 'Asia/Bangkok')).toBe('2021-08-06');
|
80
|
-
});
|
81
|
-
test('should return valid date display value for DateTime object with time zones', function () {
|
82
|
-
expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'), 'America/Los_Angeles')).toBe('2021-08-05');
|
83
|
-
expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z'), 'Asia/Bangkok')).toBe('2021-08-06');
|
84
|
-
// check that a DateTime with preset zone is a no-op
|
85
|
-
expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z').setZone('America/Los_Angeles'), 'America/Los_Angeles')).toBe('2021-08-05');
|
86
|
-
expect((0, _date.default)(_luxon.DateTime.fromISO('2021-08-05T19:39:16Z').setZone('America/Los_Angeles'), 'Asia/Bangkok')).toBe('2021-08-06');
|
87
50
|
});
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"date.v1.d.ts","sourceRoot":"","sources":["../../src/utils/date.v1.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,mBAAmB,SAAU,MAAM,GAAG,MAAM,WAA+C,CAAC;AAElG,eAAO,MAAM,sBAAsB,cAElC,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,GAAG,YAItC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
package/utils/date.v1.js
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.isInTheFuture = exports.getTodaysDateFormatted = exports.default = void 0;
|
7
|
+
var getDateDisplayValue = function getDateDisplayValue(date) {
|
8
|
+
return new Date(date).toISOString().split('T')[0];
|
9
|
+
};
|
10
|
+
var getTodaysDateFormatted = function getTodaysDateFormatted() {
|
11
|
+
return getDateDisplayValue(Date.now());
|
12
|
+
};
|
13
|
+
exports.getTodaysDateFormatted = getTodaysDateFormatted;
|
14
|
+
var isInTheFuture = function isInTheFuture(date) {
|
15
|
+
var d = new Date(getDateDisplayValue(date)).getTime();
|
16
|
+
return d > Date.now();
|
17
|
+
};
|
18
|
+
exports.isInTheFuture = isInTheFuture;
|
19
|
+
var _default = getDateDisplayValue;
|
20
|
+
exports.default = _default;
|
package/utils/index.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
import getDateDisplayValue, {
|
1
|
+
import getDateDisplayValue, { getTodaysDateFormatted, isInTheFuture } from './date.v1';
|
2
2
|
import isWhitespaces from './text';
|
3
3
|
import preventDefaultEvent from './preventDefaultEvent';
|
4
4
|
import useDeviceInfo from './useDeviceInfo';
|
5
|
-
export {
|
5
|
+
export { getDateDisplayValue, getTodaysDateFormatted, isInTheFuture, isWhitespaces, preventDefaultEvent, useDeviceInfo, };
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
package/utils/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAAE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACvF,OAAO,aAAa,MAAM,QAAQ,CAAC;AACnC,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,aAAa,GACd,CAAC"}
|
package/utils/index.js
CHANGED
@@ -5,12 +5,6 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
6
6
|
value: true
|
7
7
|
});
|
8
|
-
Object.defineProperty(exports, "getDate", {
|
9
|
-
enumerable: true,
|
10
|
-
get: function get() {
|
11
|
-
return _date.getDate;
|
12
|
-
}
|
13
|
-
});
|
14
8
|
Object.defineProperty(exports, "getDateDisplayValue", {
|
15
9
|
enumerable: true,
|
16
10
|
get: function get() {
|
@@ -47,7 +41,7 @@ Object.defineProperty(exports, "useDeviceInfo", {
|
|
47
41
|
return _useDeviceInfo.default;
|
48
42
|
}
|
49
43
|
});
|
50
|
-
var _date = _interopRequireWildcard(require("./date"));
|
44
|
+
var _date = _interopRequireWildcard(require("./date.v1"));
|
51
45
|
var _text = _interopRequireDefault(require("./text"));
|
52
46
|
var _preventDefaultEvent = _interopRequireDefault(require("./preventDefaultEvent"));
|
53
47
|
var _useDeviceInfo = _interopRequireDefault(require("./useDeviceInfo"));
|