@instructure/ui-date-input 10.12.0 → 10.12.1-snapshot-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 (9) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/es/DateInput/__new-tests__/DateInput.test.js +1 -1
  3. package/es/DateInput2/__new-tests__/DateInput2.test.js +0 -2
  4. package/lib/DateInput/__new-tests__/DateInput.test.js +1 -1
  5. package/lib/DateInput2/__new-tests__/DateInput2.test.js +0 -2
  6. package/package.json +20 -20
  7. package/src/DateInput/__new-tests__/DateInput.test.tsx +3 -1
  8. package/src/DateInput2/__new-tests__/DateInput2.test.tsx +0 -2
  9. package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.12.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v10.12.0...v10.12.1-snapshot-0) (2025-02-26)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **many:** fix form label not read by NVDA in hover mode and other layout issues ([ef77281](https://github.com/instructure/instructure-ui/commit/ef77281890511e8eea794196445d3ef2454537ba))
12
+
13
+
14
+
15
+
16
+
6
17
  # [10.12.0](https://github.com/instructure/instructure-ui/compare/v10.11.0...v10.12.0) (2025-02-24)
7
18
 
8
19
 
package/es/DateInput/__new-tests__/DateInput.test.js CHANGED
@@ -263,7 +263,7 @@ describe('<DateInput />', () => {
263
263
  onRequestShowCalendar: onRequestShowCalendar
264
264
  }, generateDays())),
265
265
  container = _render5.container;
266
- const dateInput = container.querySelector("[class$='-formFieldLabel']");
266
+ const dateInput = container.querySelector('span[class$="-formFieldLayout__label"]');
267
267
  expect(dateInput).toHaveTextContent('Choose date');
268
268
  await userEvent.click(dateInput);
269
269
  await waitFor(() => {
package/es/DateInput2/__new-tests__/DateInput2.test.js CHANGED
@@ -71,11 +71,9 @@ describe('<DateInput2 />', () => {
71
71
  it('should render an input label', async () => {
72
72
  const _render2 = render(_DateInputExample2 || (_DateInputExample2 = /*#__PURE__*/React.createElement(DateInputExample, null))),
73
73
  container = _render2.container;
74
- const dateInput = container.querySelector('input');
75
74
  const label = container.querySelector('label');
76
75
  expect(label).toBeInTheDocument();
77
76
  expect(label).toHaveTextContent(LABEL_TEXT);
78
- expect(dateInput === null || dateInput === void 0 ? void 0 : dateInput.id).toBe(label === null || label === void 0 ? void 0 : label.htmlFor);
79
77
  });
80
78
  it('should render an input placeholder', async () => {
81
79
  const placeholder = 'Placeholder';
package/lib/DateInput/__new-tests__/DateInput.test.js CHANGED
@@ -265,7 +265,7 @@ describe('<DateInput />', () => {
265
265
  onRequestShowCalendar: onRequestShowCalendar
266
266
  }, generateDays())),
267
267
  container = _render5.container;
268
- const dateInput = container.querySelector("[class$='-formFieldLabel']");
268
+ const dateInput = container.querySelector('span[class$="-formFieldLayout__label"]');
269
269
  expect(dateInput).toHaveTextContent('Choose date');
270
270
  await _userEvent.default.click(dateInput);
271
271
  await (0, _react2.waitFor)(() => {
package/lib/DateInput2/__new-tests__/DateInput2.test.js CHANGED
@@ -75,11 +75,9 @@ describe('<DateInput2 />', () => {
75
75
  it('should render an input label', async () => {
76
76
  const _render2 = (0, _react2.render)(_DateInputExample2 || (_DateInputExample2 = /*#__PURE__*/_react.default.createElement(DateInputExample, null))),
77
77
  container = _render2.container;
78
- const dateInput = container.querySelector('input');
79
78
  const label = container.querySelector('label');
80
79
  expect(label).toBeInTheDocument();
81
80
  expect(label).toHaveTextContent(LABEL_TEXT);
82
- expect(dateInput === null || dateInput === void 0 ? void 0 : dateInput.id).toBe(label === null || label === void 0 ? void 0 : label.htmlFor);
83
81
  });
84
82
  it('should render an input placeholder', async () => {
85
83
  const placeholder = 'Placeholder';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-date-input",
3
- "version": "10.12.0",
3
+ "version": "10.12.1-snapshot-0",
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.12.0",
27
- "@instructure/ui-babel-preset": "10.12.0",
28
- "@instructure/ui-buttons": "10.12.0",
29
- "@instructure/ui-scripts": "10.12.0",
30
- "@instructure/ui-test-utils": "10.12.0",
26
+ "@instructure/ui-axe-check": "10.12.1-snapshot-0",
27
+ "@instructure/ui-babel-preset": "10.12.1-snapshot-0",
28
+ "@instructure/ui-buttons": "10.12.1-snapshot-0",
29
+ "@instructure/ui-scripts": "10.12.1-snapshot-0",
30
+ "@instructure/ui-test-utils": "10.12.1-snapshot-0",
31
31
  "@testing-library/jest-dom": "^6.6.3",
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.26.0",
38
- "@instructure/emotion": "10.12.0",
39
- "@instructure/shared-types": "10.12.0",
40
- "@instructure/ui-calendar": "10.12.0",
41
- "@instructure/ui-form-field": "10.12.0",
42
- "@instructure/ui-i18n": "10.12.0",
43
- "@instructure/ui-icons": "10.12.0",
44
- "@instructure/ui-popover": "10.12.0",
45
- "@instructure/ui-position": "10.12.0",
46
- "@instructure/ui-prop-types": "10.12.0",
47
- "@instructure/ui-react-utils": "10.12.0",
48
- "@instructure/ui-selectable": "10.12.0",
49
- "@instructure/ui-testable": "10.12.0",
50
- "@instructure/ui-text-input": "10.12.0",
51
- "@instructure/ui-utils": "10.12.0",
38
+ "@instructure/emotion": "10.12.1-snapshot-0",
39
+ "@instructure/shared-types": "10.12.1-snapshot-0",
40
+ "@instructure/ui-calendar": "10.12.1-snapshot-0",
41
+ "@instructure/ui-form-field": "10.12.1-snapshot-0",
42
+ "@instructure/ui-i18n": "10.12.1-snapshot-0",
43
+ "@instructure/ui-icons": "10.12.1-snapshot-0",
44
+ "@instructure/ui-popover": "10.12.1-snapshot-0",
45
+ "@instructure/ui-position": "10.12.1-snapshot-0",
46
+ "@instructure/ui-prop-types": "10.12.1-snapshot-0",
47
+ "@instructure/ui-react-utils": "10.12.1-snapshot-0",
48
+ "@instructure/ui-selectable": "10.12.1-snapshot-0",
49
+ "@instructure/ui-testable": "10.12.1-snapshot-0",
50
+ "@instructure/ui-text-input": "10.12.1-snapshot-0",
51
+ "@instructure/ui-utils": "10.12.1-snapshot-0",
52
52
  "moment-timezone": "^0.5.45",
53
53
  "prop-types": "^15.8.1"
54
54
  },
package/src/DateInput/__new-tests__/DateInput.test.tsx CHANGED
@@ -381,7 +381,9 @@ describe('<DateInput />', () => {
381
381
  {generateDays()}
382
382
  </DateInput>
383
383
  )
384
- const dateInput = container.querySelector("[class$='-formFieldLabel']")
384
+ const dateInput = container.querySelector(
385
+ 'span[class$="-formFieldLayout__label"]'
386
+ )
385
387
 
386
388
  expect(dateInput).toHaveTextContent('Choose date')
387
389
 
package/src/DateInput2/__new-tests__/DateInput2.test.tsx CHANGED
@@ -77,12 +77,10 @@ describe('<DateInput2 />', () => {
77
77
  it('should render an input label', async () => {
78
78
  const { container } = render(<DateInputExample />)
79
79
 
80
- const dateInput = container.querySelector('input')
81
80
  const label = container.querySelector('label')
82
81
 
83
82
  expect(label).toBeInTheDocument()
84
83
  expect(label).toHaveTextContent(LABEL_TEXT)
85
- expect(dateInput?.id).toBe(label?.htmlFor)
86
84
  })
87
85
 
88
86
  it('should render an input placeholder', async () => {