@atlaskit/calendar 13.0.1 → 13.0.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 +14 -0
- package/dist/cjs/calendar.js +105 -140
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/internal/components/date.js +27 -31
- package/dist/cjs/internal/components/header.js +13 -22
- package/dist/cjs/internal/components/week-day-grid.js +4 -6
- package/dist/cjs/internal/components/week-days.js +6 -10
- package/dist/cjs/internal/components/week-header.js +7 -13
- package/dist/cjs/internal/hooks/use-calendar-ref.js +0 -2
- package/dist/cjs/internal/hooks/use-controlled-date-state.js +53 -67
- package/dist/cjs/internal/hooks/use-focusing.js +1 -3
- package/dist/cjs/internal/hooks/use-get-weeks.js +16 -30
- package/dist/cjs/internal/hooks/use-handle-date-change.js +31 -60
- package/dist/cjs/internal/hooks/use-handle-date-select.js +16 -24
- package/dist/cjs/internal/hooks/use-locale.js +1 -4
- package/dist/cjs/internal/hooks/use-unique-id.js +0 -2
- package/dist/cjs/internal/styles/date.js +0 -4
- package/dist/cjs/internal/utils/date-to-string.js +0 -3
- package/dist/cjs/internal/utils/get-base-calendar.js +5 -18
- package/dist/cjs/internal/utils/get-days-in-month.js +0 -1
- package/dist/cjs/internal/utils/pad.js +0 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/calendar.js +6 -6
- package/dist/es2019/internal/components/date.js +4 -3
- package/dist/es2019/internal/components/header.js +4 -3
- package/dist/es2019/internal/components/week-day-grid.js +3 -3
- package/dist/es2019/internal/components/week-days.js +2 -1
- package/dist/es2019/internal/components/week-header.js +6 -5
- package/dist/es2019/internal/hooks/use-controlled-date-state.js +2 -1
- package/dist/es2019/internal/hooks/use-focusing.js +2 -1
- package/dist/es2019/internal/hooks/use-get-weeks.js +8 -10
- package/dist/es2019/internal/hooks/use-handle-date-change.js +6 -15
- package/dist/es2019/internal/hooks/use-handle-date-select.js +2 -2
- package/dist/es2019/internal/hooks/use-unique-id.js +2 -1
- package/dist/es2019/internal/utils/get-base-calendar.js +1 -9
- package/dist/es2019/version.json +1 -1
- package/dist/esm/calendar.js +105 -116
- package/dist/esm/internal/components/date.js +26 -25
- package/dist/esm/internal/components/header.js +12 -11
- package/dist/esm/internal/components/week-day-grid.js +4 -4
- package/dist/esm/internal/components/week-days.js +5 -4
- package/dist/esm/internal/components/week-header.js +6 -5
- package/dist/esm/internal/hooks/use-controlled-date-state.js +55 -62
- package/dist/esm/internal/hooks/use-focusing.js +3 -2
- package/dist/esm/internal/hooks/use-get-weeks.js +18 -24
- package/dist/esm/internal/hooks/use-handle-date-change.js +31 -54
- package/dist/esm/internal/hooks/use-handle-date-select.js +18 -19
- package/dist/esm/internal/hooks/use-locale.js +1 -1
- package/dist/esm/internal/hooks/use-unique-id.js +2 -1
- package/dist/esm/internal/utils/get-base-calendar.js +5 -14
- package/dist/esm/version.json +1 -1
- package/package.json +3 -3
|
@@ -1,30 +1,23 @@
|
|
|
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 _react = require("react");
|
|
11
|
-
|
|
12
9
|
var _react2 = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
|
|
15
|
-
|
|
16
11
|
var _text = _interopRequireDefault(require("@atlaskit/ds-explorations/text"));
|
|
17
|
-
|
|
18
12
|
var _colors = require("@atlaskit/theme/colors");
|
|
19
|
-
|
|
20
13
|
var _weekDayGrid = _interopRequireDefault(require("./week-day-grid"));
|
|
21
|
-
|
|
22
14
|
/** @jsx jsx */
|
|
15
|
+
|
|
23
16
|
var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
|
|
24
17
|
var daysShort = _ref.daysShort;
|
|
25
18
|
return (0, _react2.jsx)(_weekDayGrid.default, null, daysShort.map(function (shortDay) {
|
|
26
19
|
return (0, _react2.jsx)(_box.default, {
|
|
27
|
-
padding: "
|
|
20
|
+
padding: "space.100",
|
|
28
21
|
display: "block",
|
|
29
22
|
UNSAFE_style: {
|
|
30
23
|
minWidth: 40,
|
|
@@ -34,18 +27,19 @@ var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
|
|
|
34
27
|
textAlign: 'center',
|
|
35
28
|
lineHeight: '16px',
|
|
36
29
|
color: "var(--ds-text-subtle, ".concat(_colors.N200, ")") // Apply correct fallback to shortDay text
|
|
37
|
-
|
|
38
30
|
},
|
|
31
|
+
|
|
39
32
|
key: shortDay
|
|
40
33
|
}, (0, _react2.jsx)(_text.default, {
|
|
41
|
-
fontWeight: "
|
|
42
|
-
fontSize: "
|
|
34
|
+
fontWeight: "bold",
|
|
35
|
+
fontSize: "size.050",
|
|
43
36
|
verticalAlign: "middle",
|
|
44
37
|
textTransform: "uppercase"
|
|
45
38
|
}, shortDay));
|
|
46
39
|
}));
|
|
47
40
|
});
|
|
48
|
-
WeekHeader.displayName = 'WeekHeader';
|
|
41
|
+
WeekHeader.displayName = 'WeekHeader';
|
|
49
42
|
|
|
43
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
50
44
|
var _default = WeekHeader;
|
|
51
45
|
exports.default = _default;
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = useCalendarRef;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
11
9
|
function useCalendarRef(calendarRef, _ref) {
|
|
12
10
|
var navigate = _ref.navigate;
|
|
@@ -1,91 +1,77 @@
|
|
|
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 = useControlledDateState;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _useControlled13 = _interopRequireDefault(require("@atlaskit/ds-lib/use-controlled"));
|
|
13
|
-
|
|
14
10
|
var _useLazyRef2 = _interopRequireDefault(require("@atlaskit/ds-lib/use-lazy-ref"));
|
|
15
|
-
|
|
16
11
|
var _pad = _interopRequireDefault(require("../utils/pad"));
|
|
17
|
-
|
|
18
12
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
19
13
|
function useControlledDateState(_ref) {
|
|
20
14
|
var day = _ref.day,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
15
|
+
defaultDay = _ref.defaultDay,
|
|
16
|
+
month = _ref.month,
|
|
17
|
+
defaultMonth = _ref.defaultMonth,
|
|
18
|
+
year = _ref.year,
|
|
19
|
+
defaultYear = _ref.defaultYear,
|
|
20
|
+
today = _ref.today,
|
|
21
|
+
selected = _ref.selected,
|
|
22
|
+
defaultSelected = _ref.defaultSelected,
|
|
23
|
+
previouslySelected = _ref.previouslySelected,
|
|
24
|
+
defaultPreviouslySelected = _ref.defaultPreviouslySelected;
|
|
32
25
|
var _useLazyRef = (0, _useLazyRef2.default)(function () {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
26
|
+
var now = new Date();
|
|
27
|
+
var thisDay = now.getDate();
|
|
28
|
+
var thisMonth = now.getMonth() + 1;
|
|
29
|
+
var thisYear = now.getFullYear();
|
|
30
|
+
return {
|
|
31
|
+
thisDay: thisDay,
|
|
32
|
+
thisMonth: thisMonth,
|
|
33
|
+
thisYear: thisYear
|
|
34
|
+
};
|
|
35
|
+
}),
|
|
36
|
+
_useLazyRef$current = _useLazyRef.current,
|
|
37
|
+
thisDay = _useLazyRef$current.thisDay,
|
|
38
|
+
thisMonth = _useLazyRef$current.thisMonth,
|
|
39
|
+
thisYear = _useLazyRef$current.thisYear;
|
|
48
40
|
var _useControlled = (0, _useControlled13.default)(day, function () {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
41
|
+
return defaultDay || thisDay;
|
|
42
|
+
}),
|
|
43
|
+
_useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
|
|
44
|
+
dayValue = _useControlled2[0],
|
|
45
|
+
setDayValue = _useControlled2[1];
|
|
55
46
|
var _useControlled3 = (0, _useControlled13.default)(month, function () {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
47
|
+
return defaultMonth || thisMonth;
|
|
48
|
+
}),
|
|
49
|
+
_useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
|
|
50
|
+
monthValue = _useControlled4[0],
|
|
51
|
+
setMonthValue = _useControlled4[1];
|
|
62
52
|
var _useControlled5 = (0, _useControlled13.default)(year, function () {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
53
|
+
return defaultYear || thisYear;
|
|
54
|
+
}),
|
|
55
|
+
_useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 2),
|
|
56
|
+
yearValue = _useControlled6[0],
|
|
57
|
+
setYearValue = _useControlled6[1];
|
|
69
58
|
var _useControlled7 = (0, _useControlled13.default)(today, function () {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
59
|
+
return today || "".concat(thisYear, "-").concat((0, _pad.default)(thisMonth), "-").concat((0, _pad.default)(thisDay));
|
|
60
|
+
}),
|
|
61
|
+
_useControlled8 = (0, _slicedToArray2.default)(_useControlled7, 1),
|
|
62
|
+
todayValue = _useControlled8[0];
|
|
75
63
|
var _useControlled9 = (0, _useControlled13.default)(selected, function () {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
64
|
+
return defaultSelected;
|
|
65
|
+
}),
|
|
66
|
+
_useControlled10 = (0, _slicedToArray2.default)(_useControlled9, 2),
|
|
67
|
+
selectedValue = _useControlled10[0],
|
|
68
|
+
setSelectedValue = _useControlled10[1];
|
|
82
69
|
var _useControlled11 = (0, _useControlled13.default)(previouslySelected, function () {
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
70
|
+
return defaultPreviouslySelected;
|
|
71
|
+
}),
|
|
72
|
+
_useControlled12 = (0, _slicedToArray2.default)(_useControlled11, 2),
|
|
73
|
+
previouslySelectedValue = _useControlled12[0],
|
|
74
|
+
setPreviouslySelectedValue = _useControlled12[1];
|
|
89
75
|
return {
|
|
90
76
|
day: [dayValue, setDayValue],
|
|
91
77
|
month: [monthValue, setMonthValue],
|
|
@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = useFocusing;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
11
9
|
function useFocusing(_ref) {
|
|
12
10
|
var onBlur = _ref.onBlur,
|
|
13
|
-
|
|
11
|
+
onFocus = _ref.onFocus;
|
|
14
12
|
var handleContainerBlur = (0, _react.useCallback)(function (event) {
|
|
15
13
|
onBlur(event);
|
|
16
14
|
}, [onBlur]);
|
|
@@ -1,34 +1,23 @@
|
|
|
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 = useGetWeeks;
|
|
9
|
-
|
|
10
8
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _react = require("react");
|
|
15
|
-
|
|
16
11
|
var _dateFns = require("date-fns");
|
|
17
|
-
|
|
18
12
|
var _constants = require("../constants");
|
|
19
|
-
|
|
20
13
|
var _dateToString = _interopRequireDefault(require("../utils/date-to-string"));
|
|
21
|
-
|
|
22
14
|
var _getBaseCalendar = _interopRequireDefault(require("../utils/get-base-calendar"));
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
function useGetCalendarWithSixthWeek(calendar, _ref) {
|
|
29
18
|
var month = _ref.month,
|
|
30
|
-
|
|
31
|
-
|
|
19
|
+
year = _ref.year,
|
|
20
|
+
weekStartDay = _ref.weekStartDay;
|
|
32
21
|
var shouldDisplaySixthWeek = calendar.length % 6;
|
|
33
22
|
var calendarLastValue = calendar[calendar.length - 1];
|
|
34
23
|
return (0, _react.useMemo)(function () {
|
|
@@ -47,21 +36,21 @@ function useGetCalendarWithSixthWeek(calendar, _ref) {
|
|
|
47
36
|
});
|
|
48
37
|
}
|
|
49
38
|
}, [calendarLastValue, month, shouldDisplaySixthWeek, weekStartDay, year]);
|
|
50
|
-
}
|
|
51
|
-
|
|
39
|
+
}
|
|
52
40
|
|
|
41
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
53
42
|
function useGetWeeks(_ref2) {
|
|
54
43
|
var day = _ref2.day,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
44
|
+
month = _ref2.month,
|
|
45
|
+
year = _ref2.year,
|
|
46
|
+
today = _ref2.today,
|
|
47
|
+
disabled = _ref2.disabled,
|
|
48
|
+
disabledDateFilter = _ref2.disabledDateFilter,
|
|
49
|
+
minDateString = _ref2.minDate,
|
|
50
|
+
maxDateString = _ref2.maxDate,
|
|
51
|
+
selected = _ref2.selected,
|
|
52
|
+
previouslySelected = _ref2.previouslySelected,
|
|
53
|
+
weekStartDay = _ref2.weekStartDay;
|
|
65
54
|
var calendar = (0, _react.useMemo)(function () {
|
|
66
55
|
return (0, _getBaseCalendar.default)(year, month - 1, {
|
|
67
56
|
weekStartDay: weekStartDay
|
|
@@ -72,11 +61,9 @@ function useGetWeeks(_ref2) {
|
|
|
72
61
|
year: year,
|
|
73
62
|
weekStartDay: weekStartDay
|
|
74
63
|
});
|
|
75
|
-
|
|
76
64
|
if (calendarWithSixthWeek) {
|
|
77
65
|
calendar.push.apply(calendar, (0, _toConsumableArray2.default)(calendarWithSixthWeek));
|
|
78
66
|
}
|
|
79
|
-
|
|
80
67
|
var minDate = minDateString ? (0, _dateFns.parseISO)(minDateString) : undefined;
|
|
81
68
|
var maxDate = maxDateString ? (0, _dateFns.parseISO)(maxDateString) : undefined;
|
|
82
69
|
var needJsDate = minDateString || maxDateString;
|
|
@@ -88,7 +75,6 @@ function useGetWeeks(_ref2) {
|
|
|
88
75
|
});
|
|
89
76
|
var JSDate = needJsDate ? (0, _dateFns.parseISO)(dateAsString) : undefined;
|
|
90
77
|
var week;
|
|
91
|
-
|
|
92
78
|
if (date.weekDay === weekStartDay) {
|
|
93
79
|
week = {
|
|
94
80
|
id: dateAsString,
|
|
@@ -97,9 +83,9 @@ function useGetWeeks(_ref2) {
|
|
|
97
83
|
weeks.push(week);
|
|
98
84
|
} else {
|
|
99
85
|
week = weeks[weeks.length - 1];
|
|
100
|
-
}
|
|
101
|
-
|
|
86
|
+
}
|
|
102
87
|
|
|
88
|
+
// Define a bunch of `const`s
|
|
103
89
|
var isDisabledByArray = disabled ? disabled.indexOf(dateAsString) > -1 : false;
|
|
104
90
|
var isDisabledByFilter = disabledDateFilter ? disabledDateFilter(dateAsString) : false;
|
|
105
91
|
var isDisabledByMin = minDate && JSDate ? JSDate < minDate : false;
|
|
@@ -1,75 +1,59 @@
|
|
|
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 = useHandleDateChange;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
|
-
|
|
14
10
|
var _react = require("react");
|
|
15
|
-
|
|
16
11
|
var _constants = require("../constants");
|
|
17
|
-
|
|
18
12
|
var _dateToString = _interopRequireDefault(require("../utils/date-to-string"));
|
|
19
|
-
|
|
20
13
|
var _getDaysInMonth = _interopRequireDefault(require("../utils/get-days-in-month"));
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
var getNextMonth = function getNextMonth(monthValue, yearValue) {
|
|
27
17
|
var month = monthValue;
|
|
28
18
|
var year = yearValue;
|
|
29
|
-
|
|
30
19
|
if (month === _constants.monthsPerYear) {
|
|
31
20
|
month = 1;
|
|
32
21
|
year += 1;
|
|
33
22
|
} else {
|
|
34
23
|
month += 1;
|
|
35
24
|
}
|
|
36
|
-
|
|
37
25
|
return {
|
|
38
26
|
month: month,
|
|
39
27
|
year: year
|
|
40
28
|
};
|
|
41
29
|
};
|
|
42
|
-
|
|
43
30
|
var getPrevMonth = function getPrevMonth(monthValue, yearValue) {
|
|
44
31
|
var month = monthValue;
|
|
45
32
|
var year = yearValue;
|
|
46
|
-
|
|
47
33
|
if (month === 1) {
|
|
48
34
|
month = _constants.monthsPerYear;
|
|
49
35
|
year -= 1;
|
|
50
36
|
} else {
|
|
51
37
|
month -= 1;
|
|
52
38
|
}
|
|
53
|
-
|
|
54
39
|
return {
|
|
55
40
|
month: month,
|
|
56
41
|
year: year
|
|
57
42
|
};
|
|
58
|
-
};
|
|
59
|
-
|
|
43
|
+
};
|
|
60
44
|
|
|
45
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
61
46
|
function useHandleDateChange(_ref) {
|
|
62
47
|
var _ref$day = (0, _slicedToArray2.default)(_ref.day, 2),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
48
|
+
dayValue = _ref$day[0],
|
|
49
|
+
setDayValue = _ref$day[1],
|
|
50
|
+
_ref$month = (0, _slicedToArray2.default)(_ref.month, 2),
|
|
51
|
+
monthValue = _ref$month[0],
|
|
52
|
+
setMonthValue = _ref$month[1],
|
|
53
|
+
_ref$year = (0, _slicedToArray2.default)(_ref.year, 2),
|
|
54
|
+
yearValue = _ref$year[0],
|
|
55
|
+
setYearValue = _ref$year[1],
|
|
56
|
+
onChange = _ref.onChange;
|
|
73
57
|
var dateRef = (0, _react.useRef)({
|
|
74
58
|
day: dayValue,
|
|
75
59
|
month: monthValue,
|
|
@@ -84,9 +68,9 @@ function useHandleDateChange(_ref) {
|
|
|
84
68
|
}, [dayValue, monthValue, yearValue]);
|
|
85
69
|
var triggerOnChange = (0, _react.useCallback)(function (_ref2) {
|
|
86
70
|
var year = _ref2.year,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
71
|
+
month = _ref2.month,
|
|
72
|
+
day = _ref2.day,
|
|
73
|
+
type = _ref2.type;
|
|
90
74
|
var iso = (0, _dateToString.default)({
|
|
91
75
|
year: year,
|
|
92
76
|
month: month,
|
|
@@ -105,19 +89,16 @@ function useHandleDateChange(_ref) {
|
|
|
105
89
|
}, [onChange, setDayValue, setMonthValue, setYearValue]);
|
|
106
90
|
var navigate = (0, _react.useCallback)(function (type) {
|
|
107
91
|
var _dateRef$current = dateRef.current,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
92
|
+
day = _dateRef$current.day,
|
|
93
|
+
month = _dateRef$current.month,
|
|
94
|
+
year = _dateRef$current.year;
|
|
112
95
|
if (type === 'down') {
|
|
113
96
|
var next = day + _constants.daysPerWeek;
|
|
114
97
|
var daysInMonth = (0, _getDaysInMonth.default)(year, month - 1);
|
|
115
|
-
|
|
116
98
|
if (next > daysInMonth) {
|
|
117
99
|
var _getNextMonth = getNextMonth(month, year),
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
100
|
+
nextMonth = _getNextMonth.month,
|
|
101
|
+
nextYear = _getNextMonth.year;
|
|
121
102
|
triggerOnChange({
|
|
122
103
|
year: nextYear,
|
|
123
104
|
month: nextMonth,
|
|
@@ -134,12 +115,10 @@ function useHandleDateChange(_ref) {
|
|
|
134
115
|
}
|
|
135
116
|
} else if (type === 'left') {
|
|
136
117
|
var prev = day - 1;
|
|
137
|
-
|
|
138
118
|
if (prev < 1) {
|
|
139
119
|
var _getPrevMonth = getPrevMonth(month, year),
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
120
|
+
prevMonth = _getPrevMonth.month,
|
|
121
|
+
prevYear = _getPrevMonth.year;
|
|
143
122
|
var prevDay = (0, _getDaysInMonth.default)(prevYear, prevMonth - 1);
|
|
144
123
|
triggerOnChange({
|
|
145
124
|
year: prevYear,
|
|
@@ -157,14 +136,11 @@ function useHandleDateChange(_ref) {
|
|
|
157
136
|
}
|
|
158
137
|
} else if (type === 'right') {
|
|
159
138
|
var _next = day + 1;
|
|
160
|
-
|
|
161
139
|
var _daysInMonth = (0, _getDaysInMonth.default)(year, month - 1);
|
|
162
|
-
|
|
163
140
|
if (_next > _daysInMonth) {
|
|
164
141
|
var _getNextMonth2 = getNextMonth(month, year),
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
142
|
+
_nextMonth = _getNextMonth2.month,
|
|
143
|
+
_nextYear = _getNextMonth2.year;
|
|
168
144
|
triggerOnChange({
|
|
169
145
|
year: _nextYear,
|
|
170
146
|
month: _nextMonth,
|
|
@@ -181,14 +157,11 @@ function useHandleDateChange(_ref) {
|
|
|
181
157
|
}
|
|
182
158
|
} else if (type === 'up') {
|
|
183
159
|
var _prev = day - _constants.daysPerWeek;
|
|
184
|
-
|
|
185
160
|
if (_prev < 1) {
|
|
186
161
|
var _getPrevMonth2 = getPrevMonth(month, year),
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
162
|
+
_prevMonth = _getPrevMonth2.month,
|
|
163
|
+
_prevYear = _getPrevMonth2.year;
|
|
190
164
|
var _prevDay = (0, _getDaysInMonth.default)(_prevYear, _prevMonth - 1) + _prev;
|
|
191
|
-
|
|
192
165
|
triggerOnChange({
|
|
193
166
|
year: _prevYear,
|
|
194
167
|
month: _prevMonth,
|
|
@@ -207,10 +180,9 @@ function useHandleDateChange(_ref) {
|
|
|
207
180
|
}, [triggerOnChange]);
|
|
208
181
|
var handleClickNext = (0, _react.useCallback)(function () {
|
|
209
182
|
var _dateRef$current$getN = _objectSpread(_objectSpread({}, dateRef.current), getNextMonth(dateRef.current.month, dateRef.current.year)),
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
183
|
+
day = _dateRef$current$getN.day,
|
|
184
|
+
month = _dateRef$current$getN.month,
|
|
185
|
+
year = _dateRef$current$getN.year;
|
|
214
186
|
triggerOnChange({
|
|
215
187
|
day: day,
|
|
216
188
|
month: month,
|
|
@@ -220,10 +192,9 @@ function useHandleDateChange(_ref) {
|
|
|
220
192
|
}, [triggerOnChange]);
|
|
221
193
|
var handleClickPrev = (0, _react.useCallback)(function () {
|
|
222
194
|
var _dateRef$current$getP = _objectSpread(_objectSpread({}, dateRef.current), getPrevMonth(dateRef.current.month, dateRef.current.year)),
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
195
|
+
day = _dateRef$current$getP.day,
|
|
196
|
+
month = _dateRef$current$getP.month,
|
|
197
|
+
year = _dateRef$current$getP.year;
|
|
227
198
|
triggerOnChange({
|
|
228
199
|
day: day,
|
|
229
200
|
month: month,
|
|
@@ -1,36 +1,29 @@
|
|
|
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 = useHandleDateSelect;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _react = require("react");
|
|
13
|
-
|
|
14
10
|
var _constants = require("../constants");
|
|
15
|
-
|
|
16
11
|
var _dateToString = _interopRequireDefault(require("../utils/date-to-string"));
|
|
17
|
-
|
|
18
12
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
19
13
|
function useHandleDateSelect(_ref) {
|
|
20
14
|
var _ref$day = (0, _slicedToArray2.default)(_ref.day, 1),
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
15
|
+
dayValue = _ref$day[0],
|
|
16
|
+
_ref$month = (0, _slicedToArray2.default)(_ref.month, 1),
|
|
17
|
+
monthValue = _ref$month[0],
|
|
18
|
+
_ref$year = (0, _slicedToArray2.default)(_ref.year, 1),
|
|
19
|
+
yearValue = _ref$year[0],
|
|
20
|
+
_ref$selected = (0, _slicedToArray2.default)(_ref.selected, 2),
|
|
21
|
+
selectedValue = _ref$selected[0],
|
|
22
|
+
setSelectedValue = _ref$selected[1],
|
|
23
|
+
_ref$previous = (0, _slicedToArray2.default)(_ref.previous, 2),
|
|
24
|
+
setPreviouslySelectedValue = _ref$previous[1],
|
|
25
|
+
onSelect = _ref.onSelect,
|
|
26
|
+
navigate = _ref.navigate;
|
|
34
27
|
var dateRef = (0, _react.useRef)({
|
|
35
28
|
day: dayValue,
|
|
36
29
|
month: monthValue,
|
|
@@ -45,8 +38,8 @@ function useHandleDateSelect(_ref) {
|
|
|
45
38
|
}, [dayValue, monthValue, yearValue]);
|
|
46
39
|
var triggerOnSelect = (0, _react.useCallback)(function (_ref2) {
|
|
47
40
|
var year = _ref2.year,
|
|
48
|
-
|
|
49
|
-
|
|
41
|
+
month = _ref2.month,
|
|
42
|
+
day = _ref2.day;
|
|
50
43
|
var iso = (0, _dateToString.default)({
|
|
51
44
|
year: year,
|
|
52
45
|
month: month,
|
|
@@ -63,8 +56,8 @@ function useHandleDateSelect(_ref) {
|
|
|
63
56
|
}, [onSelect, selectedValue, setPreviouslySelectedValue, setSelectedValue]);
|
|
64
57
|
var handleClickDay = (0, _react.useCallback)(function (_ref3) {
|
|
65
58
|
var year = _ref3.year,
|
|
66
|
-
|
|
67
|
-
|
|
59
|
+
month = _ref3.month,
|
|
60
|
+
day = _ref3.day;
|
|
68
61
|
triggerOnSelect({
|
|
69
62
|
year: year,
|
|
70
63
|
month: month,
|
|
@@ -74,7 +67,6 @@ function useHandleDateSelect(_ref) {
|
|
|
74
67
|
var handleContainerKeyDown = (0, _react.useCallback)(function (e) {
|
|
75
68
|
var key = e.key;
|
|
76
69
|
var arrowKey = _constants.arrowKeys[key];
|
|
77
|
-
|
|
78
70
|
if (key === 'Enter' || key === ' ') {
|
|
79
71
|
e.preventDefault();
|
|
80
72
|
triggerOnSelect(dateRef.current);
|
|
@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = useLocale;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
var _locale = require("@atlaskit/locale");
|
|
11
|
-
|
|
12
9
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
13
10
|
function useLocale(_ref) {
|
|
14
11
|
var locale = _ref.locale,
|
|
15
|
-
|
|
12
|
+
weekStartDay = _ref.weekStartDay;
|
|
16
13
|
var l10n = (0, _react.useMemo)(function () {
|
|
17
14
|
return (0, _locale.createLocalizationProvider)(locale);
|
|
18
15
|
}, [locale]);
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = useUniqueId;
|
|
7
|
-
|
|
8
7
|
var _reactUid = require("react-uid");
|
|
9
|
-
|
|
10
8
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
11
9
|
function useUniqueId(prefix) {
|
|
12
10
|
var seed = (0, _reactUid.useUIDSeed)();
|
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.dateCellStyles = void 0;
|
|
7
|
-
|
|
8
7
|
var _colors = require("@atlaskit/theme/colors");
|
|
9
|
-
|
|
10
8
|
var textColor = {
|
|
11
9
|
light: "var(--ds-text, ".concat(_colors.N900, ")"),
|
|
12
10
|
dark: "var(--ds-text, ".concat(_colors.DN600, ")")
|
|
@@ -32,7 +30,6 @@ var borderColorFocused = {
|
|
|
32
30
|
light: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
|
|
33
31
|
dark: "var(--ds-border-focused, ".concat(_colors.B75, ")")
|
|
34
32
|
};
|
|
35
|
-
|
|
36
33
|
var dateCellStyles = function dateCellStyles() {
|
|
37
34
|
var mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
|
|
38
35
|
return {
|
|
@@ -103,5 +100,4 @@ var dateCellStyles = function dateCellStyles() {
|
|
|
103
100
|
}
|
|
104
101
|
};
|
|
105
102
|
};
|
|
106
|
-
|
|
107
103
|
exports.dateCellStyles = dateCellStyles;
|