@instructure/ui-top-nav-bar 8.46.2-snapshot-5 → 8.46.2-snapshot-6
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/lib/TopNavBar/TopNavBarActionItems/TopNavBarActionItemsLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarActionItems/index.js +2 -4
- package/lib/TopNavBar/TopNavBarActionItems/props.js +2 -4
- package/lib/TopNavBar/TopNavBarActionItems/styles.js +1 -2
- package/lib/TopNavBar/TopNavBarActionItems/theme.js +1 -2
- package/lib/TopNavBar/TopNavBarBrand/TopNavBarBrandLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarBrand/index.js +2 -4
- package/lib/TopNavBar/TopNavBarBrand/props.js +2 -4
- package/lib/TopNavBar/TopNavBarBrand/styles.js +1 -2
- package/lib/TopNavBar/TopNavBarBrand/theme.js +1 -2
- package/lib/TopNavBar/TopNavBarContext.js +2 -4
- package/lib/TopNavBar/TopNavBarItem/TopNavBarItemLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarItem/index.js +2 -4
- package/lib/TopNavBar/TopNavBarItem/props.js +3 -6
- package/lib/TopNavBar/TopNavBarItem/styles.js +1 -2
- package/lib/TopNavBar/TopNavBarItem/theme.js +1 -2
- package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/TopNavBarDesktopLayoutLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/index.js +2 -4
- package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/props.js +3 -5
- package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/styles.js +1 -2
- package/lib/TopNavBar/TopNavBarLayout/DesktopLayout/theme.js +1 -2
- package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/TopNavBarSmallViewportLayoutLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/index.js +2 -4
- package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/props.js +3 -5
- package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/styles.js +1 -2
- package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.js +1 -2
- package/lib/TopNavBar/TopNavBarLayout/TopNavBarLayoutLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarLayout/index.js +2 -4
- package/lib/TopNavBar/TopNavBarLayout/props.js +8 -16
- package/lib/TopNavBar/TopNavBarLayout/theme.js +1 -2
- package/lib/TopNavBar/TopNavBarLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarMenuItems/TopNavBarMenuItemsLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarMenuItems/index.js +2 -4
- package/lib/TopNavBar/TopNavBarMenuItems/props.js +2 -4
- package/lib/TopNavBar/TopNavBarMenuItems/styles.js +1 -2
- package/lib/TopNavBar/TopNavBarMenuItems/theme.js +1 -2
- package/lib/TopNavBar/TopNavBarUser/TopNavBarUserLocator.js +2 -3
- package/lib/TopNavBar/TopNavBarUser/index.js +2 -4
- package/lib/TopNavBar/TopNavBarUser/props.js +2 -4
- package/lib/TopNavBar/TopNavBarUser/styles.js +1 -2
- package/lib/TopNavBar/index.js +2 -4
- package/lib/TopNavBar/props.js +2 -4
- package/lib/TopNavBar/utils/exampleHelpers.js +2 -4
- package/lib/TopNavBar/utils/exampleSvgFiles.js +4 -8
- package/lib/TopNavBar/utils/mapItemsForDrilldown.js +1 -2
- package/package.json +28 -28
- 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.46.2-snapshot-
|
|
6
|
+
## [8.46.2-snapshot-6](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-6) (2023-10-19)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-top-nav-bar
|
|
9
9
|
|
|
@@ -37,7 +37,7 @@ var _index = require("./index");
|
|
|
37
37
|
|
|
38
38
|
/* eslint-enable no-restricted-imports */
|
|
39
39
|
|
|
40
|
-
const TopNavBarActionItemsLocator = (0, _locator.locator)(
|
|
40
|
+
const TopNavBarActionItemsLocator = exports.TopNavBarActionItemsLocator = (0, _locator.locator)(
|
|
41
41
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
42
42
|
_index.TopNavBarActionItems.selector, {
|
|
43
43
|
findAllActionItems: (...args) => {
|
|
@@ -52,5 +52,4 @@ _index.TopNavBarActionItems.selector, {
|
|
|
52
52
|
const allItems = await _TopNavBarItemLocator.TopNavBarItemLocator.findAll(...args);
|
|
53
53
|
return allItems[allItems.length - 1];
|
|
54
54
|
}
|
|
55
|
-
});
|
|
56
|
-
exports.TopNavBarActionItemsLocator = TopNavBarActionItemsLocator;
|
|
55
|
+
});
|
|
@@ -56,7 +56,7 @@ id: TopNavBar.ActionItems
|
|
|
56
56
|
@module TopNavBarActionItems
|
|
57
57
|
@tsProps
|
|
58
58
|
**/
|
|
59
|
-
let TopNavBarActionItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarActionItems extends _react.Component {
|
|
59
|
+
let TopNavBarActionItems = exports.TopNavBarActionItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarActionItems extends _react.Component {
|
|
60
60
|
constructor(props) {
|
|
61
61
|
super(props);
|
|
62
62
|
this.ref = null;
|
|
@@ -197,6 +197,4 @@ let TopNavBarActionItems = (_dec = (0, _withDeterministicId.withDeterministicId)
|
|
|
197
197
|
}, item)));
|
|
198
198
|
}
|
|
199
199
|
}, _class2.displayName = "TopNavBarActionItems", _class2.componentId = 'TopNavBar.ActionItems', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
|
|
200
|
-
exports.
|
|
201
|
-
var _default = TopNavBarActionItems;
|
|
202
|
-
exports.default = _default;
|
|
200
|
+
var _default = exports.default = TopNavBarActionItems;
|
|
@@ -33,13 +33,11 @@ var _props = require("../TopNavBarItem/props");
|
|
|
33
33
|
* SOFTWARE.
|
|
34
34
|
*/
|
|
35
35
|
|
|
36
|
-
const propTypes = {
|
|
36
|
+
const propTypes = exports.propTypes = {
|
|
37
37
|
children: _Children.Children.oneOf([_TopNavBarItem.TopNavBarItem]),
|
|
38
38
|
listLabel: _propTypes.default.string,
|
|
39
39
|
renderHiddenItemsMenuTriggerLabel: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.func]).isRequired,
|
|
40
40
|
renderHiddenItemsMenuTriggerTooltip: _propTypes.default.oneOfType([_props.topNavBarItemTooltipPropType, _propTypes.default.func]),
|
|
41
41
|
elementRef: _propTypes.default.func
|
|
42
42
|
};
|
|
43
|
-
exports.
|
|
44
|
-
const allowedProps = ['children', 'listLabel', 'renderHiddenItemsMenuTriggerLabel', 'renderHiddenItemsMenuTriggerTooltip', 'elementRef'];
|
|
45
|
-
exports.allowedProps = allowedProps;
|
|
43
|
+
const allowedProps = exports.allowedProps = ['children', 'listLabel', 'renderHiddenItemsMenuTriggerLabel', 'renderHiddenItemsMenuTriggerTooltip', 'elementRef'];
|
|
@@ -32,7 +32,7 @@ var _index = require("./index");
|
|
|
32
32
|
*/
|
|
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
|
-
const TopNavBarBrandLocator = (0, _locator.locator)(_index.TopNavBarBrand.selector, {
|
|
35
|
+
const TopNavBarBrandLocator = exports.TopNavBarBrandLocator = (0, _locator.locator)(_index.TopNavBarBrand.selector, {
|
|
36
36
|
findContainer: (...args) => {
|
|
37
37
|
return (0, _uiTestUtils.find)('[class$="-topNavBarBrand__container"]', ...args);
|
|
38
38
|
},
|
|
@@ -45,5 +45,4 @@ const TopNavBarBrandLocator = (0, _locator.locator)(_index.TopNavBarBrand.select
|
|
|
45
45
|
findScreenReaderLabel: (...args) => {
|
|
46
46
|
return (0, _uiTestUtils.find)('[class$="-screenReaderContent"]', ...args);
|
|
47
47
|
}
|
|
48
|
-
});
|
|
49
|
-
exports.TopNavBarBrandLocator = TopNavBarBrandLocator;
|
|
48
|
+
});
|
|
@@ -50,7 +50,7 @@ id: TopNavBar.Brand
|
|
|
50
50
|
@module TopNavBarBrand
|
|
51
51
|
@tsProps
|
|
52
52
|
**/
|
|
53
|
-
let TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarBrand extends _react.Component {
|
|
53
|
+
let TopNavBarBrand = exports.TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarBrand extends _react.Component {
|
|
54
54
|
constructor(...args) {
|
|
55
55
|
super(...args);
|
|
56
56
|
this.ref = null;
|
|
@@ -110,6 +110,4 @@ let TopNavBarBrand = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
|
|
|
110
110
|
}, renderName)));
|
|
111
111
|
}
|
|
112
112
|
}, _class2.displayName = "TopNavBarBrand", _class2.componentId = 'TopNavBar.Brand', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
|
|
113
|
-
exports.
|
|
114
|
-
var _default = TopNavBarBrand;
|
|
115
|
-
exports.default = _default;
|
|
113
|
+
var _default = exports.default = TopNavBarBrand;
|
|
@@ -30,7 +30,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
30
30
|
* SOFTWARE.
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
|
-
const propTypes = {
|
|
33
|
+
const propTypes = exports.propTypes = {
|
|
34
34
|
screenReaderLabel: _propTypes.default.string.isRequired,
|
|
35
35
|
renderName: _propTypes.default.node,
|
|
36
36
|
renderIcon: _propTypes.default.node,
|
|
@@ -41,6 +41,4 @@ const propTypes = {
|
|
|
41
41
|
as: _propTypes.default.elementType,
|
|
42
42
|
elementRef: _propTypes.default.func
|
|
43
43
|
};
|
|
44
|
-
exports.
|
|
45
|
-
const allowedProps = ['screenReaderLabel', 'renderName', 'renderIcon', 'nameBackground', 'iconBackground', 'href', 'onClick', 'as', 'elementRef'];
|
|
46
|
-
exports.allowedProps = allowedProps;
|
|
44
|
+
const allowedProps = exports.allowedProps = ['screenReaderLabel', 'renderName', 'renderIcon', 'nameBackground', 'iconBackground', 'href', 'onClick', 'as', 'elementRef'];
|
|
@@ -35,10 +35,8 @@ private: true
|
|
|
35
35
|
---
|
|
36
36
|
@module TopNavBarContext
|
|
37
37
|
**/
|
|
38
|
-
const TopNavBarContext = /*#__PURE__*/(0, _react.createContext)({
|
|
38
|
+
const TopNavBarContext = exports.TopNavBarContext = /*#__PURE__*/(0, _react.createContext)({
|
|
39
39
|
layout: 'desktop',
|
|
40
40
|
inverseColor: false
|
|
41
41
|
});
|
|
42
|
-
exports.
|
|
43
|
-
var _default = TopNavBarContext;
|
|
44
|
-
exports.default = _default;
|
|
42
|
+
var _default = exports.default = TopNavBarContext;
|
|
@@ -51,7 +51,7 @@ var _index = require("./index");
|
|
|
51
51
|
/* eslint-enable no-restricted-imports */
|
|
52
52
|
|
|
53
53
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
54
|
-
const TopNavBarItemLocator = (0, _locator.locator)(_index.TopNavBarItem.selector, {
|
|
54
|
+
const TopNavBarItemLocator = exports.TopNavBarItemLocator = (0, _locator.locator)(_index.TopNavBarItem.selector, {
|
|
55
55
|
findButton: (...args) => {
|
|
56
56
|
return _BaseButtonLocator.BaseButtonLocator.find(...args);
|
|
57
57
|
},
|
|
@@ -105,5 +105,4 @@ const TopNavBarItemLocator = (0, _locator.locator)(_index.TopNavBarItem.selector
|
|
|
105
105
|
findScreenReaderLabel: (...args) => {
|
|
106
106
|
return (0, _uiTestUtils.find)('[class$="-screenReaderContent"]', ...args);
|
|
107
107
|
}
|
|
108
|
-
});
|
|
109
|
-
exports.TopNavBarItemLocator = TopNavBarItemLocator;
|
|
108
|
+
});
|
|
@@ -66,7 +66,7 @@ id: TopNavBar.Item
|
|
|
66
66
|
@module TopNavBarItem
|
|
67
67
|
@tsProps
|
|
68
68
|
**/
|
|
69
|
-
let TopNavBarItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarItem extends _react.Component {
|
|
69
|
+
let TopNavBarItem = exports.TopNavBarItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarItem extends _react.Component {
|
|
70
70
|
constructor(props) {
|
|
71
71
|
super(props);
|
|
72
72
|
this.ref = null;
|
|
@@ -556,6 +556,4 @@ let TopNavBarItem = (_dec = (0, _withDeterministicId.withDeterministicId)(), _de
|
|
|
556
556
|
variant: 'default',
|
|
557
557
|
showSubmenuChevron: true
|
|
558
558
|
}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
|
|
559
|
-
exports.
|
|
560
|
-
var _default = TopNavBarItem;
|
|
561
|
-
exports.default = _default;
|
|
559
|
+
var _default = exports.default = TopNavBarItem;
|
|
@@ -32,7 +32,7 @@ var _Drilldown = require("@instructure/ui-drilldown/lib/Drilldown");
|
|
|
32
32
|
* SOFTWARE.
|
|
33
33
|
*/
|
|
34
34
|
|
|
35
|
-
const topNavBarItemTooltipPropType = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({
|
|
35
|
+
const topNavBarItemTooltipPropType = exports.topNavBarItemTooltipPropType = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({
|
|
36
36
|
renderTip: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
|
|
37
37
|
color: _propTypes.default.oneOf(['primary', 'primary-inverse']),
|
|
38
38
|
placement: _propTypes.default.string,
|
|
@@ -41,8 +41,7 @@ const topNavBarItemTooltipPropType = _propTypes.default.oneOfType([_propTypes.de
|
|
|
41
41
|
onShowContent: _propTypes.default.func,
|
|
42
42
|
onHideContent: _propTypes.default.func
|
|
43
43
|
})]);
|
|
44
|
-
exports.
|
|
45
|
-
const propTypes = {
|
|
44
|
+
const propTypes = exports.propTypes = {
|
|
46
45
|
id: _propTypes.default.string.isRequired,
|
|
47
46
|
children: _propTypes.default.node.isRequired,
|
|
48
47
|
variant: _propTypes.default.oneOf(['default', 'button', 'icon', 'avatar']),
|
|
@@ -69,6 +68,4 @@ const propTypes = {
|
|
|
69
68
|
elementRef: _propTypes.default.func,
|
|
70
69
|
itemRef: _propTypes.default.func
|
|
71
70
|
};
|
|
72
|
-
exports.
|
|
73
|
-
const allowedProps = ['id', 'children', 'variant', 'status', 'renderSubmenu', 'showSubmenuChevron', 'customPopoverConfig', 'tooltip', 'renderAvatar', 'renderIcon', 'href', 'onClick', 'onSubmenuToggle', 'onMouseOver', 'onMouseOut', 'onFocus', 'onBlur', 'onKeyDown', 'onKeyUp', 'elementRef', 'itemRef'];
|
|
74
|
-
exports.allowedProps = allowedProps;
|
|
71
|
+
const allowedProps = exports.allowedProps = ['id', 'children', 'variant', 'status', 'renderSubmenu', 'showSubmenuChevron', 'customPopoverConfig', 'tooltip', 'renderAvatar', 'renderIcon', 'href', 'onClick', 'onSubmenuToggle', 'onMouseOver', 'onMouseOut', 'onFocus', 'onBlur', 'onKeyDown', 'onKeyUp', 'elementRef', 'itemRef'];
|
|
@@ -36,7 +36,7 @@ var _index = require("./index");
|
|
|
36
36
|
* SOFTWARE.
|
|
37
37
|
*/
|
|
38
38
|
|
|
39
|
-
const TopNavBarDesktopLayoutLocator = (0, _locator.locator)(
|
|
39
|
+
const TopNavBarDesktopLayoutLocator = exports.TopNavBarDesktopLayoutLocator = (0, _locator.locator)(
|
|
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
|
_index.TopNavBarDesktopLayout.selector, {
|
|
42
42
|
findBrandContainer: (...args) => {
|
|
@@ -71,5 +71,4 @@ _index.TopNavBarDesktopLayout.selector, {
|
|
|
71
71
|
return 'rgba(0, 0, 0, 0)';
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
});
|
|
75
|
-
exports.TopNavBarDesktopLayoutLocator = TopNavBarDesktopLayoutLocator;
|
|
74
|
+
});
|
|
@@ -45,7 +45,7 @@ private: true
|
|
|
45
45
|
---
|
|
46
46
|
@tsProps
|
|
47
47
|
**/
|
|
48
|
-
let TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarDesktopLayout extends _react.Component {
|
|
48
|
+
let TopNavBarDesktopLayout = exports.TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarDesktopLayout extends _react.Component {
|
|
49
49
|
constructor(...args) {
|
|
50
50
|
super(...args);
|
|
51
51
|
this.ref = null;
|
|
@@ -108,6 +108,4 @@ let TopNavBarDesktopLayout = (_dec = (0, _emotion.withStyle)(_styles.default, _t
|
|
|
108
108
|
}, renderUser));
|
|
109
109
|
}
|
|
110
110
|
}, _class2.displayName = "TopNavBarDesktopLayout", _class2.componentId = 'TopNavBar.DesktopLayout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
|
|
111
|
-
exports.
|
|
112
|
-
var _default = TopNavBarDesktopLayout;
|
|
113
|
-
exports.default = _default;
|
|
111
|
+
var _default = exports.default = TopNavBarDesktopLayout;
|
|
@@ -29,13 +29,11 @@ var _props = require("../props");
|
|
|
29
29
|
* SOFTWARE.
|
|
30
30
|
*/
|
|
31
31
|
|
|
32
|
-
const propTypes = {
|
|
32
|
+
const propTypes = exports.propTypes = {
|
|
33
33
|
// Edit PropTypes in TopNabBarLayout/props.ts
|
|
34
34
|
..._props.commonPropTypes,
|
|
35
35
|
..._props.desktopPropTypes
|
|
36
36
|
};
|
|
37
|
-
exports.
|
|
38
|
-
const allowedProps = [
|
|
37
|
+
const allowedProps = exports.allowedProps = [
|
|
39
38
|
// Edit allowed props in TopNabBarLayout/props.ts
|
|
40
|
-
..._props.commonAllowedProps, ..._props.desktopAllowedProps];
|
|
41
|
-
exports.allowedProps = allowedProps;
|
|
39
|
+
..._props.commonAllowedProps, ..._props.desktopAllowedProps];
|
package/lib/TopNavBar/TopNavBarLayout/SmallViewportLayout/TopNavBarSmallViewportLayoutLocator.js
CHANGED
|
@@ -46,7 +46,7 @@ var _index = require("./index");
|
|
|
46
46
|
|
|
47
47
|
/* eslint-enable no-restricted-imports */
|
|
48
48
|
|
|
49
|
-
const TopNavBarSmallViewportLayoutLocator = (0, _locator.locator)(
|
|
49
|
+
const TopNavBarSmallViewportLayoutLocator = exports.TopNavBarSmallViewportLayoutLocator = (0, _locator.locator)(
|
|
50
50
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
51
51
|
_index.TopNavBarSmallViewportLayout.selector, {
|
|
52
52
|
findNavBar: (...args) => {
|
|
@@ -99,5 +99,4 @@ _index.TopNavBarSmallViewportLayout.selector, {
|
|
|
99
99
|
findInPlaceDialogCloseButton: (...args) => {
|
|
100
100
|
return (0, _uiTestUtils.find)('[id^=TopNavBarSmallViewportLayout-inPlaceDialogCloseButton_]', ...args);
|
|
101
101
|
}
|
|
102
|
-
});
|
|
103
|
-
exports.TopNavBarSmallViewportLayoutLocator = TopNavBarSmallViewportLayoutLocator;
|
|
102
|
+
});
|
|
@@ -61,7 +61,7 @@ private: true
|
|
|
61
61
|
---
|
|
62
62
|
@tsProps
|
|
63
63
|
**/
|
|
64
|
-
let TopNavBarSmallViewportLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarSmallViewportLayout extends _react.Component {
|
|
64
|
+
let TopNavBarSmallViewportLayout = exports.TopNavBarSmallViewportLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarSmallViewportLayout extends _react.Component {
|
|
65
65
|
constructor(props) {
|
|
66
66
|
var _props$styles;
|
|
67
67
|
super(props);
|
|
@@ -409,6 +409,4 @@ let TopNavBarSmallViewportLayout = (_dec = (0, _withDeterministicId.withDetermin
|
|
|
409
409
|
}), this.renderDropdownMenuTray());
|
|
410
410
|
}
|
|
411
411
|
}, _class2.displayName = "TopNavBarSmallViewportLayout", _class2.componentId = 'TopNavBar.SmallViewportLayout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
|
|
412
|
-
exports.
|
|
413
|
-
var _default = TopNavBarSmallViewportLayout;
|
|
414
|
-
exports.default = _default;
|
|
412
|
+
var _default = exports.default = TopNavBarSmallViewportLayout;
|
|
@@ -29,13 +29,11 @@ var _props = require("../props");
|
|
|
29
29
|
* SOFTWARE.
|
|
30
30
|
*/
|
|
31
31
|
|
|
32
|
-
const propTypes = {
|
|
32
|
+
const propTypes = exports.propTypes = {
|
|
33
33
|
// Edit PropTypes in TopNabBarLayout/props.ts
|
|
34
34
|
..._props.commonPropTypes,
|
|
35
35
|
..._props.smallViewportPropTypes
|
|
36
36
|
};
|
|
37
|
-
exports.
|
|
38
|
-
const allowedProps = [
|
|
37
|
+
const allowedProps = exports.allowedProps = [
|
|
39
38
|
// Edit allowed props in TopNabBarLayout/props.ts
|
|
40
|
-
..._props.commonAllowedProps, ..._props.smallViewportAllowedProps];
|
|
41
|
-
exports.allowedProps = allowedProps;
|
|
39
|
+
..._props.commonAllowedProps, ..._props.smallViewportAllowedProps];
|
|
@@ -33,12 +33,11 @@ var _index = require("./index");
|
|
|
33
33
|
*/
|
|
34
34
|
|
|
35
35
|
// TODO: this type seems to be too complex, try to fix it later
|
|
36
|
-
const TopNavBarLayoutLocator = (0, _locator.locator)(_index.TopNavBarLayout.selector, {
|
|
36
|
+
const TopNavBarLayoutLocator = exports.TopNavBarLayoutLocator = (0, _locator.locator)(_index.TopNavBarLayout.selector, {
|
|
37
37
|
findDesktopLayout: (...args) => {
|
|
38
38
|
return _TopNavBarDesktopLayoutLocator.TopNavBarDesktopLayoutLocator.find(...args);
|
|
39
39
|
},
|
|
40
40
|
findSmallViewportLayout: (...args) => {
|
|
41
41
|
return _TopNavBarSmallViewportLayoutLocator.TopNavBarSmallViewportLayoutLocator.find(...args);
|
|
42
42
|
}
|
|
43
|
-
});
|
|
44
|
-
exports.TopNavBarLayoutLocator = TopNavBarLayoutLocator;
|
|
43
|
+
});
|
|
@@ -49,7 +49,7 @@ id: TopNavBar.Layout
|
|
|
49
49
|
@module TopNavBarLayout
|
|
50
50
|
@tsProps
|
|
51
51
|
**/
|
|
52
|
-
let TopNavBarLayout = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarLayout extends _react.Component {
|
|
52
|
+
let TopNavBarLayout = exports.TopNavBarLayout = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarLayout extends _react.Component {
|
|
53
53
|
constructor(...args) {
|
|
54
54
|
super(...args);
|
|
55
55
|
this.ref = null;
|
|
@@ -110,6 +110,4 @@ let TopNavBarLayout = (_dec = (0, _emotion.withStyle)(null, _theme.default), _de
|
|
|
110
110
|
desktopConfig: {},
|
|
111
111
|
smallViewportConfig: {}
|
|
112
112
|
}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
|
|
113
|
-
exports.
|
|
114
|
-
var _default = TopNavBarLayout;
|
|
115
|
-
exports.default = _default;
|
|
113
|
+
var _default = exports.default = TopNavBarLayout;
|
|
@@ -37,7 +37,7 @@ var _props = require("../TopNavBarItem/props");
|
|
|
37
37
|
* SOFTWARE.
|
|
38
38
|
*/
|
|
39
39
|
|
|
40
|
-
const commonPropTypes = {
|
|
40
|
+
const commonPropTypes = exports.commonPropTypes = {
|
|
41
41
|
renderBrand: _Children.Children.oneOf([_TopNavBarBrand.TopNavBarBrand]),
|
|
42
42
|
renderMenuItems: _Children.Children.oneOf([_TopNavBarMenuItems.TopNavBarMenuItems]),
|
|
43
43
|
renderActionItems: _Children.Children.oneOf([_TopNavBarActionItems.TopNavBarActionItems]),
|
|
@@ -45,12 +45,10 @@ const commonPropTypes = {
|
|
|
45
45
|
navLabel: _propTypes.default.string,
|
|
46
46
|
elementRef: _propTypes.default.func
|
|
47
47
|
};
|
|
48
|
-
exports.
|
|
49
|
-
const desktopPropTypes = {
|
|
48
|
+
const desktopPropTypes = exports.desktopPropTypes = {
|
|
50
49
|
hideActionsUserSeparator: _propTypes.default.bool
|
|
51
50
|
};
|
|
52
|
-
exports.
|
|
53
|
-
const smallViewportPropTypes = {
|
|
51
|
+
const smallViewportPropTypes = exports.smallViewportPropTypes = {
|
|
54
52
|
dropdownMenuToggleButtonLabel: _propTypes.default.string.isRequired,
|
|
55
53
|
dropdownMenuToggleButtonTooltip: _props.topNavBarItemTooltipPropType,
|
|
56
54
|
dropdownMenuLabel: _propTypes.default.string,
|
|
@@ -69,18 +67,12 @@ const smallViewportPropTypes = {
|
|
|
69
67
|
onDropdownMenuToggle: _propTypes.default.func,
|
|
70
68
|
onDropdownMenuSelect: _propTypes.default.func
|
|
71
69
|
};
|
|
72
|
-
exports.
|
|
73
|
-
const propTypes = {
|
|
70
|
+
const propTypes = exports.propTypes = {
|
|
74
71
|
...commonPropTypes,
|
|
75
72
|
desktopConfig: _propTypes.default.shape(desktopPropTypes),
|
|
76
73
|
smallViewportConfig: _propTypes.default.shape(smallViewportPropTypes).isRequired
|
|
77
74
|
};
|
|
78
|
-
exports.
|
|
79
|
-
const
|
|
80
|
-
exports.
|
|
81
|
-
const
|
|
82
|
-
exports.desktopAllowedProps = desktopAllowedProps;
|
|
83
|
-
const smallViewportAllowedProps = ['dropdownMenuToggleButtonLabel', 'dropdownMenuToggleButtonTooltip', 'dropdownMenuLabel', 'alternativeTitle', 'renderInPlaceDialogConfig', 'trayMountNode', 'onDropdownMenuToggle', 'onDropdownMenuSelect'];
|
|
84
|
-
exports.smallViewportAllowedProps = smallViewportAllowedProps;
|
|
85
|
-
const allowedProps = [...commonAllowedProps, 'desktopConfig', 'smallViewportConfig'];
|
|
86
|
-
exports.allowedProps = allowedProps;
|
|
75
|
+
const commonAllowedProps = exports.commonAllowedProps = ['renderBrand', 'renderMenuItems', 'renderActionItems', 'renderUser', 'navLabel', 'elementRef'];
|
|
76
|
+
const desktopAllowedProps = exports.desktopAllowedProps = ['hideActionsUserSeparator'];
|
|
77
|
+
const smallViewportAllowedProps = exports.smallViewportAllowedProps = ['dropdownMenuToggleButtonLabel', 'dropdownMenuToggleButtonTooltip', 'dropdownMenuLabel', 'alternativeTitle', 'renderInPlaceDialogConfig', 'trayMountNode', 'onDropdownMenuToggle', 'onDropdownMenuSelect'];
|
|
78
|
+
const allowedProps = exports.allowedProps = [...commonAllowedProps, 'desktopConfig', 'smallViewportConfig'];
|
|
@@ -31,7 +31,6 @@ var _index = require("./index");
|
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
33
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
34
|
-
const TopNavBarLocator = (0, _locator.locator)(_index.TopNavBar.selector, {
|
|
34
|
+
const TopNavBarLocator = exports.TopNavBarLocator = (0, _locator.locator)(_index.TopNavBar.selector, {
|
|
35
35
|
/* custom component query methods go here */
|
|
36
|
-
});
|
|
37
|
-
exports.TopNavBarLocator = TopNavBarLocator;
|
|
36
|
+
});
|
|
@@ -38,7 +38,7 @@ var _index = require("./index");
|
|
|
38
38
|
/* eslint-enable no-restricted-imports */
|
|
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
|
-
const TopNavBarMenuItemsLocator = (0, _locator.locator)(_index.TopNavBarMenuItems.selector, {
|
|
41
|
+
const TopNavBarMenuItemsLocator = exports.TopNavBarMenuItemsLocator = (0, _locator.locator)(_index.TopNavBarMenuItems.selector, {
|
|
42
42
|
findAllMenuItems: (...args) => {
|
|
43
43
|
return _TopNavBarItemLocator.TopNavBarItemLocator.findAll(...args);
|
|
44
44
|
},
|
|
@@ -53,5 +53,4 @@ const TopNavBarMenuItemsLocator = (0, _locator.locator)(_index.TopNavBarMenuItem
|
|
|
53
53
|
return truncateList;
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
|
-
});
|
|
57
|
-
exports.TopNavBarMenuItemsLocator = TopNavBarMenuItemsLocator;
|
|
56
|
+
});
|
|
@@ -54,7 +54,7 @@ id: TopNavBar.MenuItems
|
|
|
54
54
|
@module TopNavBarMenuItems
|
|
55
55
|
@tsProps
|
|
56
56
|
**/
|
|
57
|
-
let TopNavBarMenuItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarMenuItems extends _react.Component {
|
|
57
|
+
let TopNavBarMenuItems = exports.TopNavBarMenuItems = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class TopNavBarMenuItems extends _react.Component {
|
|
58
58
|
constructor(props) {
|
|
59
59
|
super(props);
|
|
60
60
|
this._hiddenMenuItemsMenuTriggerId = void 0;
|
|
@@ -190,6 +190,4 @@ let TopNavBarMenuItems = (_dec = (0, _withDeterministicId.withDeterministicId)()
|
|
|
190
190
|
}), this.renderChildren());
|
|
191
191
|
}
|
|
192
192
|
}, _class2.displayName = "TopNavBarMenuItems", _class2.componentId = 'TopNavBar.MenuItems', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class) || _class);
|
|
193
|
-
exports.
|
|
194
|
-
var _default = TopNavBarMenuItems;
|
|
195
|
-
exports.default = _default;
|
|
193
|
+
var _default = exports.default = TopNavBarMenuItems;
|
|
@@ -32,13 +32,11 @@ var _TopNavBarItem = require("../TopNavBarItem");
|
|
|
32
32
|
* SOFTWARE.
|
|
33
33
|
*/
|
|
34
34
|
|
|
35
|
-
const propTypes = {
|
|
35
|
+
const propTypes = exports.propTypes = {
|
|
36
36
|
children: _Children.Children.oneOf([_TopNavBarItem.TopNavBarItem]),
|
|
37
37
|
currentPageId: _propTypes.default.string,
|
|
38
38
|
renderHiddenItemsMenuTriggerLabel: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]).isRequired,
|
|
39
39
|
listLabel: _propTypes.default.string,
|
|
40
40
|
elementRef: _propTypes.default.func
|
|
41
41
|
};
|
|
42
|
-
exports.
|
|
43
|
-
const allowedProps = ['children', 'currentPageId', 'renderHiddenItemsMenuTriggerLabel', 'listLabel', 'elementRef'];
|
|
44
|
-
exports.allowedProps = allowedProps;
|
|
42
|
+
const allowedProps = exports.allowedProps = ['children', 'currentPageId', 'renderHiddenItemsMenuTriggerLabel', 'listLabel', 'elementRef'];
|
|
@@ -31,7 +31,6 @@ var _index = require("./index");
|
|
|
31
31
|
*/
|
|
32
32
|
|
|
33
33
|
// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
|
|
34
|
-
const TopNavBarUserLocator = (0, _locator.locator)(_index.TopNavBarUser.selector, {
|
|
34
|
+
const TopNavBarUserLocator = exports.TopNavBarUserLocator = (0, _locator.locator)(_index.TopNavBarUser.selector, {
|
|
35
35
|
/* custom component query methods go here */
|
|
36
|
-
});
|
|
37
|
-
exports.TopNavBarUserLocator = TopNavBarUserLocator;
|
|
36
|
+
});
|
|
@@ -47,7 +47,7 @@ id: TopNavBar.User
|
|
|
47
47
|
@module TopNavBarUser
|
|
48
48
|
@tsProps
|
|
49
49
|
**/
|
|
50
|
-
let TopNavBarUser = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarUser extends _react.Component {
|
|
50
|
+
let TopNavBarUser = exports.TopNavBarUser = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class TopNavBarUser extends _react.Component {
|
|
51
51
|
constructor(...args) {
|
|
52
52
|
super(...args);
|
|
53
53
|
this.ref = null;
|
|
@@ -96,6 +96,4 @@ let TopNavBarUser = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec
|
|
|
96
96
|
}), this.content);
|
|
97
97
|
}
|
|
98
98
|
}, _class2.displayName = "TopNavBarUser", _class2.componentId = 'TopNavBar.User', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2.contextType = _TopNavBarContext.TopNavBarContext, _class2)) || _class) || _class);
|
|
99
|
-
exports.
|
|
100
|
-
var _default = TopNavBarUser;
|
|
101
|
-
exports.default = _default;
|
|
99
|
+
var _default = exports.default = TopNavBarUser;
|
|
@@ -32,10 +32,8 @@ var _TopNavBarItem = require("../TopNavBarItem");
|
|
|
32
32
|
* SOFTWARE.
|
|
33
33
|
*/
|
|
34
34
|
|
|
35
|
-
const propTypes = {
|
|
35
|
+
const propTypes = exports.propTypes = {
|
|
36
36
|
children: _Children.Children.oneOf([_TopNavBarItem.TopNavBarItem]).isRequired,
|
|
37
37
|
elementRef: _propTypes.default.func
|
|
38
38
|
};
|
|
39
|
-
exports.
|
|
40
|
-
const allowedProps = ['children', 'elementRef'];
|
|
41
|
-
exports.allowedProps = allowedProps;
|
|
39
|
+
const allowedProps = exports.allowedProps = ['children', 'elementRef'];
|
package/lib/TopNavBar/index.js
CHANGED
|
@@ -49,7 +49,7 @@ category: components
|
|
|
49
49
|
---
|
|
50
50
|
@tsProps
|
|
51
51
|
**/
|
|
52
|
-
let TopNavBar = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class TopNavBar extends _react.Component {
|
|
52
|
+
let TopNavBar = exports.TopNavBar = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class TopNavBar extends _react.Component {
|
|
53
53
|
constructor(...args) {
|
|
54
54
|
super(...args);
|
|
55
55
|
this.ref = null;
|
|
@@ -104,6 +104,4 @@ let TopNavBar = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = clas
|
|
|
104
104
|
mediaQueryMatch: 'media',
|
|
105
105
|
inverseColor: false
|
|
106
106
|
}, _class2)) || _class);
|
|
107
|
-
exports.
|
|
108
|
-
var _default = TopNavBar;
|
|
109
|
-
exports.default = _default;
|
|
107
|
+
var _default = exports.default = TopNavBar;
|