@atlaskit/datetime-picker 12.3.7 → 12.3.8
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 +6 -0
- package/dist/cjs/components/date-picker.js +61 -158
- package/dist/cjs/components/date-time-picker.js +40 -83
- package/dist/cjs/components/time-picker.js +34 -101
- package/dist/cjs/components/utils.js +1 -8
- package/dist/cjs/index.js +0 -4
- package/dist/cjs/internal/fixed-layer.js +6 -34
- package/dist/cjs/internal/index.js +4 -6
- package/dist/cjs/internal/parse-time.js +0 -26
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/date-picker.js +27 -83
- package/dist/es2019/components/date-time-picker.js +34 -37
- package/dist/es2019/components/time-picker.js +22 -49
- package/dist/es2019/components/utils.js +1 -7
- package/dist/es2019/internal/fixed-layer.js +4 -9
- package/dist/es2019/internal/index.js +4 -2
- package/dist/es2019/internal/parse-time.js +0 -18
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/date-picker.js +63 -155
- package/dist/esm/components/date-time-picker.js +42 -72
- package/dist/esm/components/time-picker.js +36 -93
- package/dist/esm/components/utils.js +1 -7
- package/dist/esm/internal/fixed-layer.js +6 -24
- package/dist/esm/internal/index.js +4 -2
- package/dist/esm/internal/parse-time.js +0 -18
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.convertTokens = convertTokens;
|
|
7
7
|
// https://github.com/date-fns/date-fns-upgrade/blob/master/src/v2/convertTokens/index.ts
|
|
8
|
+
|
|
8
9
|
var tokensMap = {
|
|
9
10
|
// 'D MMMM': '',
|
|
10
11
|
// 'Do MMMM': '',
|
|
@@ -56,35 +57,27 @@ var tokensMap = {
|
|
|
56
57
|
};
|
|
57
58
|
var v1tokens = Object.keys(tokensMap).sort().reverse();
|
|
58
59
|
var tokensRegExp = new RegExp('(\\[[^\\[]*\\])|(\\\\)?' + '(' + v1tokens.join('|') + '|.)', 'g');
|
|
59
|
-
|
|
60
60
|
function convertTokens(format) {
|
|
61
61
|
var tokensCaptures = format.match(tokensRegExp);
|
|
62
|
-
|
|
63
62
|
if (tokensCaptures) {
|
|
64
63
|
return tokensCaptures.reduce(function (acc, tokenString, index) {
|
|
65
64
|
var v2token = tokensMap[tokenString];
|
|
66
|
-
|
|
67
65
|
if (!v2token) {
|
|
68
66
|
var escapedCaptures = tokenString.match(/^\[(.+)\]$/);
|
|
69
|
-
|
|
70
67
|
if (escapedCaptures) {
|
|
71
68
|
acc.textBuffer.push(escapedCaptures[1]);
|
|
72
69
|
} else {
|
|
73
70
|
acc.textBuffer.push(tokenString);
|
|
74
71
|
}
|
|
75
72
|
}
|
|
76
|
-
|
|
77
73
|
var endOfString = index === tokensCaptures.length - 1;
|
|
78
|
-
|
|
79
74
|
if (acc.textBuffer.length && (v2token || endOfString)) {
|
|
80
75
|
acc.formatBuffer.push("'".concat(acc.textBuffer.join(''), "'"));
|
|
81
76
|
acc.textBuffer = [];
|
|
82
77
|
}
|
|
83
|
-
|
|
84
78
|
if (v2token) {
|
|
85
79
|
acc.formatBuffer.push(v2token);
|
|
86
80
|
}
|
|
87
|
-
|
|
88
81
|
return acc;
|
|
89
82
|
}, {
|
|
90
83
|
formatBuffer: [],
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -23,9 +22,6 @@ Object.defineProperty(exports, "TimePicker", {
|
|
|
23
22
|
return _timePicker.default;
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
|
-
|
|
27
25
|
var _datePicker = _interopRequireDefault(require("./components/date-picker"));
|
|
28
|
-
|
|
29
26
|
var _timePicker = _interopRequireDefault(require("./components/time-picker"));
|
|
30
|
-
|
|
31
27
|
var _dateTimePicker = _interopRequireDefault(require("./components/date-time-picker"));
|
|
@@ -1,46 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
|
|
27
|
-
|
|
28
17
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
29
|
-
|
|
30
18
|
var _icon = require("@atlaskit/icon");
|
|
31
|
-
|
|
32
19
|
var _popper = require("@atlaskit/popper");
|
|
33
|
-
|
|
34
20
|
var _constants = require("@atlaskit/theme/constants");
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
22
|
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) { (0, _defineProperty2.default)(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; }
|
|
39
|
-
|
|
40
23
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
41
|
-
|
|
42
24
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
25
|
/**
|
|
45
26
|
* This component renders layered content with fixed positioning.
|
|
46
27
|
* Scroll is locked outside the layer to prevent the layered content from detaching from the
|
|
@@ -48,23 +29,17 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
48
29
|
*/
|
|
49
30
|
var FixedLayer = /*#__PURE__*/function (_React$Component) {
|
|
50
31
|
(0, _inherits2.default)(FixedLayer, _React$Component);
|
|
51
|
-
|
|
52
32
|
var _super = _createSuper(FixedLayer);
|
|
53
|
-
|
|
54
33
|
function FixedLayer() {
|
|
55
34
|
var _this;
|
|
56
|
-
|
|
57
35
|
(0, _classCallCheck2.default)(this, FixedLayer);
|
|
58
|
-
|
|
59
36
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
60
37
|
args[_key] = arguments[_key];
|
|
61
38
|
}
|
|
62
|
-
|
|
63
39
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
64
40
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "update", _noop.default);
|
|
65
41
|
return _this;
|
|
66
42
|
}
|
|
67
|
-
|
|
68
43
|
(0, _createClass2.default)(FixedLayer, [{
|
|
69
44
|
key: "componentDidUpdate",
|
|
70
45
|
value: function componentDidUpdate(prevProps) {
|
|
@@ -76,20 +51,18 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
|
|
|
76
51
|
key: "render",
|
|
77
52
|
value: function render() {
|
|
78
53
|
var _this2 = this;
|
|
79
|
-
|
|
80
54
|
var _this$props = this.props,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
55
|
+
containerRef = _this$props.containerRef,
|
|
56
|
+
content = _this$props.content,
|
|
57
|
+
testId = _this$props.testId;
|
|
84
58
|
|
|
59
|
+
// Wait for containerRef callback to cause a re-render
|
|
85
60
|
if (!containerRef) {
|
|
86
61
|
return /*#__PURE__*/_react.default.createElement("div", null);
|
|
87
62
|
}
|
|
88
|
-
|
|
89
63
|
var containerRect = containerRef.getBoundingClientRect();
|
|
90
64
|
return (
|
|
91
65
|
/*#__PURE__*/
|
|
92
|
-
|
|
93
66
|
/* Need to wrap layer in a fixed position div so that it will render its content as fixed
|
|
94
67
|
* We need to set the intial top value to where the container is and zIndex so that it still
|
|
95
68
|
* applies since we're creating a new stacking context. */
|
|
@@ -109,8 +82,8 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
|
|
|
109
82
|
});
|
|
110
83
|
}), /*#__PURE__*/_react.default.createElement(_popper.Popper, null, function (_ref2) {
|
|
111
84
|
var ref = _ref2.ref,
|
|
112
|
-
|
|
113
|
-
|
|
85
|
+
style = _ref2.style,
|
|
86
|
+
update = _ref2.update;
|
|
114
87
|
_this2.update = update;
|
|
115
88
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
116
89
|
ref: ref,
|
|
@@ -125,5 +98,4 @@ var FixedLayer = /*#__PURE__*/function (_React$Component) {
|
|
|
125
98
|
}]);
|
|
126
99
|
return FixedLayer;
|
|
127
100
|
}(_react.default.Component);
|
|
128
|
-
|
|
129
101
|
exports.default = FixedLayer;
|
|
@@ -7,14 +7,14 @@ exports.defaultTimes = exports.defaultTimeFormat = exports.defaultDateFormat = e
|
|
|
7
7
|
exports.formatDateTimeZoneIntoIso = formatDateTimeZoneIntoIso;
|
|
8
8
|
exports.padToTwo = padToTwo;
|
|
9
9
|
exports.placeholderDatetime = void 0;
|
|
10
|
-
|
|
11
10
|
/* eslint-disable @repo/internal/react/require-jsdoc */
|
|
11
|
+
|
|
12
12
|
var EmptyComponent = function EmptyComponent() {
|
|
13
13
|
return null;
|
|
14
|
-
};
|
|
15
|
-
// e.g. 18/02/1993 vs. 2/18/1993 and 1:00 PM vs 13:00
|
|
16
|
-
|
|
14
|
+
};
|
|
17
15
|
|
|
16
|
+
// This date was chosen to clearly show date and time formats (day > 12)
|
|
17
|
+
// e.g. 18/02/1993 vs. 2/18/1993 and 1:00 PM vs 13:00
|
|
18
18
|
exports.EmptyComponent = EmptyComponent;
|
|
19
19
|
var placeholderDatetime = new Date(1993, 1, 18, 13);
|
|
20
20
|
exports.placeholderDatetime = placeholderDatetime;
|
|
@@ -24,11 +24,9 @@ var defaultTimeFormat = 'h:mma';
|
|
|
24
24
|
exports.defaultTimeFormat = defaultTimeFormat;
|
|
25
25
|
var defaultDateFormat = 'YYYY/MM/DD';
|
|
26
26
|
exports.defaultDateFormat = defaultDateFormat;
|
|
27
|
-
|
|
28
27
|
function padToTwo(number) {
|
|
29
28
|
return number <= 99 ? "0".concat(number).slice(-2) : "".concat(number);
|
|
30
29
|
}
|
|
31
|
-
|
|
32
30
|
function formatDateTimeZoneIntoIso(date, time, zone) {
|
|
33
31
|
// 12:00 => 12:00, 1:00 => 01:00
|
|
34
32
|
var needsLeadingZero = /^\d:/;
|
|
@@ -25,92 +25,71 @@ var map24 = {
|
|
|
25
25
|
'10': '22',
|
|
26
26
|
'11': '23'
|
|
27
27
|
};
|
|
28
|
-
|
|
29
28
|
function isValid(timeString) {
|
|
30
29
|
var time = timeString.trim().match(/(\d+)(?::(\d\d))?\s*(a|p)?/i);
|
|
31
30
|
var time24hr = timeString.trim().match(/(\d\d)[:.]?(\d\d)/);
|
|
32
31
|
var num = timeString.replace(/[^0-9]/g, '');
|
|
33
|
-
|
|
34
32
|
if (!time && !time24hr) {
|
|
35
33
|
return false;
|
|
36
34
|
}
|
|
37
|
-
|
|
38
35
|
if (time && !time[1]) {
|
|
39
36
|
return false;
|
|
40
37
|
}
|
|
41
|
-
|
|
42
38
|
if (num.length > 4) {
|
|
43
39
|
return false;
|
|
44
40
|
}
|
|
45
|
-
|
|
46
41
|
if (num.length === 2 && parseInt(num, 10) > 12) {
|
|
47
42
|
return false;
|
|
48
43
|
}
|
|
49
|
-
|
|
50
44
|
return true;
|
|
51
45
|
}
|
|
52
|
-
|
|
53
46
|
function removeSpacer(time) {
|
|
54
47
|
return time.replace(/[:.]/, '');
|
|
55
48
|
}
|
|
56
|
-
|
|
57
49
|
function formatSemi24(time) {
|
|
58
50
|
if (time.length === 1) {
|
|
59
51
|
return "0".concat(time, "00");
|
|
60
52
|
}
|
|
61
|
-
|
|
62
53
|
if (time.length === 2) {
|
|
63
54
|
return "".concat(time, "00");
|
|
64
55
|
}
|
|
65
|
-
|
|
66
56
|
if (time.length === 3) {
|
|
67
57
|
return "0".concat(time);
|
|
68
58
|
}
|
|
69
|
-
|
|
70
59
|
return time;
|
|
71
60
|
}
|
|
72
|
-
|
|
73
61
|
function checkHour(hour, meridiem) {
|
|
74
62
|
if (hour > '24') {
|
|
75
63
|
return null;
|
|
76
64
|
}
|
|
77
|
-
|
|
78
65
|
if (hour === '12' && meridiem === 'a') {
|
|
79
66
|
return '00';
|
|
80
67
|
}
|
|
81
|
-
|
|
82
68
|
if (hour < '12' && meridiem === 'p') {
|
|
83
69
|
return map24[hour];
|
|
84
70
|
}
|
|
85
|
-
|
|
86
71
|
return hour;
|
|
87
72
|
}
|
|
88
|
-
|
|
89
73
|
function checkMinute(minute) {
|
|
90
74
|
if (minute > '59') {
|
|
91
75
|
return null;
|
|
92
76
|
}
|
|
93
|
-
|
|
94
77
|
return minute;
|
|
95
78
|
}
|
|
96
|
-
|
|
97
79
|
function convertTo24hrTime(time) {
|
|
98
80
|
var timeArray = time.toLowerCase().split(/(p|a)/i);
|
|
99
81
|
var meridiem = timeArray[1];
|
|
100
82
|
var semi24 = formatSemi24(timeArray[0].trim());
|
|
101
83
|
var hour = checkHour(semi24.substring(0, 2), meridiem);
|
|
102
84
|
var minute = checkMinute(semi24.substring(2, 4));
|
|
103
|
-
|
|
104
85
|
if (!hour || !minute) {
|
|
105
86
|
return null;
|
|
106
87
|
}
|
|
107
|
-
|
|
108
88
|
return {
|
|
109
89
|
hour: parseInt(hour, 10),
|
|
110
90
|
minute: parseInt(minute, 10)
|
|
111
91
|
};
|
|
112
92
|
}
|
|
113
|
-
|
|
114
93
|
function assignToDate(time) {
|
|
115
94
|
var dateTime = new Date();
|
|
116
95
|
dateTime.setHours(time.hour);
|
|
@@ -118,20 +97,15 @@ function assignToDate(time) {
|
|
|
118
97
|
dateTime.setSeconds(0, 0);
|
|
119
98
|
return dateTime;
|
|
120
99
|
}
|
|
121
|
-
|
|
122
100
|
function _default(time) {
|
|
123
101
|
var trimmedTime = time.toString().trim();
|
|
124
|
-
|
|
125
102
|
if (!isValid(trimmedTime)) {
|
|
126
103
|
throw RangeError('invalid time format');
|
|
127
104
|
}
|
|
128
|
-
|
|
129
105
|
var time1 = removeSpacer(trimmedTime);
|
|
130
106
|
var time2 = convertTo24hrTime(time1);
|
|
131
|
-
|
|
132
107
|
if (!time2) {
|
|
133
108
|
throw RangeError('invalid time format');
|
|
134
109
|
}
|
|
135
|
-
|
|
136
110
|
return assignToDate(time2);
|
|
137
111
|
}
|
package/dist/cjs/version.json
CHANGED