@atlaskit/calendar 16.4.0 → 17.1.0

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 (8) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/cjs/calendar.js +1 -1
  3. package/dist/cjs/internal/components/header.js +4 -23
  4. package/dist/es2019/calendar.js +1 -1
  5. package/dist/es2019/internal/components/header.js +4 -23
  6. package/dist/esm/calendar.js +1 -1
  7. package/dist/esm/internal/components/header.js +4 -23
  8. package/package.json +15 -20
package/CHANGELOG.md CHANGED
@@ -1,5 +1,31 @@
1
1
  # @atlaskit/calendar
2
2
 
3
+ ## 17.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#114797](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/114797)
8
+ [`abf693fdd9167`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/abf693fdd9167) -
9
+ Add year buttons to calendar. This removes the feature flag related to this change.
10
+
11
+ ## 17.0.0
12
+
13
+ ### Major Changes
14
+
15
+ - [#117363](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117363)
16
+ [`10a0f7f6c2027`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10a0f7f6c2027) -
17
+ This package's `peerDependencies` have been adjusted for `react` and/or `react-dom` to reflect the
18
+ status of only supporting React 18 going forward. No explicit breaking change to React support has
19
+ been made in this release, but this is to signify going forward, breaking changes for React 16 or
20
+ React 17 may come via non-major semver releases.
21
+
22
+ Please refer this community post for more details:
23
+ https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026
24
+
25
+ ### Patch Changes
26
+
27
+ - Updated dependencies
28
+
3
29
  ## 16.4.0
4
30
 
5
31
  ### Minor Changes
package/dist/cjs/calendar.js CHANGED
@@ -38,7 +38,7 @@ var styles = {
38
38
  var analyticsAttributes = {
39
39
  componentName: 'calendar',
40
40
  packageName: "@atlaskit/calendar",
41
- packageVersion: "16.4.0"
41
+ packageVersion: "17.1.0"
42
42
  };
43
43
  var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
44
44
  var day = _ref.day,
package/dist/cjs/internal/components/header.js CHANGED
@@ -15,9 +15,6 @@ var _chevronDoubleLeft = _interopRequireDefault(require("@atlaskit/icon/utility/
15
15
  var _chevronDoubleRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-double-right"));
16
16
  var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-left"));
17
17
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/utility/chevron-right"));
18
- var _chevronLeftChevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-left--chevron-left-large"));
19
- var _chevronRightChevronRightLarge = _interopRequireDefault(require("@atlaskit/icon/utility/migration/chevron-right--chevron-right-large"));
20
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
18
  var _compiled = require("@atlaskit/primitives/compiled");
22
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
23
20
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -86,7 +83,7 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
86
83
  space: "space.0",
87
84
  alignBlock: "center",
88
85
  spread: "space-between"
89
- }, (0, _platformFeatureFlags.fg)('dst-a11y-add-year-buttons-to-calendar') ? /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
86
+ }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
90
87
  space: "space.100",
91
88
  alignBlock: "start"
92
89
  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
@@ -105,15 +102,7 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
105
102
  testId: testId && "".concat(testId, "--previous-month"),
106
103
  icon: _chevronLeft.default,
107
104
  label: "".concat(previousMonthLabel, ", ").concat(previousMonthHeading)
108
- })) : /*#__PURE__*/_react.default.createElement(_new.IconButton, {
109
- appearance: "subtle",
110
- spacing: "compact",
111
- tabIndex: tabIndex,
112
- onClick: handlePrevMonthInteraction,
113
- testId: testId && "".concat(testId, "--previous-month"),
114
- icon: _chevronLeftChevronLeftLarge.default,
115
- label: "".concat(previousMonthLabel, ", ").concat(previousMonthHeading)
116
- }), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
105
+ })), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
117
106
  "aria-live": hasInteractedWithMonthOrYear ? 'polite' : undefined,
118
107
  id: announceId,
119
108
  testId: testId && "".concat(testId, "--current-month-year--container")
@@ -122,7 +111,7 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
122
111
  as: "h2",
123
112
  id: headerId,
124
113
  testId: testId && "".concat(testId, "--current-month-year")
