@synerise/ds-date-picker 0.13.1 → 0.13.3
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/CHANGELOG.md +19 -0
- package/dist/DatePicker.js +27 -35
- package/dist/Elements/DayPicker/DayPicker.js +12 -20
- package/dist/Elements/DayPicker/DayPicker.styles.js +0 -2
- package/dist/Elements/DecadePicker/DecadePicker.js +2 -32
- package/dist/Elements/Footer/Footer.js +11 -17
- package/dist/Elements/GridPicker/GridPicker.js +3 -19
- package/dist/Elements/MonthPicker/MonthPicker.js +7 -34
- package/dist/Elements/Navbar/Navbar.js +9 -11
- package/dist/Elements/PickerInput/PickerInput.js +22 -38
- package/dist/Elements/PickerInput/PickerInput.styles.js +0 -2
- package/dist/Elements/TimePicker/TimePicker.js +14 -23
- package/dist/Elements/YearPicker/YearPicker.js +2 -35
- package/dist/RawDatePicker/RawDatePicker.js +25 -69
- package/dist/format.js +0 -2
- package/dist/localeUtils.js +2 -20
- package/dist/utils/getDefaultTexts.js +0 -5
- package/dist/utils.js +0 -1
- package/package.json +11 -11
|
@@ -12,11 +12,9 @@ export var Suffixel = styled.div.withConfig({
|
|
|
12
12
|
})(["border:1px solid ", ";border-radius:0 3px 3px 0;border-left-width:0;"], function (props) {
|
|
13
13
|
return props.theme.palette['grey-300'];
|
|
14
14
|
});
|
|
15
|
-
|
|
16
15
|
var activeStyle = function activeStyle(props) {
|
|
17
16
|
return css(["box-shadow:inset 0 0 0 1px ", ";border-color:", ";background:", ";"], props.theme.palette['blue-600'], props.theme.palette['blue-600'], props.theme.palette['blue-050']);
|
|
18
17
|
};
|
|
19
|
-
|
|
20
18
|
export var Input = styled(DSInput).withConfig({
|
|
21
19
|
displayName: "PickerInputstyles__Input",
|
|
22
20
|
componentId: "sc-168pcz5-2"
|
|
@@ -1,37 +1,29 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
2
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
3
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
|
|
7
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
|
|
9
5
|
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
|
-
|
|
11
6
|
import React from 'react';
|
|
12
7
|
import { useDataFormat, getDefaultDataTimeOptions } from '@synerise/ds-data-format';
|
|
13
8
|
import Navbar from '../Navbar/Navbar';
|
|
14
9
|
import * as S from './TimePicker.styles';
|
|
15
|
-
|
|
16
10
|
var TimePicker = function TimePicker(_ref) {
|
|
17
11
|
var _ref$value = _ref.value,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
12
|
+
value = _ref$value === void 0 ? new Date() : _ref$value,
|
|
13
|
+
_ref$disabledHours = _ref.disabledHours,
|
|
14
|
+
disabledHours = _ref$disabledHours === void 0 ? [] : _ref$disabledHours,
|
|
15
|
+
_ref$disabledMinutes = _ref.disabledMinutes,
|
|
16
|
+
disabledMinutes = _ref$disabledMinutes === void 0 ? [] : _ref$disabledMinutes,
|
|
17
|
+
_ref$disabledSeconds = _ref.disabledSeconds,
|
|
18
|
+
disabledSeconds = _ref$disabledSeconds === void 0 ? [] : _ref$disabledSeconds,
|
|
19
|
+
inactivePrev = _ref.inactivePrev,
|
|
20
|
+
inactiveNext = _ref.inactiveNext,
|
|
21
|
+
onChange = _ref.onChange,
|
|
22
|
+
onShortNext = _ref.onShortNext,
|
|
23
|
+
onShortPrev = _ref.onShortPrev;
|
|
31
24
|
var _useDataFormat = useDataFormat(),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
is12HoursClock = _useDataFormat.is12HoursClock,
|
|
26
|
+
formatValue = _useDataFormat.formatValue;
|
|
35
27
|
var navbarDate = formatValue(value, _objectSpread({}, getDefaultDataTimeOptions(), {
|
|
36
28
|
targetFormat: 'date',
|
|
37
29
|
month: 'short'
|
|
@@ -56,5 +48,4 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
56
48
|
raw: true
|
|
57
49
|
})));
|
|
58
50
|
};
|
|
59
|
-
|
|
60
51
|
export default TimePicker;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
2
|
-
|
|
3
2
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
4
|
-
|
|
5
3
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
|
|
7
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
|
|
9
5
|
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
|
-
|
|
11
6
|
import React from 'react';
|
|
12
7
|
import { legacyParse } from '@date-fns/upgrade/v2';
|
|
13
8
|
import fnsFormat from '../../format';
|
|
@@ -16,14 +11,12 @@ import GridPicker from '../GridPicker/GridPicker';
|
|
|
16
11
|
import Navbar from '../Navbar/Navbar';
|
|
17
12
|
import { getDecadeRange } from '../../utils';
|
|
18
13
|
import { fnsAddYears, fnsSetYear, fnsIsSameYear } from '../../fns';
|
|
19
|
-
|
|
20
14
|
function getInitialState(props) {
|
|
21
15
|
return {
|
|
22
16
|
cursor: props.value || new Date(),
|
|
23
17
|
decadeMode: false
|
|
24
18
|
};
|
|
25
19
|
}
|
|
26
|
-
|
|
27
20
|
function getCells(cursor) {
|
|
28
21
|
var startYear = getDecadeRange(cursor)[0];
|
|
29
22
|
return Array.from(Array(10)).map(function (_, index) {
|
|
@@ -34,76 +27,54 @@ function getCells(cursor) {
|
|
|
34
27
|
};
|
|
35
28
|
});
|
|
36
29
|
}
|
|
37
|
-
|
|
38
30
|
var YearPicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
39
31
|
function YearPicker() {
|
|
40
32
|
var _this;
|
|
41
|
-
|
|
42
33
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
43
34
|
args[_key] = arguments[_key];
|
|
44
35
|
}
|
|
45
|
-
|
|
46
36
|
_this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
|
|
47
|
-
|
|
48
37
|
_defineProperty(_this, "state", getInitialState(_this.props));
|
|
49
|
-
|
|
50
38
|
_defineProperty(_this, "handleLongPrev", function () {
|
|
51
39
|
var cursor = _this.state.cursor;
|
|
52
|
-
|
|
53
40
|
_this.setState({
|
|
54
41
|
cursor: fnsAddYears(cursor, -10)
|
|
55
42
|
});
|
|
56
43
|
});
|
|
57
|
-
|
|
58
44
|
_defineProperty(_this, "handleLongNext", function () {
|
|
59
45
|
var cursor = _this.state.cursor;
|
|
60
|
-
|
|
61
46
|
_this.setState({
|
|
62
47
|
cursor: fnsAddYears(cursor, 10)
|
|
63
48
|
});
|
|
64
49
|
});
|
|
65
|
-
|
|
66
50
|
_defineProperty(_this, "handleCellClick", function (isoDate) {
|
|
67
51
|
var onChange = _this.props.onChange;
|
|
68
|
-
|
|
69
52
|
if (isoDate === -1) {
|
|
70
53
|
_this.handleLongPrev();
|
|
71
|
-
|
|
72
54
|
return;
|
|
73
55
|
}
|
|
74
|
-
|
|
75
56
|
if (isoDate === 1) {
|
|
76
57
|
_this.handleLongNext();
|
|
77
|
-
|
|
78
58
|
return;
|
|
79
59
|
}
|
|
80
|
-
|
|
81
60
|
onChange && onChange(new Date(isoDate));
|
|
82
61
|
});
|
|
83
|
-
|
|
84
62
|
return _this;
|
|
85
63
|
}
|
|
86
|
-
|
|
87
64
|
_inheritsLoose(YearPicker, _React$PureComponent);
|
|
88
|
-
|
|
89
65
|
var _proto = YearPicker.prototype;
|
|
90
|
-
|
|
91
66
|
_proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
|
|
92
67
|
var value = this.props.value;
|
|
93
|
-
|
|
94
68
|
if (value && (prevProps == null ? void 0 : prevProps.value) !== value) {
|
|
95
69
|
this.setState(getInitialState(this.props));
|
|
96
70
|
}
|
|
97
|
-
|
|
98
71
|
return null;
|
|
99
72
|
};
|
|
100
|
-
|
|
101
73
|
_proto.render = function render() {
|
|
102
74
|
var _this2 = this;
|
|
103
|
-
|
|
104
75
|
var _this$state = this.state,
|
|
105
|
-
|
|
106
|
-
|
|
76
|
+
cursor = _this$state.cursor,
|
|
77
|
+
decadeMode = _this$state.decadeMode;
|
|
107
78
|
var value = this.props.value;
|
|
108
79
|
var decadeRange = getDecadeRange(cursor);
|
|
109
80
|
var cells = getCells(cursor);
|
|
@@ -120,7 +91,6 @@ var YearPicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
120
91
|
text: decadeRange[1] + 1,
|
|
121
92
|
outside: true
|
|
122
93
|
}]);
|
|
123
|
-
|
|
124
94
|
if (decadeMode) {
|
|
125
95
|
return /*#__PURE__*/React.createElement(DecadePicker, {
|
|
126
96
|
value: cursor,
|
|
@@ -132,7 +102,6 @@ var YearPicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
132
102
|
}
|
|
133
103
|
});
|
|
134
104
|
}
|
|
135
|
-
|
|
136
105
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Navbar, {
|
|
137
106
|
onTitleClick: function onTitleClick() {
|
|
138
107
|
return _this2.setState({
|
|
@@ -150,8 +119,6 @@ var YearPicker = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
150
119
|
key: "body"
|
|
151
120
|
}));
|
|
152
121
|
};
|
|
153
|
-
|
|
154
122
|
return YearPicker;
|
|
155
123
|
}(React.PureComponent);
|
|
156
|
-
|
|
157
124
|
export { YearPicker as default };
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
2
|
-
|
|
3
2
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
4
|
-
|
|
5
3
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
|
|
7
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
|
|
9
5
|
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
|
-
|
|
11
6
|
import React from 'react';
|
|
12
7
|
import { injectIntl } from 'react-intl';
|
|
13
8
|
import { legacyParse } from '@date-fns/upgrade/v2';
|
|
@@ -22,64 +17,55 @@ import { DayBackground, DayText, DayForeground } from '../Elements/DayPicker/Day
|
|
|
22
17
|
import { fnsStartOfMonth, fnsSetYear, fnsSetMonth, fnsSetDate, fnsStartOfDay, fnsEndOfDay, fnsAddDays } from '../fns';
|
|
23
18
|
import { changeDayWithHoursPreserved } from '../utils';
|
|
24
19
|
import { getDefaultTexts } from '../utils/getDefaultTexts';
|
|
25
|
-
|
|
26
20
|
var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
27
21
|
function RawDatePicker(props) {
|
|
28
22
|
var _this;
|
|
23
|
+
_this = _React$Component.call(this, props) || this;
|
|
29
24
|
|
|
30
|
-
|
|
31
|
-
|
|
25
|
+
// eslint-disable-next-line react/state-in-constructor
|
|
32
26
|
_defineProperty(_this, "handleChange", function (value) {
|
|
33
27
|
var onValueChange = _this.props.onValueChange;
|
|
34
28
|
var _this$state = _this.state,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
29
|
+
mode = _this$state.mode,
|
|
30
|
+
valueFromState = _this$state.value;
|
|
38
31
|
if (mode === 'date' && !!valueFromState && !!value) {
|
|
39
32
|
var dateToBeUpdated = changeDayWithHoursPreserved(valueFromState, value);
|
|
40
|
-
|
|
41
33
|
_this.setState({
|
|
42
34
|
value: dateToBeUpdated,
|
|
43
35
|
changed: true
|
|
44
36
|
});
|
|
45
|
-
|
|
46
37
|
onValueChange && onValueChange(dateToBeUpdated);
|
|
47
38
|
} else {
|
|
48
39
|
_this.setState({
|
|
49
40
|
value: value,
|
|
50
41
|
changed: true
|
|
51
42
|
});
|
|
52
|
-
|
|
53
43
|
onValueChange && onValueChange(value);
|
|
54
44
|
}
|
|
55
45
|
});
|
|
56
|
-
|
|
57
46
|
_defineProperty(_this, "handleDayMouseEnter", function (day) {
|
|
58
47
|
return _this.setState({
|
|
59
48
|
enteredTo: day
|
|
60
49
|
});
|
|
61
50
|
});
|
|
62
|
-
|
|
63
51
|
_defineProperty(_this, "handleDayMouseLeave", function () {
|
|
64
52
|
return _this.setState({
|
|
65
53
|
enteredTo: undefined
|
|
66
54
|
});
|
|
67
55
|
});
|
|
68
|
-
|
|
69
56
|
_defineProperty(_this, "handleDayClick", function (day, modifiers) {
|
|
70
57
|
var _this$state2 = _this.state,
|
|
71
|
-
|
|
72
|
-
|
|
58
|
+
isChanged = _this$state2.changed,
|
|
59
|
+
value = _this$state2.value;
|
|
73
60
|
var _this$props = _this.props,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
61
|
+
useStartOfDay = _this$props.useStartOfDay,
|
|
62
|
+
useEndOfDay = _this$props.useEndOfDay,
|
|
63
|
+
showTime = _this$props.showTime;
|
|
77
64
|
if (modifiers.disabled) return;
|
|
78
65
|
var nextDateWithCurrentTime = isChanged && value ? value : new Date();
|
|
79
66
|
nextDateWithCurrentTime = fnsSetYear(nextDateWithCurrentTime, day.getFullYear());
|
|
80
67
|
nextDateWithCurrentTime = fnsSetMonth(nextDateWithCurrentTime, day.getMonth());
|
|
81
68
|
nextDateWithCurrentTime = fnsSetDate(nextDateWithCurrentTime, day.getDate());
|
|
82
|
-
|
|
83
69
|
if (useStartOfDay) {
|
|
84
70
|
_this.handleChange(fnsStartOfDay(nextDateWithCurrentTime));
|
|
85
71
|
} else if (useEndOfDay) {
|
|
@@ -87,48 +73,39 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
87
73
|
} else {
|
|
88
74
|
_this.handleChange(nextDateWithCurrentTime);
|
|
89
75
|
}
|
|
90
|
-
|
|
91
76
|
!!showTime && _this.handleModeSwitch('time');
|
|
92
77
|
});
|
|
93
|
-
|
|
94
78
|
_defineProperty(_this, "handleModeSwitch", function (mode) {
|
|
95
79
|
return _this.setState({
|
|
96
80
|
mode: mode
|
|
97
81
|
});
|
|
98
82
|
});
|
|
99
|
-
|
|
100
83
|
_defineProperty(_this, "handleApply", function (date) {
|
|
101
84
|
var onApply = _this.props.onApply;
|
|
102
85
|
if (!onApply) return;
|
|
103
86
|
var value = _this.state.value;
|
|
104
|
-
|
|
105
87
|
if (date instanceof Date) {
|
|
106
88
|
onApply(date);
|
|
107
|
-
|
|
108
89
|
_this.setState({
|
|
109
90
|
value: date
|
|
110
91
|
});
|
|
111
92
|
} else {
|
|
112
93
|
onApply(value);
|
|
113
94
|
}
|
|
114
|
-
|
|
115
95
|
_this.handleModeSwitch('date');
|
|
116
96
|
});
|
|
117
|
-
|
|
118
97
|
_defineProperty(_this, "handleMonthChange", function (month, mode) {
|
|
119
98
|
return _this.setState({
|
|
120
99
|
month: month,
|
|
121
100
|
mode: mode
|
|
122
101
|
});
|
|
123
102
|
});
|
|
124
|
-
|
|
125
103
|
_defineProperty(_this, "renderDay", function (day) {
|
|
126
104
|
var text = day.getDate();
|
|
127
105
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DayBackground, null), /*#__PURE__*/React.createElement(DayText, {
|
|
128
106
|
"data-attr": text
|
|
129
107
|
}, text), /*#__PURE__*/React.createElement(DayForeground, null));
|
|
130
108
|
});
|
|
131
|
-
|
|
132
109
|
_defineProperty(_this, "renderYearPicker", function () {
|
|
133
110
|
var month = _this.state.month;
|
|
134
111
|
return /*#__PURE__*/React.createElement(YearPicker, {
|
|
@@ -138,7 +115,6 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
138
115
|
}
|
|
139
116
|
});
|
|
140
117
|
});
|
|
141
|
-
|
|
142
118
|
_defineProperty(_this, "renderMonthPicker", function () {
|
|
143
119
|
var month = _this.state.month;
|
|
144
120
|
return /*#__PURE__*/React.createElement(MonthPicker, {
|
|
@@ -148,11 +124,10 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
148
124
|
}
|
|
149
125
|
});
|
|
150
126
|
});
|
|
151
|
-
|
|
152
127
|
_defineProperty(_this, "renderDayPicker", function () {
|
|
153
128
|
var _this$state3 = _this.state,
|
|
154
|
-
|
|
155
|
-
|
|
129
|
+
value = _this$state3.value,
|
|
130
|
+
enteredTo = _this$state3.enteredTo;
|
|
156
131
|
var disabledDates = _this.props.disabledDates;
|
|
157
132
|
var modifiers = {
|
|
158
133
|
start: value,
|
|
@@ -187,22 +162,21 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
187
162
|
modifiers: modifiers
|
|
188
163
|
});
|
|
189
164
|
});
|
|
190
|
-
|
|
191
165
|
_defineProperty(_this, "handleDaySwitch", function (day) {
|
|
192
|
-
var disabledDates = _this.props.disabledDates;
|
|
166
|
+
var disabledDates = _this.props.disabledDates;
|
|
193
167
|
|
|
168
|
+
// @ts-ignore
|
|
194
169
|
_this.handleDayClick(day, {
|
|
195
170
|
disabled: disabledDates ? disabledDates(day) : false
|
|
196
171
|
});
|
|
197
172
|
});
|
|
198
|
-
|
|
199
173
|
_defineProperty(_this, "renderTimePicker", function () {
|
|
200
174
|
var value = _this.state.value;
|
|
201
175
|
var _this$props2 = _this.props,
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
176
|
+
disabledHours = _this$props2.disabledHours,
|
|
177
|
+
disabledMinutes = _this$props2.disabledMinutes,
|
|
178
|
+
disabledSeconds = _this$props2.disabledSeconds,
|
|
179
|
+
disabledDates = _this$props2.disabledDates;
|
|
206
180
|
var prevDay = fnsAddDays(legacyParse(value), -1);
|
|
207
181
|
var nextDay = fnsAddDays(legacyParse(value), 1);
|
|
208
182
|
var inactivePrev = disabledDates ? disabledDates(prevDay) : false;
|
|
@@ -223,7 +197,6 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
223
197
|
}
|
|
224
198
|
});
|
|
225
199
|
});
|
|
226
|
-
|
|
227
200
|
_this.state = {
|
|
228
201
|
mode: 'date',
|
|
229
202
|
month: fnsStartOfMonth(props.value || new Date()),
|
|
@@ -234,22 +207,17 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
234
207
|
};
|
|
235
208
|
return _this;
|
|
236
209
|
}
|
|
237
|
-
|
|
238
210
|
_inheritsLoose(RawDatePicker, _React$Component);
|
|
239
|
-
|
|
240
211
|
var _proto = RawDatePicker.prototype;
|
|
241
|
-
|
|
242
212
|
_proto.getTexts = function getTexts() {
|
|
243
213
|
var _this$props3 = this.props,
|
|
244
|
-
|
|
245
|
-
|
|
214
|
+
texts = _this$props3.texts,
|
|
215
|
+
intl = _this$props3.intl;
|
|
246
216
|
return getDefaultTexts(intl, texts);
|
|
247
217
|
};
|
|
248
|
-
|
|
249
218
|
_proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
|
|
250
219
|
var value = this.props.value;
|
|
251
220
|
var mode = this.state.mode;
|
|
252
|
-
|
|
253
221
|
if ((prevProps == null ? void 0 : prevProps.value) !== value) {
|
|
254
222
|
this.setState({
|
|
255
223
|
value: value,
|
|
@@ -258,46 +226,37 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
258
226
|
mode: value === undefined ? 'date' : mode
|
|
259
227
|
});
|
|
260
228
|
}
|
|
261
|
-
|
|
262
229
|
return null;
|
|
263
230
|
};
|
|
264
|
-
|
|
265
231
|
_proto.render = function render() {
|
|
266
232
|
var _this2 = this;
|
|
267
|
-
|
|
268
233
|
var _this$state4 = this.state,
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
234
|
+
mode = _this$state4.mode,
|
|
235
|
+
changed = _this$state4.changed,
|
|
236
|
+
value = _this$state4.value,
|
|
237
|
+
texts = _this$state4.texts;
|
|
273
238
|
var _this$props4 = this.props,
|
|
274
|
-
|
|
275
|
-
|
|
239
|
+
showTime = _this$props4.showTime,
|
|
240
|
+
hideNow = _this$props4.hideNow;
|
|
276
241
|
var isValid = !!value;
|
|
277
242
|
var picker;
|
|
278
|
-
|
|
279
243
|
switch (mode) {
|
|
280
244
|
case 'time':
|
|
281
245
|
picker = this.renderTimePicker();
|
|
282
246
|
break;
|
|
283
|
-
|
|
284
247
|
case 'date':
|
|
285
248
|
picker = this.renderDayPicker();
|
|
286
249
|
break;
|
|
287
|
-
|
|
288
250
|
case 'month':
|
|
289
251
|
picker = this.renderMonthPicker();
|
|
290
252
|
break;
|
|
291
|
-
|
|
292
253
|
case 'year':
|
|
293
254
|
picker = this.renderYearPicker();
|
|
294
255
|
break;
|
|
295
|
-
|
|
296
256
|
default:
|
|
297
257
|
picker = null;
|
|
298
258
|
break;
|
|
299
259
|
}
|
|
300
|
-
|
|
301
260
|
return /*#__PURE__*/React.createElement(S.Container, null, picker, /*#__PURE__*/React.createElement(Footer, {
|
|
302
261
|
canApply: isValid && changed,
|
|
303
262
|
onApply: this.handleApply,
|
|
@@ -311,15 +270,12 @@ var RawDatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
311
270
|
hideNow: hideNow
|
|
312
271
|
}));
|
|
313
272
|
};
|
|
314
|
-
|
|
315
273
|
return RawDatePicker;
|
|
316
274
|
}(React.Component);
|
|
317
|
-
|
|
318
275
|
_defineProperty(RawDatePicker, "defaultProps", {
|
|
319
276
|
showTime: false,
|
|
320
277
|
disabledHours: [],
|
|
321
278
|
disabledMinutes: [],
|
|
322
279
|
disabledSeconds: []
|
|
323
280
|
});
|
|
324
|
-
|
|
325
281
|
export default injectIntl(RawDatePicker);
|
package/dist/format.js
CHANGED
|
@@ -11,11 +11,9 @@ export default function (date, formatStr, locale) {
|
|
|
11
11
|
if (locale === void 0) {
|
|
12
12
|
locale = defaultLocale;
|
|
13
13
|
}
|
|
14
|
-
|
|
15
14
|
if (!fnsIsValid(date)) {
|
|
16
15
|
return '';
|
|
17
16
|
}
|
|
18
|
-
|
|
19
17
|
return fnsFormat(date, formatStr, {
|
|
20
18
|
locale: locales[locale.substring(0, 2)]
|
|
21
19
|
});
|
package/dist/localeUtils.js
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
2
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
3
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
|
|
7
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
|
|
9
5
|
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
|
-
|
|
11
6
|
import MomentLocaleUtils from 'react-day-picker/moment';
|
|
12
7
|
var WEEKDAYS_LONG = {
|
|
13
8
|
en: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
|
@@ -27,56 +22,44 @@ var FIRST_DAY = {
|
|
|
27
22
|
};
|
|
28
23
|
var DEFAULT_LOCALE = 'en';
|
|
29
24
|
var DEFAULT_FORMAT = 'MMM DD, YYYY';
|
|
30
|
-
|
|
31
25
|
var getValidLocale = function getValidLocale(locale) {
|
|
32
26
|
return Object.keys(MONTHS).includes(locale) ? locale : DEFAULT_LOCALE;
|
|
33
|
-
};
|
|
34
|
-
|
|
27
|
+
};
|
|
35
28
|
|
|
29
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
36
30
|
function formatDay(d, format, locale) {
|
|
37
31
|
if (format === void 0) {
|
|
38
32
|
format = DEFAULT_FORMAT;
|
|
39
33
|
}
|
|
40
|
-
|
|
41
34
|
if (locale === void 0) {
|
|
42
35
|
locale = DEFAULT_LOCALE;
|
|
43
36
|
}
|
|
44
|
-
|
|
45
37
|
return WEEKDAYS_LONG[getValidLocale(locale)][d.getDay()] + ", " + d.getDate() + " " + MONTHS[getValidLocale(locale)][d.getMonth()] + " " + d.getFullYear();
|
|
46
38
|
}
|
|
47
|
-
|
|
48
39
|
function formatMonthTitle(d, locale) {
|
|
49
40
|
if (locale === void 0) {
|
|
50
41
|
locale = DEFAULT_LOCALE;
|
|
51
42
|
}
|
|
52
|
-
|
|
53
43
|
return MONTHS[getValidLocale(locale)][d.getMonth()] + " " + d.getFullYear();
|
|
54
44
|
}
|
|
55
|
-
|
|
56
45
|
function formatWeekdayShort(i, locale) {
|
|
57
46
|
if (locale === void 0) {
|
|
58
47
|
locale = DEFAULT_LOCALE;
|
|
59
48
|
}
|
|
60
|
-
|
|
61
49
|
return WEEKDAYS_SHORT[getValidLocale(locale)][i];
|
|
62
50
|
}
|
|
63
|
-
|
|
64
51
|
function formatWeekdayLong(weekday, locale) {
|
|
65
52
|
if (locale === void 0) {
|
|
66
53
|
locale = DEFAULT_LOCALE;
|
|
67
54
|
}
|
|
68
|
-
|
|
69
55
|
return WEEKDAYS_SHORT[getValidLocale(locale)][weekday];
|
|
70
56
|
}
|
|
71
|
-
|
|
72
57
|
function getFirstDayOfWeek(locale) {
|
|
73
58
|
if (locale === void 0) {
|
|
74
59
|
locale = DEFAULT_LOCALE;
|
|
75
60
|
}
|
|
76
|
-
|
|
77
61
|
return FIRST_DAY[getValidLocale(locale)];
|
|
78
62
|
}
|
|
79
|
-
|
|
80
63
|
var localeUtils = _objectSpread({}, MomentLocaleUtils, {
|
|
81
64
|
formatDay: formatDay,
|
|
82
65
|
formatMonthTitle: formatMonthTitle,
|
|
@@ -84,5 +67,4 @@ var localeUtils = _objectSpread({}, MomentLocaleUtils, {
|
|
|
84
67
|
formatWeekdayLong: formatWeekdayLong,
|
|
85
68
|
getFirstDayOfWeek: getFirstDayOfWeek
|
|
86
69
|
});
|
|
87
|
-
|
|
88
70
|
export default localeUtils;
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2
|
-
|
|
3
2
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
|
|
5
3
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
-
|
|
7
4
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
|
|
9
5
|
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
10
|
-
|
|
11
6
|
import React from 'react';
|
|
12
7
|
import { FormattedMessage } from 'react-intl';
|
|
13
8
|
export var getDefaultTexts = function getDefaultTexts(intl, texts) {
|
package/dist/utils.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-date-picker",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.3",
|
|
4
4
|
"description": "DatePicker UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -35,26 +35,26 @@
|
|
|
35
35
|
"types": "dist/index.d.ts",
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@date-fns/upgrade": "^1.0.3",
|
|
38
|
-
"@synerise/ds-button": "^0.21.
|
|
39
|
-
"@synerise/ds-data-format": "^0.6.
|
|
40
|
-
"@synerise/ds-dropdown": "^0.18.
|
|
41
|
-
"@synerise/ds-icon": "^0.
|
|
42
|
-
"@synerise/ds-input": "^0.24.
|
|
43
|
-
"@synerise/ds-time-picker": "^0.11.
|
|
44
|
-
"@synerise/ds-tooltip": "^0.14.
|
|
45
|
-
"@synerise/ds-utils": "^0.31.
|
|
38
|
+
"@synerise/ds-button": "^0.21.20",
|
|
39
|
+
"@synerise/ds-data-format": "^0.6.1",
|
|
40
|
+
"@synerise/ds-dropdown": "^0.18.25",
|
|
41
|
+
"@synerise/ds-icon": "^0.67.1",
|
|
42
|
+
"@synerise/ds-input": "^0.24.15",
|
|
43
|
+
"@synerise/ds-time-picker": "^0.11.3",
|
|
44
|
+
"@synerise/ds-tooltip": "^0.14.50",
|
|
45
|
+
"@synerise/ds-utils": "^0.31.2",
|
|
46
46
|
"classnames": "2.3.2",
|
|
47
47
|
"date-fns": "2.16.1",
|
|
48
48
|
"lodash": "^4.17.21",
|
|
49
49
|
"react-day-picker": "^7.4.8",
|
|
50
|
-
"react-intl": "6.8.4",
|
|
51
50
|
"uuid": "^8.3.2"
|
|
52
51
|
},
|
|
53
52
|
"peerDependencies": {
|
|
54
53
|
"@synerise/ds-core": "*",
|
|
55
54
|
"antd": "4.7.0",
|
|
56
55
|
"react": ">=16.9.0 <= 17.0.2",
|
|
56
|
+
"react-intl": ">=3.12.0 <= 6.8",
|
|
57
57
|
"styled-components": "5.0.1"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
|
|
60
60
|
}
|