@instructure/ui-calendar 8.56.0 → 8.56.2-pr-snapshot-1721749364069
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 +16 -0
- package/lib/Calendar/CalendarLocator.js +2 -2
- package/lib/Calendar/Day/DayLocator.js +2 -2
- package/lib/Calendar/Day/index.js +10 -12
- package/lib/Calendar/Day/props.js +2 -2
- package/lib/Calendar/index.js +36 -41
- package/lib/Calendar/props.js +2 -2
- package/package.json +19 -19
- package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-calendar
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @instructure/ui-calendar
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
# [8.56.0](https://github.com/instructure/instructure-ui/compare/v8.55.1...v8.56.0) (2024-05-06)
|
|
7
23
|
|
|
8
24
|
**Note:** Version bump only for package @instructure/ui-calendar
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "DayLocator", {
|
|
|
10
10
|
return _DayLocator.DayLocator;
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
|
-
var
|
|
13
|
+
var _uiTestLocator = require("@instructure/ui-test-locator");
|
|
14
14
|
var _index = require("./index");
|
|
15
15
|
var _DayLocator = require("./Day/DayLocator");
|
|
16
16
|
/*
|
|
@@ -38,7 +38,7 @@ var _DayLocator = require("./Day/DayLocator");
|
|
|
38
38
|
*/
|
|
39
39
|
|
|
40
40
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
41
|
-
const CalendarLocator = exports.CalendarLocator = (0,
|
|
41
|
+
const CalendarLocator = exports.CalendarLocator = (0, _uiTestLocator.locator)(_index.Calendar.selector, {
|
|
42
42
|
findAllDays: (...args) => {
|
|
43
43
|
return _DayLocator.DayLocator.findAll(...args);
|
|
44
44
|
},
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.DayLocator = void 0;
|
|
7
|
-
var
|
|
7
|
+
var _uiTestLocator = require("@instructure/ui-test-locator");
|
|
8
8
|
var _index = require("./index");
|
|
9
9
|
/*
|
|
10
10
|
* The MIT License (MIT)
|
|
@@ -31,4 +31,4 @@ var _index = require("./index");
|
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
33
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
34
|
-
const DayLocator = exports.DayLocator = (0,
|
|
34
|
+
const DayLocator = exports.DayLocator = (0, _uiTestLocator.locator)(_index.Day.selector);
|
|
@@ -7,12 +7,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = exports.Day = void 0;
|
|
8
8
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
9
|
var _react = require("react");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
|
|
15
|
-
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
10
|
+
var _uiView = require("@instructure/ui-view");
|
|
11
|
+
var _uiA11yContent = require("@instructure/ui-a11y-content");
|
|
12
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
13
|
+
var _uiTestable = require("@instructure/ui-testable");
|
|
16
14
|
var _emotion = require("@instructure/emotion");
|
|
17
15
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
18
16
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
@@ -49,7 +47,7 @@ parent: Calendar
|
|
|
49
47
|
id: Calendar.Day
|
|
50
48
|
---
|
|
51
49
|
**/
|
|
52
|
-
let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0,
|
|
50
|
+
let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Day extends _react.Component {
|
|
53
51
|
constructor(...args) {
|
|
54
52
|
super(...args);
|
|
55
53
|
this.ref = null;
|
|
@@ -100,7 +98,7 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
|
|
|
100
98
|
}
|
|
101
99
|
get elementType() {
|
|
102
100
|
const as = this.props.as;
|
|
103
|
-
return as || (0,
|
|
101
|
+
return as || (0, _uiReactUtils.getElementType)(Day, this.props);
|
|
104
102
|
}
|
|
105
103
|
shouldApplyAriaSelected() {
|
|
106
104
|
const role = this.props.role; // eslint-disable-line react/prop-types
|
|
@@ -121,8 +119,8 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
|
|
|
121
119
|
props = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
|
|
122
120
|
const elementType = this.elementType,
|
|
123
121
|
isDisabled = this.isDisabled;
|
|
124
|
-
const passthroughProps =
|
|
125
|
-
return (0, _emotion.jsx)(
|
|
122
|
+
const passthroughProps = _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(props, Day.allowedProps), Day);
|
|
123
|
+
return (0, _emotion.jsx)(_uiView.View, Object.assign({}, passthroughProps, {
|
|
126
124
|
as: elementType,
|
|
127
125
|
css: styles === null || styles === void 0 ? void 0 : styles.calendarDay,
|
|
128
126
|
display: "inline-block",
|
|
@@ -139,9 +137,9 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
|
|
|
139
137
|
elementRef: this.handleElementRef
|
|
140
138
|
}), (0, _emotion.jsx)("span", {
|
|
141
139
|
css: styles === null || styles === void 0 ? void 0 : styles.day
|
|
142
|
-
}, (0, _emotion.jsx)(
|
|
140
|
+
}, (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
|
|
143
141
|
alt: label
|
|
144
|
-
}, (0,
|
|
142
|
+
}, (0, _uiReactUtils.callRenderProp)(children))));
|
|
145
143
|
}
|
|
146
144
|
}, _class2.displayName = "Day", _class2.componentId = 'Calendar.Day', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
147
145
|
interaction: 'enabled',
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var
|
|
9
|
+
var _uiI18n = require("@instructure/ui-i18n");
|
|
10
10
|
/*
|
|
11
11
|
* The MIT License (MIT)
|
|
12
12
|
*
|
|
@@ -33,7 +33,7 @@ var _I18nPropTypes = require("@instructure/ui-i18n/lib/I18nPropTypes.js");
|
|
|
33
33
|
|
|
34
34
|
const propTypes = exports.propTypes = {
|
|
35
35
|
children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
36
|
-
date:
|
|
36
|
+
date: _uiI18n.I18nPropTypes.iso8601.isRequired,
|
|
37
37
|
label: _propTypes.default.string.isRequired,
|
|
38
38
|
interaction: _propTypes.default.oneOf(['enabled', 'disabled']),
|
|
39
39
|
isSelected: _propTypes.default.bool,
|
package/lib/Calendar/index.js
CHANGED
|
@@ -7,26 +7,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = exports.Calendar = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
|
|
14
|
-
var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
|
|
10
|
+
var _uiView = require("@instructure/ui-view");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
12
|
+
var _uiUtils = require("@instructure/ui-utils");
|
|
15
13
|
var _console = require("@instructure/console");
|
|
16
14
|
var _uid = require("@instructure/uid");
|
|
17
|
-
var
|
|
18
|
-
var
|
|
15
|
+
var _uiA11yContent = require("@instructure/ui-a11y-content");
|
|
16
|
+
var _uiTestable = require("@instructure/ui-testable");
|
|
19
17
|
var _emotion = require("@instructure/emotion");
|
|
20
|
-
var
|
|
21
|
-
var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
|
|
22
|
-
var _ApplyLocaleContext = require("@instructure/ui-i18n/lib/ApplyLocale/ApplyLocaleContext.js");
|
|
18
|
+
var _uiI18n = require("@instructure/ui-i18n");
|
|
23
19
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
24
20
|
var _theme = _interopRequireDefault(require("./theme"));
|
|
25
21
|
var _Day = require("./Day");
|
|
26
22
|
var _props = require("./props");
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
|
|
23
|
+
var _uiButtons = require("@instructure/ui-buttons");
|
|
24
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
30
25
|
var _dec, _dec2, _class, _class2, _IconButton, _IconButton2;
|
|
31
26
|
/*
|
|
32
27
|
* The MIT License (MIT)
|
|
@@ -57,7 +52,7 @@ var _dec, _dec2, _class, _class2, _IconButton, _IconButton2;
|
|
|
57
52
|
category: components
|
|
58
53
|
---
|
|
59
54
|
**/
|
|
60
|
-
let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0,
|
|
55
|
+
let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Calendar extends _react.Component {
|
|
61
56
|
constructor(props) {
|
|
62
57
|
super(props);
|
|
63
58
|
this.ref = null;
|
|
@@ -73,8 +68,8 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
73
68
|
this.calculateState = (locale, timezone, currentDate) => {
|
|
74
69
|
const visibleMonth = this.props.visibleMonth || currentDate;
|
|
75
70
|
return {
|
|
76
|
-
visibleMonth: visibleMonth ?
|
|
77
|
-
today: currentDate ?
|
|
71
|
+
visibleMonth: visibleMonth ? _uiI18n.DateTime.parse(visibleMonth, locale, timezone) : _uiI18n.DateTime.now(locale, timezone),
|
|
72
|
+
today: currentDate ? _uiI18n.DateTime.parse(currentDate, locale, timezone) : _uiI18n.DateTime.now(locale, timezone)
|
|
78
73
|
};
|
|
79
74
|
};
|
|
80
75
|
this.renderMonthNavigationButtons = () => {
|
|
@@ -82,20 +77,20 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
82
77
|
renderNextMonthButton = _this$props.renderNextMonthButton,
|
|
83
78
|
renderPrevMonthButton = _this$props.renderPrevMonthButton;
|
|
84
79
|
return {
|
|
85
|
-
prevButton: renderPrevMonthButton ? (0,
|
|
80
|
+
prevButton: renderPrevMonthButton ? (0, _uiReactUtils.callRenderProp)(renderPrevMonthButton) : _IconButton || (_IconButton = (0, _emotion.jsx)(_uiButtons.IconButton, {
|
|
86
81
|
size: "small",
|
|
87
82
|
withBackground: false,
|
|
88
83
|
withBorder: false,
|
|
89
|
-
renderIcon: (0, _emotion.jsx)(
|
|
84
|
+
renderIcon: (0, _emotion.jsx)(_uiIcons.IconArrowOpenStartSolid, {
|
|
90
85
|
color: "primary"
|
|
91
86
|
}),
|
|
92
87
|
screenReaderLabel: "Previous month"
|
|
93
88
|
})),
|
|
94
|
-
nextButton: renderNextMonthButton ? (0,
|
|
89
|
+
nextButton: renderNextMonthButton ? (0, _uiReactUtils.callRenderProp)(renderNextMonthButton) : _IconButton2 || (_IconButton2 = (0, _emotion.jsx)(_uiButtons.IconButton, {
|
|
95
90
|
size: "small",
|
|
96
91
|
withBackground: false,
|
|
97
92
|
withBorder: false,
|
|
98
|
-
renderIcon: (0, _emotion.jsx)(
|
|
93
|
+
renderIcon: (0, _emotion.jsx)(_uiIcons.IconArrowOpenEndSolid, {
|
|
99
94
|
color: "primary"
|
|
100
95
|
}),
|
|
101
96
|
screenReaderLabel: "Next month"
|
|
@@ -138,7 +133,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
138
133
|
date
|
|
139
134
|
}) => {
|
|
140
135
|
if (this.props.onDateSelected) {
|
|
141
|
-
const parsedDate =
|
|
136
|
+
const parsedDate = _uiI18n.DateTime.parse(date, this.locale(), this.timezone());
|
|
142
137
|
this.props.onDateSelected(parsedDate.toISOString(), parsedDate, event);
|
|
143
138
|
}
|
|
144
139
|
};
|
|
@@ -171,13 +166,13 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
171
166
|
const _this$renderMonthNavi = this.renderMonthNavigationButtons(),
|
|
172
167
|
prevButton = _this$renderMonthNavi.prevButton,
|
|
173
168
|
nextButton = _this$renderMonthNavi.nextButton;
|
|
174
|
-
const cloneButton = (button, onClick) => (0,
|
|
175
|
-
onClick: (0,
|
|
169
|
+
const cloneButton = (button, onClick) => (0, _uiReactUtils.safeCloneElement)(button, {
|
|
170
|
+
onClick: (0, _uiUtils.createChainedFunction)(button.props.onClick, onClick)
|
|
176
171
|
});
|
|
177
172
|
const style = [styles === null || styles === void 0 ? void 0 : styles.navigation, ...(prevButton || nextButton ? [styles === null || styles === void 0 ? void 0 : styles.navigationWithButtons] : [])];
|
|
178
173
|
return (0, _emotion.jsx)("div", {
|
|
179
174
|
css: style
|
|
180
|
-
}, prevButton && cloneButton(prevButton, this.handleMonthChange('prev')), renderNavigationLabel ? (0,
|
|
175
|
+
}, prevButton && cloneButton(prevButton, this.handleMonthChange('prev')), renderNavigationLabel ? (0, _uiReactUtils.callRenderProp)(renderNavigationLabel) : (0, _emotion.jsx)("span", null, (0, _emotion.jsx)("div", null, visibleMonth.format('MMMM')), (0, _emotion.jsx)("div", null, visibleMonth.format('YYYY'))), nextButton && cloneButton(nextButton, this.handleMonthChange('next')));
|
|
181
176
|
}
|
|
182
177
|
renderBody() {
|
|
183
178
|
return (0, _emotion.jsx)("table", {
|
|
@@ -195,31 +190,31 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
195
190
|
scope: "col",
|
|
196
191
|
css: styles === null || styles === void 0 ? void 0 : styles.weekdayHeader,
|
|
197
192
|
id: this._weekdayHeaderIds[i]
|
|
198
|
-
}, (0,
|
|
193
|
+
}, (0, _uiReactUtils.callRenderProp)(label));
|
|
199
194
|
}));
|
|
200
195
|
}
|
|
201
196
|
get defaultWeekdays() {
|
|
202
|
-
const shortDayNames =
|
|
203
|
-
const longDayNames =
|
|
204
|
-
return [(0, _emotion.jsx)(
|
|
197
|
+
const shortDayNames = _uiI18n.DateTime.getLocalDayNamesOfTheWeek(this.locale(), 'short');
|
|
198
|
+
const longDayNames = _uiI18n.DateTime.getLocalDayNamesOfTheWeek(this.locale(), 'long');
|
|
199
|
+
return [(0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
|
|
205
200
|
key: 1,
|
|
206
201
|
alt: longDayNames[0]
|
|
207
|
-
}, shortDayNames[0]), (0, _emotion.jsx)(
|
|
202
|
+
}, shortDayNames[0]), (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
|
|
208
203
|
key: 2,
|
|
209
204
|
alt: longDayNames[1]
|
|
210
|
-
}, shortDayNames[1]), (0, _emotion.jsx)(
|
|
205
|
+
}, shortDayNames[1]), (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
|
|
211
206
|
key: 3,
|
|
212
207
|
alt: longDayNames[2]
|
|
213
|
-
}, shortDayNames[2]), (0, _emotion.jsx)(
|
|
208
|
+
}, shortDayNames[2]), (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
|
|
214
209
|
key: 4,
|
|
215
210
|
alt: longDayNames[3]
|
|
216
|
-
}, shortDayNames[3]), (0, _emotion.jsx)(
|
|
211
|
+
}, shortDayNames[3]), (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
|
|
217
212
|
key: 5,
|
|
218
213
|
alt: longDayNames[4]
|
|
219
|
-
}, shortDayNames[4]), (0, _emotion.jsx)(
|
|
214
|
+
}, shortDayNames[4]), (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
|
|
220
215
|
key: 6,
|
|
221
216
|
alt: longDayNames[5]
|
|
222
|
-
}, shortDayNames[5]), (0, _emotion.jsx)(
|
|
217
|
+
}, shortDayNames[5]), (0, _emotion.jsx)(_uiA11yContent.AccessibleContent, {
|
|
223
218
|
key: 7,
|
|
224
219
|
alt: longDayNames[6]
|
|
225
220
|
}, shortDayNames[6])];
|
|
@@ -241,7 +236,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
241
236
|
}, row.map((day, i) => (0, _emotion.jsx)("td", {
|
|
242
237
|
key: day.props.date,
|
|
243
238
|
role: role
|
|
244
|
-
}, role === 'presentation' ? (0,
|
|
239
|
+
}, role === 'presentation' ? (0, _uiReactUtils.safeCloneElement)(day, {
|
|
245
240
|
'aria-describedby': this._weekdayHeaderIds[i]
|
|
246
241
|
}) : day))));
|
|
247
242
|
}
|
|
@@ -251,7 +246,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
251
246
|
} else if (this.context && this.context.locale) {
|
|
252
247
|
return this.context.locale;
|
|
253
248
|
}
|
|
254
|
-
return
|
|
249
|
+
return _uiI18n.Locale.browserLocale();
|
|
255
250
|
}
|
|
256
251
|
timezone() {
|
|
257
252
|
if (this.props.timezone) {
|
|
@@ -259,7 +254,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
259
254
|
} else if (this.context && this.context.timezone) {
|
|
260
255
|
return this.context.timezone;
|
|
261
256
|
}
|
|
262
|
-
return
|
|
257
|
+
return _uiI18n.DateTime.browserTimeZone();
|
|
263
258
|
}
|
|
264
259
|
isDisabledDate(date) {
|
|
265
260
|
const disabledDates = this.props.disabledDates;
|
|
@@ -284,7 +279,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
284
279
|
// Sets it to the first local day of the week counting back from the start of the month.
|
|
285
280
|
// Note that first day depends on the locale, e.g. it's Sunday in the US and
|
|
286
281
|
// Monday in most of the EU.
|
|
287
|
-
const currDate =
|
|
282
|
+
const currDate = _uiI18n.DateTime.getFirstDayOfWeek(visibleMonth.clone().startOf('month'));
|
|
288
283
|
const arr = [];
|
|
289
284
|
for (let i = 0; i < Calendar.DAY_COUNT; i++) {
|
|
290
285
|
arr.push(currDate.clone());
|
|
@@ -308,8 +303,8 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
308
303
|
});
|
|
309
304
|
}
|
|
310
305
|
render() {
|
|
311
|
-
const passthroughProps =
|
|
312
|
-
return (0, _emotion.jsx)(
|
|
306
|
+
const passthroughProps = _uiView.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Calendar.allowedProps), Calendar);
|
|
307
|
+
return (0, _emotion.jsx)(_uiView.View, Object.assign({}, passthroughProps, {
|
|
313
308
|
as: this.props.as,
|
|
314
309
|
display: "inline-block",
|
|
315
310
|
padding: "small",
|
|
@@ -317,7 +312,7 @@ let Calendar = exports.Calendar = (_dec = (0, _emotion.withStyle)(_styles.defaul
|
|
|
317
312
|
elementRef: this.handleRef
|
|
318
313
|
}), this.renderHeader(), this.renderBody());
|
|
319
314
|
}
|
|
320
|
-
}, _class2.displayName = "Calendar", _class2.componentId = 'Calendar', _class2.contextType =
|
|
315
|
+
}, _class2.displayName = "Calendar", _class2.componentId = 'Calendar', _class2.contextType = _uiI18n.ApplyLocaleContext, _class2.Day = _Day.Day, _class2.DAY_COUNT = 42, _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
|
|
321
316
|
as: 'span',
|
|
322
317
|
role: 'table'
|
|
323
318
|
}, _class2)) || _class) || _class);
|
package/lib/Calendar/props.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var
|
|
9
|
+
var _uiPropTypes = require("@instructure/ui-prop-types");
|
|
10
10
|
var _Day = require("./Day");
|
|
11
11
|
/*
|
|
12
12
|
* The MIT License (MIT)
|
|
@@ -34,7 +34,7 @@ var _Day = require("./Day");
|
|
|
34
34
|
|
|
35
35
|
const propTypes = exports.propTypes = {
|
|
36
36
|
as: _propTypes.default.elementType,
|
|
37
|
-
children:
|
|
37
|
+
children: _uiPropTypes.Children.oneOf([_Day.Day]),
|
|
38
38
|
currentDate: _propTypes.default.string,
|
|
39
39
|
disabledDates: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]),
|
|
40
40
|
locale: _propTypes.default.string,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-calendar",
|
|
3
|
-
"version": "8.56.
|
|
3
|
+
"version": "8.56.2-pr-snapshot-1721749364069",
|
|
4
4
|
"description": "A calendar component.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,29 +23,29 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.56.
|
|
27
|
-
"@instructure/ui-color-utils": "8.56.
|
|
28
|
-
"@instructure/ui-test-locator": "8.56.
|
|
29
|
-
"@instructure/ui-test-utils": "8.56.
|
|
30
|
-
"@instructure/ui-themes": "8.56.
|
|
26
|
+
"@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
|
|
27
|
+
"@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
|
|
28
|
+
"@instructure/ui-test-locator": "8.56.2-pr-snapshot-1721749364069",
|
|
29
|
+
"@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
|
|
30
|
+
"@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069",
|
|
31
31
|
"@testing-library/jest-dom": "^6.1.4",
|
|
32
32
|
"@testing-library/react": "^14.1.2"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@babel/runtime": "^7.23.2",
|
|
36
|
-
"@instructure/console": "8.56.
|
|
37
|
-
"@instructure/emotion": "8.56.
|
|
38
|
-
"@instructure/shared-types": "8.56.
|
|
39
|
-
"@instructure/ui-a11y-content": "8.56.
|
|
40
|
-
"@instructure/ui-buttons": "8.56.
|
|
41
|
-
"@instructure/ui-i18n": "8.56.
|
|
42
|
-
"@instructure/ui-icons": "8.56.
|
|
43
|
-
"@instructure/ui-prop-types": "8.56.
|
|
44
|
-
"@instructure/ui-react-utils": "8.56.
|
|
45
|
-
"@instructure/ui-testable": "8.56.
|
|
46
|
-
"@instructure/ui-utils": "8.56.
|
|
47
|
-
"@instructure/ui-view": "8.56.
|
|
48
|
-
"@instructure/uid": "8.56.
|
|
36
|
+
"@instructure/console": "8.56.2-pr-snapshot-1721749364069",
|
|
37
|
+
"@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
|
|
38
|
+
"@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
|
|
39
|
+
"@instructure/ui-a11y-content": "8.56.2-pr-snapshot-1721749364069",
|
|
40
|
+
"@instructure/ui-buttons": "8.56.2-pr-snapshot-1721749364069",
|
|
41
|
+
"@instructure/ui-i18n": "8.56.2-pr-snapshot-1721749364069",
|
|
42
|
+
"@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
|
|
43
|
+
"@instructure/ui-prop-types": "8.56.2-pr-snapshot-1721749364069",
|
|
44
|
+
"@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
|
|
45
|
+
"@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
|
|
46
|
+
"@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
|
|
47
|
+
"@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
|
|
48
|
+
"@instructure/uid": "8.56.2-pr-snapshot-1721749364069",
|
|
49
49
|
"prop-types": "^15.8.1"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|