125
- }, "".concat(monthLongTitle, " ").concat(year))), (0, _platformFeatureFlags.fg)('dst-a11y-add-year-buttons-to-calendar') ? /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
114
+ }, "".concat(monthLongTitle, " ").concat(year))), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
126
115
  space: "space.100",
127
116
  alignBlock: "end"
128
117
  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
@@ -141,15 +130,7 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
141
130
  testId: testId && "".concat(testId, "--next-year"),
142
131
  icon: _chevronDoubleRight.default,
143
132
  label: "".concat(nextYearLabel, ", ").concat(nextYearHeading)
144
- })) : /*#__PURE__*/_react.default.createElement(_new.IconButton, {
145
- appearance: "subtle",
146
- spacing: "compact",
147
- tabIndex: tabIndex,
148
- onClick: handleNextMonthInteraction,
149
- testId: testId && "".concat(testId, "--next-month"),
150
- icon: _chevronRightChevronRightLarge.default,
151
- label: "".concat(nextMonthLabel, ", ").concat(nextMonthHeading)
152
- })));
133
+ }))));
153
134
  });
154
135
  Header.displayName = 'Header';
155
136
 
package/dist/es2019/calendar.js CHANGED
@@ -24,7 +24,7 @@ const styles = {
24
24
  const analyticsAttributes = {
25
25
  componentName: 'calendar',
26
26
  packageName: "@atlaskit/calendar",
27
- packageVersion: "16.4.0"
27
+ packageVersion: "17.1.0"
28
28
  };
29
29
  const InnerCalendar = /*#__PURE__*/forwardRef(function Calendar({
30
30
  day,
package/dist/es2019/internal/components/header.js CHANGED
@@ -6,9 +6,6 @@ import ChevronDoubleLeftIcon from '@atlaskit/icon/utility/chevron-double-left';
6
6
  import ChevronDoubleRightIcon from '@atlaskit/icon/utility/chevron-double-right';
7
7
  import ChevronLeftIcon from '@atlaskit/icon/utility/chevron-left';
8
8
  import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
9
- import ChevronOldLeftIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
10
- import ChevronOldRightIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
11
- import { fg } from '@atlaskit/platform-feature-flags';
12
9
  import { Box, Inline } from '@atlaskit/primitives/compiled';
13
10
  const Header = /*#__PURE__*/memo(function Header({
14
11
  monthLongTitle,
@@ -69,7 +66,7 @@ const Header = /*#__PURE__*/memo(function Header({
69
66
  space: "space.0",
70
67
  alignBlock: "center",
71
68
  spread: "space-between"
72
- }, fg('dst-a11y-add-year-buttons-to-calendar') ? /*#__PURE__*/React.createElement(Inline, {
69
+ }, /*#__PURE__*/React.createElement(Inline, {
73
70
  space: "space.100",
74
71
  alignBlock: "start"
75
72
  }, /*#__PURE__*/React.createElement(IconButton, {
@@ -88,15 +85,7 @@ const Header = /*#__PURE__*/memo(function Header({
88
85
  testId: testId && `${testId}--previous-month`,
89
86
  icon: ChevronLeftIcon,
90
87
  label: `${previousMonthLabel}, ${previousMonthHeading}`
91
- })) : /*#__PURE__*/React.createElement(IconButton, {
92
- appearance: "subtle",
93
- spacing: "compact",
94
- tabIndex: tabIndex,
95
- onClick: handlePrevMonthInteraction,
96
- testId: testId && `${testId}--previous-month`,
97
- icon: ChevronOldLeftIcon,
98
- label: `${previousMonthLabel}, ${previousMonthHeading}`
99
- }), /*#__PURE__*/React.createElement(Box, {
88
+ })), /*#__PURE__*/React.createElement(Box, {
100
89
  "aria-live": hasInteractedWithMonthOrYear ? 'polite' : undefined,
101
90
  id: announceId,
102
91
  testId: testId && `${testId}--current-month-year--container`
@@ -105,7 +94,7 @@ const Header = /*#__PURE__*/memo(function Header({
105
94
  as: "h2",
106
95
  id: headerId,
107
96
  testId: testId && `${testId}--current-month-year`
108
- }, `${monthLongTitle} ${year}`)), fg('dst-a11y-add-year-buttons-to-calendar') ? /*#__PURE__*/React.createElement(Inline, {
97
+ }, `${monthLongTitle} ${year}`)), /*#__PURE__*/React.createElement(Inline, {
109
98
  space: "space.100",
110
99
  alignBlock: "end"
111
100
  }, /*#__PURE__*/React.createElement(IconButton, {
@@ -124,15 +113,7 @@ const Header = /*#__PURE__*/memo(function Header({
124
113
  testId: testId && `${testId}--next-year`,
125
114
  icon: ChevronDoubleRightIcon,
126
115
  label: `${nextYearLabel}, ${nextYearHeading}`
127
- })) : /*#__PURE__*/React.createElement(IconButton, {
128
- appearance: "subtle",
129
- spacing: "compact",
130
- tabIndex: tabIndex,
131
- onClick: handleNextMonthInteraction,
132
- testId: testId && `${testId}--next-month`,
133
- icon: ChevronOldRightIcon,
134
- label: `${nextMonthLabel}, ${nextMonthHeading}`
135
- })));
116
+ }))));
136
117
  });
137
118
  Header.displayName = 'Header';
138
119
 
package/dist/esm/calendar.js CHANGED
@@ -28,7 +28,7 @@ var styles = {
28
28
  var analyticsAttributes = {
29
29
  componentName: 'calendar',
30
30
  packageName: "@atlaskit/calendar",
31
- packageVersion: "16.4.0"
31
+ packageVersion: "17.1.0"
32
32
  };
33
33
  var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
34
34
  var day = _ref.day,
package/dist/esm/internal/components/header.js CHANGED
@@ -7,9 +7,6 @@ import ChevronDoubleLeftIcon from '@atlaskit/icon/utility/chevron-double-left';
7
7
  import ChevronDoubleRightIcon from '@atlaskit/icon/utility/chevron-double-right';
8
8
  import ChevronLeftIcon from '@atlaskit/icon/utility/chevron-left';
9
9
  import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
10
- import ChevronOldLeftIcon from '@atlaskit/icon/utility/migration/chevron-left--chevron-left-large';
11
- import ChevronOldRightIcon from '@atlaskit/icon/utility/migration/chevron-right--chevron-right-large';
12
- import { fg } from '@atlaskit/platform-feature-flags';
13
10
  import { Box, Inline } from '@atlaskit/primitives/compiled';
14
11
  var Header = /*#__PURE__*/memo(function Header(_ref) {
15
12
  var monthLongTitle = _ref.monthLongTitle,
@@ -76,7 +73,7 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
76
73
  space: "space.0",
77
74
  alignBlock: "center",
78
75
  spread: "space-between"
79
- }, fg('dst-a11y-add-year-buttons-to-calendar') ? /*#__PURE__*/React.createElement(Inline, {
76
+ }, /*#__PURE__*/React.createElement(Inline, {
80
77
  space: "space.100",
81
78
  alignBlock: "start"
82
79
  }, /*#__PURE__*/React.createElement(IconButton, {
@@ -95,15 +92,7 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
95
92
  testId: testId && "".concat(testId, "--previous-month"),
96
93
  icon: ChevronLeftIcon,
97
94
  label: "".concat(previousMonthLabel, ", ").concat(previousMonthHeading)
98
- })) : /*#__PURE__*/React.createElement(IconButton, {
99
- appearance: "subtle",
100
- spacing: "compact",
101
- tabIndex: tabIndex,
102
- onClick: handlePrevMonthInteraction,
103
- testId: testId && "".concat(testId, "--previous-month"),
104
- icon: ChevronOldLeftIcon,
105
- label: "".concat(previousMonthLabel, ", ").concat(previousMonthHeading)
106
- }), /*#__PURE__*/React.createElement(Box, {
95
+ })), /*#__PURE__*/React.createElement(Box, {
107
96
  "aria-live": hasInteractedWithMonthOrYear ? 'polite' : undefined,
108
97
  id: announceId,
109
98
  testId: testId && "".concat(testId, "--current-month-year--container")
@@ -112,7 +101,7 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
112
101
  as: "h2",
113
102
  id: headerId,
114
103
  testId: testId && "".concat(testId, "--current-month-year")
115
- }, "".concat(monthLongTitle, " ").concat(year))), fg('dst-a11y-add-year-buttons-to-calendar') ? /*#__PURE__*/React.createElement(Inline, {
104
+ }, "".concat(monthLongTitle, " ").concat(year))), /*#__PURE__*/React.createElement(Inline, {
116
105
  space: "space.100",
117
106
  alignBlock: "end"
118
107
  }, /*#__PURE__*/React.createElement(IconButton, {
@@ -131,15 +120,7 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
131
120
  testId: testId && "".concat(testId, "--next-year"),
132
121
  icon: ChevronDoubleRightIcon,
133
122
  label: "".concat(nextYearLabel, ", ").concat(nextYearHeading)
134
- })) : /*#__PURE__*/React.createElement(IconButton, {
135
- appearance: "subtle",
136
- spacing: "compact",
137
- tabIndex: tabIndex,
138
- onClick: handleNextMonthInteraction,
139
- testId: testId && "".concat(testId, "--next-month"),
140
- icon: ChevronOldRightIcon,
141
- label: "".concat(nextMonthLabel, ", ").concat(nextMonthHeading)
142
- })));
123
+ }))));
143
124
  });
