@docsvision/material-ui-pickers 3.2.0-beta.24 → 3.2.0-beta.26
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/.size-snapshot.json +11 -11
- package/9db1cba1a61cb58db53f38425bbd1f95.7z +0 -0
- package/build/DatePicker/DatePicker.d.ts +2 -2
- package/build/DatePicker/DatePicker.js +1 -1
- package/build/DateTimePicker/DateTimePicker.js +1 -1
- package/build/Picker/Picker.js +1 -1
- package/build/TimePicker/TimePicker.js +1 -1
- package/build/_helpers/text-field-helper.d.ts +1 -1
- package/build/_shared/KeyboardDateInput.js +1 -1
- package/build/_shared/ModalDialog.d.ts +2 -2
- package/build/_shared/PureDateInput.js +1 -1
- package/build/_shared/ToolbarButton.d.ts +2 -2
- package/build/_shared/hooks/useKeyboardPickerState.js +2 -2
- package/build/constants/prop-types.js +2 -2
- package/build/dist/material-ui-pickers.esm.js +12 -12
- package/build/dist/material-ui-pickers.esm.js.map +1 -1
- package/build/dist/material-ui-pickers.js +62 -62
- package/build/dist/material-ui-pickers.js.map +1 -1
- package/build/dist/material-ui-pickers.umd.js +5790 -4511
- package/build/dist/material-ui-pickers.umd.min.js +1 -1
- package/build/package.json +1 -1
- package/build/views/Calendar/Calendar.js +2 -2
- package/build/views/Clock/Clock.d.ts +1 -1
- package/build/views/Clock/ClockPointer.d.ts +1 -1
- package/package.json +1 -1
- package/src/DatePicker/DatePicker.tsx +91 -0
- package/src/DatePicker/DatePickerToolbar.tsx +75 -0
- package/src/DatePicker/index.ts +7 -0
- package/src/DateTimePicker/DateTimePicker.tsx +72 -0
- package/src/DateTimePicker/DateTimePickerTabs.tsx +86 -0
- package/src/DateTimePicker/DateTimePickerToolbar.tsx +123 -0
- package/src/DateTimePicker/index.ts +7 -0
- package/src/MuiPickersUtilsProvider.tsx +39 -0
- package/src/Picker/Picker.tsx +275 -0
- package/src/Picker/WrappedKeyboardPicker.tsx +136 -0
- package/src/Picker/WrappedPurePicker.tsx +128 -0
- package/src/Rifm/Rifm.ts +213 -0
- package/src/TimePicker/TimePicker.tsx +67 -0
- package/src/TimePicker/TimePickerToolbar.tsx +180 -0
- package/src/TimePicker/index.tsx +7 -0
- package/src/__tests__/DatePicker/Calendar.test.tsx +51 -0
- package/src/__tests__/DatePicker/Month.test.tsx +36 -0
- package/src/__tests__/DatePicker/MonthSelection.test.tsx +37 -0
- package/src/__tests__/MuiPickersUtilsProvider.test.tsx +21 -0
- package/src/__tests__/TimePicker/Clock.test.tsx +68 -0
- package/src/__tests__/_helpers/date-utils.test.tsx +197 -0
- package/src/__tests__/_helpers/text-field-helper.test.tsx +34 -0
- package/src/__tests__/_shared/ModalDialog.test.tsx +109 -0
- package/src/__tests__/e2e/DatePicker.test.tsx +233 -0
- package/src/__tests__/e2e/DatePickerProps.test.tsx +18 -0
- package/src/__tests__/e2e/DatePickerRoot.test.tsx +154 -0
- package/src/__tests__/e2e/DateTimePicker.test.tsx +86 -0
- package/src/__tests__/e2e/DateTimePickerRoot.test.tsx +72 -0
- package/src/__tests__/e2e/KeyboardDatePicker.test.tsx +140 -0
- package/src/__tests__/e2e/KeyboardDateTimePicker.test.tsx +48 -0
- package/src/__tests__/e2e/Theme.test.tsx +30 -0
- package/src/__tests__/e2e/TimePicker.test.tsx +121 -0
- package/src/__tests__/e2e/commands.tsx +8 -0
- package/src/__tests__/setup.js +26 -0
- package/src/__tests__/test-utils.tsx +45 -0
- package/src/__tests__/tsconfig.json +5 -0
- package/src/_helpers/date-utils.ts +92 -0
- package/src/_helpers/text-field-helper.ts +239 -0
- package/src/_helpers/time-utils.ts +83 -0
- package/src/_helpers/utils.ts +8 -0
- package/src/_shared/KeyboardDateInput.tsx +161 -0
- package/src/_shared/ModalDialog.tsx +114 -0
- package/src/_shared/PickerToolbar.tsx +52 -0
- package/src/_shared/PureDateInput.tsx +45 -0
- package/src/_shared/ToolbarButton.tsx +63 -0
- package/src/_shared/ToolbarText.tsx +49 -0
- package/src/_shared/WithUtils.tsx +19 -0
- package/src/_shared/hooks/useIsLandscape.tsx +27 -0
- package/src/_shared/hooks/useKeyDown.ts +34 -0
- package/src/_shared/hooks/useKeyboardPickerState.ts +72 -0
- package/src/_shared/hooks/useOpenState.ts +22 -0
- package/src/_shared/hooks/usePickerState.ts +134 -0
- package/src/_shared/hooks/useUtils.ts +20 -0
- package/src/_shared/hooks/useViews.tsx +31 -0
- package/src/_shared/icons/ArrowLeftIcon.tsx +11 -0
- package/src/_shared/icons/ArrowRightIcon.tsx +11 -0
- package/src/_shared/icons/DateRangeIcon.tsx +11 -0
- package/src/_shared/icons/KeyboardIcon.tsx +11 -0
- package/src/_shared/icons/TimeIcon.tsx +12 -0
- package/src/constants/ClockType.ts +11 -0
- package/src/constants/dimensions.ts +5 -0
- package/src/constants/prop-types.ts +37 -0
- package/src/index.ts +48 -0
- package/src/typings/BasePicker.tsx +60 -0
- package/src/typings/date.ts +3 -0
- package/src/typings/extendMui.ts +10 -0
- package/src/typings/overrides.ts +44 -0
- package/src/views/Calendar/Calendar.tsx +361 -0
- package/src/views/Calendar/CalendarHeader.tsx +141 -0
- package/src/views/Calendar/Day.tsx +97 -0
- package/src/views/Calendar/DayWrapper.tsx +33 -0
- package/src/views/Calendar/SlideTransition.tsx +100 -0
- package/src/views/Clock/Clock.tsx +172 -0
- package/src/views/Clock/ClockNumber.tsx +91 -0
- package/src/views/Clock/ClockNumbers.tsx +76 -0
- package/src/views/Clock/ClockPointer.tsx +104 -0
- package/src/views/Clock/ClockView.tsx +105 -0
- package/src/views/Month/Month.tsx +76 -0
- package/src/views/Month/MonthView.tsx +94 -0
- package/src/views/Year/Year.tsx +77 -0
- package/src/views/Year/YearView.tsx +91 -0
- package/src/wrappers/InlineWrapper.tsx +80 -0
- package/src/wrappers/ModalWrapper.tsx +113 -0
- package/src/wrappers/StaticWrapper.tsx +22 -0
- package/src/wrappers/Wrapper.tsx +75 -0
- package/coverage/clover.xml +0 -601
- package/coverage/coverage-final.json +0 -22
- package/coverage/lcov-report/base.css +0 -224
- package/coverage/lcov-report/block-navigation.js +0 -79
- package/coverage/lcov-report/index.html +0 -201
- package/coverage/lcov-report/prettify.css +0 -1
- package/coverage/lcov-report/prettify.js +0 -2
- package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
- package/coverage/lcov-report/sorter.js +0 -170
- package/coverage/lcov-report/src/MuiPickersUtilsProvider.tsx.html +0 -186
- package/coverage/lcov-report/src/_helpers/date-utils.ts.html +0 -345
- package/coverage/lcov-report/src/_helpers/index.html +0 -123
- package/coverage/lcov-report/src/_helpers/time-utils.ts.html +0 -318
- package/coverage/lcov-report/src/_helpers/utils.ts.html +0 -93
- package/coverage/lcov-report/src/_shared/ModalDialog.tsx.html +0 -411
- package/coverage/lcov-report/src/_shared/WithUtils.tsx.html +0 -126
- package/coverage/lcov-report/src/_shared/hooks/index.html +0 -110
- package/coverage/lcov-report/src/_shared/hooks/useKeyDown.ts.html +0 -171
- package/coverage/lcov-report/src/_shared/hooks/useUtils.ts.html +0 -129
- package/coverage/lcov-report/src/_shared/icons/ArrowLeftIcon.tsx.html +0 -102
- package/coverage/lcov-report/src/_shared/icons/ArrowRightIcon.tsx.html +0 -102
- package/coverage/lcov-report/src/_shared/icons/index.html +0 -110
- package/coverage/lcov-report/src/_shared/index.html +0 -110
- package/coverage/lcov-report/src/constants/ClockType.ts.html +0 -102
- package/coverage/lcov-report/src/constants/dimensions.ts.html +0 -84
- package/coverage/lcov-report/src/constants/index.html +0 -110
- package/coverage/lcov-report/src/index.html +0 -97
- package/coverage/lcov-report/src/views/Calendar/Calendar.tsx.html +0 -1152
- package/coverage/lcov-report/src/views/Calendar/CalendarHeader.tsx.html +0 -492
- package/coverage/lcov-report/src/views/Calendar/Day.tsx.html +0 -360
- package/coverage/lcov-report/src/views/Calendar/DayWrapper.tsx.html +0 -168
- package/coverage/lcov-report/src/views/Calendar/SlideTransition.tsx.html +0 -369
- package/coverage/lcov-report/src/views/Calendar/index.html +0 -149
- package/coverage/lcov-report/src/views/Clock/Clock.tsx.html +0 -585
- package/coverage/lcov-report/src/views/Clock/ClockPointer.tsx.html +0 -381
- package/coverage/lcov-report/src/views/Clock/index.html +0 -110
- package/coverage/lcov-report/src/views/Month/Month.tsx.html +0 -297
- package/coverage/lcov-report/src/views/Month/MonthView.tsx.html +0 -351
- package/coverage/lcov-report/src/views/Month/index.html +0 -110
- package/coverage/lcov.info +0 -1094
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
|
-
var
|
|
7
|
+
var tslib = require('tslib');
|
|
8
8
|
var React = require('react');
|
|
9
9
|
var React__default = _interopDefault(React);
|
|
10
10
|
var PropTypes = require('prop-types');
|
|
@@ -84,10 +84,10 @@ var ToolbarText = function (_a) {
|
|
|
84
84
|
label = _a.label,
|
|
85
85
|
_c = _a.className,
|
|
86
86
|
className = _c === void 0 ? null : _c,
|
|
87
|
-
other =
|
|
87
|
+
other = tslib.__rest(_a, ["selected", "label", "className"]);
|
|
88
88
|
|
|
89
89
|
var classes = useStyles();
|
|
90
|
-
return React.createElement(Typography,
|
|
90
|
+
return React.createElement(Typography, tslib.__assign({
|
|
91
91
|
children: label,
|
|
92
92
|
className: clsx(classes.toolbarTxt, className, (_b = {}, _b[classes.toolbarBtnSelected] = selected, _b))
|
|
93
93
|
}, other));
|
|
@@ -102,9 +102,9 @@ var ToolbarButton = function (_a) {
|
|
|
102
102
|
variant = _a.variant,
|
|
103
103
|
align = _a.align,
|
|
104
104
|
typographyClassName = _a.typographyClassName,
|
|
105
|
-
other =
|
|
105
|
+
other = tslib.__rest(_a, ["classes", "className", "label", "selected", "variant", "align", "typographyClassName"]);
|
|
106
106
|
|
|
107
|
-
return React.createElement(Button,
|
|
107
|
+
return React.createElement(Button, tslib.__assign({
|
|
108
108
|
variant: "text",
|
|
109
109
|
className: clsx(classes.toolbarBtn, className)
|
|
110
110
|
}, other), React.createElement(ToolbarText, {
|
|
@@ -165,10 +165,10 @@ var PickerToolbar = function (_a) {
|
|
|
165
165
|
isLandscape = _a.isLandscape,
|
|
166
166
|
_c = _a.className,
|
|
167
167
|
className = _c === void 0 ? null : _c,
|
|
168
|
-
other =
|
|
168
|
+
other = tslib.__rest(_a, ["children", "isLandscape", "className"]);
|
|
169
169
|
|
|
170
170
|
var classes = useStyles$1();
|
|
171
|
-
return React.createElement(Toolbar,
|
|
171
|
+
return React.createElement(Toolbar, tslib.__assign({
|
|
172
172
|
className: clsx(classes.toolbar, (_b = {}, _b[classes.toolbarLandscape] = isLandscape, _b), className)
|
|
173
173
|
}, other), children);
|
|
174
174
|
};
|
|
@@ -333,13 +333,13 @@ var timePickerDefaultProps = {
|
|
|
333
333
|
};
|
|
334
334
|
var datePickerDefaultProps = {
|
|
335
335
|
minDate: new Date('1900-01-01'),
|
|
336
|
-
maxDate: new Date('
|
|
336
|
+
maxDate: new Date('2200-01-01'),
|
|
337
337
|
invalidDateMessage: 'Invalid Date Format',
|
|
338
338
|
minDateMessage: 'Date should not be before minimal date',
|
|
339
339
|
maxDateMessage: 'Date should not be after maximal date',
|
|
340
340
|
allowKeyboardControl: true
|
|
341
341
|
};
|
|
342
|
-
var dateTimePickerDefaultProps =
|
|
342
|
+
var dateTimePickerDefaultProps = tslib.__assign(tslib.__assign(tslib.__assign({}, timePickerDefaultProps), datePickerDefaultProps), {
|
|
343
343
|
showTabs: true
|
|
344
344
|
});
|
|
345
345
|
|
|
@@ -386,11 +386,11 @@ var Day = function (_a) {
|
|
|
386
386
|
hidden = _a.hidden,
|
|
387
387
|
current = _a.current,
|
|
388
388
|
selected = _a.selected,
|
|
389
|
-
other =
|
|
389
|
+
other = tslib.__rest(_a, ["children", "disabled", "hidden", "current", "selected"]);
|
|
390
390
|
|
|
391
391
|
var classes = useStyles$3();
|
|
392
392
|
var className = clsx(classes.day, (_b = {}, _b[classes.hidden] = hidden, _b[classes.current] = current, _b[classes.daySelected] = selected, _b[classes.dayDisabled] = disabled, _b));
|
|
393
|
-
return React.createElement(IconButton,
|
|
393
|
+
return React.createElement(IconButton, tslib.__assign({
|
|
394
394
|
className: className,
|
|
395
395
|
tabIndex: hidden || disabled ? -1 : 0
|
|
396
396
|
}, other), React.createElement(Typography, {
|
|
@@ -418,12 +418,12 @@ var DayWrapper = function (_a) {
|
|
|
418
418
|
disabled = _a.disabled,
|
|
419
419
|
onSelect = _a.onSelect,
|
|
420
420
|
dayInCurrentMonth = _a.dayInCurrentMonth,
|
|
421
|
-
other =
|
|
421
|
+
other = tslib.__rest(_a, ["children", "value", "disabled", "onSelect", "dayInCurrentMonth"]);
|
|
422
422
|
|
|
423
423
|
var handleClick = React.useCallback(function () {
|
|
424
424
|
return onSelect(value);
|
|
425
425
|
}, [onSelect, value]);
|
|
426
|
-
return React.createElement("div",
|
|
426
|
+
return React.createElement("div", tslib.__assign({
|
|
427
427
|
role: "presentation",
|
|
428
428
|
onClick: dayInCurrentMonth && !disabled ? handleClick : undefined,
|
|
429
429
|
onKeyPress: dayInCurrentMonth && !disabled ? handleClick : undefined
|
|
@@ -510,7 +510,7 @@ var SlideTransition = function (_a) {
|
|
|
510
510
|
};
|
|
511
511
|
|
|
512
512
|
var ArrowLeftIcon = function (props) {
|
|
513
|
-
return React__default.createElement(SvgIcon,
|
|
513
|
+
return React__default.createElement(SvgIcon, tslib.__assign({}, props), React__default.createElement("path", {
|
|
514
514
|
d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z"
|
|
515
515
|
}), React__default.createElement("path", {
|
|
516
516
|
fill: "none",
|
|
@@ -519,7 +519,7 @@ var ArrowLeftIcon = function (props) {
|
|
|
519
519
|
};
|
|
520
520
|
|
|
521
521
|
var ArrowRightIcon = function (props) {
|
|
522
|
-
return React__default.createElement(SvgIcon,
|
|
522
|
+
return React__default.createElement(SvgIcon, tslib.__assign({}, props), React__default.createElement("path", {
|
|
523
523
|
d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
|
|
524
524
|
}), React__default.createElement("path", {
|
|
525
525
|
fill: "none",
|
|
@@ -586,7 +586,7 @@ var CalendarHeader = function (_a) {
|
|
|
586
586
|
|
|
587
587
|
return React.createElement("div", null, React.createElement("div", {
|
|
588
588
|
className: classes.switchHeader
|
|
589
|
-
}, React.createElement(IconButton,
|
|
589
|
+
}, React.createElement(IconButton, tslib.__assign({}, leftArrowButtonProps, {
|
|
590
590
|
disabled: disablePrevMonth,
|
|
591
591
|
onClick: selectPreviousMonth,
|
|
592
592
|
className: classes.iconButton
|
|
@@ -597,7 +597,7 @@ var CalendarHeader = function (_a) {
|
|
|
597
597
|
}, React.createElement(Typography, {
|
|
598
598
|
align: "center",
|
|
599
599
|
variant: "body1"
|
|
600
|
-
}, utils.getCalendarHeaderText(currentMonth))), React.createElement(IconButton,
|
|
600
|
+
}, utils.getCalendarHeaderText(currentMonth))), React.createElement(IconButton, tslib.__assign({}, rightArrowButtonProps, {
|
|
601
601
|
disabled: disableNextMonth,
|
|
602
602
|
onClick: selectNextMonth,
|
|
603
603
|
className: classes.iconButton
|
|
@@ -658,7 +658,7 @@ var withUtils = function () {
|
|
|
658
658
|
return function (Component) {
|
|
659
659
|
var WithUtils = function (props) {
|
|
660
660
|
var utils = useUtils();
|
|
661
|
-
return React.createElement(Component,
|
|
661
|
+
return React.createElement(Component, tslib.__assign({
|
|
662
662
|
utils: utils
|
|
663
663
|
}, props));
|
|
664
664
|
};
|
|
@@ -682,7 +682,7 @@ var KeyDownListener = function (_a) {
|
|
|
682
682
|
var Calendar =
|
|
683
683
|
/** @class */
|
|
684
684
|
function (_super) {
|
|
685
|
-
|
|
685
|
+
tslib.__extends(Calendar, _super);
|
|
686
686
|
|
|
687
687
|
function Calendar() {
|
|
688
688
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
@@ -738,7 +738,7 @@ function (_super) {
|
|
|
738
738
|
disablePast = _a.disablePast;
|
|
739
739
|
var now = utils.date();
|
|
740
740
|
var moment = utils.moment;
|
|
741
|
-
return Boolean(disableFuture && utils.isAfterDay(day, now) || disablePast && moment(day).isBefore(now,
|
|
741
|
+
return Boolean(disableFuture && utils.isAfterDay(day, now) || disablePast && moment(day).isBefore(now, 'second') || minDate && utils.isBeforeDay(day, utils.date(minDate)) || maxDate && utils.isAfterDay(day, utils.date(maxDate)));
|
|
742
742
|
};
|
|
743
743
|
|
|
744
744
|
_this.shouldDisablePrevMonth = function () {
|
|
@@ -943,7 +943,7 @@ function (_super) {
|
|
|
943
943
|
} : void 0;
|
|
944
944
|
Calendar.defaultProps = {
|
|
945
945
|
minDate: new Date('1900-01-01'),
|
|
946
|
-
maxDate: new Date('
|
|
946
|
+
maxDate: new Date('2200-01-01'),
|
|
947
947
|
disablePast: false,
|
|
948
948
|
disableFuture: false,
|
|
949
949
|
allowKeyboardControl: true
|
|
@@ -1033,13 +1033,13 @@ var Year = function (_a) {
|
|
|
1033
1033
|
selected = _a.selected,
|
|
1034
1034
|
disabled = _a.disabled,
|
|
1035
1035
|
children = _a.children,
|
|
1036
|
-
other =
|
|
1036
|
+
other = tslib.__rest(_a, ["onSelect", "forwardedRef", "value", "selected", "disabled", "children"]);
|
|
1037
1037
|
|
|
1038
1038
|
var classes = useStyles$6();
|
|
1039
1039
|
var handleClick = React.useCallback(function () {
|
|
1040
1040
|
return onSelect(value);
|
|
1041
1041
|
}, [onSelect, value]);
|
|
1042
|
-
return React.createElement(Typography,
|
|
1042
|
+
return React.createElement(Typography, tslib.__assign({
|
|
1043
1043
|
role: "button",
|
|
1044
1044
|
component: "div",
|
|
1045
1045
|
tabIndex: disabled ? -1 : 0,
|
|
@@ -1054,7 +1054,7 @@ var Year = function (_a) {
|
|
|
1054
1054
|
};
|
|
1055
1055
|
Year.displayName = 'Year';
|
|
1056
1056
|
var Year$1 = React.forwardRef(function (props, ref) {
|
|
1057
|
-
return React.createElement(Year,
|
|
1057
|
+
return React.createElement(Year, tslib.__assign({}, props, {
|
|
1058
1058
|
forwardedRef: ref
|
|
1059
1059
|
}));
|
|
1060
1060
|
});
|
|
@@ -1102,9 +1102,9 @@ var ModalDialog = function (_a) {
|
|
|
1102
1102
|
showTodayButton = _a.showTodayButton,
|
|
1103
1103
|
showTabs = _a.showTabs,
|
|
1104
1104
|
wider = _a.wider,
|
|
1105
|
-
other =
|
|
1105
|
+
other = tslib.__rest(_a, ["children", "classes", "onAccept", "onDismiss", "onClear", "onSetToday", "okLabel", "cancelLabel", "clearLabel", "todayLabel", "clearable", "showTodayButton", "showTabs", "wider"]);
|
|
1106
1106
|
|
|
1107
|
-
return React.createElement(Dialog,
|
|
1107
|
+
return React.createElement(Dialog, tslib.__assign({
|
|
1108
1108
|
role: "dialog",
|
|
1109
1109
|
onClose: onDismiss,
|
|
1110
1110
|
classes: {
|
|
@@ -1174,12 +1174,12 @@ var ModalWrapper = function (_a) {
|
|
|
1174
1174
|
onAccept = _a.onAccept,
|
|
1175
1175
|
onDismiss = _a.onDismiss,
|
|
1176
1176
|
onSetToday = _a.onSetToday,
|
|
1177
|
-
other =
|
|
1177
|
+
other = tslib.__rest(_a, ["open", "children", "okLabel", "cancelLabel", "clearLabel", "todayLabel", "showTodayButton", "clearable", "DialogProps", "showTabs", "wider", "InputComponent", "DateInputProps", "onClear", "onAccept", "onDismiss", "onSetToday"]);
|
|
1178
1178
|
|
|
1179
1179
|
useKeyDown(open, {
|
|
1180
1180
|
Enter: onAccept
|
|
1181
1181
|
});
|
|
1182
|
-
return React.createElement(React.Fragment, null, React.createElement(InputComponent,
|
|
1182
|
+
return React.createElement(React.Fragment, null, React.createElement(InputComponent, tslib.__assign({}, other, DateInputProps)), React.createElement(ModalDialog$1, tslib.__assign({
|
|
1183
1183
|
wider: wider,
|
|
1184
1184
|
showTabs: showTabs,
|
|
1185
1185
|
open: open,
|
|
@@ -1239,16 +1239,16 @@ var InlineWrapper = function (_a) {
|
|
|
1239
1239
|
showTabs = _a.showTabs,
|
|
1240
1240
|
DateInputProps = _a.DateInputProps,
|
|
1241
1241
|
InputComponent = _a.InputComponent,
|
|
1242
|
-
other =
|
|
1242
|
+
other = tslib.__rest(_a, ["open", "wider", "children", "PopoverProps", "onClear", "onDismiss", "onSetToday", "onAccept", "showTabs", "DateInputProps", "InputComponent"]);
|
|
1243
1243
|
|
|
1244
1244
|
var ref = React.useRef();
|
|
1245
1245
|
var classes = useStyles$8();
|
|
1246
1246
|
useKeyDown(open, {
|
|
1247
1247
|
Enter: onAccept
|
|
1248
1248
|
});
|
|
1249
|
-
return React.createElement(React.Fragment, null, React.createElement(InputComponent,
|
|
1249
|
+
return React.createElement(React.Fragment, null, React.createElement(InputComponent, tslib.__assign({}, other, DateInputProps, {
|
|
1250
1250
|
inputRef: ref
|
|
1251
|
-
})), React.createElement(Popover,
|
|
1251
|
+
})), React.createElement(Popover, tslib.__assign({
|
|
1252
1252
|
open: open,
|
|
1253
1253
|
onClose: onDismiss,
|
|
1254
1254
|
anchorEl: ref.current,
|
|
@@ -1287,12 +1287,12 @@ function getWrapperFromVariant(variant) {
|
|
|
1287
1287
|
var VariantContext = React.createContext(null);
|
|
1288
1288
|
var Wrapper = function (_a) {
|
|
1289
1289
|
var variant = _a.variant,
|
|
1290
|
-
props =
|
|
1290
|
+
props = tslib.__rest(_a, ["variant"]);
|
|
1291
1291
|
|
|
1292
1292
|
var Component = getWrapperFromVariant(variant);
|
|
1293
1293
|
return React.createElement(VariantContext.Provider, {
|
|
1294
1294
|
value: variant || 'dialog'
|
|
1295
|
-
}, React.createElement(Component,
|
|
1295
|
+
}, React.createElement(Component, tslib.__assign({}, props)));
|
|
1296
1296
|
};
|
|
1297
1297
|
|
|
1298
1298
|
var useStyles$9 = styles$5.makeStyles({
|
|
@@ -1364,7 +1364,7 @@ var ClockType$1 = ClockType;
|
|
|
1364
1364
|
var ClockPointer =
|
|
1365
1365
|
/** @class */
|
|
1366
1366
|
function (_super) {
|
|
1367
|
-
|
|
1367
|
+
tslib.__extends(ClockPointer, _super);
|
|
1368
1368
|
|
|
1369
1369
|
function ClockPointer() {
|
|
1370
1370
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
@@ -1536,7 +1536,7 @@ var convertToMeridiem = function (time, meridiem, ampm, utils) {
|
|
|
1536
1536
|
var Clock =
|
|
1537
1537
|
/** @class */
|
|
1538
1538
|
function (_super) {
|
|
1539
|
-
|
|
1539
|
+
tslib.__extends(Clock, _super);
|
|
1540
1540
|
|
|
1541
1541
|
function Clock() {
|
|
1542
1542
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
@@ -1807,7 +1807,7 @@ var getHourNumbers = function (_a) {
|
|
|
1807
1807
|
selected: isSelected(hour),
|
|
1808
1808
|
isInner: !ampm && (hour === 0 || hour > 12)
|
|
1809
1809
|
};
|
|
1810
|
-
hourNumbers.push(React.createElement(ClockNumber,
|
|
1810
|
+
hourNumbers.push(React.createElement(ClockNumber, tslib.__assign({
|
|
1811
1811
|
key: hour
|
|
1812
1812
|
}, props)));
|
|
1813
1813
|
}
|
|
@@ -1939,7 +1939,7 @@ var TimePickerView = function (_a) {
|
|
|
1939
1939
|
throw new Error('You must provide the type for TimePickerView');
|
|
1940
1940
|
}
|
|
1941
1941
|
}, [ampm, date, onHourChange, onMinutesChange, onSecondsChange, type, utils]);
|
|
1942
|
-
return React.createElement(Clock$1,
|
|
1942
|
+
return React.createElement(Clock$1, tslib.__assign({
|
|
1943
1943
|
type: type,
|
|
1944
1944
|
ampm: ampm,
|
|
1945
1945
|
minutesStep: minutesStep
|
|
@@ -2001,13 +2001,13 @@ var Month = function (_a) {
|
|
|
2001
2001
|
disabled = _a.disabled,
|
|
2002
2002
|
value = _a.value,
|
|
2003
2003
|
children = _a.children,
|
|
2004
|
-
other =
|
|
2004
|
+
other = tslib.__rest(_a, ["selected", "onSelect", "disabled", "value", "children"]);
|
|
2005
2005
|
|
|
2006
2006
|
var classes = useStyles$b();
|
|
2007
2007
|
var handleSelection = React.useCallback(function () {
|
|
2008
2008
|
onSelect(value);
|
|
2009
2009
|
}, [onSelect, value]);
|
|
2010
|
-
return React.createElement(Typography,
|
|
2010
|
+
return React.createElement(Typography, tslib.__assign({
|
|
2011
2011
|
role: "button",
|
|
2012
2012
|
component: "div",
|
|
2013
2013
|
className: clsx(classes.root, (_b = {}, _b[classes.monthSelected] = selected, _b[classes.monthDisabled] = disabled, _b)),
|
|
@@ -2215,7 +2215,7 @@ var Picker = function (props) {
|
|
|
2215
2215
|
|
|
2216
2216
|
return React.createElement("div", {
|
|
2217
2217
|
className: clsx(classes.container, (_a = {}, _a[classes.containerLandscape] = isLandscape, _a))
|
|
2218
|
-
}, !disableToolbar && React.createElement(ToolbarComponent,
|
|
2218
|
+
}, !disableToolbar && React.createElement(ToolbarComponent, tslib.__assign({
|
|
2219
2219
|
date: date,
|
|
2220
2220
|
onChange: onChange,
|
|
2221
2221
|
setOpenView: setOpenView,
|
|
@@ -2277,7 +2277,7 @@ var Picker = function (props) {
|
|
|
2277
2277
|
key: "today"
|
|
2278
2278
|
}, todayLabel), showShiftButtons && setShiftFunction && shiftButtons));
|
|
2279
2279
|
};
|
|
2280
|
-
Picker.defaultProps =
|
|
2280
|
+
Picker.defaultProps = tslib.__assign(tslib.__assign({}, datePickerDefaultProps), {
|
|
2281
2281
|
views: Object.keys(viewsMap)
|
|
2282
2282
|
});
|
|
2283
2283
|
|
|
@@ -2617,14 +2617,14 @@ var PureDateInput = function (_a) {
|
|
|
2617
2617
|
InputProps = _a.InputProps,
|
|
2618
2618
|
_b = _a.TextFieldComponent,
|
|
2619
2619
|
TextFieldComponent = _b === void 0 ? TextField : _b,
|
|
2620
|
-
other =
|
|
2620
|
+
other = tslib.__rest(_a, ["inputValue", "inputVariant", "validationError", "InputProps", "TextFieldComponent"]);
|
|
2621
2621
|
|
|
2622
2622
|
var PureDateInputProps = React.useMemo(function () {
|
|
2623
|
-
return
|
|
2623
|
+
return tslib.__assign(tslib.__assign({}, InputProps), {
|
|
2624
2624
|
readOnly: true
|
|
2625
2625
|
});
|
|
2626
2626
|
}, [InputProps]);
|
|
2627
|
-
return React.createElement(TextFieldComponent,
|
|
2627
|
+
return React.createElement(TextFieldComponent, tslib.__assign({
|
|
2628
2628
|
error: Boolean(validationError),
|
|
2629
2629
|
helperText: validationError
|
|
2630
2630
|
}, other, {
|
|
@@ -2691,7 +2691,7 @@ function makePurePicker(_a) {
|
|
|
2691
2691
|
showShiftButtons = props.showShiftButtons,
|
|
2692
2692
|
setShiftFunction = props.setShiftFunction,
|
|
2693
2693
|
shiftButtonValues = props.shiftButtonValues,
|
|
2694
|
-
other =
|
|
2694
|
+
other = tslib.__rest(props, ["allowKeyboardControl", "ampm", "hideTabs", "animateYearScrolling", "autoOk", "disableFuture", "disablePast", "format", "forwardedRef", "initialFocusedDate", "invalidDateMessage", "labelFunc", "leftArrowIcon", "leftArrowButtonProps", "maxDate", "maxDateMessage", "minDate", "onOpen", "onClose", "minDateMessage", "strictCompareDates", "minutesStep", "onAccept", "onChange", "onMonthChange", "onYearChange", "renderDay", "views", "openTo", "rightArrowIcon", "rightArrowButtonProps", "shouldDisableDate", "dateRangeIcon", "emptyLabel", "invalidLabel", "timeIcon", "value", "variant", "orientation", "disableToolbar", "loadingIndicator", "ToolbarComponent", "showActionsBar", "showTodayButton", "todayLabel", "showShiftButtons", "setShiftFunction", "shiftButtonValues"]);
|
|
2695
2695
|
|
|
2696
2696
|
var injectedProps = getCustomProps ? getCustomProps(props) : {};
|
|
2697
2697
|
var options = useOptions(props);
|
|
@@ -2701,13 +2701,13 @@ function makePurePicker(_a) {
|
|
|
2701
2701
|
inputProps = _b.inputProps,
|
|
2702
2702
|
wrapperProps = _b.wrapperProps;
|
|
2703
2703
|
|
|
2704
|
-
return React.createElement(Wrapper,
|
|
2704
|
+
return React.createElement(Wrapper, tslib.__assign({
|
|
2705
2705
|
variant: variant,
|
|
2706
2706
|
InputComponent: PureDateInput,
|
|
2707
2707
|
DateInputProps: inputProps,
|
|
2708
2708
|
showTodayButton: showTodayButton,
|
|
2709
2709
|
todayLabel: todayLabel
|
|
2710
|
-
}, wrapperProps, injectedProps, other), React.createElement(Picker,
|
|
2710
|
+
}, wrapperProps, injectedProps, other), React.createElement(Picker, tslib.__assign({}, pickerProps, {
|
|
2711
2711
|
orientation: orientation,
|
|
2712
2712
|
disableToolbar: disableToolbar,
|
|
2713
2713
|
ToolbarComponent: ToolbarComponent,
|
|
@@ -2747,7 +2747,7 @@ function makePurePicker(_a) {
|
|
|
2747
2747
|
}
|
|
2748
2748
|
|
|
2749
2749
|
var KeyboardIcon = function (props) {
|
|
2750
|
-
return React__default.createElement(SvgIcon,
|
|
2750
|
+
return React__default.createElement(SvgIcon, tslib.__assign({}, props), React__default.createElement("path", {
|
|
2751
2751
|
d: "M17 12h-5v5h5v-5zM16 1v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2h-1V1h-2zm3 18H5V8h14v11z"
|
|
2752
2752
|
}), React__default.createElement("path", {
|
|
2753
2753
|
fill: "none",
|
|
@@ -2944,7 +2944,7 @@ var KeyboardDateInput = function (_a) {
|
|
|
2944
2944
|
rifmFormatter = _a.rifmFormatter,
|
|
2945
2945
|
_e = _a.TextFieldComponent,
|
|
2946
2946
|
TextFieldComponent = _e === void 0 ? TextField : _e,
|
|
2947
|
-
other =
|
|
2947
|
+
other = tslib.__rest(_a, ["inputValue", "showErrorOnBlur", "inputVariant", "validationError", "KeyboardButtonProps", "InputAdornmentProps", "onClick", "onChange", "onBlur", "onFocus", "InputProps", "mask", "maskChar", "refuse", "format", "keyboardIcon", "disabled", "rifmFormatter", "TextFieldComponent"]);
|
|
2948
2948
|
|
|
2949
2949
|
var inputMask = mask || makeMaskFromFormat(format, maskChar);
|
|
2950
2950
|
var letterPosition = format.indexOf('a'); // prettier-ignore
|
|
@@ -2978,7 +2978,7 @@ var KeyboardDateInput = function (_a) {
|
|
|
2978
2978
|
|
|
2979
2979
|
var onChange = _a.onChange,
|
|
2980
2980
|
value = _a.value;
|
|
2981
|
-
return React.createElement(TextFieldComponent,
|
|
2981
|
+
return React.createElement(TextFieldComponent, tslib.__assign({
|
|
2982
2982
|
disabled: disabled,
|
|
2983
2983
|
error: Boolean(validationError) && !showErrorFlag,
|
|
2984
2984
|
helperText: !showErrorFlag && validationError
|
|
@@ -3007,9 +3007,9 @@ var KeyboardDateInput = function (_a) {
|
|
|
3007
3007
|
}
|
|
3008
3008
|
},
|
|
3009
3009
|
variant: inputVariant,
|
|
3010
|
-
InputProps:
|
|
3010
|
+
InputProps: tslib.__assign(tslib.__assign({}, InputProps), (_b = {}, _b[position + "Adornment"] = React.createElement(InputAdornment, tslib.__assign({
|
|
3011
3011
|
position: position
|
|
3012
|
-
}, InputAdornmentProps), React.createElement(core.IconButton,
|
|
3012
|
+
}, InputAdornmentProps), React.createElement(core.IconButton, tslib.__assign({
|
|
3013
3013
|
disabled: disabled
|
|
3014
3014
|
}, KeyboardButtonProps, {
|
|
3015
3015
|
onClick: onClick
|
|
@@ -3053,7 +3053,7 @@ function useKeyboardPickerState(props, options) {
|
|
|
3053
3053
|
onChange(date, date === null ? null : utils.format(date, format));
|
|
3054
3054
|
}, [format, onChange, utils]);
|
|
3055
3055
|
|
|
3056
|
-
var _c = usePickerState(
|
|
3056
|
+
var _c = usePickerState(tslib.__assign(tslib.__assign({}, props), {
|
|
3057
3057
|
value: dateValue,
|
|
3058
3058
|
onChange: handleKeyboardChange
|
|
3059
3059
|
}), options),
|
|
@@ -3062,7 +3062,7 @@ function useKeyboardPickerState(props, options) {
|
|
|
3062
3062
|
pickerProps = _c.pickerProps;
|
|
3063
3063
|
|
|
3064
3064
|
var inputProps = React.useMemo(function () {
|
|
3065
|
-
return
|
|
3065
|
+
return tslib.__assign(tslib.__assign({}, innerInputProps), {
|
|
3066
3066
|
format: wrapperProps.format,
|
|
3067
3067
|
inputValue: inputValue || innerInputValue,
|
|
3068
3068
|
onChange: function (value) {
|
|
@@ -3136,7 +3136,7 @@ function makeKeyboardPicker(_a) {
|
|
|
3136
3136
|
showShiftButtons = props.showShiftButtons,
|
|
3137
3137
|
setShiftFunction = props.setShiftFunction,
|
|
3138
3138
|
shiftButtonValues = props.shiftButtonValues,
|
|
3139
|
-
other =
|
|
3139
|
+
other = tslib.__rest(props, ["allowKeyboardControl", "ampm", "hideTabs", "animateYearScrolling", "autoOk", "disableFuture", "disablePast", "format", "forwardedRef", "initialFocusedDate", "invalidDateMessage", "labelFunc", "leftArrowIcon", "leftArrowButtonProps", "maxDate", "maxDateMessage", "minDate", "onOpen", "onClose", "minDateMessage", "strictCompareDates", "minutesStep", "onAccept", "onChange", "onMonthChange", "onYearChange", "renderDay", "views", "openTo", "rightArrowIcon", "rightArrowButtonProps", "shouldDisableDate", "value", "dateRangeIcon", "emptyLabel", "invalidLabel", "timeIcon", "orientation", "variant", "disableToolbar", "loadingIndicator", "showActionsBar", "showTodayButton", "todayLabel", "ToolbarComponent", "showShiftButtons", "setShiftFunction", "shiftButtonValues"]);
|
|
3140
3140
|
|
|
3141
3141
|
var injectedProps = getCustomProps ? getCustomProps(props) : {};
|
|
3142
3142
|
var options = useOptions(props);
|
|
@@ -3146,11 +3146,11 @@ function makeKeyboardPicker(_a) {
|
|
|
3146
3146
|
inputProps = _b.inputProps,
|
|
3147
3147
|
wrapperProps = _b.wrapperProps;
|
|
3148
3148
|
|
|
3149
|
-
return React.createElement(Wrapper,
|
|
3149
|
+
return React.createElement(Wrapper, tslib.__assign({
|
|
3150
3150
|
variant: variant,
|
|
3151
3151
|
InputComponent: KeyboardDateInput,
|
|
3152
3152
|
DateInputProps: inputProps
|
|
3153
|
-
}, injectedProps, wrapperProps, other), React.createElement(Picker,
|
|
3153
|
+
}, injectedProps, wrapperProps, other), React.createElement(Picker, tslib.__assign({}, pickerProps, {
|
|
3154
3154
|
ToolbarComponent: ToolbarComponent,
|
|
3155
3155
|
disableToolbar: disableToolbar,
|
|
3156
3156
|
hideTabs: hideTabs,
|
|
@@ -3189,7 +3189,7 @@ function makeKeyboardPicker(_a) {
|
|
|
3189
3189
|
return WrappedKeyboardPicker;
|
|
3190
3190
|
}
|
|
3191
3191
|
|
|
3192
|
-
var defaultProps =
|
|
3192
|
+
var defaultProps = tslib.__assign(tslib.__assign({}, datePickerDefaultProps), {
|
|
3193
3193
|
openTo: 'date',
|
|
3194
3194
|
views: ['year', 'date'],
|
|
3195
3195
|
showActionsBar: false,
|
|
@@ -3351,7 +3351,7 @@ var TimePickerToolbar = function (_a) {
|
|
|
3351
3351
|
})));
|
|
3352
3352
|
};
|
|
3353
3353
|
|
|
3354
|
-
var defaultProps$1 =
|
|
3354
|
+
var defaultProps$1 = tslib.__assign(tslib.__assign({}, timePickerDefaultProps), {
|
|
3355
3355
|
openTo: 'hours',
|
|
3356
3356
|
views: ['hours', 'minutes']
|
|
3357
3357
|
});
|
|
@@ -3385,7 +3385,7 @@ TimePicker.defaultProps = defaultProps$1;
|
|
|
3385
3385
|
KeyboardTimePicker.defaultProps = defaultProps$1;
|
|
3386
3386
|
|
|
3387
3387
|
var TimeIcon = function (props) {
|
|
3388
|
-
return React__default.createElement(SvgIcon,
|
|
3388
|
+
return React__default.createElement(SvgIcon, tslib.__assign({}, props), React__default.createElement("path", {
|
|
3389
3389
|
d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
|
3390
3390
|
}), React__default.createElement("path", {
|
|
3391
3391
|
fill: "none",
|
|
@@ -3396,7 +3396,7 @@ var TimeIcon = function (props) {
|
|
|
3396
3396
|
};
|
|
3397
3397
|
|
|
3398
3398
|
var DateRangeIcon = function (props) {
|
|
3399
|
-
return React__default.createElement(SvgIcon,
|
|
3399
|
+
return React__default.createElement(SvgIcon, tslib.__assign({}, props), React__default.createElement("path", {
|
|
3400
3400
|
d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
|
|
3401
3401
|
}), React__default.createElement("path", {
|
|
3402
3402
|
fill: "none",
|
|
@@ -3580,7 +3580,7 @@ var DateTimePickerToolbar = function (_a) {
|
|
|
3580
3580
|
}));
|
|
3581
3581
|
};
|
|
3582
3582
|
|
|
3583
|
-
var defaultProps$2 =
|
|
3583
|
+
var defaultProps$2 = tslib.__assign(tslib.__assign({}, dateTimePickerDefaultProps), {
|
|
3584
3584
|
showActionsBar: false,
|
|
3585
3585
|
todayLabel: 'TODAY',
|
|
3586
3586
|
wider: true,
|