@instructure/ui-date-input 10.6.1-snapshot-9 → 10.6.1-snapshot-13

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,9 +3,12 @@
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
- ## [10.6.1-snapshot-9](https://github.com/instructure/instructure-ui/compare/v10.6.0...v10.6.1-snapshot-9) (2024-11-22)
6
+ ## [10.6.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v10.6.0...v10.6.1-snapshot-13) (2024-11-26)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-date-input
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-date-input:** fix DateInput2 not working with NVDA ([34fb8e0](https://github.com/instructure/instructure-ui/commit/34fb8e0d0882d7b45580533ed4218b5b306f6075))
9
12
 
10
13
 
11
14
 
@@ -110,7 +110,7 @@ describe('<DateInput2 />', () => {
110
110
  });
111
111
  it('should not show calendar table by default', async () => {
112
112
  render(_DateInputExample3 || (_DateInputExample3 = /*#__PURE__*/React.createElement(DateInputExample, null)));
113
- const calendarTable = screen.queryByRole('listbox');
113
+ const calendarTable = screen.queryByRole('table');
114
114
  expect(calendarTable).not.toBeInTheDocument();
115
115
  });
116
116
  it('should show calendar table when calendar button is clicked', async () => {
@@ -119,7 +119,7 @@ describe('<DateInput2 />', () => {
119
119
  expect(calendarButton).toBeInTheDocument();
120
120
  await userEvent.click(calendarButton);
121
121
  await waitFor(() => {
122
- const calendarTable = screen.queryByRole('listbox');
122
+ const calendarTable = screen.queryByRole('table');
123
123
  expect(calendarTable).toBeInTheDocument();
124
124
  });
125
125
  });
@@ -208,7 +208,7 @@ describe('<DateInput2 />', () => {
208
208
  expect(calendarButton).toBeInTheDocument();
209
209
  await userEvent.click(calendarButton);
210
210
  await waitFor(() => {
211
- const calendarTable = screen.queryByRole('listbox');
211
+ const calendarTable = screen.queryByRole('table');
212
212
  expect(calendarTable).not.toBeInTheDocument();
213
213
  });
214
214
  });
@@ -282,7 +282,6 @@ const DateInput2 = ({
282
282
  visibleMonth: selectedDate,
283
283
  locale: getLocale(),
284
284
  timezone: getTimezone(),
285
- role: "listbox",
286
285
  renderNextMonthButton: jsx(IconButton, {
287
286
  size: "small",
288
287
  withBackground: false,
@@ -114,7 +114,7 @@ describe('<DateInput2 />', () => {
114
114
  });
115
115
  it('should not show calendar table by default', async () => {
116
116
  (0, _react2.render)(_DateInputExample3 || (_DateInputExample3 = /*#__PURE__*/_react.default.createElement(DateInputExample, null)));
117
- const calendarTable = _react2.screen.queryByRole('listbox');
117
+ const calendarTable = _react2.screen.queryByRole('table');
118
118
  expect(calendarTable).not.toBeInTheDocument();
119
119
  });
120
120
  it('should show calendar table when calendar button is clicked', async () => {
@@ -123,7 +123,7 @@ describe('<DateInput2 />', () => {
123
123
  expect(calendarButton).toBeInTheDocument();
124
124
  await _userEvent.default.click(calendarButton);
125
125
  await (0, _react2.waitFor)(() => {
126
- const calendarTable = _react2.screen.queryByRole('listbox');
126
+ const calendarTable = _react2.screen.queryByRole('table');
127
127
  expect(calendarTable).toBeInTheDocument();
128
128
  });
129
129
  });
@@ -212,7 +212,7 @@ describe('<DateInput2 />', () => {
212
212
  expect(calendarButton).toBeInTheDocument();
213
213
  await _userEvent.default.click(calendarButton);
214
214
  await (0, _react2.waitFor)(() => {
215
- const calendarTable = _react2.screen.queryByRole('listbox');
215
+ const calendarTable = _react2.screen.queryByRole('table');
216
216
  expect(calendarTable).not.toBeInTheDocument();
217
217
  });
218
218
  });
@@ -291,7 +291,6 @@ const DateInput2 = ({
291
291
  visibleMonth: selectedDate,
292
292
  locale: getLocale(),
293
293
  timezone: getTimezone(),
294
- role: "listbox",
295
294
  renderNextMonthButton: (0, _emotion.jsx)(_IconButton.IconButton, {
296
295
  size: "small",
297
296
  withBackground: false,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-date-input",
3
- "version": "10.6.1-snapshot-9",
3
+ "version": "10.6.1-snapshot-13",
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,11 +23,11 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "10.6.1-snapshot-9",
27
- "@instructure/ui-babel-preset": "10.6.1-snapshot-9",
28
- "@instructure/ui-buttons": "10.6.1-snapshot-9",
29
- "@instructure/ui-scripts": "10.6.1-snapshot-9",
30
- "@instructure/ui-test-utils": "10.6.1-snapshot-9",
26
+ "@instructure/ui-axe-check": "10.6.1-snapshot-13",
27
+ "@instructure/ui-babel-preset": "10.6.1-snapshot-13",
28
+ "@instructure/ui-buttons": "10.6.1-snapshot-13",
29
+ "@instructure/ui-scripts": "10.6.1-snapshot-13",
30
+ "@instructure/ui-test-utils": "10.6.1-snapshot-13",
31
31
  "@testing-library/jest-dom": "^6.4.6",
32
32
  "@testing-library/react": "^16.0.1",
33
33
  "@testing-library/user-event": "^14.5.2",
@@ -35,20 +35,20 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@babel/runtime": "^7.25.6",
38
- "@instructure/emotion": "10.6.1-snapshot-9",
39
- "@instructure/shared-types": "10.6.1-snapshot-9",
40
- "@instructure/ui-calendar": "10.6.1-snapshot-9",
41
- "@instructure/ui-form-field": "10.6.1-snapshot-9",
42
- "@instructure/ui-i18n": "10.6.1-snapshot-9",
43
- "@instructure/ui-icons": "10.6.1-snapshot-9",
44
- "@instructure/ui-popover": "10.6.1-snapshot-9",
45
- "@instructure/ui-position": "10.6.1-snapshot-9",
46
- "@instructure/ui-prop-types": "10.6.1-snapshot-9",
47
- "@instructure/ui-react-utils": "10.6.1-snapshot-9",
48
- "@instructure/ui-selectable": "10.6.1-snapshot-9",
49
- "@instructure/ui-testable": "10.6.1-snapshot-9",
50
- "@instructure/ui-text-input": "10.6.1-snapshot-9",
51
- "@instructure/ui-utils": "10.6.1-snapshot-9",
38
+ "@instructure/emotion": "10.6.1-snapshot-13",
39
+ "@instructure/shared-types": "10.6.1-snapshot-13",
40
+ "@instructure/ui-calendar": "10.6.1-snapshot-13",
41
+ "@instructure/ui-form-field": "10.6.1-snapshot-13",
42
+ "@instructure/ui-i18n": "10.6.1-snapshot-13",
43
+ "@instructure/ui-icons": "10.6.1-snapshot-13",
44
+ "@instructure/ui-popover": "10.6.1-snapshot-13",
45
+ "@instructure/ui-position": "10.6.1-snapshot-13",
46
+ "@instructure/ui-prop-types": "10.6.1-snapshot-13",
47
+ "@instructure/ui-react-utils": "10.6.1-snapshot-13",
48
+ "@instructure/ui-selectable": "10.6.1-snapshot-13",
49
+ "@instructure/ui-testable": "10.6.1-snapshot-13",
50
+ "@instructure/ui-text-input": "10.6.1-snapshot-13",
51
+ "@instructure/ui-utils": "10.6.1-snapshot-13",
52
52
  "moment-timezone": "^0.5.45",
53
53
  "prop-types": "^15.8.1"
54
54
  },
@@ -127,7 +127,7 @@ describe('<DateInput2 />', () => {
127
127
 
128
128
  it('should not show calendar table by default', async () => {
129
129
  render(<DateInputExample />)
130
- const calendarTable = screen.queryByRole('listbox')
130
+ const calendarTable = screen.queryByRole('table')
131
131
 
132
132
  expect(calendarTable).not.toBeInTheDocument()
133
133
  })
@@ -141,8 +141,7 @@ describe('<DateInput2 />', () => {
141
141
  await userEvent.click(calendarButton)
142
142
 
143
143
  await waitFor(() => {
144
- const calendarTable = screen.queryByRole('listbox')
145
-
144
+ const calendarTable = screen.queryByRole('table')
146
145
  expect(calendarTable).toBeInTheDocument()
147
146
  })
148
147
  })
@@ -258,7 +257,7 @@ describe('<DateInput2 />', () => {
258
257
  await userEvent.click(calendarButton)
259
258
 
260
259
  await waitFor(() => {
261
- const calendarTable = screen.queryByRole('listbox')
260
+ const calendarTable = screen.queryByRole('table')
262
261
 
263
262
  expect(calendarTable).not.toBeInTheDocument()
264
263
  })
@@ -316,7 +316,6 @@ const DateInput2 = ({
316
316
  visibleMonth={selectedDate}
317
317
  locale={getLocale()}
318
318
  timezone={getTimezone()}
319
- role="listbox"
320
319
  renderNextMonthButton={
321
320
  <IconButton
322
321
  size="small"