144
125
  Header.displayName = 'Header';
145
126
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/calendar",
3
- "version": "16.4.0",
3
+ "version": "17.1.0",
4
4
  "description": "An interactive calendar for date selection experiences.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,33 +25,32 @@
25
25
  "runReact18": true
26
26
  },
27
27
  "dependencies": {
28
- "@atlaskit/analytics-next": "^10.3.0",
29
- "@atlaskit/button": "^20.5.0",
30
- "@atlaskit/css": "^0.9.0",
31
- "@atlaskit/ds-lib": "^3.5.0",
32
- "@atlaskit/heading": "^4.3.0",
33
- "@atlaskit/icon": "^23.10.0",
34
- "@atlaskit/locale": "^2.8.0",
35
- "@atlaskit/platform-feature-flags": "*",
36
- "@atlaskit/primitives": "^13.6.0",
37
- "@atlaskit/theme": "^16.0.0",
38
- "@atlaskit/tokens": "^3.3.0",
28
+ "@atlaskit/analytics-next": "^11.0.0",
29
+ "@atlaskit/button": "^21.1.0",
30
+ "@atlaskit/css": "^0.10.0",
31
+ "@atlaskit/ds-lib": "^4.0.0",
32
+ "@atlaskit/heading": "^5.1.0",
33
+ "@atlaskit/icon": "^24.1.0",
34
+ "@atlaskit/locale": "^3.0.0",
35
+ "@atlaskit/primitives": "^14.1.0",
36
+ "@atlaskit/theme": "^17.0.0 ",
37
+ "@atlaskit/tokens": "^4.2.0",
39
38
  "@babel/runtime": "^7.0.0",
40
39
  "@compiled/react": "^0.18.2",
41
40
  "date-fns": "^2.17.0"
42
41
  },
