@instructure/ui-navigation 8.38.2-snapshot-5 → 8.38.2-snapshot-7
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/es/AppNav/AppNavLocator.js +4 -4
- package/es/AppNav/Item/index.js +2 -2
- package/es/AppNav/index.js +2 -2
- package/es/Navigation/NavigationItem/NavigationItemLocator.js +1 -3
- package/es/Navigation/NavigationItem/index.js +2 -2
- package/es/Navigation/NavigationLocator.js +4 -4
- package/es/Navigation/index.js +6 -8
- package/lib/AppNav/AppNavLocator.js +4 -4
- package/lib/AppNav/Item/index.js +2 -2
- package/lib/AppNav/index.js +2 -2
- package/lib/Navigation/NavigationItem/NavigationItemLocator.js +1 -3
- package/lib/Navigation/NavigationItem/index.js +2 -2
- package/lib/Navigation/NavigationLocator.js +4 -4
- package/lib/Navigation/index.js +6 -8
- package/package.json +25 -25
- 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
|
-
## [8.38.2-snapshot-
|
|
6
|
+
## [8.38.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.38.1...v8.38.2-snapshot-7) (2023-07-21)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-navigation
|
|
9
9
|
|
|
@@ -28,10 +28,10 @@ import { AppNavItemLocator } from './Item/AppNavItemLocator';
|
|
|
28
28
|
|
|
29
29
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
30
30
|
export const AppNavLocator = locator(AppNav.selector, {
|
|
31
|
-
findAllItems:
|
|
32
|
-
return AppNavItemLocator.findAll(...
|
|
31
|
+
findAllItems: (...args) => {
|
|
32
|
+
return AppNavItemLocator.findAll(...args);
|
|
33
33
|
},
|
|
34
|
-
findItem:
|
|
35
|
-
return AppNavItemLocator.find(...
|
|
34
|
+
findItem: (...args) => {
|
|
35
|
+
return AppNavItemLocator.find(...args);
|
|
36
36
|
}
|
|
37
37
|
});
|
package/es/AppNav/Item/index.js
CHANGED
|
@@ -44,8 +44,8 @@ id: AppNav.Item
|
|
|
44
44
|
@module Item
|
|
45
45
|
**/
|
|
46
46
|
let Item = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class Item extends Component {
|
|
47
|
-
constructor() {
|
|
48
|
-
super(...
|
|
47
|
+
constructor(...args) {
|
|
48
|
+
super(...args);
|
|
49
49
|
this.ref = null;
|
|
50
50
|
this.handleRef = el => {
|
|
51
51
|
const elementRef = this.props.elementRef;
|
package/es/AppNav/index.js
CHANGED
|
@@ -43,8 +43,8 @@ category: components
|
|
|
43
43
|
@tsProps
|
|
44
44
|
**/
|
|
45
45
|
let AppNav = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class AppNav extends Component {
|
|
46
|
-
constructor() {
|
|
47
|
-
super(...
|
|
46
|
+
constructor(...args) {
|
|
47
|
+
super(...args);
|
|
48
48
|
this.state = {
|
|
49
49
|
isMeasuring: false
|
|
50
50
|
};
|
|
@@ -29,7 +29,5 @@ import { NavigationItem } from './index';
|
|
|
29
29
|
|
|
30
30
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
31
31
|
export const NavigationItemLocator = locator(NavigationItem.selector, {
|
|
32
|
-
findTooltipContent:
|
|
33
|
-
return TooltipLocator.findContent(...arguments);
|
|
34
|
-
}
|
|
32
|
+
findTooltipContent: (...args) => TooltipLocator.findContent(...args)
|
|
35
33
|
});
|
|
@@ -41,8 +41,8 @@ id: Navigation.Item
|
|
|
41
41
|
@tsProps
|
|
42
42
|
**/
|
|
43
43
|
let NavigationItem = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class NavigationItem extends Component {
|
|
44
|
-
constructor() {
|
|
45
|
-
super(...
|
|
44
|
+
constructor(...args) {
|
|
45
|
+
super(...args);
|
|
46
46
|
this.ref = null;
|
|
47
47
|
this.handleRef = el => {
|
|
48
48
|
const elementRef = this.props.elementRef;
|
|
@@ -28,10 +28,10 @@ export { NavigationItemLocator };
|
|
|
28
28
|
|
|
29
29
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
30
30
|
export const NavigationLocator = locator(Navigation.selector, {
|
|
31
|
-
findAllItems:
|
|
32
|
-
return NavigationItemLocator.findAll(...
|
|
31
|
+
findAllItems: (...args) => {
|
|
32
|
+
return NavigationItemLocator.findAll(...args);
|
|
33
33
|
},
|
|
34
|
-
findItem:
|
|
35
|
-
return NavigationItemLocator.find(...
|
|
34
|
+
findItem: (...args) => {
|
|
35
|
+
return NavigationItemLocator.find(...args);
|
|
36
36
|
}
|
|
37
37
|
});
|
package/es/Navigation/index.js
CHANGED
|
@@ -33,12 +33,11 @@ import { NavigationItem } from './NavigationItem';
|
|
|
33
33
|
import generateStyle from './styles';
|
|
34
34
|
import generateComponentTheme from './theme';
|
|
35
35
|
import { allowedProps, propTypes } from './props';
|
|
36
|
-
const navMinimized =
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
};
|
|
36
|
+
const navMinimized = ({
|
|
37
|
+
minimized
|
|
38
|
+
}) => ({
|
|
39
|
+
minimized: !minimized
|
|
40
|
+
});
|
|
42
41
|
|
|
43
42
|
/**
|
|
44
43
|
---
|
|
@@ -80,8 +79,7 @@ let Navigation = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
|
|
|
80
79
|
}
|
|
81
80
|
return !!this.state.minimized;
|
|
82
81
|
}
|
|
83
|
-
isControlled() {
|
|
84
|
-
let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props;
|
|
82
|
+
isControlled(props = this.props) {
|
|
85
83
|
return typeof props.minimized === 'boolean';
|
|
86
84
|
}
|
|
87
85
|
renderChildren() {
|
|
@@ -33,11 +33,11 @@ var _AppNavItemLocator = require("./Item/AppNavItemLocator");
|
|
|
33
33
|
|
|
34
34
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
35
35
|
const AppNavLocator = (0, _locator.locator)(_index.AppNav.selector, {
|
|
36
|
-
findAllItems:
|
|
37
|
-
return _AppNavItemLocator.AppNavItemLocator.findAll(...
|
|
36
|
+
findAllItems: (...args) => {
|
|
37
|
+
return _AppNavItemLocator.AppNavItemLocator.findAll(...args);
|
|
38
38
|
},
|
|
39
|
-
findItem:
|
|
40
|
-
return _AppNavItemLocator.AppNavItemLocator.find(...
|
|
39
|
+
findItem: (...args) => {
|
|
40
|
+
return _AppNavItemLocator.AppNavItemLocator.find(...args);
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
exports.AppNavLocator = AppNavLocator;
|
package/lib/AppNav/Item/index.js
CHANGED
|
@@ -53,8 +53,8 @@ id: AppNav.Item
|
|
|
53
53
|
@module Item
|
|
54
54
|
**/
|
|
55
55
|
let Item = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Item extends _react.Component {
|
|
56
|
-
constructor() {
|
|
57
|
-
super(...
|
|
56
|
+
constructor(...args) {
|
|
57
|
+
super(...args);
|
|
58
58
|
this.ref = null;
|
|
59
59
|
this.handleRef = el => {
|
|
60
60
|
const elementRef = this.props.elementRef;
|
package/lib/AppNav/index.js
CHANGED
|
@@ -50,8 +50,8 @@ category: components
|
|
|
50
50
|
@tsProps
|
|
51
51
|
**/
|
|
52
52
|
let AppNav = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class AppNav extends _react.Component {
|
|
53
|
-
constructor() {
|
|
54
|
-
super(...
|
|
53
|
+
constructor(...args) {
|
|
54
|
+
super(...args);
|
|
55
55
|
this.state = {
|
|
56
56
|
isMeasuring: false
|
|
57
57
|
};
|
|
@@ -36,8 +36,6 @@ var _index = require("./index");
|
|
|
36
36
|
|
|
37
37
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
38
38
|
const NavigationItemLocator = (0, _locator.locator)(_index.NavigationItem.selector, {
|
|
39
|
-
findTooltipContent:
|
|
40
|
-
return _TooltipLocator.TooltipLocator.findContent(...arguments);
|
|
41
|
-
}
|
|
39
|
+
findTooltipContent: (...args) => _TooltipLocator.TooltipLocator.findContent(...args)
|
|
42
40
|
});
|
|
43
41
|
exports.NavigationItemLocator = NavigationItemLocator;
|
|
@@ -48,8 +48,8 @@ id: Navigation.Item
|
|
|
48
48
|
@tsProps
|
|
49
49
|
**/
|
|
50
50
|
let NavigationItem = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class NavigationItem extends _react.Component {
|
|
51
|
-
constructor() {
|
|
52
|
-
super(...
|
|
51
|
+
constructor(...args) {
|
|
52
|
+
super(...args);
|
|
53
53
|
this.ref = null;
|
|
54
54
|
this.handleRef = el => {
|
|
55
55
|
const elementRef = this.props.elementRef;
|
|
@@ -39,11 +39,11 @@ var _NavigationItemLocator = require("./NavigationItem/NavigationItemLocator");
|
|
|
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
41
|
const NavigationLocator = (0, _locator.locator)(_index.Navigation.selector, {
|
|
42
|
-
findAllItems:
|
|
43
|
-
return _NavigationItemLocator.NavigationItemLocator.findAll(...
|
|
42
|
+
findAllItems: (...args) => {
|
|
43
|
+
return _NavigationItemLocator.NavigationItemLocator.findAll(...args);
|
|
44
44
|
},
|
|
45
|
-
findItem:
|
|
46
|
-
return _NavigationItemLocator.NavigationItemLocator.find(...
|
|
45
|
+
findItem: (...args) => {
|
|
46
|
+
return _NavigationItemLocator.NavigationItemLocator.find(...args);
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
exports.NavigationLocator = NavigationLocator;
|
package/lib/Navigation/index.js
CHANGED
|
@@ -49,12 +49,11 @@ var _dec, _dec2, _class, _class2;
|
|
|
49
49
|
* SOFTWARE.
|
|
50
50
|
*/
|
|
51
51
|
/** @jsx jsx */
|
|
52
|
-
const navMinimized =
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
};
|
|
52
|
+
const navMinimized = ({
|
|
53
|
+
minimized
|
|
54
|
+
}) => ({
|
|
55
|
+
minimized: !minimized
|
|
56
|
+
});
|
|
58
57
|
|
|
59
58
|
/**
|
|
60
59
|
---
|
|
@@ -96,8 +95,7 @@ let Navigation = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
|
|
|
96
95
|
}
|
|
97
96
|
return !!this.state.minimized;
|
|
98
97
|
}
|
|
99
|
-
isControlled() {
|
|
100
|
-
let props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.props;
|
|
98
|
+
isControlled(props = this.props) {
|
|
101
99
|
return typeof props.minimized === 'boolean';
|
|
102
100
|
}
|
|
103
101
|
renderChildren() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-navigation",
|
|
3
|
-
"version": "8.38.2-snapshot-
|
|
3
|
+
"version": "8.38.2-snapshot-7",
|
|
4
4
|
"description": "Main and application level navigational components",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,32 +23,32 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.38.2-snapshot-
|
|
27
|
-
"@instructure/ui-color-utils": "8.38.2-snapshot-
|
|
28
|
-
"@instructure/ui-test-locator": "8.38.2-snapshot-
|
|
29
|
-
"@instructure/ui-test-utils": "8.38.2-snapshot-
|
|
30
|
-
"@instructure/ui-themes": "8.38.2-snapshot-
|
|
26
|
+
"@instructure/ui-babel-preset": "8.38.2-snapshot-7",
|
|
27
|
+
"@instructure/ui-color-utils": "8.38.2-snapshot-7",
|
|
28
|
+
"@instructure/ui-test-locator": "8.38.2-snapshot-7",
|
|
29
|
+
"@instructure/ui-test-utils": "8.38.2-snapshot-7",
|
|
30
|
+
"@instructure/ui-themes": "8.38.2-snapshot-7"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@babel/runtime": "^7.22.
|
|
34
|
-
"@instructure/console": "8.38.2-snapshot-
|
|
35
|
-
"@instructure/debounce": "8.38.2-snapshot-
|
|
36
|
-
"@instructure/emotion": "8.38.2-snapshot-
|
|
37
|
-
"@instructure/shared-types": "8.38.2-snapshot-
|
|
38
|
-
"@instructure/ui-a11y-content": "8.38.2-snapshot-
|
|
39
|
-
"@instructure/ui-a11y-utils": "8.38.2-snapshot-
|
|
40
|
-
"@instructure/ui-badge": "8.38.2-snapshot-
|
|
41
|
-
"@instructure/ui-dom-utils": "8.38.2-snapshot-
|
|
42
|
-
"@instructure/ui-focusable": "8.38.2-snapshot-
|
|
43
|
-
"@instructure/ui-icons": "8.38.2-snapshot-
|
|
44
|
-
"@instructure/ui-menu": "8.38.2-snapshot-
|
|
45
|
-
"@instructure/ui-prop-types": "8.38.2-snapshot-
|
|
46
|
-
"@instructure/ui-react-utils": "8.38.2-snapshot-
|
|
47
|
-
"@instructure/ui-testable": "8.38.2-snapshot-
|
|
48
|
-
"@instructure/ui-tooltip": "8.38.2-snapshot-
|
|
49
|
-
"@instructure/ui-truncate-list": "8.38.2-snapshot-
|
|
50
|
-
"@instructure/ui-utils": "8.38.2-snapshot-
|
|
51
|
-
"@instructure/ui-view": "8.38.2-snapshot-
|
|
33
|
+
"@babel/runtime": "^7.22.6",
|
|
34
|
+
"@instructure/console": "8.38.2-snapshot-7",
|
|
35
|
+
"@instructure/debounce": "8.38.2-snapshot-7",
|
|
36
|
+
"@instructure/emotion": "8.38.2-snapshot-7",
|
|
37
|
+
"@instructure/shared-types": "8.38.2-snapshot-7",
|
|
38
|
+
"@instructure/ui-a11y-content": "8.38.2-snapshot-7",
|
|
39
|
+
"@instructure/ui-a11y-utils": "8.38.2-snapshot-7",
|
|
40
|
+
"@instructure/ui-badge": "8.38.2-snapshot-7",
|
|
41
|
+
"@instructure/ui-dom-utils": "8.38.2-snapshot-7",
|
|
42
|
+
"@instructure/ui-focusable": "8.38.2-snapshot-7",
|
|
43
|
+
"@instructure/ui-icons": "8.38.2-snapshot-7",
|
|
44
|
+
"@instructure/ui-menu": "8.38.2-snapshot-7",
|
|
45
|
+
"@instructure/ui-prop-types": "8.38.2-snapshot-7",
|
|
46
|
+
"@instructure/ui-react-utils": "8.38.2-snapshot-7",
|
|
47
|
+
"@instructure/ui-testable": "8.38.2-snapshot-7",
|
|
48
|
+
"@instructure/ui-tooltip": "8.38.2-snapshot-7",
|
|
49
|
+
"@instructure/ui-truncate-list": "8.38.2-snapshot-7",
|
|
50
|
+
"@instructure/ui-utils": "8.38.2-snapshot-7",
|
|
51
|
+
"@instructure/ui-view": "8.38.2-snapshot-7",
|
|
52
52
|
"prop-types": "^15.8.1"
|
|
53
53
|
},
|
|
54
54
|
"peerDependencies": {
|