@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.
Files changed (52) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/calendar.js +105 -140
  3. package/dist/cjs/index.js +0 -2
  4. package/dist/cjs/internal/components/date.js +27 -31
  5. package/dist/cjs/internal/components/header.js +13 -22
  6. package/dist/cjs/internal/components/week-day-grid.js +4 -6
  7. package/dist/cjs/internal/components/week-days.js +6 -10
  8. package/dist/cjs/internal/components/week-header.js +7 -13
  9. package/dist/cjs/internal/hooks/use-calendar-ref.js +0 -2
  10. package/dist/cjs/internal/hooks/use-controlled-date-state.js +53 -67
  11. package/dist/cjs/internal/hooks/use-focusing.js +1 -3
  12. package/dist/cjs/internal/hooks/use-get-weeks.js +16 -30
  13. package/dist/cjs/internal/hooks/use-handle-date-change.js +31 -60
  14. package/dist/cjs/internal/hooks/use-handle-date-select.js +16 -24
  15. package/dist/cjs/internal/hooks/use-locale.js +1 -4
  16. package/dist/cjs/internal/hooks/use-unique-id.js +0 -2
  17. package/dist/cjs/internal/styles/date.js +0 -4
  18. package/dist/cjs/internal/utils/date-to-string.js +0 -3
  19. package/dist/cjs/internal/utils/get-base-calendar.js +5 -18
  20. package/dist/cjs/internal/utils/get-days-in-month.js +0 -1
  21. package/dist/cjs/internal/utils/pad.js +0 -1
  22. package/dist/cjs/version.json +1 -1
  23. package/dist/es2019/calendar.js +6 -6
  24. package/dist/es2019/internal/components/date.js +4 -3
  25. package/dist/es2019/internal/components/header.js +4 -3
  26. package/dist/es2019/internal/components/week-day-grid.js +3 -3
  27. package/dist/es2019/internal/components/week-days.js +2 -1
  28. package/dist/es2019/internal/components/week-header.js +6 -5
  29. package/dist/es2019/internal/hooks/use-controlled-date-state.js +2 -1
  30. package/dist/es2019/internal/hooks/use-focusing.js +2 -1
  31. package/dist/es2019/internal/hooks/use-get-weeks.js +8 -10
  32. package/dist/es2019/internal/hooks/use-handle-date-change.js +6 -15
  33. package/dist/es2019/internal/hooks/use-handle-date-select.js +2 -2
  34. package/dist/es2019/internal/hooks/use-unique-id.js +2 -1
  35. package/dist/es2019/internal/utils/get-base-calendar.js +1 -9
  36. package/dist/es2019/version.json +1 -1
  37. package/dist/esm/calendar.js +105 -116
  38. package/dist/esm/internal/components/date.js +26 -25
  39. package/dist/esm/internal/components/header.js +12 -11
  40. package/dist/esm/internal/components/week-day-grid.js +4 -4
  41. package/dist/esm/internal/components/week-days.js +5 -4
  42. package/dist/esm/internal/components/week-header.js +6 -5
  43. package/dist/esm/internal/hooks/use-controlled-date-state.js +55 -62
  44. package/dist/esm/internal/hooks/use-focusing.js +3 -2
  45. package/dist/esm/internal/hooks/use-get-weeks.js +18 -24
  46. package/dist/esm/internal/hooks/use-handle-date-change.js +31 -54
  47. package/dist/esm/internal/hooks/use-handle-date-select.js +18 -19
  48. package/dist/esm/internal/hooks/use-locale.js +1 -1
  49. package/dist/esm/internal/hooks/use-unique-id.js +2 -1
  50. package/dist/esm/internal/utils/get-base-calendar.js +5 -14
  51. package/dist/esm/version.json +1 -1
  52. package/package.json +3 -3
@@ -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.1"
30
+ packageVersion: "13.0.3"
34
31
  };
35
32
  var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
36
33
  var day = _ref.day,