43
42
  "peerDependencies": {
44
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
43
+ "react": "^18.2.0"
45
44
  },
46
45
  "devDependencies": {
47
46
  "@af/accessibility-testing": "*",
48
47
  "@af/integration-testing": "*",
49
48
  "@af/visual-regression": "*",
50
49
  "@atlaskit/docs": "*",
51
- "@atlaskit/form": "^11.2.0",
50
+ "@atlaskit/form": "^12.0.0",
52
51
  "@atlaskit/link": "*",
53
52
  "@atlaskit/section-message": "*",
54
- "@atlaskit/select": "^18.10.0",
53
+ "@atlaskit/select": "^19.0.0",
55
54
  "@atlaskit/ssr": "*",
56
55
  "@atlaskit/visual-regression": "*",
57
56
  "@atlassian/feature-flags-test-utils": "*",
@@ -96,10 +95,6 @@
96
95
  "./types": "./src/entry-points/types.tsx",
97
96
  ".": "./src/index.tsx"
98
97
  },
99
- "platform-feature-flags": {
100
- "dst-a11y-add-year-buttons-to-calendar": {
101
- "type": "boolean"
102
- }
103
- },
98
+ "platform-feature-flags": {},
104
99
  "homepage": "https://atlassian.design/components/calendar/"
105
100
  }