@instructure/ui-drilldown 11.0.2-snapshot-1 → 11.0.2-snapshot-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 +1 -1
- package/README.md +1 -1
- package/package.json +18 -18
- package/src/Drilldown/README.md +3 -3
- package/tsconfig.build.tsbuildinfo +1 -1
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
|
-
## [11.0.2-snapshot-
|
|
6
|
+
## [11.0.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v11.0.1...v11.0.2-snapshot-2) (2025-10-20)
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
### Features
|
package/README.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-drilldown",
|
|
3
|
-
"version": "11.0.2-snapshot-
|
|
3
|
+
"version": "11.0.2-snapshot-2",
|
|
4
4
|
"description": "A drilldown menu component",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -24,25 +24,25 @@
|
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@babel/runtime": "^7.27.6",
|
|
27
|
-
"@instructure/console": "11.0.2-snapshot-
|
|
28
|
-
"@instructure/emotion": "11.0.2-snapshot-
|
|
29
|
-
"@instructure/shared-types": "11.0.2-snapshot-
|
|
30
|
-
"@instructure/ui-dom-utils": "11.0.2-snapshot-
|
|
31
|
-
"@instructure/ui-icons": "11.0.2-snapshot-
|
|
32
|
-
"@instructure/ui-options": "11.0.2-snapshot-
|
|
33
|
-
"@instructure/ui-popover": "11.0.2-snapshot-
|
|
34
|
-
"@instructure/ui-position": "11.0.2-snapshot-
|
|
35
|
-
"@instructure/ui-react-utils": "11.0.2-snapshot-
|
|
36
|
-
"@instructure/ui-selectable": "11.0.2-snapshot-
|
|
37
|
-
"@instructure/ui-utils": "11.0.2-snapshot-
|
|
38
|
-
"@instructure/ui-view": "11.0.2-snapshot-
|
|
27
|
+
"@instructure/console": "11.0.2-snapshot-2",
|
|
28
|
+
"@instructure/emotion": "11.0.2-snapshot-2",
|
|
29
|
+
"@instructure/shared-types": "11.0.2-snapshot-2",
|
|
30
|
+
"@instructure/ui-dom-utils": "11.0.2-snapshot-2",
|
|
31
|
+
"@instructure/ui-icons": "11.0.2-snapshot-2",
|
|
32
|
+
"@instructure/ui-options": "11.0.2-snapshot-2",
|
|
33
|
+
"@instructure/ui-popover": "11.0.2-snapshot-2",
|
|
34
|
+
"@instructure/ui-position": "11.0.2-snapshot-2",
|
|
35
|
+
"@instructure/ui-react-utils": "11.0.2-snapshot-2",
|
|
36
|
+
"@instructure/ui-selectable": "11.0.2-snapshot-2",
|
|
37
|
+
"@instructure/ui-utils": "11.0.2-snapshot-2",
|
|
38
|
+
"@instructure/ui-view": "11.0.2-snapshot-2"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@instructure/ui-axe-check": "11.0.2-snapshot-
|
|
42
|
-
"@instructure/ui-babel-preset": "11.0.2-snapshot-
|
|
43
|
-
"@instructure/ui-color-utils": "11.0.2-snapshot-
|
|
44
|
-
"@instructure/ui-scripts": "11.0.2-snapshot-
|
|
45
|
-
"@instructure/ui-themes": "11.0.2-snapshot-
|
|
41
|
+
"@instructure/ui-axe-check": "11.0.2-snapshot-2",
|
|
42
|
+
"@instructure/ui-babel-preset": "11.0.2-snapshot-2",
|
|
43
|
+
"@instructure/ui-color-utils": "11.0.2-snapshot-2",
|
|
44
|
+
"@instructure/ui-scripts": "11.0.2-snapshot-2",
|
|
45
|
+
"@instructure/ui-themes": "11.0.2-snapshot-2",
|
|
46
46
|
"@testing-library/jest-dom": "^6.6.3",
|
|
47
47
|
"@testing-library/react": "15.0.7",
|
|
48
48
|
"@testing-library/user-event": "^14.6.1",
|
package/src/Drilldown/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
describes: Drilldown
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
`Drilldown` is a diverse component that displays hierarchical data in a fashion that allows the users to "drill down" and dig deeper into the layers (pages) of the data structure. It has similar look and features to the [Menu](
|
|
5
|
+
`Drilldown` is a diverse component that displays hierarchical data in a fashion that allows the users to "drill down" and dig deeper into the layers (pages) of the data structure. It has similar look and features to the [Menu](Menu), [Select](Select) and [TreeBrowser](TreeBrowser) components.
|
|
6
6
|
|
|
7
7
|
The `Drilldown` component exists to support navigating and managing tree structures in compact spaces. With WCAG 2.1 requirements around small viewports, and also with general responsiveness standards the classic tree-navigation and flyout menu patterns got outdated.
|
|
8
8
|
|
|
@@ -69,7 +69,7 @@ type: example
|
|
|
69
69
|
|
|
70
70
|
`Drilldown.Option` is the main child component of Drilldown. The content can be a ReactNode or a function returning a ReactNode. The function has an object as its parameter, containing the option's `id`, `variant` and `isSelected` state.
|
|
71
71
|
|
|
72
|
-
> Note: Drilldown is based on the [Options](
|
|
72
|
+
> Note: Drilldown is based on the [Options](Options) component, so the Drilldown.Options are rendered as `Options.Item` components under the hood. This is why the `variant` parameter has the values of Options.Item's `variant` prop.
|
|
73
73
|
|
|
74
74
|
```js
|
|
75
75
|
---
|
|
@@ -321,7 +321,7 @@ render(
|
|
|
321
321
|
|
|
322
322
|
### Displaying Drilldown in a Popover
|
|
323
323
|
|
|
324
|
-
Just like [Menu](
|
|
324
|
+
Just like [Menu](Menu), Drilldown accepts a `trigger` property: it will render a toggle button which, when clicked, shows or hides the Drilldown in a [Popover](Popover). Drilldown passes many of its props to Popover in this case (`mountNode`, `shouldContainFocus`, `withArrow`, etc.).
|
|
325
325
|
|
|
326
326
|
```js
|
|
327
327
|
---
|