@instructure/ui-date-input 8.56.2-pr-snapshot-1721749364069 → 8.56.2
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
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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
|
|
6
|
+
## [8.56.2](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2) (2024-08-06)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-date-input
|
|
9
9
|
|
|
@@ -6,8 +6,8 @@ var _react2 = require("@testing-library/react");
|
|
|
6
6
|
var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
|
|
7
7
|
require("@testing-library/jest-dom");
|
|
8
8
|
var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
|
|
9
|
-
var
|
|
10
|
-
var
|
|
9
|
+
var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
|
|
10
|
+
var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
|
|
11
11
|
var _DateInput = _interopRequireDefault(require("../__examples__/DateInput.examples"));
|
|
12
12
|
var _index = require("../index");
|
|
13
13
|
var _Calendar$Day, _button, _button2, _Calendar$Day2, _Calendar$Day3;
|
|
@@ -37,11 +37,11 @@ var _Calendar$Day, _button, _button2, _Calendar$Day2, _Calendar$Day3;
|
|
|
37
37
|
// eslint-disable-next-line no-restricted-imports
|
|
38
38
|
describe('<DateInput />', () => {
|
|
39
39
|
const weekdayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
|
40
|
-
const generateDays = (count =
|
|
40
|
+
const generateDays = (count = _Calendar.Calendar.DAY_COUNT) => {
|
|
41
41
|
const days = [];
|
|
42
42
|
const date = new Date('2019-07-28');
|
|
43
43
|
while (days.length < count) {
|
|
44
|
-
days.push( /*#__PURE__*/_react.default.createElement(
|
|
44
|
+
days.push( /*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
|
|
45
45
|
key: date.toISOString(),
|
|
46
46
|
date: date.toISOString(),
|
|
47
47
|
label: date.toISOString()
|
|
@@ -429,7 +429,7 @@ describe('<DateInput />', () => {
|
|
|
429
429
|
const onRequestHideCalendar = jest.fn();
|
|
430
430
|
const onRequestValidateDate = jest.fn();
|
|
431
431
|
const days = generateDays();
|
|
432
|
-
days[4] = _Calendar$Day || (_Calendar$Day = /*#__PURE__*/_react.default.createElement(
|
|
432
|
+
days[4] = _Calendar$Day || (_Calendar$Day = /*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
|
|
433
433
|
key: "4",
|
|
434
434
|
label: "4",
|
|
435
435
|
date: "2019-09-28",
|
|
@@ -502,7 +502,7 @@ describe('<DateInput />', () => {
|
|
|
502
502
|
});
|
|
503
503
|
it('should render days with the correct role', async () => {
|
|
504
504
|
const days = generateDays();
|
|
505
|
-
days[5] = _Calendar$Day2 || (_Calendar$Day2 = /*#__PURE__*/_react.default.createElement(
|
|
505
|
+
days[5] = _Calendar$Day2 || (_Calendar$Day2 = /*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
|
|
506
506
|
key: "5",
|
|
507
507
|
label: "5",
|
|
508
508
|
date: "2019-09-28",
|
|
@@ -526,7 +526,7 @@ describe('<DateInput />', () => {
|
|
|
526
526
|
});
|
|
527
527
|
it('should assign aria-selected to the selected date and link it to the input', async () => {
|
|
528
528
|
const days = generateDays();
|
|
529
|
-
days[7] = _Calendar$Day3 || (_Calendar$Day3 = /*#__PURE__*/_react.default.createElement(
|
|
529
|
+
days[7] = _Calendar$Day3 || (_Calendar$Day3 = /*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
|
|
530
530
|
key: "7",
|
|
531
531
|
label: "7",
|
|
532
532
|
date: "2019-09-28",
|
|
@@ -560,7 +560,7 @@ describe('<DateInput />', () => {
|
|
|
560
560
|
}) => {
|
|
561
561
|
const _render7 = (0, _react2.render)(content),
|
|
562
562
|
container = _render7.container;
|
|
563
|
-
const axeCheck = await (0,
|
|
563
|
+
const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
|
|
564
564
|
expect(axeCheck).toBe(true);
|
|
565
565
|
});
|
|
566
566
|
});
|
package/lib/DateInput/index.js
CHANGED
|
@@ -8,15 +8,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = exports.DateInput = void 0;
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
11
|
+
var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
|
|
12
|
+
var _IconCalendarMonthLine = require("@instructure/ui-icons/lib/IconCalendarMonthLine.js");
|
|
13
|
+
var _Popover = require("@instructure/ui-popover/lib/Popover");
|
|
14
|
+
var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
|
|
15
|
+
var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
|
|
16
|
+
var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
|
|
17
|
+
var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
|
|
18
|
+
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
19
|
+
var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
|
|
20
|
+
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
|
|
21
|
+
var _testable = require("@instructure/ui-testable/lib/testable.js");
|
|
22
|
+
var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
|
|
23
|
+
var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
|
|
20
24
|
var _emotion = require("@instructure/emotion");
|
|
21
25
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
22
26
|
var _props2 = require("./props");
|
|
@@ -54,7 +58,7 @@ category: components
|
|
|
54
58
|
The `DateInput` component provides a visual interface for inputting date data.
|
|
55
59
|
See <https://instructure.design/#DateInput/>
|
|
56
60
|
**/
|
|
57
|
-
let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0,
|
|
61
|
+
let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class DateInput extends _react.Component {
|
|
58
62
|
constructor(...args) {
|
|
59
63
|
super(...args);
|
|
60
64
|
this.state = {
|
|
@@ -105,7 +109,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
105
109
|
const messages = [];
|
|
106
110
|
// check if date is enabled
|
|
107
111
|
const disabledDates = this.props.disabledDates;
|
|
108
|
-
if (typeof disabledDates === 'function' && disabledDates(date) || Array.isArray(disabledDates) && disabledDates.find(dateString =>
|
|
112
|
+
if (typeof disabledDates === 'function' && disabledDates(date) || Array.isArray(disabledDates) && disabledDates.find(dateString => _DateTime.DateTime.parse(dateString, this.locale(), this.timezone()).isSame(_DateTime.DateTime.parse(date, this.locale(), this.timezone()), 'day'))) {
|
|
109
113
|
messages.push(typeof disabledDateErrorMessage === 'function' ? disabledDateErrorMessage(date) : {
|
|
110
114
|
type: 'error',
|
|
111
115
|
text: disabledDateErrorMessage
|
|
@@ -113,7 +117,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
113
117
|
}
|
|
114
118
|
|
|
115
119
|
// check if date is valid
|
|
116
|
-
if (!
|
|
120
|
+
if (!_DateTime.DateTime.parse(date, this.locale(), this.timezone(), [_DateTime.DateTime.momentISOFormat, 'llll', 'LLLL', 'lll', 'LLL', 'll', 'LL', 'l', 'L'], true).isValid()) {
|
|
117
121
|
messages.push(typeof invalidDateErrorMessage === 'function' ? invalidDateErrorMessage(date) : {
|
|
118
122
|
type: 'error',
|
|
119
123
|
text: invalidDateErrorMessage
|
|
@@ -153,14 +157,14 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
153
157
|
onChange = _this$props7.onChange,
|
|
154
158
|
value = _this$props7.value,
|
|
155
159
|
currentDate = _this$props7.currentDate;
|
|
156
|
-
const isValueValid = value &&
|
|
160
|
+
const isValueValid = value && _DateTime.DateTime.parse(value, this.locale(), this.timezone()).isValid();
|
|
157
161
|
if (direction === -1) {
|
|
158
162
|
if (onRequestSelectPrevDay) {
|
|
159
163
|
onRequestSelectPrevDay === null || onRequestSelectPrevDay === void 0 ? void 0 : onRequestSelectPrevDay(event);
|
|
160
164
|
} else {
|
|
161
165
|
// @ts-expect-error TODO
|
|
162
166
|
onChange(event, {
|
|
163
|
-
value:
|
|
167
|
+
value: _DateTime.DateTime.parse(isValueValid ? value : currentDate, this.locale(), this.timezone()).subtract(1, 'day').format('MMMM D, YYYY')
|
|
164
168
|
});
|
|
165
169
|
this.setState({
|
|
166
170
|
messages: []
|
|
@@ -173,7 +177,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
173
177
|
} else {
|
|
174
178
|
// @ts-expect-error TODO
|
|
175
179
|
onChange(event, {
|
|
176
|
-
value:
|
|
180
|
+
value: _DateTime.DateTime.parse(isValueValid ? value : currentDate, this.locale(), this.timezone()).add(1, 'day').format('MMMM D, YYYY')
|
|
177
181
|
});
|
|
178
182
|
this.setState({
|
|
179
183
|
messages: []
|
|
@@ -189,7 +193,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
189
193
|
} else if (this.context && this.context.locale) {
|
|
190
194
|
return this.context.locale;
|
|
191
195
|
}
|
|
192
|
-
return
|
|
196
|
+
return _Locale.Locale.browserLocale();
|
|
193
197
|
}
|
|
194
198
|
timezone() {
|
|
195
199
|
if (this.props.timezone) {
|
|
@@ -197,7 +201,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
197
201
|
} else if (this.context && this.context.timezone) {
|
|
198
202
|
return this.context.timezone;
|
|
199
203
|
}
|
|
200
|
-
return
|
|
204
|
+
return _DateTime.DateTime.browserTimeZone();
|
|
201
205
|
}
|
|
202
206
|
componentDidMount() {
|
|
203
207
|
var _this$props$makeStyle, _this$props8;
|
|
@@ -220,7 +224,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
220
224
|
return selectedDateId;
|
|
221
225
|
}
|
|
222
226
|
get interaction() {
|
|
223
|
-
return (0,
|
|
227
|
+
return (0, _getInteraction.getInteraction)({
|
|
224
228
|
props: this.props
|
|
225
229
|
});
|
|
226
230
|
}
|
|
@@ -229,7 +233,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
229
233
|
renderPrevMonthButton = _this$props10.renderPrevMonthButton,
|
|
230
234
|
renderNextMonthButton = _this$props10.renderNextMonthButton;
|
|
231
235
|
const button = type === 'prev' ? renderPrevMonthButton : renderNextMonthButton;
|
|
232
|
-
return button && (0,
|
|
236
|
+
return button && (0, _safeCloneElement.safeCloneElement)((0, _callRenderProp.callRenderProp)(button), {
|
|
233
237
|
tabIndex: -1
|
|
234
238
|
});
|
|
235
239
|
}
|
|
@@ -250,7 +254,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
250
254
|
onClick: optionProps.onClick,
|
|
251
255
|
role: 'presentation'
|
|
252
256
|
} : optionProps;
|
|
253
|
-
return (0,
|
|
257
|
+
return (0, _safeCloneElement.safeCloneElement)(day, propsAdded);
|
|
254
258
|
});
|
|
255
259
|
}
|
|
256
260
|
renderCalendar({
|
|
@@ -266,7 +270,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
266
270
|
onChange = _this$props11.onChange,
|
|
267
271
|
disabledDates = _this$props11.disabledDates,
|
|
268
272
|
currentDate = _this$props11.currentDate;
|
|
269
|
-
const isValidDate = value ?
|
|
273
|
+
const isValidDate = value ? _DateTime.DateTime.parse(value, this.locale(), this.timezone()).isValid() : false;
|
|
270
274
|
const noChildrenProps = this.props.children ? {} : {
|
|
271
275
|
disabledDates,
|
|
272
276
|
currentDate,
|
|
@@ -280,7 +284,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
280
284
|
this.handleHideCalendar(e, dateString);
|
|
281
285
|
}
|
|
282
286
|
};
|
|
283
|
-
return (0, _emotion.jsx)(
|
|
287
|
+
return (0, _emotion.jsx)(_Calendar.Calendar, Object.assign({}, getListProps({
|
|
284
288
|
onRequestRenderNextMonth,
|
|
285
289
|
onRequestRenderPrevMonth,
|
|
286
290
|
renderNavigationLabel,
|
|
@@ -316,8 +320,8 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
316
320
|
ref = _getTriggerProps.ref,
|
|
317
321
|
triggerProps = (0, _objectWithoutProperties2.default)(_getTriggerProps, _excluded2);
|
|
318
322
|
const messages = this.props.messages || this.state.messages;
|
|
319
|
-
return (0, _emotion.jsx)(
|
|
320
|
-
renderLabel: (0,
|
|
323
|
+
return (0, _emotion.jsx)(_TextInput.TextInput, Object.assign({}, triggerProps, (0, _passthroughProps.passthroughProps)(rest), getInputProps({
|
|
324
|
+
renderLabel: (0, _callRenderProp.callRenderProp)(renderLabel),
|
|
321
325
|
value,
|
|
322
326
|
placeholder,
|
|
323
327
|
size,
|
|
@@ -325,12 +329,12 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
325
329
|
width,
|
|
326
330
|
messages,
|
|
327
331
|
onChange: this.handleInputChange,
|
|
328
|
-
onBlur: (0,
|
|
329
|
-
inputRef: (0,
|
|
332
|
+
onBlur: (0, _createChainedFunction.createChainedFunction)(onBlur, this.handleHideCalendar),
|
|
333
|
+
inputRef: (0, _createChainedFunction.createChainedFunction)(ref, this.handleInputRef),
|
|
330
334
|
interaction,
|
|
331
335
|
isRequired,
|
|
332
336
|
display: isInline ? 'inline-block' : 'block',
|
|
333
|
-
renderAfterInput: _IconCalendarMonthLin || (_IconCalendarMonthLin = (0, _emotion.jsx)(
|
|
337
|
+
renderAfterInput: _IconCalendarMonthLin || (_IconCalendarMonthLin = (0, _emotion.jsx)(_IconCalendarMonthLine.IconCalendarMonthLine, {
|
|
334
338
|
inline: false
|
|
335
339
|
}))
|
|
336
340
|
}), {
|
|
@@ -352,7 +356,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
352
356
|
assistiveText = _this$props13.assistiveText,
|
|
353
357
|
styles = _this$props13.styles;
|
|
354
358
|
const isShowingCalendar = this.shouldShowCalendar();
|
|
355
|
-
return (0, _emotion.jsx)(
|
|
359
|
+
return (0, _emotion.jsx)(_Selectable.Selectable, {
|
|
356
360
|
isShowingOptions: isShowingCalendar,
|
|
357
361
|
onRequestShowOptions: this.handleShowCalendar,
|
|
358
362
|
onRequestHideOptions: this.handleHideCalendar,
|
|
@@ -376,7 +380,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
376
380
|
getTriggerProps
|
|
377
381
|
}), (0, _emotion.jsx)("span", Object.assign({}, getDescriptionProps(), {
|
|
378
382
|
css: styles === null || styles === void 0 ? void 0 : styles.assistiveText
|
|
379
|
-
}), assistiveText), (0, _emotion.jsx)(
|
|
383
|
+
}), assistiveText), (0, _emotion.jsx)(_Popover.Popover, {
|
|
380
384
|
placement: placement,
|
|
381
385
|
isShowingContent: isShowingCalendar,
|
|
382
386
|
positionTarget: this._input,
|
|
@@ -387,7 +391,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
387
391
|
getOptionProps
|
|
388
392
|
}))));
|
|
389
393
|
}
|
|
390
|
-
}, _class2.displayName = "DateInput", _class2.componentId = 'DateInput', _class2.Day =
|
|
394
|
+
}, _class2.displayName = "DateInput", _class2.componentId = 'DateInput', _class2.Day = _Calendar.Calendar.Day, _class2.propTypes = _props2.propTypes, _class2.allowedProps = _props2.allowedProps, _class2.defaultProps = {
|
|
391
395
|
value: '',
|
|
392
396
|
size: 'medium',
|
|
393
397
|
onBlur: () => {},
|
package/lib/DateInput/props.js
CHANGED
|
@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.propTypes = exports.allowedProps = void 0;
|
|
8
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
9
|
+
var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
|
|
10
|
+
var _Children = require("@instructure/ui-prop-types/lib/Children.js");
|
|
11
|
+
var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
|
|
12
|
+
var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
|
|
13
|
+
var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
|
|
13
14
|
/*
|
|
14
15
|
* The MIT License (MIT)
|
|
15
16
|
*
|
|
@@ -36,7 +37,7 @@ var _uiCalendar = require("@instructure/ui-calendar");
|
|
|
36
37
|
|
|
37
38
|
const propTypes = exports.propTypes = {
|
|
38
39
|
renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
|
|
39
|
-
value: (0,
|
|
40
|
+
value: (0, _controllable.controllable)(_propTypes.default.string),
|
|
40
41
|
size: _propTypes.default.oneOf(['small', 'medium', 'large']),
|
|
41
42
|
placeholder: _propTypes.default.string,
|
|
42
43
|
onChange: _propTypes.default.func,
|
|
@@ -49,8 +50,8 @@ const propTypes = exports.propTypes = {
|
|
|
49
50
|
width: _propTypes.default.string,
|
|
50
51
|
display: _propTypes.default.oneOf(['inline-block', 'block']),
|
|
51
52
|
inputRef: _propTypes.default.func,
|
|
52
|
-
messages: _propTypes.default.arrayOf(
|
|
53
|
-
placement:
|
|
53
|
+
messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
|
|
54
|
+
placement: _PositionPropTypes.PositionPropTypes.placement,
|
|
54
55
|
isShowingCalendar: _propTypes.default.bool,
|
|
55
56
|
onRequestValidateDate: _propTypes.default.func,
|
|
56
57
|
onRequestShowCalendar: _propTypes.default.func,
|
|
@@ -63,7 +64,7 @@ const propTypes = exports.propTypes = {
|
|
|
63
64
|
renderWeekdayLabels: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])),
|
|
64
65
|
renderNextMonthButton: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
|
|
65
66
|
renderPrevMonthButton: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
|
|
66
|
-
children:
|
|
67
|
+
children: _Children.Children.oneOf([_Calendar.Calendar.Day]),
|
|
67
68
|
disabledDates: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]),
|
|
68
69
|
currentDate: _propTypes.default.string,
|
|
69
70
|
disabledDateErrorMessage: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-date-input",
|
|
3
|
-
"version": "8.56.2
|
|
3
|
+
"version": "8.56.2",
|
|
4
4
|
"description": "A UI component library made by Instructure Inc.",
|
|
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-axe-check": "8.56.2
|
|
27
|
-
"@instructure/ui-babel-preset": "8.56.2
|
|
28
|
-
"@instructure/ui-scripts": "8.56.2
|
|
29
|
-
"@instructure/ui-test-utils": "8.56.2
|
|
26
|
+
"@instructure/ui-axe-check": "8.56.2",
|
|
27
|
+
"@instructure/ui-babel-preset": "8.56.2",
|
|
28
|
+
"@instructure/ui-scripts": "8.56.2",
|
|
29
|
+
"@instructure/ui-test-utils": "8.56.2",
|
|
30
30
|
"@testing-library/jest-dom": "^6.1.4",
|
|
31
31
|
"@testing-library/react": "^14.1.2",
|
|
32
32
|
"@testing-library/user-event": "^14.5.1"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@babel/runtime": "^7.23.2",
|
|
36
|
-
"@instructure/emotion": "8.56.2
|
|
37
|
-
"@instructure/ui-calendar": "8.56.2
|
|
38
|
-
"@instructure/ui-form-field": "8.56.2
|
|
39
|
-
"@instructure/ui-i18n": "8.56.2
|
|
40
|
-
"@instructure/ui-icons": "8.56.2
|
|
41
|
-
"@instructure/ui-popover": "8.56.2
|
|
42
|
-
"@instructure/ui-position": "8.56.2
|
|
43
|
-
"@instructure/ui-prop-types": "8.56.2
|
|
44
|
-
"@instructure/ui-react-utils": "8.56.2
|
|
45
|
-
"@instructure/ui-selectable": "8.56.2
|
|
46
|
-
"@instructure/ui-testable": "8.56.2
|
|
47
|
-
"@instructure/ui-text-input": "8.56.2
|
|
48
|
-
"@instructure/ui-utils": "8.56.2
|
|
36
|
+
"@instructure/emotion": "8.56.2",
|
|
37
|
+
"@instructure/ui-calendar": "8.56.2",
|
|
38
|
+
"@instructure/ui-form-field": "8.56.2",
|
|
39
|
+
"@instructure/ui-i18n": "8.56.2",
|
|
40
|
+
"@instructure/ui-icons": "8.56.2",
|
|
41
|
+
"@instructure/ui-popover": "8.56.2",
|
|
42
|
+
"@instructure/ui-position": "8.56.2",
|
|
43
|
+
"@instructure/ui-prop-types": "8.56.2",
|
|
44
|
+
"@instructure/ui-react-utils": "8.56.2",
|
|
45
|
+
"@instructure/ui-selectable": "8.56.2",
|
|
46
|
+
"@instructure/ui-testable": "8.56.2",
|
|
47
|
+
"@instructure/ui-text-input": "8.56.2",
|
|
48
|
+
"@instructure/ui-utils": "8.56.2",
|
|
49
49
|
"prop-types": "^15.8.1"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|