linear-react-components-ui 0.4.77-beta.1 → 0.4.77-beta.12
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/lib/@types/LabelStyles.js +5 -0
- package/lib/@types/PermissionAttr.js +5 -0
- package/lib/@types/PointerEvents.js +5 -0
- package/lib/@types/Position.js +5 -0
- package/lib/@types/Size.js +5 -0
- package/lib/@types/SizePixels.js +5 -0
- package/lib/buttons/types.js +5 -0
- package/lib/checkbox/types.js +5 -0
- package/lib/dropdown/types.js +5 -0
- package/lib/icons/types.js +5 -0
- package/lib/internals/types.js +5 -0
- package/lib/labelMessages/types.js +5 -0
- package/lib/list/index.js +0 -1
- package/lib/menus/float/MenuItem.js +8 -17
- package/lib/menus/sidenav/index.js +1 -1
- package/lib/radio/types.js +5 -0
- package/package.json +1 -1
package/lib/list/index.js
CHANGED
|
@@ -197,7 +197,6 @@ var List = function List(props) {
|
|
|
197
197
|
(0, _react.useEffect)(function () {
|
|
198
198
|
if (onSelectItem && props.selectedItemId) {
|
|
199
199
|
setSelectedItemId(props.selectedItemId);
|
|
200
|
-
if (selectedItemRef.current) selectedItemRef.current.focus();
|
|
201
200
|
}
|
|
202
201
|
}, [props.selectedItemId]);
|
|
203
202
|
(0, _react.useEffect)(function () {
|
|
@@ -33,23 +33,12 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
33
33
|
iconName = _ref.iconName,
|
|
34
34
|
iconColor = _ref.iconColor,
|
|
35
35
|
iconSize = _ref.iconSize,
|
|
36
|
-
dropdownMenu = _ref.dropdownMenu
|
|
37
|
-
onClick = _ref.onClick;
|
|
36
|
+
dropdownMenu = _ref.dropdownMenu;
|
|
38
37
|
|
|
39
38
|
var _useContext = (0, _react.useContext)(_helpers["default"]),
|
|
40
39
|
customClassMenuItem = _useContext.customClassMenuItem;
|
|
41
40
|
|
|
42
41
|
var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
|
|
43
|
-
|
|
44
|
-
var handleOnClick = function handleOnClick() {
|
|
45
|
-
if (onClick) {
|
|
46
|
-
onClick(dropdownContext && dropdownContext.handleDropdownClose);
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
if (dropdownContext) dropdownContext.handleDropdownClose();
|
|
51
|
-
};
|
|
52
|
-
|
|
53
42
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
54
43
|
className: "floatmenuitem"
|
|
55
44
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -65,7 +54,9 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
65
54
|
}, dropdownMenu), /*#__PURE__*/_react["default"].createElement("a", {
|
|
66
55
|
className: "floatmenulink",
|
|
67
56
|
target: "_blank",
|
|
68
|
-
onClick:
|
|
57
|
+
onClick: function onClick() {
|
|
58
|
+
if (dropdownContext) dropdownContext.handleDropdownClose();
|
|
59
|
+
},
|
|
69
60
|
href: url,
|
|
70
61
|
rel: "noreferrer"
|
|
71
62
|
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
@@ -83,12 +74,12 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
83
74
|
MenuItem.propTypes = {
|
|
84
75
|
title: _propTypes["default"].string,
|
|
85
76
|
url: _propTypes["default"].string,
|
|
77
|
+
urlHref: _propTypes["default"].string,
|
|
86
78
|
iconName: _propTypes["default"].string,
|
|
87
79
|
iconColor: _propTypes["default"].string,
|
|
88
80
|
iconSize: _propTypes["default"].number,
|
|
89
81
|
customClass: _propTypes["default"].string,
|
|
90
|
-
dropdownMenu: _propTypes["default"].element
|
|
91
|
-
onClick: _propTypes["default"].func
|
|
82
|
+
dropdownMenu: _propTypes["default"].element
|
|
92
83
|
};
|
|
93
84
|
MenuItem.defaultProps = {
|
|
94
85
|
iconColor: 'gray',
|
|
@@ -97,8 +88,8 @@ MenuItem.defaultProps = {
|
|
|
97
88
|
iconName: '',
|
|
98
89
|
customClass: '',
|
|
99
90
|
url: undefined,
|
|
100
|
-
|
|
101
|
-
|
|
91
|
+
urlHref: undefined,
|
|
92
|
+
dropdownMenu: undefined
|
|
102
93
|
};
|
|
103
94
|
var _default = MenuItem;
|
|
104
95
|
exports["default"] = _default;
|
|
@@ -126,7 +126,7 @@ var SideNav = function SideNav(props) {
|
|
|
126
126
|
top = sideNavDimensions.top,
|
|
127
127
|
width = sideNavDimensions.width,
|
|
128
128
|
height = sideNavDimensions.height;
|
|
129
|
-
var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + window.scrollY, "px; height: ").concat(height, "px;");
|
|
129
|
+
var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + window.scrollY + 12, "px; height: ").concat(height - 24, "px;");
|
|
130
130
|
return style;
|
|
131
131
|
};
|
|
132
132
|
|