@atlaskit/calendar 14.0.2 → 14.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 (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/calendar.js +11 -12
  3. package/dist/cjs/internal/components/date.js +4 -2
  4. package/dist/cjs/internal/components/header.js +11 -8
  5. package/dist/cjs/internal/components/week-day-grid.js +5 -2
  6. package/dist/cjs/internal/components/week-days.js +6 -3
  7. package/dist/cjs/internal/components/week-header.js +6 -5
  8. package/dist/es2019/calendar.js +11 -11
  9. package/dist/es2019/internal/components/date.js +4 -3
  10. package/dist/es2019/internal/components/header.js +10 -8
  11. package/dist/es2019/internal/components/week-day-grid.js +5 -2
  12. package/dist/es2019/internal/components/week-days.js +5 -3
  13. package/dist/es2019/internal/components/week-header.js +5 -5
  14. package/dist/esm/calendar.js +11 -11
  15. package/dist/esm/internal/components/date.js +4 -3
  16. package/dist/esm/internal/components/header.js +10 -8
  17. package/dist/esm/internal/components/week-day-grid.js +5 -2
  18. package/dist/esm/internal/components/week-days.js +5 -3
  19. package/dist/esm/internal/components/week-header.js +5 -5
  20. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/calendar
2
2
 
3
+ ## 14.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#59147](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59147) [`f12e489f23b0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f12e489f23b0) - Re-build and deploy packages to NPM to resolve React/Compiled not found error (HOT-106483).
8
+
3
9
  ## 14.0.2
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/calendar.js CHANGED
@@ -1,4 +1,3 @@
1
- /* calendar.tsx generated by @compiled/babel-plugin v0.26.1 */
2
1
  "use strict";
3
2
 
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
- var _runtime = require("@compiled/react/runtime");
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
11
  var _react = require("react");
12
+ var _react2 = require("@emotion/react");
14
13
  var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler");
15
14
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
16
15
  var _primitives = require("@atlaskit/primitives");
@@ -27,7 +26,7 @@ var _useHandleDateSelect2 = _interopRequireDefault(require("./internal/hooks/use
27
26
  var _useLocale2 = _interopRequireDefault(require("./internal/hooks/use-locale"));
28
27
  var _useUniqueId = _interopRequireDefault(require("./internal/hooks/use-unique-id"));
29
28
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
30
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
29
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
31
30
  var boxStyles = (0, _primitives.xcss)({
32
31
  display: 'inline-block',
33
32
  userSelect: 'none'
@@ -35,7 +34,7 @@ var boxStyles = (0, _primitives.xcss)({
35
34
  var analyticsAttributes = {
36
35
  componentName: 'calendar',
37
36
  packageName: "@atlaskit/calendar",
38
- packageVersion: "14.0.2"
37
+ packageVersion: "14.0.3"
39
38
  };
40
39
  var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
41
40
  var day = _ref.day,
@@ -189,21 +188,21 @@ var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref,
189
188
  return "".concat(monthsLong[previousMonth], " ").concat(showPreviousYear ? yearValue - 1 : yearValue);
190
189
  };
191
190
  var headerId = (0, _useUniqueId.default)('month-year-header');
192
- return /*#__PURE__*/React.createElement("div", {
191
+ return (0, _react2.jsx)("div", {
193
192
  className: className,
194
193
  style: style,
195
194
  onBlur: handleContainerBlur,
196
195
  onFocus: handleContainerFocus,
197
196
  "data-testid": testId && "".concat(testId, "--container"),
198
197
  ref: ref
199
- }, /*#__PURE__*/React.createElement(_primitives.Box, {
198
+ }, (0, _react2.jsx)(_primitives.Box, {
200
199
  xcss: boxStyles,
201
200
  padding: "space.200",
202
201
  "aria-label": "calendar",
203
202
  testId: testId && "".concat(testId, "--calendar")
204
- }, /*#__PURE__*/React.createElement(_primitives.Stack, {
203
+ }, (0, _react2.jsx)(_primitives.Stack, {
205
204
  space: "space.150"
206
- }, /*#__PURE__*/React.createElement(_header.default
205
+ }, (0, _react2.jsx)(_header.default
207
206
  // The month number needs to be translated to index in the month
208
207
  // name array e.g. 1 (January) -> 0
209
208
  , {
@@ -218,16 +217,16 @@ var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref,
218
217
  headerId: headerId,
219
218
  tabIndex: tabIndex,
220
219
  testId: testId
221
- }), /*#__PURE__*/React.createElement(_primitives.Box, {
220
+ }), (0, _react2.jsx)(_primitives.Box, {
222
221
  role: "grid",
223
222
  tabIndex: tabIndex,
224
223
  onKeyDown: handleContainerKeyDown,
225
224
  "aria-labelledby": headerId,
226
225
  testId: testId && "".concat(testId, "--calendar-dates")
227
- }, /*#__PURE__*/React.createElement(_weekHeader.default, {
226
+ }, (0, _react2.jsx)(_weekHeader.default, {
228
227
  daysShort: daysShort,
229
228
  testId: testId
230
- }), /*#__PURE__*/React.createElement(_weekDays.default, {
229
+ }), (0, _react2.jsx)(_weekDays.default, {
231
230
  weeks: weeks,
232
231
  handleClickDay: handleClickDay,
233
232
  monthsLong: monthsLong,
@@ -247,7 +246,7 @@ var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref,
247
246
  * - [Usage](https://atlassian.design/components/calendar/usage)
248
247
  */
249
248
  var Calendar = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Calendar(props, ref) {
250
- return /*#__PURE__*/React.createElement(InnerCalendar, (0, _extends2.default)({}, props, {
249
+ return (0, _react2.jsx)(InnerCalendar, (0, _extends2.default)({}, props, {
251
250
  ref: ref
252
251
  }));
253
252
  }));
package/dist/cjs/internal/components/date.js CHANGED
@@ -10,6 +10,8 @@ var _react2 = require("@emotion/react");
10
10
  var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
11
11
  var _primitives = require("@atlaskit/primitives");
12
12
  var _date = require("../styles/date");
13
+ /** @jsx jsx */
14
+
13
15
  var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function Date(_ref2, _ref) {
14
16
  var day = _ref2.children,
15
17
  _ref2$isDisabled = _ref2.isDisabled,
@@ -68,10 +70,10 @@ var Date = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
68
70
  }
69
71
  }, [onClick]);
70
72
  var dateCellStyles = (0, _react2.css)((0, _date.dateCellStyles)());
71
- return /*#__PURE__*/React.createElement(_primitives.Grid, {
73
+ return (0, _react2.jsx)(_primitives.Grid, {
72
74
  role: "gridcell",
73
75
  alignItems: "center"
74
- }, /*#__PURE__*/React.createElement("button", {
76
+ }, (0, _react2.jsx)("button", {
75
77
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
76
78
  css: dateCellStyles,
77
79
  "aria-current": isToday ? 'date' : undefined,
package/dist/cjs/internal/components/header.js CHANGED
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
9
  var _react = require("react");
10
+ var _react2 = require("@emotion/react");
10
11
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
11
12
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
12
13
  var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
@@ -14,6 +15,8 @@ var _chevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/ch
14
15
  var _primitives = require("@atlaskit/primitives");
15
16
  var _colors = require("@atlaskit/theme/colors");
16
17
  var _useUniqueId = _interopRequireDefault(require("../../internal/hooks/use-unique-id"));
18
+ /** @jsx jsx */
19
+
17
20
  var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
18
21
  var monthLongTitle = _ref.monthLongTitle,
19
22
  year = _ref.year,
@@ -53,40 +56,40 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
53
56
  }
54
57
  handleClickNext(e);
55
58
  };
56
- return /*#__PURE__*/React.createElement(_primitives.Box, {
59
+ return (0, _react2.jsx)(_primitives.Box, {
57
60
  paddingInline: "space.100"
58
- }, /*#__PURE__*/React.createElement(_primitives.Inline, {
61
+ }, (0, _react2.jsx)(_primitives.Inline, {
59
62
  space: "space.0",
60
63
  alignBlock: "center",
61
64
  spread: "space-between"
62
- }, /*#__PURE__*/React.createElement(_standardButton.default, {
65
+ }, (0, _react2.jsx)(_standardButton.default, {
63
66
  appearance: "subtle",
64
67
  spacing: "none",
65
68
  tabIndex: tabIndex,
66
69
  onClick: handlePrevMonthInteraction,
67
70
  testId: testId && "".concat(testId, "--previous-month"),
68
- iconBefore: /*#__PURE__*/React.createElement(_chevronLeftLarge.default, {
71
+ iconBefore: (0, _react2.jsx)(_chevronLeftLarge.default, {
69
72
  label: "".concat(previousMonthLabel, ", ").concat(previousHeading),
70
73
  size: "medium",
71
74
  primaryColor: "var(--ds-icon, ".concat(_colors.N700, ")"),
72
75
  testId: testId && "".concat(testId, "--previous-month-icon")
73
76
  })
74
- }), /*#__PURE__*/React.createElement(_primitives.Box, {
77
+ }), (0, _react2.jsx)(_primitives.Box, {
75
78
  "aria-live": hasInteractedWithMonth ? 'polite' : undefined,
76
79
  id: announceId,
77
80
  testId: testId && "".concat(testId, "--current-month-year--container")
78
- }, /*#__PURE__*/React.createElement(_heading.default, {
81
+ }, (0, _react2.jsx)(_heading.default, {
79
82
  level: "h400",
80
83
  as: "h2",
81
84
  id: headerId,
82
85
  testId: testId && "".concat(testId, "--current-month-year")
83
- }, "".concat(monthLongTitle, " ").concat(year))), /*#__PURE__*/React.createElement(_standardButton.default, {
86
+ }, "".concat(monthLongTitle, " ").concat(year))), (0, _react2.jsx)(_standardButton.default, {
84
87
  appearance: "subtle",
85
88
  spacing: "none",
86
89
  tabIndex: tabIndex,
87
90
  onClick: handleNextMonthInteraction,
88
91
  testId: testId && "".concat(testId, "--next-month"),
89
- iconBefore: /*#__PURE__*/React.createElement(_chevronRightLarge.default, {
92
+ iconBefore: (0, _react2.jsx)(_chevronRightLarge.default, {
90
93
  label: "".concat(nextMonthLabel, ", ").concat(nextHeading),
91
94
  size: "medium",
92
95
  primaryColor: "var(--ds-icon, ".concat(_colors.N700, ")"),
package/dist/cjs/internal/components/week-day-grid.js CHANGED
@@ -4,7 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+ var _react = require("@emotion/react");
7
8
  var _primitives = require("@atlaskit/primitives");
9
+ /** @jsx jsx */
10
+
8
11
  /**
9
12
  * __Week day grid__
10
13
  *
@@ -15,12 +18,12 @@ var WeekDayGrid = function WeekDayGrid(_ref) {
15
18
  var testId = _ref.testId,
16
19
  children = _ref.children,
17
20
  isHidden = _ref.isHidden;
18
- var row = /*#__PURE__*/React.createElement(_primitives.Grid, {
21
+ var row = (0, _react.jsx)(_primitives.Grid, {
19
22
  testId: testId,
20
23
  templateColumns: "repeat(7, minmax(max-content, 1fr))",
21
24
  role: "row"
22
25
  }, children);
23
- return isHidden ? /*#__PURE__*/React.createElement("div", {
26
+ return isHidden ? (0, _react.jsx)("div", {
24
27
  "aria-hidden": "true"
25
28
  }, row) : row;
26
29
  };
package/dist/cjs/internal/components/week-days.js CHANGED
@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _react = require("react");
9
+ var _react2 = require("@emotion/react");
9
10
  var _box = _interopRequireDefault(require("@atlaskit/primitives/box"));
10
11
  var _date = _interopRequireDefault(require("./date"));
11
12
  var _weekDayGrid = _interopRequireDefault(require("./week-day-grid"));
13
+ /** @jsx jsx */
14
+
12
15
  var WeekDays = /*#__PURE__*/(0, _react.memo)(function WeekDays(_ref) {
13
16
  var weeks = _ref.weeks,
14
17
  handleClickDay = _ref.handleClickDay,
@@ -16,15 +19,15 @@ var WeekDays = /*#__PURE__*/(0, _react.memo)(function WeekDays(_ref) {
16
19
  shouldSetFocus = _ref.shouldSetFocus,
17
20
  tabIndex = _ref.tabIndex,
18
21
  testId = _ref.testId;
19
- return /*#__PURE__*/React.createElement(_box.default, {
22
+ return (0, _react2.jsx)(_box.default, {
20
23
  role: "rowgroup",
21
24
  testId: testId && "".concat(testId, "--month")
22
25
  }, weeks.map(function (week, i) {
23
- return /*#__PURE__*/React.createElement(_weekDayGrid.default, {
26
+ return (0, _react2.jsx)(_weekDayGrid.default, {
24
27
  key: i,
25
28
  testId: testId && "".concat(testId, "--week")
26
29
  }, week.values.map(function (weekDay) {
27
- return /*#__PURE__*/React.createElement(_date.default, {
30
+ return (0, _react2.jsx)(_date.default, {
28
31
  key: "".concat(week.id, "-").concat(weekDay.id),
29
32
  isDisabled: weekDay.isDisabled,
30
33
  isFocused: weekDay.isFocused,
package/dist/cjs/internal/components/week-header.js CHANGED
@@ -1,4 +1,3 @@
1
- /* week-header.tsx generated by @compiled/babel-plugin v0.26.1 */
2
1
  "use strict";
3
2
 
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
- var _runtime = require("@compiled/react/runtime");
10
8
  var _react = require("react");
9
+ var _react2 = require("@emotion/react");
11
10
  var _text = _interopRequireDefault(require("@atlaskit/ds-explorations/text"));
12
11
  var _primitives = require("@atlaskit/primitives");
13
12
  var _weekDayGrid = _interopRequireDefault(require("./week-day-grid"));
13
+ /** @jsx jsx */
14
+
14
15
  var columnHeaderStyles = (0, _primitives.xcss)({
15
16
  minWidth: 'size.400',
16
17
  // Account for languages with short week day names
@@ -26,17 +27,17 @@ var columnHeaderStyles = (0, _primitives.xcss)({
26
27
  var WeekHeader = /*#__PURE__*/(0, _react.memo)(function WeekHeader(_ref) {
27
28
  var daysShort = _ref.daysShort,
28
29
  testId = _ref.testId;
29
- return /*#__PURE__*/React.createElement(_weekDayGrid.default, {
30
+ return (0, _react2.jsx)(_weekDayGrid.default, {
30
31
  isHidden: true,
31
32
  testId: testId && "".concat(testId, "--column-headers")
32
33
  }, daysShort.map(function (shortDay) {
33
- return /*#__PURE__*/React.createElement(_primitives.Box, {
34
+ return (0, _react2.jsx)(_primitives.Box, {
34
35
  padding: "space.100",
35
36
  xcss: columnHeaderStyles,
36
37
  key: shortDay,
37
38
  role: "columnheader",
38
39
  testId: testId && "".concat(testId, "--column-header")
39
- }, /*#__PURE__*/React.createElement(_text.default, {
40
+ }, (0, _react2.jsx)(_text.default, {
40
41
  fontWeight: "bold",
41
42
  fontSize: "size.050",
42
43
  textTransform: "uppercase"
package/dist/es2019/calendar.js CHANGED
@@ -1,7 +1,7 @@
1
- /* calendar.tsx generated by @compiled/babel-plugin v0.26.1 */
2
1
  import _extends from "@babel/runtime/helpers/extends";
3
- import { ax, ix } from "@compiled/react/runtime";
2
+ /** @jsx jsx */
4
3
  import { forwardRef, memo, useState } from 'react';
4
+ import { jsx } from '@emotion/react';
5
5
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
6
6
  import noop from '@atlaskit/ds-lib/noop';
7
7
  import { Box, Stack, xcss } from '@atlaskit/primitives';
@@ -24,7 +24,7 @@ const boxStyles = xcss({
24
24
  const analyticsAttributes = {
25
25
  componentName: 'calendar',
26
26
  packageName: "@atlaskit/calendar",
27
- packageVersion: "14.0.2"
27
+ packageVersion: "14.0.3"
28
28
  };
29
29
  const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
30
30
  day,
@@ -160,21 +160,21 @@ const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
160
160
  return `${monthsLong[previousMonth]} ${showPreviousYear ? yearValue - 1 : yearValue}`;
161
161
  };
162
162
  const headerId = useUniqueId('month-year-header');
163
- return /*#__PURE__*/React.createElement("div", {
163
+ return jsx("div", {
164
164
  className: className,
165
165
  style: style,
166
166
  onBlur: handleContainerBlur,
167
167
  onFocus: handleContainerFocus,
168
168
  "data-testid": testId && `${testId}--container`,
169
169
  ref: ref
170
- }, /*#__PURE__*/React.createElement(Box, {
170
+ }, jsx(Box, {
171
171
  xcss: boxStyles,
172
172
  padding: "space.200",
173
173
  "aria-label": "calendar",
174
174
  testId: testId && `${testId}--calendar`
175
- }, /*#__PURE__*/React.createElement(Stack, {
175
+ }, jsx(Stack, {
176
176
  space: "space.150"
177
- }, /*#__PURE__*/React.createElement(Header
177
+ }, jsx(Header
178
178
  // The month number needs to be translated to index in the month
179
179
  // name array e.g. 1 (January) -> 0
180
180
  , {
@@ -189,16 +189,16 @@ const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
189
189
  headerId: headerId,
190
190
  tabIndex: tabIndex,
191
191
  testId: testId
192
- }), /*#__PURE__*/React.createElement(Box, {
192
+ }), jsx(Box, {
193
193
  role: "grid",
194
194
  tabIndex: tabIndex,
195
195
  onKeyDown: handleContainerKeyDown,
196
196
  "aria-labelledby": headerId,
197
197
  testId: testId && `${testId}--calendar-dates`
198
- }, /*#__PURE__*/React.createElement(WeekHeaderComponent, {
198
+ }, jsx(WeekHeaderComponent, {
199
199
  daysShort: daysShort,
200
200
  testId: testId
201
- }), /*#__PURE__*/React.createElement(WeekDaysComponent, {
201
+ }), jsx(WeekDaysComponent, {
202
202
  weeks: weeks,
203
203
  handleClickDay: handleClickDay,
204
204
  monthsLong: monthsLong,
@@ -218,7 +218,7 @@ const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
218
218
  * - [Usage](https://atlassian.design/components/calendar/usage)
219
219
  */
220
220
  const Calendar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Calendar(props, ref) {
221
- return /*#__PURE__*/React.createElement(InnerCalendar, _extends({}, props, {
221
+ return jsx(InnerCalendar, _extends({}, props, {
222
222
  ref: ref
223
223
  }));
224
224
  }));
package/dist/es2019/internal/components/date.js CHANGED
@@ -1,5 +1,6 @@
1
+ /** @jsx jsx */
1
2
  import { forwardRef, memo, useCallback, useEffect, useRef } from 'react';
2
- import { css } from '@emotion/react';
3
+ import { css, jsx } from '@emotion/react';
3
4
  import noop from '@atlaskit/ds-lib/noop';
4
5
  import { Grid } from '@atlaskit/primitives';
5
6
  import { dateCellStyles as getDateCellStyles } from '../styles/date';
@@ -56,10 +57,10 @@ const Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date({
56
57
  }
57
58
  }, [onClick]);
58
59
  const dateCellStyles = css(getDateCellStyles());
59
- return /*#__PURE__*/React.createElement(Grid, {
60
+ return jsx(Grid, {
60
61
  role: "gridcell",
61
62
  alignItems: "center"
62
- }, /*#__PURE__*/React.createElement("button", {
63
+ }, jsx("button", {
63
64
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
64
65
  css: dateCellStyles,
65
66
  "aria-current": isToday ? 'date' : undefined,
package/dist/es2019/internal/components/header.js CHANGED
@@ -1,4 +1,6 @@
1
+ /** @jsx jsx */
1
2
  import { memo, useState } from 'react';
3
+ import { jsx } from '@emotion/react';
2
4
  import Button from '@atlaskit/button/standard-button';
3
5
  import Heading from '@atlaskit/heading';
4
6
  import ArrowleftIcon from '@atlaskit/icon/glyph/chevron-left-large';
@@ -41,40 +43,40 @@ const Header = /*#__PURE__*/memo(function Header({
41
43
  }
42
44
  handleClickNext(e);
43
45
  };
44
- return /*#__PURE__*/React.createElement(Box, {
46
+ return jsx(Box, {
45
47
  paddingInline: "space.100"
46
- }, /*#__PURE__*/React.createElement(Inline, {
48
+ }, jsx(Inline, {
47
49
  space: "space.0",
48
50
  alignBlock: "center",
49
51
  spread: "space-between"
50
- }, /*#__PURE__*/React.createElement(Button, {
52
+ }, jsx(Button, {
51
53
  appearance: "subtle",
52
54
  spacing: "none",
53
55
  tabIndex: tabIndex,
54
56
  onClick: handlePrevMonthInteraction,
55
57
  testId: testId && `${testId}--previous-month`,
56
- iconBefore: /*#__PURE__*/React.createElement(ArrowleftIcon, {
58
+ iconBefore: jsx(ArrowleftIcon, {
57
59
  label: `${previousMonthLabel}, ${previousHeading}`,
58
60
  size: "medium",
59
61
  primaryColor: `var(--ds-icon, ${N700})`,
60
62
  testId: testId && `${testId}--previous-month-icon`
61
63
  })
62
- }), /*#__PURE__*/React.createElement(Box, {
64
+ }), jsx(Box, {
63
65
  "aria-live": hasInteractedWithMonth ? 'polite' : undefined,
64
66
  id: announceId,
65
67
  testId: testId && `${testId}--current-month-year--container`
66
- }, /*#__PURE__*/React.createElement(Heading, {
68
+ }, jsx(Heading, {
67
69
  level: "h400",
68
70
  as: "h2",
69
71
  id: headerId,
70
72
  testId: testId && `${testId}--current-month-year`
71
- }, `${monthLongTitle} ${year}`)), /*#__PURE__*/React.createElement(Button, {
73
+ }, `${monthLongTitle} ${year}`)), jsx(Button, {
72
74
  appearance: "subtle",
73
75
  spacing: "none",
74
76
  tabIndex: tabIndex,
75
77
  onClick: handleNextMonthInteraction,
76
78
  testId: testId && `${testId}--next-month`,
77
- iconBefore: /*#__PURE__*/React.createElement(ArrowrightIcon, {
79
+ iconBefore: jsx(ArrowrightIcon, {
78
80
  label: `${nextMonthLabel}, ${nextHeading}`,
79
81
  size: "medium",
80
82
  primaryColor: `var(--ds-icon, ${N700})`,
package/dist/es2019/internal/components/week-day-grid.js CHANGED
@@ -1,3 +1,6 @@
1
+ /** @jsx jsx */
2
+
3
+ import { jsx } from '@emotion/react';
1
4
  import { Grid } from '@atlaskit/primitives';
2
5
  /**
3
6
  * __Week day grid__
@@ -10,12 +13,12 @@ const WeekDayGrid = ({
10
13
  children,
11
14
  isHidden
12
15
  }) => {
13
- const row = /*#__PURE__*/React.createElement(Grid, {
16
+ const row = jsx(Grid, {
14
17
  testId: testId,
15
18
  templateColumns: "repeat(7, minmax(max-content, 1fr))",
16
19
  role: "row"
17
20
  }, children);
18
- return isHidden ? /*#__PURE__*/React.createElement("div", {
21
+ return isHidden ? jsx("div", {
19
22
  "aria-hidden": "true"
20
23
  }, row) : row;
21
24
  };
package/dist/es2019/internal/components/week-days.js CHANGED
@@ -1,4 +1,6 @@
1
+ /** @jsx jsx */
1
2
  import { memo } from 'react';
3
+ import { jsx } from '@emotion/react';
2
4
  import Box from '@atlaskit/primitives/box';
3
5
  import DateComponent from './date';
4
6
  import WeekdayGrid from './week-day-grid';
@@ -10,13 +12,13 @@ const WeekDays = /*#__PURE__*/memo(function WeekDays({
10
12
  tabIndex,
11
13
  testId
12
14
  }) {
13
- return /*#__PURE__*/React.createElement(Box, {
15
+ return jsx(Box, {
14
16
  role: "rowgroup",
15
17
  testId: testId && `${testId}--month`
16
- }, weeks.map((week, i) => /*#__PURE__*/React.createElement(WeekdayGrid, {
18
+ }, weeks.map((week, i) => jsx(WeekdayGrid, {
17
19
  key: i,
18
20
  testId: testId && `${testId}--week`
19
- }, week.values.map(weekDay => /*#__PURE__*/React.createElement(DateComponent, {
21
+ }, week.values.map(weekDay => jsx(DateComponent, {
20
22
  key: `${week.id}-${weekDay.id}`,
21
23
  isDisabled: weekDay.isDisabled,
22
24
  isFocused: weekDay.isFocused,
package/dist/es2019/internal/components/week-header.js CHANGED
@@ -1,6 +1,6 @@
1
- /* week-header.tsx generated by @compiled/babel-plugin v0.26.1 */
2
- import { ax, ix } from "@compiled/react/runtime";
1
+ /** @jsx jsx */
3
2
  import { memo } from 'react';
3
+ import { jsx } from '@emotion/react';
4
4
  import Text from '@atlaskit/ds-explorations/text';
5
5
  import { Box, xcss } from '@atlaskit/primitives';
6
6
  import WeekDayGrid from './week-day-grid';
@@ -20,16 +20,16 @@ const WeekHeader = /*#__PURE__*/memo(function WeekHeader({
20
20
  daysShort,
21
21
  testId
22
22
  }) {
23
- return /*#__PURE__*/React.createElement(WeekDayGrid, {
23
+ return jsx(WeekDayGrid, {
24
24
  isHidden: true,
25
25
  testId: testId && `${testId}--column-headers`
26
- }, daysShort.map(shortDay => /*#__PURE__*/React.createElement(Box, {
26
+ }, daysShort.map(shortDay => jsx(Box, {
27
27
  padding: "space.100",
28
28
  xcss: columnHeaderStyles,
29
29
  key: shortDay,
30
30
  role: "columnheader",
31
31
  testId: testId && `${testId}--column-header`
32
- }, /*#__PURE__*/React.createElement(Text, {
32
+ }, jsx(Text, {
33
33
  fontWeight: "bold",
34
34
  fontSize: "size.050",
35
35
  textTransform: "uppercase"
package/dist/esm/calendar.js CHANGED
@@ -1,11 +1,11 @@
1
- /* calendar.tsx generated by @compiled/babel-plugin v0.26.1 */
2
1
  import _extends from "@babel/runtime/helpers/extends";
3
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
- import { ax, ix } from "@compiled/react/runtime";
6
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
+ /** @jsx jsx */
8
7
  import { forwardRef, memo, useState } from 'react';
8
+ import { jsx } from '@emotion/react';
9
9
  import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
10
10
  import noop from '@atlaskit/ds-lib/noop';
11
11
  import { Box, Stack, xcss } from '@atlaskit/primitives';
@@ -28,7 +28,7 @@ var boxStyles = xcss({
28
28
  var analyticsAttributes = {
29
29
  componentName: 'calendar',
30
30
  packageName: "@atlaskit/calendar",
31
- packageVersion: "14.0.2"
31
+ packageVersion: "14.0.3"
32
32
  };
33
33
  var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
34
34
  var day = _ref.day,
@@ -182,21 +182,21 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
182
182
  return "".concat(monthsLong[previousMonth], " ").concat(showPreviousYear ? yearValue - 1 : yearValue);
183
183
  };
184
184
  var headerId = useUniqueId('month-year-header');
185
- return /*#__PURE__*/React.createElement("div", {
185
+ return jsx("div", {
186
186
  className: className,
187
187
  style: style,
188
188
  onBlur: handleContainerBlur,
189
189
  onFocus: handleContainerFocus,
190
190
  "data-testid": testId && "".concat(testId, "--container"),
191
191
  ref: ref
192
- }, /*#__PURE__*/React.createElement(Box, {
192
+ }, jsx(Box, {
193
193
  xcss: boxStyles,
194
194
  padding: "space.200",
195
195
  "aria-label": "calendar",
196
196
  testId: testId && "".concat(testId, "--calendar")
197
- }, /*#__PURE__*/React.createElement(Stack, {
197
+ }, jsx(Stack, {
198
198
  space: "space.150"
199
- }, /*#__PURE__*/React.createElement(Header
199
+ }, jsx(Header
200
200
  // The month number needs to be translated to index in the month
201
201
  // name array e.g. 1 (January) -> 0
202
202
  , {
@@ -211,16 +211,16 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
211
211
  headerId: headerId,
212
212
  tabIndex: tabIndex,
213
213
  testId: testId
214
- }), /*#__PURE__*/React.createElement(Box, {
214
+ }), jsx(Box, {
215
215
  role: "grid",
216
216
  tabIndex: tabIndex,
217
217
  onKeyDown: handleContainerKeyDown,
218
218
  "aria-labelledby": headerId,
219
219
  testId: testId && "".concat(testId, "--calendar-dates")
220
- }, /*#__PURE__*/React.createElement(WeekHeaderComponent, {
220
+ }, jsx(WeekHeaderComponent, {
221
221
  daysShort: daysShort,
222
222
  testId: testId
223
- }), /*#__PURE__*/React.createElement(WeekDaysComponent, {
223
+ }), jsx(WeekDaysComponent, {
224
224
  weeks: weeks,
225
225
  handleClickDay: handleClickDay,
226
226
  monthsLong: monthsLong,
@@ -240,7 +240,7 @@ var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
240
240
  * - [Usage](https://atlassian.design/components/calendar/usage)
241
241
  */
242
242
  var Calendar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Calendar(props, ref) {
243
- return /*#__PURE__*/React.createElement(InnerCalendar, _extends({}, props, {
243
+ return jsx(InnerCalendar, _extends({}, props, {
244
244
  ref: ref
245
245
  }));
246
246
  }));
package/dist/esm/internal/components/date.js CHANGED
@@ -1,5 +1,6 @@
1
+ /** @jsx jsx */
1
2
  import { forwardRef, memo, useCallback, useEffect, useRef } from 'react';
2
- import { css } from '@emotion/react';
3
+ import { css, jsx } from '@emotion/react';
3
4
  import noop from '@atlaskit/ds-lib/noop';
4
5
  import { Grid } from '@atlaskit/primitives';
5
6
  import { dateCellStyles as getDateCellStyles } from '../styles/date';
@@ -61,10 +62,10 @@ var Date = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Date(_ref2, _ref)
61
62
  }
62
63
  }, [onClick]);
63
64
  var dateCellStyles = css(getDateCellStyles());
64
- return /*#__PURE__*/React.createElement(Grid, {
65
+ return jsx(Grid, {
65
66
  role: "gridcell",
66
67
  alignItems: "center"
67
- }, /*#__PURE__*/React.createElement("button", {
68
+ }, jsx("button", {
68
69
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
69
70
  css: dateCellStyles,
70
71
  "aria-current": isToday ? 'date' : undefined,
package/dist/esm/internal/components/header.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
+ /** @jsx jsx */
2
3
  import { memo, useState } from 'react';
4
+ import { jsx } from '@emotion/react';
3
5
  import Button from '@atlaskit/button/standard-button';
4
6
  import Heading from '@atlaskit/heading';
5
7
  import ArrowleftIcon from '@atlaskit/icon/glyph/chevron-left-large';
@@ -46,40 +48,40 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
46
48
  }
47
49
  handleClickNext(e);
48
50
  };
49
- return /*#__PURE__*/React.createElement(Box, {
51
+ return jsx(Box, {
50
52
  paddingInline: "space.100"
51
- }, /*#__PURE__*/React.createElement(Inline, {
53
+ }, jsx(Inline, {
52
54
  space: "space.0",
53
55
  alignBlock: "center",
54
56
  spread: "space-between"
55
- }, /*#__PURE__*/React.createElement(Button, {
57
+ }, jsx(Button, {
56
58
  appearance: "subtle",
57
59
  spacing: "none",
58
60
  tabIndex: tabIndex,
59
61
  onClick: handlePrevMonthInteraction,
60
62
  testId: testId && "".concat(testId, "--previous-month"),
61
- iconBefore: /*#__PURE__*/React.createElement(ArrowleftIcon, {
63
+ iconBefore: jsx(ArrowleftIcon, {
62
64
  label: "".concat(previousMonthLabel, ", ").concat(previousHeading),
63
65
  size: "medium",
64
66
  primaryColor: "var(--ds-icon, ".concat(N700, ")"),
65
67
  testId: testId && "".concat(testId, "--previous-month-icon")
66
68
  })
67
- }), /*#__PURE__*/React.createElement(Box, {
69
+ }), jsx(Box, {
68
70
  "aria-live": hasInteractedWithMonth ? 'polite' : undefined,
69
71
  id: announceId,
70
72
  testId: testId && "".concat(testId, "--current-month-year--container")
71
- }, /*#__PURE__*/React.createElement(Heading, {
73
+ }, jsx(Heading, {
72
74
  level: "h400",
73
75
  as: "h2",
74
76
  id: headerId,
75
77
  testId: testId && "".concat(testId, "--current-month-year")
76
- }, "".concat(monthLongTitle, " ").concat(year))), /*#__PURE__*/React.createElement(Button, {
78
+ }, "".concat(monthLongTitle, " ").concat(year))), jsx(Button, {
77
79
  appearance: "subtle",
78
80
  spacing: "none",
79
81
  tabIndex: tabIndex,
80
82
  onClick: handleNextMonthInteraction,
81
83
  testId: testId && "".concat(testId, "--next-month"),
82
- iconBefore: /*#__PURE__*/React.createElement(ArrowrightIcon, {
84
+ iconBefore: jsx(ArrowrightIcon, {
83
85
  label: "".concat(nextMonthLabel, ", ").concat(nextHeading),
84
86
  size: "medium",
85
87
  primaryColor: "var(--ds-icon, ".concat(N700, ")"),
package/dist/esm/internal/components/week-day-grid.js CHANGED
@@ -1,3 +1,6 @@
1
+ /** @jsx jsx */
2
+
3
+ import { jsx } from '@emotion/react';
1
4
  import { Grid } from '@atlaskit/primitives';
2
5
  /**
3
6
  * __Week day grid__
@@ -9,12 +12,12 @@ var WeekDayGrid = function WeekDayGrid(_ref) {
9
12
  var testId = _ref.testId,
10
13
  children = _ref.children,
11
14
  isHidden = _ref.isHidden;
12
- var row = /*#__PURE__*/React.createElement(Grid, {
15
+ var row = jsx(Grid, {
13
16
  testId: testId,
14
17
  templateColumns: "repeat(7, minmax(max-content, 1fr))",
15
18
  role: "row"
16
19
  }, children);
17
- return isHidden ? /*#__PURE__*/React.createElement("div", {
20
+ return isHidden ? jsx("div", {
18
21
  "aria-hidden": "true"
19
22
  }, row) : row;
20
23
  };
package/dist/esm/internal/components/week-days.js CHANGED
@@ -1,4 +1,6 @@
1
+ /** @jsx jsx */
1
2
  import { memo } from 'react';
3
+ import { jsx } from '@emotion/react';
2
4
  import Box from '@atlaskit/primitives/box';
3
5
  import DateComponent from './date';
4
6
  import WeekdayGrid from './week-day-grid';
@@ -9,15 +11,15 @@ var WeekDays = /*#__PURE__*/memo(function WeekDays(_ref) {
9
11
  shouldSetFocus = _ref.shouldSetFocus,
10
12
  tabIndex = _ref.tabIndex,
11
13
  testId = _ref.testId;
12
- return /*#__PURE__*/React.createElement(Box, {
14
+ return jsx(Box, {
13
15
  role: "rowgroup",
14
16
  testId: testId && "".concat(testId, "--month")
15
17
  }, weeks.map(function (week, i) {
16
- return /*#__PURE__*/React.createElement(WeekdayGrid, {
18
+ return jsx(WeekdayGrid, {
17
19
  key: i,
18
20
  testId: testId && "".concat(testId, "--week")
19
21
  }, week.values.map(function (weekDay) {
20
- return /*#__PURE__*/React.createElement(DateComponent, {
22
+ return jsx(DateComponent, {
21
23
  key: "".concat(week.id, "-").concat(weekDay.id),
22
24
  isDisabled: weekDay.isDisabled,
23
25
  isFocused: weekDay.isFocused,
package/dist/esm/internal/components/week-header.js CHANGED
@@ -1,6 +1,6 @@
1
- /* week-header.tsx generated by @compiled/babel-plugin v0.26.1 */
2
- import { ax, ix } from "@compiled/react/runtime";
1
+ /** @jsx jsx */
3
2
  import { memo } from 'react';
3
+ import { jsx } from '@emotion/react';
4
4
  import Text from '@atlaskit/ds-explorations/text';
5
5
  import { Box, xcss } from '@atlaskit/primitives';
6
6
  import WeekDayGrid from './week-day-grid';
@@ -19,17 +19,17 @@ var columnHeaderStyles = xcss({
19
19
  var WeekHeader = /*#__PURE__*/memo(function WeekHeader(_ref) {
20
20
  var daysShort = _ref.daysShort,
21
21
  testId = _ref.testId;
22
- return /*#__PURE__*/React.createElement(WeekDayGrid, {
22
+ return jsx(WeekDayGrid, {
23
23
  isHidden: true,
24
24
  testId: testId && "".concat(testId, "--column-headers")
25
25
  }, daysShort.map(function (shortDay) {
26
- return /*#__PURE__*/React.createElement(Box, {
26
+ return jsx(Box, {
27
27
  padding: "space.100",
28
28
  xcss: columnHeaderStyles,
29
29
  key: shortDay,
30
30
  role: "columnheader",
31
31
  testId: testId && "".concat(testId, "--column-header")
32
- }, /*#__PURE__*/React.createElement(Text, {
32
+ }, jsx(Text, {
33
33
  fontWeight: "bold",
34
34
  fontSize: "size.050",
35
35
  textTransform: "uppercase"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/calendar",
3
- "version": "14.0.2",
3
+ "version": "14.0.3",
4
4
  "description": "An interactive calendar for date selection experiences.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"