37
- _ref$defaultDay = _ref.defaultDay,
38
- defaultDay = _ref$defaultDay === void 0 ? 0 : _ref$defaultDay,
39
- _ref$defaultMonth = _ref.defaultMonth,
40
- defaultMonth = _ref$defaultMonth === void 0 ? 0 : _ref$defaultMonth,
41
- _ref$defaultPreviousl = _ref.defaultPreviouslySelected,
42
- defaultPreviouslySelected = _ref$defaultPreviousl === void 0 ? blankStringArray : _ref$defaultPreviousl,
43
- _ref$defaultSelected = _ref.defaultSelected,
44
- defaultSelected = _ref$defaultSelected === void 0 ? blankStringArray : _ref$defaultSelected,
45
- _ref$defaultYear = _ref.defaultYear,
46
- defaultYear = _ref$defaultYear === void 0 ? 0 : _ref$defaultYear,
47
- disabled = _ref.disabled,
48
- disabledDateFilter = _ref.disabledDateFilter,
49
- minDate = _ref.minDate,
50
- maxDate = _ref.maxDate,
51
- month = _ref.month,
52
- nextMonthLabel = _ref.nextMonthLabel,
53
- _ref$onBlur = _ref.onBlur,
54
- onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
55
- _ref$onChange = _ref.onChange,
56
- onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
57
- _ref$onFocus = _ref.onFocus,
58
- onFocus = _ref$onFocus === void 0 ? noop : _ref$onFocus,
59
- _ref$onSelect = _ref.onSelect,
60
- onSelect = _ref$onSelect === void 0 ? noop : _ref$onSelect,
61
- previouslySelected = _ref.previouslySelected,
62
- previousMonthLabel = _ref.previousMonthLabel,
63
- selected = _ref.selected,
64
- today = _ref.today,
65
- _ref$locale = _ref.locale,
66
- locale = _ref$locale === void 0 ? 'en-US' : _ref$locale,
67
- year = _ref.year,
68
- analyticsContext = _ref.analyticsContext,
69
- _ref$weekStartDay = _ref.weekStartDay,
70
- weekStartDay = _ref$weekStartDay === void 0 ? 0 : _ref$weekStartDay,
71
- testId = _ref.testId,
72
- calendarRef = _ref.calendarRef,
73
- _ref$mode = _ref.mode,
74
- mode = _ref$mode === void 0 ? 'light' : _ref$mode,
75
- className = _ref.className,
76
- style = _ref.style,
77
- _ref$tabIndex = _ref.tabIndex,
78
- tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
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
- day: day,
82
- defaultDay: defaultDay,
83
- month: month,
84
- defaultMonth: defaultMonth,
85
- year: year,
86
- defaultYear: defaultYear,
87
- today: today,
88
- selected: selected,
89
- defaultSelected: defaultSelected,
90
- previouslySelected: previouslySelected,
91
- defaultPreviouslySelected: defaultPreviouslySelected
92
- }),
93
- _useControlledDateSta2 = _slicedToArray(_useControlledDateSta.day, 2),
94
- dayValue = _useControlledDateSta2[0],
95
- setDayValue = _useControlledDateSta2[1],
96
- _useControlledDateSta3 = _slicedToArray(_useControlledDateSta.month, 2),
97
- monthValue = _useControlledDateSta3[0],
98
- setMonthValue = _useControlledDateSta3[1],
99
- _useControlledDateSta4 = _slicedToArray(_useControlledDateSta.year, 2),
100
- yearValue = _useControlledDateSta4[0],
101
- setYearValue = _useControlledDateSta4[1],
102
- _useControlledDateSta5 = _slicedToArray(_useControlledDateSta.today, 1),
103
- todayValue = _useControlledDateSta5[0],
104
- _useControlledDateSta6 = _slicedToArray(_useControlledDateSta.selected, 2),
105
- selectedValue = _useControlledDateSta6[0],
106
- setSelectedValue = _useControlledDateSta6[1],
107
- _useControlledDateSta7 = _slicedToArray(_useControlledDateSta.previous, 2),
108
- previouslySelectedValue = _useControlledDateSta7[0],
109
- setPreviouslySelectedValue = _useControlledDateSta7[1];
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
- day: [dayValue, setDayValue],
119
- month: [monthValue, setMonthValue],
120
- year: [yearValue, setYearValue],
121
- onChange: onChangeWithAnalytics
122
- }),
123
- navigate = _useHandleDateChange.navigate,
124
- handleClickNext = _useHandleDateChange.handleClickNext,
125
- handleClickPrev = _useHandleDateChange.handleClickPrev;
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
- day: [dayValue, setDayValue],
135
- month: [monthValue, setMonthValue],
136
- year: [yearValue, setYearValue],
137
- selected: [selectedValue, setSelectedValue],
138
- previous: [, setPreviouslySelectedValue],
139
- onSelect: onSelectWithAnalytics,
140
- navigate: navigate
141
- }),
142
- handleClickDay = _useHandleDateSelect.handleClickDay,
143
- handleContainerKeyDown = _useHandleDateSelect.handleContainerKeyDown;
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
- onFocus: onFocus,
147
- onBlur: onBlur
148
- }),
149
- handleContainerBlur = _useFocusing.handleContainerBlur,
150
- handleContainerFocus = _useFocusing.handleContainerFocus;
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
- locale: locale,
175
- weekStartDay: weekStartDay
176
- }),
177
- monthsLong = _useLocale.monthsLong,
178
- daysShort = _useLocale.daysShort;
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,
@@ -193,7 +181,7 @@ var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
193
181
  "aria-relevant": "text"
