@atlaskit/calendar 17.1.5 → 17.1.7
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 +12 -0
- package/dist/cjs/calendar.js +2 -3
- package/dist/cjs/internal/components/date.js +1 -2
- package/dist/cjs/internal/components/header.js +26 -10
- package/dist/cjs/internal/components/week-days.js +1 -2
- package/dist/cjs/internal/components/week-header.js +1 -2
- package/dist/cjs/internal/hooks/use-controlled-date-state.js +13 -13
- package/dist/cjs/internal/hooks/use-get-weeks.js +1 -1
- package/dist/es2019/calendar.js +1 -1
- package/dist/es2019/internal/components/header.js +17 -8
- package/dist/es2019/internal/hooks/use-get-weeks.js +0 -2
- package/dist/esm/calendar.js +1 -1
- package/dist/esm/internal/components/header.js +25 -8
- package/dist/esm/internal/hooks/use-controlled-date-state.js +7 -7
- package/dist/esm/internal/hooks/use-get-weeks.js +0 -2
- package/package.json +14 -14
package/CHANGELOG.md
CHANGED
package/dist/cjs/calendar.js
CHANGED
|
@@ -28,8 +28,7 @@ var _useGetWeeks = _interopRequireDefault(require("./internal/hooks/use-get-week
|
|
|
28
28
|
var _useHandleDateChange2 = _interopRequireDefault(require("./internal/hooks/use-handle-date-change"));
|
|
29
29
|
var _useHandleDateSelect2 = _interopRequireDefault(require("./internal/hooks/use-handle-date-select"));
|
|
30
30
|
var _useLocale2 = _interopRequireDefault(require("./internal/hooks/use-locale"));
|
|
31
|
-
function
|
|
32
|
-
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; }
|
|
31
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
33
32
|
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; }
|
|
34
33
|
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; }
|
|
35
34
|
var styles = {
|
|
@@ -38,7 +37,7 @@ var styles = {
|
|
|
38
37
|
var analyticsAttributes = {
|
|
39
38
|
componentName: 'calendar',
|
|
40
39
|
packageName: "@atlaskit/calendar",
|
|
41
|
-
packageVersion: "17.1.
|
|
40
|
+
packageVersion: "17.1.7"
|
|
42
41
|
};
|
|
43
42
|
var InnerCalendar = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
|
|
44
43
|
var day = _ref.day,
|
|
@@ -14,8 +14,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
14
14
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
15
15
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
16
16
|
var _colors = require("@atlaskit/theme/colors");
|
|
17
|
-
function
|
|
18
|
-
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; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
19
18
|
var dateCellSiblingStyle = null;
|
|
20
19
|
var dateCellTodayStyle = null;
|
|
21
20
|
var dateCellPrevSelectedStyle = null;
|
|
@@ -6,18 +6,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.default = void 0;
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
12
|
var _new = require("@atlaskit/button/new");
|
|
12
13
|
var _useId = require("@atlaskit/ds-lib/use-id");
|
|
13
14
|
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
14
|
-
var _chevronDoubleLeft = _interopRequireDefault(require("@atlaskit/icon/
|
|
15
|
-
var _chevronDoubleRight = _interopRequireDefault(require("@atlaskit/icon/
|
|
16
|
-
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/
|
|
17
|
-
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/
|
|
15
|
+
var _chevronDoubleLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-double-left"));
|
|
16
|
+
var _chevronDoubleRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-double-right"));
|
|
17
|
+
var _chevronLeft = _interopRequireDefault(require("@atlaskit/icon/core/chevron-left"));
|
|
18
|
+
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/core/chevron-right"));
|
|
18
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
19
|
-
function
|
|
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; }
|
|
20
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
21
|
var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
|
|
22
22
|
var monthLongTitle = _ref.monthLongTitle,
|
|
23
23
|
year = _ref.year,
|
|
@@ -92,7 +92,11 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
|
|
|
92
92
|
tabIndex: tabIndex,
|
|
93
93
|
onClick: handlePrevYearInteraction,
|
|
94
94
|
testId: testId && "".concat(testId, "--previous-year"),
|
|
95
|
-
icon:
|
|
95
|
+
icon: function icon(iconProps) {
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement(_chevronDoubleLeft.default, (0, _extends2.default)({}, iconProps, {
|
|
97
|
+
size: "small"
|
|
98
|
+
}));
|
|
99
|
+
},
|
|
96
100
|
label: "".concat(previousYearLabel, ", ").concat(previousYearHeading)
|
|
97
101
|
}), /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
98
102
|
appearance: "subtle",
|
|
@@ -100,7 +104,11 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
|
|
|
100
104
|
tabIndex: tabIndex,
|
|
101
105
|
onClick: handlePrevMonthInteraction,
|
|
102
106
|
testId: testId && "".concat(testId, "--previous-month"),
|
|
103
|
-
icon:
|
|
107
|
+
icon: function icon(iconProps) {
|
|
108
|
+
return /*#__PURE__*/_react.default.createElement(_chevronLeft.default, (0, _extends2.default)({}, iconProps, {
|
|
109
|
+
size: "small"
|
|
110
|
+
}));
|
|
111
|
+
},
|
|
104
112
|
label: "".concat(previousMonthLabel, ", ").concat(previousMonthHeading)
|
|
105
113
|
})), /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
106
114
|
"aria-live": hasInteractedWithMonthOrYear ? 'polite' : undefined,
|
|
@@ -120,7 +128,11 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
|
|
|
120
128
|
tabIndex: tabIndex,
|
|
121
129
|
onClick: handleNextMonthInteraction,
|
|
122
130
|
testId: testId && "".concat(testId, "--next-month"),
|
|
123
|
-
icon:
|
|
131
|
+
icon: function icon(iconProps) {
|
|
132
|
+
return /*#__PURE__*/_react.default.createElement(_chevronRight.default, (0, _extends2.default)({}, iconProps, {
|
|
133
|
+
size: "small"
|
|
134
|
+
}));
|
|
135
|
+
},
|
|
124
136
|
label: "".concat(nextMonthLabel, ", ").concat(nextMonthHeading)
|
|
125
137
|
}), /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
126
138
|
appearance: "subtle",
|
|
@@ -128,7 +140,11 @@ var Header = /*#__PURE__*/(0, _react.memo)(function Header(_ref) {
|
|
|
128
140
|
tabIndex: tabIndex,
|
|
129
141
|
onClick: handleNextYearInteraction,
|
|
130
142
|
testId: testId && "".concat(testId, "--next-year"),
|
|
131
|
-
icon:
|
|
143
|
+
icon: function icon(iconProps) {
|
|
144
|
+
return /*#__PURE__*/_react.default.createElement(_chevronDoubleRight.default, (0, _extends2.default)({}, iconProps, {
|
|
145
|
+
size: "small"
|
|
146
|
+
}));
|
|
147
|
+
},
|
|
132
148
|
label: "".concat(nextYearLabel, ", ").concat(nextYearHeading)
|
|
133
149
|
}))));
|
|
134
150
|
});
|
|
@@ -10,8 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
10
10
|
var _box = _interopRequireDefault(require("@atlaskit/primitives/box"));
|
|
11
11
|
var _date = _interopRequireDefault(require("./date"));
|
|
12
12
|
var _weekDayGrid = _interopRequireDefault(require("./week-day-grid"));
|
|
13
|
-
function
|
|
14
|
-
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; }
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
15
14
|
var WeekDays = /*#__PURE__*/(0, _react.memo)(function WeekDays(_ref) {
|
|
16
15
|
var weeks = _ref.weeks,
|
|
17
16
|
handleClickDay = _ref.handleClickDay,
|
|
@@ -13,8 +13,7 @@ var React = _react;
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
15
15
|
var _weekDayGrid = _interopRequireDefault(require("./week-day-grid"));
|
|
16
|
-
function
|
|
17
|
-
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; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
18
17
|
var styles = {
|
|
19
18
|
columnHeader: "_1ul98pqr _o5721q9c _1e0c1txw _1bah1h6o"
|
|
20
19
|
};
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = useControlledDateState;
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
|
-
var
|
|
9
|
+
var _useControlled11 = _interopRequireDefault(require("@atlaskit/ds-lib/use-controlled"));
|
|
10
10
|
var _useLazyRef2 = _interopRequireDefault(require("@atlaskit/ds-lib/use-lazy-ref"));
|
|
11
11
|
var _pad = _interopRequireDefault(require("../utils/pad"));
|
|
12
12
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
@@ -37,41 +37,41 @@ function useControlledDateState(_ref) {
|
|
|
37
37
|
thisDay = _useLazyRef$current.thisDay,
|
|
38
38
|
thisMonth = _useLazyRef$current.thisMonth,
|
|
39
39
|
thisYear = _useLazyRef$current.thisYear;
|
|
40
|
-
var _useControlled = (0,
|
|
40
|
+
var _useControlled = (0, _useControlled11.default)(day, function () {
|
|
41
41
|
return defaultDay || thisDay;
|
|
42
42
|
}),
|
|
43
43
|
_useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
|
|
44
44
|
dayValue = _useControlled2[0],
|
|
45
45
|
setDayValue = _useControlled2[1];
|
|
46
|
-
var _useControlled3 = (0,
|
|
46
|
+
var _useControlled3 = (0, _useControlled11.default)(month, function () {
|
|
47
47
|
return defaultMonth || thisMonth;
|
|
48
48
|
}),
|
|
49
49
|
_useControlled4 = (0, _slicedToArray2.default)(_useControlled3, 2),
|
|
50
50
|
monthValue = _useControlled4[0],
|
|
51
51
|
setMonthValue = _useControlled4[1];
|
|
52
|
-
var _useControlled5 = (0,
|
|
52
|
+
var _useControlled5 = (0, _useControlled11.default)(year, function () {
|
|
53
53
|
return defaultYear || thisYear;
|
|
54
54
|
}),
|
|
55
55
|
_useControlled6 = (0, _slicedToArray2.default)(_useControlled5, 2),
|
|
56
56
|
yearValue = _useControlled6[0],
|
|
57
57
|
setYearValue = _useControlled6[1];
|
|
58
|
-
var _useControlled7 = (0,
|
|
58
|
+
var _useControlled7 = (0, _useControlled11.default)(today, function () {
|
|
59
59
|
return today || "".concat(thisYear, "-").concat((0, _pad.default)(thisMonth), "-").concat((0, _pad.default)(thisDay));
|
|
60
60
|
}),
|
|
61
61
|
_useControlled8 = (0, _slicedToArray2.default)(_useControlled7, 1),
|
|
62
62
|
todayValue = _useControlled8[0];
|
|
63
|
-
var _useControlled9 = (0,
|
|
63
|
+
var _useControlled9 = (0, _useControlled11.default)(selected, function () {
|
|
64
64
|
return defaultSelected;
|
|
65
65
|
}),
|
|
66
|
-
|
|
67
|
-
selectedValue =
|
|
68
|
-
setSelectedValue =
|
|
69
|
-
var
|
|
66
|
+
_useControlled0 = (0, _slicedToArray2.default)(_useControlled9, 2),
|
|
67
|
+
selectedValue = _useControlled0[0],
|
|
68
|
+
setSelectedValue = _useControlled0[1];
|
|
69
|
+
var _useControlled1 = (0, _useControlled11.default)(previouslySelected, function () {
|
|
70
70
|
return defaultPreviouslySelected;
|
|
71
71
|
}),
|
|
72
|
-
|
|
73
|
-
previouslySelectedValue =
|
|
74
|
-
setPreviouslySelectedValue =
|
|
72
|
+
_useControlled10 = (0, _slicedToArray2.default)(_useControlled1, 2),
|
|
73
|
+
previouslySelectedValue = _useControlled10[0],
|
|
74
|
+
setPreviouslySelectedValue = _useControlled10[1];
|
|
75
75
|
return {
|
|
76
76
|
day: [dayValue, setDayValue],
|
|
77
77
|
month: [monthValue, setMonthValue],
|
|
@@ -13,7 +13,7 @@ var _constants = require("../constants");
|
|
|
13
13
|
var _dateToString = _interopRequireDefault(require("../utils/date-to-string"));
|
|
14
14
|
var _getBaseCalendar = _interopRequireDefault(require("../utils/get-base-calendar"));
|
|
15
15
|
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; }
|
|
16
|
-
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; }
|
|
16
|
+
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; }
|
|
17
17
|
function useGetCalendarWithSixthWeek(calendar, _ref) {
|
|
18
18
|
var month = _ref.month,
|
|
19
19
|
year = _ref.year,
|
package/dist/es2019/calendar.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
1
2
|
import React, { memo, useState } from 'react';
|
|
2
3
|
import { IconButton } from '@atlaskit/button/new';
|
|
3
4
|
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
4
5
|
import Heading from '@atlaskit/heading';
|
|
5
|
-
import ChevronDoubleLeftIcon from '@atlaskit/icon/
|
|
6
|
-
import ChevronDoubleRightIcon from '@atlaskit/icon/
|
|
7
|
-
import ChevronLeftIcon from '@atlaskit/icon/
|
|
8
|
-
import ChevronRightIcon from '@atlaskit/icon/
|
|
6
|
+
import ChevronDoubleLeftIcon from '@atlaskit/icon/core/chevron-double-left';
|
|
7
|
+
import ChevronDoubleRightIcon from '@atlaskit/icon/core/chevron-double-right';
|
|
8
|
+
import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
|
|
9
|
+
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
9
10
|
import { Box, Inline } from '@atlaskit/primitives/compiled';
|
|
10
11
|
const Header = /*#__PURE__*/memo(function Header({
|
|
11
12
|
monthLongTitle,
|
|
@@ -75,7 +76,9 @@ const Header = /*#__PURE__*/memo(function Header({
|
|
|
75
76
|
tabIndex: tabIndex,
|
|
76
77
|
onClick: handlePrevYearInteraction,
|
|
77
78
|
testId: testId && `${testId}--previous-year`,
|
|
78
|
-
icon: ChevronDoubleLeftIcon,
|
|
79
|
+
icon: iconProps => /*#__PURE__*/React.createElement(ChevronDoubleLeftIcon, _extends({}, iconProps, {
|
|
80
|
+
size: "small"
|
|
81
|
+
})),
|
|
79
82
|
label: `${previousYearLabel}, ${previousYearHeading}`
|
|
80
83
|
}), /*#__PURE__*/React.createElement(IconButton, {
|
|
81
84
|
appearance: "subtle",
|
|
@@ -83,7 +86,9 @@ const Header = /*#__PURE__*/memo(function Header({
|
|
|
83
86
|
tabIndex: tabIndex,
|
|
84
87
|
onClick: handlePrevMonthInteraction,
|
|
85
88
|
testId: testId && `${testId}--previous-month`,
|
|
86
|
-
icon: ChevronLeftIcon,
|
|
89
|
+
icon: iconProps => /*#__PURE__*/React.createElement(ChevronLeftIcon, _extends({}, iconProps, {
|
|
90
|
+
size: "small"
|
|
91
|
+
})),
|
|
87
92
|
label: `${previousMonthLabel}, ${previousMonthHeading}`
|
|
88
93
|
})), /*#__PURE__*/React.createElement(Box, {
|
|
89
94
|
"aria-live": hasInteractedWithMonthOrYear ? 'polite' : undefined,
|
|
@@ -103,7 +108,9 @@ const Header = /*#__PURE__*/memo(function Header({
|
|
|
103
108
|
tabIndex: tabIndex,
|
|
104
109
|
onClick: handleNextMonthInteraction,
|
|
105
110
|
testId: testId && `${testId}--next-month`,
|
|
106
|
-
icon: ChevronRightIcon,
|
|
111
|
+
icon: iconProps => /*#__PURE__*/React.createElement(ChevronRightIcon, _extends({}, iconProps, {
|
|
112
|
+
size: "small"
|
|
113
|
+
})),
|
|
107
114
|
label: `${nextMonthLabel}, ${nextMonthHeading}`
|
|
108
115
|
}), /*#__PURE__*/React.createElement(IconButton, {
|
|
109
116
|
appearance: "subtle",
|
|
@@ -111,7 +118,9 @@ const Header = /*#__PURE__*/memo(function Header({
|
|
|
111
118
|
tabIndex: tabIndex,
|
|
112
119
|
onClick: handleNextYearInteraction,
|
|
113
120
|
testId: testId && `${testId}--next-year`,
|
|
114
|
-
icon: ChevronDoubleRightIcon,
|
|
121
|
+
icon: iconProps => /*#__PURE__*/React.createElement(ChevronDoubleRightIcon, _extends({}, iconProps, {
|
|
122
|
+
size: "small"
|
|
123
|
+
})),
|
|
115
124
|
label: `${nextYearLabel}, ${nextYearHeading}`
|
|
116
125
|
}))));
|
|
117
126
|
});
|
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: "17.1.
|
|
31
|
+
packageVersion: "17.1.7"
|
|
32
32
|
};
|
|
33
33
|
var InnerCalendar = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
|
|
34
34
|
var day = _ref.day,
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
1
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
3
|
import React, { memo, useState } from 'react';
|
|
3
4
|
import { IconButton } from '@atlaskit/button/new';
|
|
4
5
|
import { useId } from '@atlaskit/ds-lib/use-id';
|
|
5
6
|
import Heading from '@atlaskit/heading';
|
|
6
|
-
import ChevronDoubleLeftIcon from '@atlaskit/icon/
|
|
7
|
-
import ChevronDoubleRightIcon from '@atlaskit/icon/
|
|
8
|
-
import ChevronLeftIcon from '@atlaskit/icon/
|
|
9
|
-
import ChevronRightIcon from '@atlaskit/icon/
|
|
7
|
+
import ChevronDoubleLeftIcon from '@atlaskit/icon/core/chevron-double-left';
|
|
8
|
+
import ChevronDoubleRightIcon from '@atlaskit/icon/core/chevron-double-right';
|
|
9
|
+
import ChevronLeftIcon from '@atlaskit/icon/core/chevron-left';
|
|
10
|
+
import ChevronRightIcon from '@atlaskit/icon/core/chevron-right';
|
|
10
11
|
import { Box, Inline } from '@atlaskit/primitives/compiled';
|
|
11
12
|
var Header = /*#__PURE__*/memo(function Header(_ref) {
|
|
12
13
|
var monthLongTitle = _ref.monthLongTitle,
|
|
@@ -82,7 +83,11 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
|
|
|
82
83
|
tabIndex: tabIndex,
|
|
83
84
|
onClick: handlePrevYearInteraction,
|
|
84
85
|
testId: testId && "".concat(testId, "--previous-year"),
|
|
85
|
-
icon:
|
|
86
|
+
icon: function icon(iconProps) {
|
|
87
|
+
return /*#__PURE__*/React.createElement(ChevronDoubleLeftIcon, _extends({}, iconProps, {
|
|
88
|
+
size: "small"
|
|
89
|
+
}));
|
|
90
|
+
},
|
|
86
91
|
label: "".concat(previousYearLabel, ", ").concat(previousYearHeading)
|
|
87
92
|
}), /*#__PURE__*/React.createElement(IconButton, {
|
|
88
93
|
appearance: "subtle",
|
|
@@ -90,7 +95,11 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
|
|
|
90
95
|
tabIndex: tabIndex,
|
|
91
96
|
onClick: handlePrevMonthInteraction,
|
|
92
97
|
testId: testId && "".concat(testId, "--previous-month"),
|
|
93
|
-
icon:
|
|
98
|
+
icon: function icon(iconProps) {
|
|
99
|
+
return /*#__PURE__*/React.createElement(ChevronLeftIcon, _extends({}, iconProps, {
|
|
100
|
+
size: "small"
|
|
101
|
+
}));
|
|
102
|
+
},
|
|
94
103
|
label: "".concat(previousMonthLabel, ", ").concat(previousMonthHeading)
|
|
95
104
|
})), /*#__PURE__*/React.createElement(Box, {
|
|
96
105
|
"aria-live": hasInteractedWithMonthOrYear ? 'polite' : undefined,
|
|
@@ -110,7 +119,11 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
|
|
|
110
119
|
tabIndex: tabIndex,
|
|
111
120
|
onClick: handleNextMonthInteraction,
|
|
112
121
|
testId: testId && "".concat(testId, "--next-month"),
|
|
113
|
-
icon:
|
|
122
|
+
icon: function icon(iconProps) {
|
|
123
|
+
return /*#__PURE__*/React.createElement(ChevronRightIcon, _extends({}, iconProps, {
|
|
124
|
+
size: "small"
|
|
125
|
+
}));
|
|
126
|
+
},
|
|
114
127
|
label: "".concat(nextMonthLabel, ", ").concat(nextMonthHeading)
|
|
115
128
|
}), /*#__PURE__*/React.createElement(IconButton, {
|
|
116
129
|
appearance: "subtle",
|
|
@@ -118,7 +131,11 @@ var Header = /*#__PURE__*/memo(function Header(_ref) {
|
|
|
118
131
|
tabIndex: tabIndex,
|
|
119
132
|
onClick: handleNextYearInteraction,
|
|
120
133
|
testId: testId && "".concat(testId, "--next-year"),
|
|
121
|
-
icon:
|
|
134
|
+
icon: function icon(iconProps) {
|
|
135
|
+
return /*#__PURE__*/React.createElement(ChevronDoubleRightIcon, _extends({}, iconProps, {
|
|
136
|
+
size: "small"
|
|
137
|
+
}));
|
|
138
|
+
},
|
|
122
139
|
label: "".concat(nextYearLabel, ", ").concat(nextYearHeading)
|
|
123
140
|
}))));
|
|
124
141
|
});
|
|
@@ -57,15 +57,15 @@ export default function useControlledDateState(_ref) {
|
|
|
57
57
|
var _useControlled9 = useControlled(selected, function () {
|
|
58
58
|
return defaultSelected;
|
|
59
59
|
}),
|
|
60
|
-
|
|
61
|
-
selectedValue =
|
|
62
|
-
setSelectedValue =
|
|
63
|
-
var
|
|
60
|
+
_useControlled0 = _slicedToArray(_useControlled9, 2),
|
|
61
|
+
selectedValue = _useControlled0[0],
|
|
62
|
+
setSelectedValue = _useControlled0[1];
|
|
63
|
+
var _useControlled1 = useControlled(previouslySelected, function () {
|
|
64
64
|
return defaultPreviouslySelected;
|
|
65
65
|
}),
|
|
66
|
-
|
|
67
|
-
previouslySelectedValue =
|
|
68
|
-
setPreviouslySelectedValue =
|
|
66
|
+
_useControlled10 = _slicedToArray(_useControlled1, 2),
|
|
67
|
+
previouslySelectedValue = _useControlled10[0],
|
|
68
|
+
setPreviouslySelectedValue = _useControlled10[1];
|
|
69
69
|
return {
|
|
70
70
|
day: [dayValue, setDayValue],
|
|
71
71
|
month: [monthValue, setMonthValue],
|
|
@@ -3,8 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
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; }
|
|
4
4
|
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; }
|
|
5
5
|
import { useMemo } from 'react';
|
|
6
|
-
|
|
7
|
-
// eslint-disable-next-line no-restricted-imports
|
|
8
6
|
import { parseISO } from 'date-fns';
|
|
9
7
|
import { daysPerWeek } from '../constants';
|
|
10
8
|
import dateToString from '../utils/date-to-string';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/calendar",
|
|
3
|
-
"version": "17.1.
|
|
3
|
+
"version": "17.1.7",
|
|
4
4
|
"description": "An interactive calendar for date selection experiences.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,16 +25,16 @@
|
|
|
25
25
|
"runReact18": true
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@atlaskit/analytics-next": "^11.
|
|
29
|
-
"@atlaskit/button": "^23.
|
|
28
|
+
"@atlaskit/analytics-next": "^11.1.0",
|
|
29
|
+
"@atlaskit/button": "^23.2.0",
|
|
30
30
|
"@atlaskit/css": "^0.10.0",
|
|
31
31
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
32
|
-
"@atlaskit/heading": "^5.
|
|
33
|
-
"@atlaskit/icon": "^
|
|
32
|
+
"@atlaskit/heading": "^5.2.0",
|
|
33
|
+
"@atlaskit/icon": "^26.4.0",
|
|
34
34
|
"@atlaskit/locale": "^3.0.0",
|
|
35
|
-
"@atlaskit/primitives": "^14.
|
|
35
|
+
"@atlaskit/primitives": "^14.8.0",
|
|
36
36
|
"@atlaskit/theme": "^18.0.0",
|
|
37
|
-
"@atlaskit/tokens": "^
|
|
37
|
+
"@atlaskit/tokens": "^5.0.0",
|
|
38
38
|
"@babel/runtime": "^7.0.0",
|
|
39
39
|
"@compiled/react": "^0.18.3",
|
|
40
40
|
"date-fns": "^2.17.0"
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
"react": "^18.2.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@af/accessibility-testing": "
|
|
47
|
-
"@af/integration-testing": "
|
|
48
|
-
"@af/visual-regression": "
|
|
46
|
+
"@af/accessibility-testing": "workspace:^",
|
|
47
|
+
"@af/integration-testing": "workspace:^",
|
|
48
|
+
"@af/visual-regression": "workspace:^",
|
|
49
49
|
"@atlaskit/docs": "^10.0.0",
|
|
50
50
|
"@atlaskit/form": "^12.0.0",
|
|
51
|
-
"@atlaskit/link": "^3.
|
|
51
|
+
"@atlaskit/link": "^3.2.0",
|
|
52
52
|
"@atlaskit/section-message": "^8.2.0",
|
|
53
|
-
"@atlaskit/select": "^20.
|
|
54
|
-
"@atlaskit/ssr": "
|
|
55
|
-
"@atlaskit/visual-regression": "
|
|
53
|
+
"@atlaskit/select": "^20.6.0",
|
|
54
|
+
"@atlaskit/ssr": "workspace:^",
|
|
55
|
+
"@atlaskit/visual-regression": "workspace:^",
|
|
56
56
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
57
57
|
"@atlassian/ssr-tests": "^0.2.0",
|
|
58
58
|
"@testing-library/react": "^13.4.0",
|