@atlaskit/calendar 13.0.2 → 13.0.4
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 +13 -0
- package/dist/cjs/calendar.js +103 -138
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/internal/components/date.js +27 -31
- package/dist/cjs/internal/components/header.js +11 -20
- 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 +4 -10
- 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 +4 -4
- package/dist/es2019/internal/components/date.js +4 -3
- package/dist/es2019/internal/components/header.js +2 -1
- 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 +3 -2
- 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 +103 -114
- package/dist/esm/internal/components/date.js +26 -25
- package/dist/esm/internal/components/header.js +10 -9
- 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 +3 -2
- 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 +4 -4
package/dist/esm/calendar.js
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
-
|
|
5
4
|
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; }
|
|
6
|
-
|
|
7
5
|
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; }
|
|
8
|
-
|
|
9
6
|
/** @jsx jsx */
|
|
10
7
|
import { forwardRef, memo, useMemo } from 'react';
|
|
11
8
|
import { jsx } from '@emotion/react';
|
|
@@ -30,125 +27,118 @@ import useUniqueId from './internal/hooks/use-unique-id';
|
|
|
30
27
|
var analyticsAttributes = {
|
|
31
28
|
componentName: 'calendar',
|
|
32
29
|
packageName: "@atlaskit/calendar",
|
|
33
|
-
packageVersion: "13.0.
|
|
30
|
+
packageVersion: "13.0.4"
|
|
34
31
|
};
|
|
35
32
|
var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
|
|
36
33
|
var day = _ref.day,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
34
|
+
_ref$defaultDay = _ref.defaultDay,
|
|
35
|
+
defaultDay = _ref$defaultDay === void 0 ? 0 : _ref$defaultDay,
|
|
36
|
+
_ref$defaultMonth = _ref.defaultMonth,
|
|
37
|
+
defaultMonth = _ref$defaultMonth === void 0 ? 0 : _ref$defaultMonth,
|
|
38
|
+
_ref$defaultPreviousl = _ref.defaultPreviouslySelected,
|
|
39
|
+
defaultPreviouslySelected = _ref$defaultPreviousl === void 0 ? blankStringArray : _ref$defaultPreviousl,
|
|
40
|
+
_ref$defaultSelected = _ref.defaultSelected,
|
|
41
|
+
defaultSelected = _ref$defaultSelected === void 0 ? blankStringArray : _ref$defaultSelected,
|
|
42
|
+
_ref$defaultYear = _ref.defaultYear,
|
|
43
|
+
defaultYear = _ref$defaultYear === void 0 ? 0 : _ref$defaultYear,
|
|
44
|
+
disabled = _ref.disabled,
|
|
45
|
+
disabledDateFilter = _ref.disabledDateFilter,
|
|
46
|
+
minDate = _ref.minDate,
|
|
47
|
+
maxDate = _ref.maxDate,
|
|
48
|
+
month = _ref.month,
|
|
49
|
+
nextMonthLabel = _ref.nextMonthLabel,
|
|
50
|
+
_ref$onBlur = _ref.onBlur,
|
|
51
|
+
onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
|
|
52
|
+
_ref$onChange = _ref.onChange,
|
|
53
|
+
onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
|
|
54
|
+
_ref$onFocus = _ref.onFocus,
|
|
55
|
+
onFocus = _ref$onFocus === void 0 ? noop : _ref$onFocus,
|
|
56
|
+
_ref$onSelect = _ref.onSelect,
|
|
57
|
+
onSelect = _ref$onSelect === void 0 ? noop : _ref$onSelect,
|
|
58
|
+
previouslySelected = _ref.previouslySelected,
|
|
59
|
+
previousMonthLabel = _ref.previousMonthLabel,
|
|
60
|
+
selected = _ref.selected,
|
|
61
|
+
today = _ref.today,
|
|
62
|
+
_ref$locale = _ref.locale,
|
|
63
|
+
locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
|
|
64
|
+
year = _ref.year,
|
|
65
|
+
analyticsContext = _ref.analyticsContext,
|
|
66
|
+
_ref$weekStartDay = _ref.weekStartDay,
|
|
67
|
+
weekStartDay = _ref$weekStartDay === void 0 ? 0 : _ref$weekStartDay,
|
|
68
|
+
testId = _ref.testId,
|
|
69
|
+
calendarRef = _ref.calendarRef,
|
|
70
|
+
_ref$mode = _ref.mode,
|
|
71
|
+
mode = _ref$mode === void 0 ? 'light' : _ref$mode,
|
|
72
|
+
className = _ref.className,
|
|
73
|
+
style = _ref.style,
|
|
74
|
+
_ref$tabIndex = _ref.tabIndex,
|
|
75
|
+
tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
|
|
80
76
|
var _useControlledDateSta = useControlledDateState({
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
77
|
+
day: day,
|
|
78
|
+
defaultDay: defaultDay,
|
|
79
|
+
month: month,
|
|
80
|
+
defaultMonth: defaultMonth,
|
|
81
|
+
year: year,
|
|
82
|
+
defaultYear: defaultYear,
|
|
83
|
+
today: today,
|
|
84
|
+
selected: selected,
|
|
85
|
+
defaultSelected: defaultSelected,
|
|
86
|
+
previouslySelected: previouslySelected,
|
|
87
|
+
defaultPreviouslySelected: defaultPreviouslySelected
|
|
88
|
+
}),
|
|
89
|
+
_useControlledDateSta2 = _slicedToArray(_useControlledDateSta.day, 2),
|
|
90
|
+
dayValue = _useControlledDateSta2[0],
|
|
91
|
+
setDayValue = _useControlledDateSta2[1],
|
|
92
|
+
_useControlledDateSta3 = _slicedToArray(_useControlledDateSta.month, 2),
|
|
93
|
+
monthValue = _useControlledDateSta3[0],
|
|
94
|
+
setMonthValue = _useControlledDateSta3[1],
|
|
95
|
+
_useControlledDateSta4 = _slicedToArray(_useControlledDateSta.year, 2),
|
|
96
|
+
yearValue = _useControlledDateSta4[0],
|
|
97
|
+
setYearValue = _useControlledDateSta4[1],
|
|
98
|
+
_useControlledDateSta5 = _slicedToArray(_useControlledDateSta.today, 1),
|
|
99
|
+
todayValue = _useControlledDateSta5[0],
|
|
100
|
+
_useControlledDateSta6 = _slicedToArray(_useControlledDateSta.selected, 2),
|
|
101
|
+
selectedValue = _useControlledDateSta6[0],
|
|
102
|
+
setSelectedValue = _useControlledDateSta6[1],
|
|
103
|
+
_useControlledDateSta7 = _slicedToArray(_useControlledDateSta.previous, 2),
|
|
104
|
+
previouslySelectedValue = _useControlledDateSta7[0],
|
|
105
|
+
setPreviouslySelectedValue = _useControlledDateSta7[1];
|
|
111
106
|
var onChangeWithAnalytics = usePlatformLeafEventHandler(_objectSpread({
|
|
112
107
|
fn: onChange,
|
|
113
108
|
action: 'changed',
|
|
114
109
|
analyticsData: analyticsContext
|
|
115
110
|
}, analyticsAttributes));
|
|
116
|
-
|
|
117
111
|
var _useHandleDateChange = useHandleDateChange({
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
112
|
+
day: [dayValue, setDayValue],
|
|
113
|
+
month: [monthValue, setMonthValue],
|
|
114
|
+
year: [yearValue, setYearValue],
|
|
115
|
+
onChange: onChangeWithAnalytics
|
|
116
|
+
}),
|
|
117
|
+
navigate = _useHandleDateChange.navigate,
|
|
118
|
+
handleClickNext = _useHandleDateChange.handleClickNext,
|
|
119
|
+
handleClickPrev = _useHandleDateChange.handleClickPrev;
|
|
127
120
|
var onSelectWithAnalytics = usePlatformLeafEventHandler(_objectSpread({
|
|
128
121
|
fn: onSelect,
|
|
129
122
|
action: 'selected',
|
|
130
123
|
analyticsData: analyticsContext
|
|
131
124
|
}, analyticsAttributes));
|
|
132
|
-
|
|
133
125
|
var _useHandleDateSelect = useHandleDateSelect({
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
126
|
+
day: [dayValue, setDayValue],
|
|
127
|
+
month: [monthValue, setMonthValue],
|
|
128
|
+
year: [yearValue, setYearValue],
|
|
129
|
+
selected: [selectedValue, setSelectedValue],
|
|
130
|
+
previous: [, setPreviouslySelectedValue],
|
|
131
|
+
onSelect: onSelectWithAnalytics,
|
|
132
|
+
navigate: navigate
|
|
133
|
+
}),
|
|
134
|
+
handleClickDay = _useHandleDateSelect.handleClickDay,
|
|
135
|
+
handleContainerKeyDown = _useHandleDateSelect.handleContainerKeyDown;
|
|
145
136
|
var _useFocusing = useFocusing({
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
137
|
+
onFocus: onFocus,
|
|
138
|
+
onBlur: onBlur
|
|
139
|
+
}),
|
|
140
|
+
handleContainerBlur = _useFocusing.handleContainerBlur,
|
|
141
|
+
handleContainerFocus = _useFocusing.handleContainerFocus;
|
|
152
142
|
useCalendarRef(calendarRef, {
|
|
153
143
|
navigate: navigate
|
|
154
144
|
});
|
|
@@ -169,14 +159,12 @@ var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
|
|
|
169
159
|
var announcerDate = useMemo(function () {
|
|
170
160
|
return new Date(yearValue, monthValue - 1, dayValue).toString();
|
|
171
161
|
}, [dayValue, monthValue, yearValue]);
|
|
172
|
-
|
|
173
162
|
var _useLocale = useLocale({
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
163
|
+
locale: locale,
|
|
164
|
+
weekStartDay: weekStartDay
|
|
165
|
+
}),
|
|
166
|
+
monthsLong = _useLocale.monthsLong,
|
|
167
|
+
daysShort = _useLocale.daysShort;
|
|
180
168
|
return jsx(Box, {
|
|
181
169
|
className: className,
|
|
182
170
|
UNSAFE_style: style,
|
|
@@ -203,7 +191,8 @@ var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
|
|
|
203
191
|
tabIndex: tabIndex
|
|
204
192
|
}, jsx(Stack, {
|
|
205
193
|
gap: "space.150"
|
|
206
|
-
}, jsx(Header
|
|
194
|
+
}, jsx(Header
|
|
195
|
+
// The month number needs to be translated to index in the month
|
|
207
196
|
// name array e.g. 1 (January) -> 0
|
|
208
197
|
, {
|
|
209
198
|
monthLongTitle: monthsLong[monthValue - 1],
|
|
@@ -227,6 +216,7 @@ var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
|
|
|
227
216
|
testId: testId
|
|
228
217
|
})))));
|
|
229
218
|
});
|
|
219
|
+
|
|
230
220
|
/**
|
|
231
221
|
* __Calendar__
|
|
232
222
|
*
|
|
@@ -236,7 +226,6 @@ var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
|
|
|
236
226
|
* - [Code](https://atlassian.design/components/calendar/code)
|
|
237
227
|
* - [Usage](https://atlassian.design/components/calendar/usage)
|
|
238
228
|
*/
|
|
239
|
-
|
|
240
229
|
var Calendar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Calendar(props, ref) {
|
|
241
230
|
return jsx(GlobalTheme.Consumer, null, function (_ref2) {
|
|
242
231
|
var mode = _ref2.mode;
|
|
@@ -5,24 +5,24 @@ import noop from '@atlaskit/ds-lib/noop';
|
|
|
5
5
|
import { dateCellStyles as getDateCellStyles } from '../styles/date';
|
|
6
6
|
var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref, ref) {
|
|
7
7
|
var day = _ref.children,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
8
|
+
_ref$isDisabled = _ref.isDisabled,
|
|
9
|
+
isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
|
|
10
|
+
_ref$isFocused = _ref.isFocused,
|
|
11
|
+
isFocused = _ref$isFocused === void 0 ? false : _ref$isFocused,
|
|
12
|
+
_ref$isToday = _ref.isToday,
|
|
13
|
+
isToday = _ref$isToday === void 0 ? false : _ref$isToday,
|
|
14
|
+
month = _ref.month,
|
|
15
|
+
_ref$onClick = _ref.onClick,
|
|
16
|
+
onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
|
|
17
|
+
_ref$isPreviouslySele = _ref.isPreviouslySelected,
|
|
18
|
+
isPreviouslySelected = _ref$isPreviouslySele === void 0 ? false : _ref$isPreviouslySele,
|
|
19
|
+
_ref$isSelected = _ref.isSelected,
|
|
20
|
+
isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
|
|
21
|
+
_ref$isSibling = _ref.isSibling,
|
|
22
|
+
isSibling = _ref$isSibling === void 0 ? false : _ref$isSibling,
|
|
23
|
+
year = _ref.year,
|
|
24
|
+
mode = _ref.mode,
|
|
25
|
+
testId = _ref.testId;
|
|
26
26
|
var dateRef = useRef({
|
|
27
27
|
day: day,
|
|
28
28
|
month: month,
|
|
@@ -39,11 +39,10 @@ var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref, ref) {
|
|
|
39
39
|
}, [day, month, year, isDisabled]);
|
|
40
40
|
var handleClick = useCallback(function () {
|
|
41
41
|
var _dateRef$current = dateRef.current,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
dayValue = _dateRef$current.day,
|
|
43
|
+
monthValue = _dateRef$current.month,
|
|
44
|
+
yearValue = _dateRef$current.year,
|
|
45
|
+
isDisabledValue = _dateRef$current.isDisabled;
|
|
47
46
|
if (!isDisabledValue) {
|
|
48
47
|
onClick({
|
|
49
48
|
day: dayValue,
|
|
@@ -55,7 +54,8 @@ var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref, ref) {
|
|
|
55
54
|
var dateCellStyles = useMemo(function () {
|
|
56
55
|
return css(getDateCellStyles(mode));
|
|
57
56
|
}, [mode]);
|
|
58
|
-
return (
|
|
57
|
+
return (
|
|
58
|
+
// eslint-disable-next-line @repo/internal/react/use-primitives
|
|
59
59
|
jsx("button", {
|
|
60
60
|
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
|
|
61
61
|
css: dateCellStyles,
|
|
@@ -75,6 +75,7 @@ var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref, ref) {
|
|
|
75
75
|
}, day)
|
|
76
76
|
);
|
|
77
77
|
}));
|
|
78
|
-
Date.displayName = 'Date';
|
|
78
|
+
Date.displayName = 'Date';
|
|
79
79
|
|
|
80
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
80
81
|
export default Date;
|
|
@@ -10,14 +10,14 @@ import ArrowrightIcon from '@atlaskit/icon/glyph/chevron-right-large';
|
|
|
10
10
|
import { N70 } from '@atlaskit/theme/colors';
|
|
11
11
|
var Header = /*#__PURE__*/memo(function Header(_ref) {
|
|
12
12
|
var monthLongTitle = _ref.monthLongTitle,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
13
|
+
year = _ref.year,
|
|
14
|
+
_ref$previousMonthLab = _ref.previousMonthLabel,
|
|
15
|
+
previousMonthLabel = _ref$previousMonthLab === void 0 ? 'Last month' : _ref$previousMonthLab,
|
|
16
|
+
_ref$nextMonthLabel = _ref.nextMonthLabel,
|
|
17
|
+
nextMonthLabel = _ref$nextMonthLabel === void 0 ? 'Next month' : _ref$nextMonthLabel,
|
|
18
|
+
handleClickPrev = _ref.handleClickPrev,
|
|
19
|
+
handleClickNext = _ref.handleClickNext,
|
|
20
|
+
testId = _ref.testId;
|
|
21
21
|
return jsx(Box, {
|
|
22
22
|
display: "block",
|
|
23
23
|
paddingInline: "space.100",
|
|
@@ -56,6 +56,7 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
|
|
|
56
56
|
})
|
|
57
57
|
})));
|
|
58
58
|
});
|
|
59
|
-
Header.displayName = 'Header';
|
|
59
|
+
Header.displayName = 'Header';
|
|
60
60
|
|
|
61
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
61
62
|
export default Header;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
|
+
|
|
2
3
|
import { css, jsx } from '@emotion/react';
|
|
3
4
|
var gridStyles = css({
|
|
4
5
|
display: 'grid',
|
|
5
6
|
gridTemplateColumns: 'repeat(7, minmax(max-content, 1fr))'
|
|
6
7
|
});
|
|
7
|
-
|
|
8
8
|
/**
|
|
9
9
|
* __Week day grid__
|
|
10
10
|
*
|
|
@@ -13,13 +13,13 @@ var gridStyles = css({
|
|
|
13
13
|
*/
|
|
14
14
|
var WeekDayGrid = function WeekDayGrid(_ref) {
|
|
15
15
|
var testId = _ref.testId,
|
|
16
|
-
|
|
17
|
-
return (
|
|
16
|
+
children = _ref.children;
|
|
17
|
+
return (
|
|
18
|
+
// eslint-disable-next-line @repo/internal/react/use-primitives
|
|
18
19
|
jsx("div", {
|
|
19
20
|
"data-testid": testId,
|
|
20
21
|
css: gridStyles
|
|
21
22
|
}, children)
|
|
22
23
|
);
|
|
23
24
|
};
|
|
24
|
-
|
|
25
25
|
export default WeekDayGrid;
|
|
@@ -5,9 +5,9 @@ import DateComponent from './date';
|
|
|
5
5
|
import WeekdayGrid from './week-day-grid';
|
|
6
6
|
var WeekDays = /*#__PURE__*/memo(function WeekDays(_ref) {
|
|
7
7
|
var weeks = _ref.weeks,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
handleClickDay = _ref.handleClickDay,
|
|
9
|
+
mode = _ref.mode,
|
|
10
|
+
testId = _ref.testId;
|
|
11
11
|
return jsx(WeekdayGrid, {
|
|
12
12
|
role: "grid",
|
|
13
13
|
testId: testId && "".concat(testId, "--month")
|
|
@@ -30,6 +30,7 @@ var WeekDays = /*#__PURE__*/memo(function WeekDays(_ref) {
|
|
|
30
30
|
});
|
|
31
31
|
}));
|
|
32
32
|
});
|
|
33
|
-
WeekDays.displayName = 'WeekDays';
|
|
33
|
+
WeekDays.displayName = 'WeekDays';
|
|
34
34
|
|
|
35
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
35
36
|
export default WeekDays;
|
|
@@ -19,8 +19,8 @@ var WeekHeader = /*#__PURE__*/memo(function WeekHeader(_ref) {
|
|
|
19
19
|
textAlign: 'center',
|
|
20
20
|
lineHeight: '16px',
|
|
21
21
|
color: "var(--ds-text-subtle, ".concat(N200, ")") // Apply correct fallback to shortDay text
|
|
22
|
-
|
|
23
22
|
},
|
|
23
|
+
|
|
24
24
|
key: shortDay
|
|
25
25
|
}, jsx(Text, {
|
|
26
26
|
fontWeight: "bold",
|
|
@@ -30,6 +30,7 @@ var WeekHeader = /*#__PURE__*/memo(function WeekHeader(_ref) {
|
|
|
30
30
|
}, shortDay));
|
|
31
31
|
}));
|
|
32
32
|
});
|
|
33
|
-
WeekHeader.displayName = 'WeekHeader';
|
|
33
|
+
WeekHeader.displayName = 'WeekHeader';
|
|
34
34
|
|
|
35
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
35
36
|
export default WeekHeader;
|
|
@@ -1,78 +1,71 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import useControlled from '@atlaskit/ds-lib/use-controlled';
|
|
3
3
|
import useLazyRef from '@atlaskit/ds-lib/use-lazy-ref';
|
|
4
|
-
import pad from '../utils/pad';
|
|
4
|
+
import pad from '../utils/pad';
|
|
5
5
|
|
|
6
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
6
7
|
export default function useControlledDateState(_ref) {
|
|
7
8
|
var day = _ref.day,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
defaultDay = _ref.defaultDay,
|
|
10
|
+
month = _ref.month,
|
|
11
|
+
defaultMonth = _ref.defaultMonth,
|
|
12
|
+
year = _ref.year,
|
|
13
|
+
defaultYear = _ref.defaultYear,
|
|
14
|
+
today = _ref.today,
|
|
15
|
+
selected = _ref.selected,
|
|
16
|
+
defaultSelected = _ref.defaultSelected,
|
|
17
|
+
previouslySelected = _ref.previouslySelected,
|
|
18
|
+
defaultPreviouslySelected = _ref.defaultPreviouslySelected;
|
|
19
19
|
var _useLazyRef = useLazyRef(function () {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
20
|
+
var now = new Date();
|
|
21
|
+
var thisDay = now.getDate();
|
|
22
|
+
var thisMonth = now.getMonth() + 1;
|
|
23
|
+
var thisYear = now.getFullYear();
|
|
24
|
+
return {
|
|
25
|
+
thisDay: thisDay,
|
|
26
|
+
thisMonth: thisMonth,
|
|
27
|
+
thisYear: thisYear
|
|
28
|
+
};
|
|
29
|
+
}),
|
|
30
|
+
_useLazyRef$current = _useLazyRef.current,
|
|
31
|
+
thisDay = _useLazyRef$current.thisDay,
|
|
32
|
+
thisMonth = _useLazyRef$current.thisMonth,
|
|
33
|
+
thisYear = _useLazyRef$current.thisYear;
|
|
35
34
|
var _useControlled = useControlled(day, function () {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
35
|
+
return defaultDay || thisDay;
|
|
36
|
+
}),
|
|
37
|
+
_useControlled2 = _slicedToArray(_useControlled, 2),
|
|
38
|
+
dayValue = _useControlled2[0],
|
|
39
|
+
setDayValue = _useControlled2[1];
|
|
42
40
|
var _useControlled3 = useControlled(month, function () {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
41
|
+
return defaultMonth || thisMonth;
|
|
42
|
+
}),
|
|
43
|
+
_useControlled4 = _slicedToArray(_useControlled3, 2),
|
|
44
|
+
monthValue = _useControlled4[0],
|
|
45
|
+
setMonthValue = _useControlled4[1];
|
|
49
46
|
var _useControlled5 = useControlled(year, function () {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
47
|
+
return defaultYear || thisYear;
|
|
48
|
+
}),
|
|
49
|
+
_useControlled6 = _slicedToArray(_useControlled5, 2),
|
|
50
|
+
yearValue = _useControlled6[0],
|
|
51
|
+
setYearValue = _useControlled6[1];
|
|
56
52
|
var _useControlled7 = useControlled(today, function () {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
53
|
+
return today || "".concat(thisYear, "-").concat(pad(thisMonth), "-").concat(pad(thisDay));
|
|
54
|
+
}),
|
|
55
|
+
_useControlled8 = _slicedToArray(_useControlled7, 1),
|
|
56
|
+
todayValue = _useControlled8[0];
|
|
62
57
|
var _useControlled9 = useControlled(selected, function () {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
58
|
+
return defaultSelected;
|
|
59
|
+
}),
|
|
60
|
+
_useControlled10 = _slicedToArray(_useControlled9, 2),
|
|
61
|
+
selectedValue = _useControlled10[0],
|
|
62
|
+
setSelectedValue = _useControlled10[1];
|
|
69
63
|
var _useControlled11 = useControlled(previouslySelected, function () {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
64
|
+
return defaultPreviouslySelected;
|
|
65
|
+
}),
|
|
66
|
+
_useControlled12 = _slicedToArray(_useControlled11, 2),
|
|
67
|
+
previouslySelectedValue = _useControlled12[0],
|
|
68
|
+
setPreviouslySelectedValue = _useControlled12[1];
|
|
76
69
|
return {
|
|
77
70
|
day: [dayValue, setDayValue],
|
|
78
71
|
month: [monthValue, setMonthValue],
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { useCallback } from 'react';
|
|
1
|
+
import { useCallback } from 'react';
|
|
2
2
|
|
|
3
|
+
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
3
4
|
export default function useFocusing(_ref) {
|
|
4
5
|
var onBlur = _ref.onBlur,
|
|
5
|
-
|
|
6
|
+
onFocus = _ref.onFocus;
|
|
6
7
|
var handleContainerBlur = useCallback(function (event) {
|
|
7
8
|
onBlur(event);
|
|
8
9
|
}, [onBlur]);
|