194
182
  }, announcerDate)), jsx(Box, {
195
183
  display: "inlineBlock",
196
- padding: "scale.200",
184
+ padding: "space.200",
197
185
  UNSAFE_style: {
198
186
  userSelect: 'none'
199
187
  },
@@ -202,8 +190,9 @@ var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
202
190
  role: "grid",
203
191
  tabIndex: tabIndex
204
192
  }, jsx(Stack, {
205
- gap: "scale.150"
206
- }, jsx(Header // The month number needs to be translated to index in the month
193
+ gap: "space.150"
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
- _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;
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
- dayValue = _dateRef$current.day,
43
- monthValue = _dateRef$current.month,
44
- yearValue = _dateRef$current.year,
45
- isDisabledValue = _dateRef$current.isDisabled;
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 (// eslint-disable-next-line @repo/internal/react/use-primitives
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'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
78
+ Date.displayName = 'Date';
79
79
 
80
+ // eslint-disable-next-line @repo/internal/react/require-jsdoc
80
81
  export default Date;
@@ -10,20 +10,20 @@ 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
- 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;
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
- paddingInline: "scale.100",
23
+ paddingInline: "space.100",
24
24
  "aria-hidden": "true"
25
25
  }, jsx(Inline, {
26
- gap: "scale.0",
26
+ gap: "space.0",
27
27
  alignItems: "center",
28
28
  justifyContent: "space-between"
29
29
  }, jsx(Button, {
@@ -56,6 +56,7 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
56
56
  })
57
57
  })));
58
58
  });
59
- Header.displayName = 'Header'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
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
- children = _ref.children;
17
- return (// eslint-disable-next-line @repo/internal/react/use-primitives
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
- handleClickDay = _ref.handleClickDay,
9
- mode = _ref.mode,
10
- testId = _ref.testId;
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'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
33
+ WeekDays.displayName = 'WeekDays';
34
34
 
35
+ // eslint-disable-next-line @repo/internal/react/require-jsdoc
35
36
  export default WeekDays;
@@ -9,7 +9,7 @@ var WeekHeader = /*#__PURE__*/memo(function WeekHeader(_ref) {
9
9
  var daysShort = _ref.daysShort;
10
10
  return jsx(WeekDayGrid, null, daysShort.map(function (shortDay) {
11
11
  return jsx(Box, {
12
- padding: "scale.100",
12
+ padding: "space.100",
13
13
  display: "block",
14
14
  UNSAFE_style: {
15
15
  minWidth: 40,
@@ -19,17 +19,18 @@ 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
- fontWeight: "700",
27
- fontSize: "11px",
26
+ fontWeight: "bold",
27
+ fontSize: "size.050",
28
28
  verticalAlign: "middle",
29
29
  textTransform: "uppercase"
30
30
  }, shortDay));
31
31
  }));
32
32
  });
33
- WeekHeader.displayName = 'WeekHeader'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
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'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
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
- defaultDay = _ref.defaultDay,
9
- month = _ref.month,
10
- defaultMonth = _ref.defaultMonth,
11
- year = _ref.year,
12
- defaultYear = _ref.defaultYear,
13
- today = _ref.today,
14
- selected = _ref.selected,
15
- defaultSelected = _ref.defaultSelected,
16
- previouslySelected = _ref.previouslySelected,
17
- defaultPreviouslySelected = _ref.defaultPreviouslySelected;
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
- 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;
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
- return defaultDay || thisDay;
37
- }),
38
- _useControlled2 = _slicedToArray(_useControlled, 2),
39
- dayValue = _useControlled2[0],
40
- setDayValue = _useControlled2[1];
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
- return defaultMonth || thisMonth;
44
- }),
45
- _useControlled4 = _slicedToArray(_useControlled3, 2),
46
- monthValue = _useControlled4[0],
47
- setMonthValue = _useControlled4[1];
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
- return defaultYear || thisYear;
51
- }),
52
- _useControlled6 = _slicedToArray(_useControlled5, 2),
53
- yearValue = _useControlled6[0],
54
- setYearValue = _useControlled6[1];
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
- return today || "".concat(thisYear, "-").concat(pad(thisMonth), "-").concat(pad(thisDay));
58
- }),
59
- _useControlled8 = _slicedToArray(_useControlled7, 1),
60
- todayValue = _useControlled8[0];
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
- return defaultSelected;
64
- }),
65
- _useControlled10 = _slicedToArray(_useControlled9, 2),
66
- selectedValue = _useControlled10[0],
67
- setSelectedValue = _useControlled10[1];
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
- return defaultPreviouslySelected;
71
- }),
72
- _useControlled12 = _slicedToArray(_useControlled11, 2),
73
- previouslySelectedValue = _useControlled12[0],
74
- setPreviouslySelectedValue = _useControlled12[1];
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'; // eslint-disable-next-line @repo/internal/react/require-jsdoc
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
- onFocus = _ref.onFocus;
6
+ onFocus = _ref.onFocus;
6
7
  var handleContainerBlur = useCallback(function (event) {
7
8
  onBlur(event);
8
9
  }, [onBlur]);