linear-react-components-ui 0.4.75-beta.13 → 0.4.75-beta.14
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/list/Item.js +1 -1
- package/lib/list/index.js +9 -7
- package/lib/list/list.spec.js +4 -2
- package/package.json +1 -1
package/lib/list/Item.js
CHANGED
|
@@ -104,7 +104,7 @@ var Item = function Item(props) {
|
|
|
104
104
|
onClick: function onClick(e) {
|
|
105
105
|
if (_onClick !== undefined) _onClick(e, itemId);
|
|
106
106
|
if (dropdownContext) dropdownContext.handleDropdownClose();
|
|
107
|
-
if (selectable) handleSelectItem(itemId);
|
|
107
|
+
if (selectable) handleSelectItem(itemId, _onClick);
|
|
108
108
|
},
|
|
109
109
|
onKeyDown: null,
|
|
110
110
|
role: 'button',
|
package/lib/list/index.js
CHANGED
|
@@ -64,10 +64,9 @@ var List = function List(props) {
|
|
|
64
64
|
transparent = props.transparent,
|
|
65
65
|
style = props.style,
|
|
66
66
|
selectable = props.selectable,
|
|
67
|
-
onSelectItem = props.onSelectItem
|
|
68
|
-
initialSelectedItem = props.initialSelectedItem;
|
|
67
|
+
onSelectItem = props.onSelectItem;
|
|
69
68
|
|
|
70
|
-
var _useState = (0, _react.useState)(
|
|
69
|
+
var _useState = (0, _react.useState)(''),
|
|
71
70
|
_useState2 = _slicedToArray(_useState, 2),
|
|
72
71
|
selectedItemId = _useState2[0],
|
|
73
72
|
setSelectedItemId = _useState2[1];
|
|
@@ -75,11 +74,14 @@ var List = function List(props) {
|
|
|
75
74
|
var contextValues = {
|
|
76
75
|
selectable: selectable,
|
|
77
76
|
selectedItemId: selectedItemId,
|
|
78
|
-
handleSelectItem: function handleSelectItem(selectedId) {
|
|
79
|
-
setSelectedItemId(selectedId);
|
|
77
|
+
handleSelectItem: function handleSelectItem(selectedId, onClick) {
|
|
78
|
+
if (!onSelectItem && onClick) setSelectedItemId(selectedId);
|
|
80
79
|
if (onSelectItem) onSelectItem(selectedId);
|
|
81
80
|
}
|
|
82
81
|
};
|
|
82
|
+
(0, _react.useEffect)(function () {
|
|
83
|
+
if (onSelectItem && props.selectedItemId) setSelectedItemId(props.selectedItemId);
|
|
84
|
+
}, [props.selectedItemId]);
|
|
83
85
|
return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
|
|
84
86
|
value: contextValues
|
|
85
87
|
}, /*#__PURE__*/_react["default"].createElement("ul", {
|
|
@@ -97,7 +99,7 @@ List.propTypes = {
|
|
|
97
99
|
selectable: _propTypes["default"].bool,
|
|
98
100
|
style: _propTypes["default"].object,
|
|
99
101
|
onSelectItem: _propTypes["default"].func,
|
|
100
|
-
|
|
102
|
+
selectedItemId: _propTypes["default"].string
|
|
101
103
|
};
|
|
102
104
|
List.defaultProps = {
|
|
103
105
|
customClass: '',
|
|
@@ -106,7 +108,7 @@ List.defaultProps = {
|
|
|
106
108
|
selectable: false,
|
|
107
109
|
style: {},
|
|
108
110
|
onSelectItem: undefined,
|
|
109
|
-
|
|
111
|
+
selectedItemId: ''
|
|
110
112
|
};
|
|
111
113
|
var _default = List;
|
|
112
114
|
exports["default"] = _default;
|
package/lib/list/list.spec.js
CHANGED
|
@@ -92,13 +92,15 @@ describe('Components', function () {
|
|
|
92
92
|
|
|
93
93
|
expect(container.firstChild).toHaveStyle(style);
|
|
94
94
|
});
|
|
95
|
-
it('should
|
|
95
|
+
it('should select item by id', function () {
|
|
96
96
|
var listItemProps = {
|
|
97
97
|
itemId: '1'
|
|
98
98
|
};
|
|
99
99
|
|
|
100
100
|
var _render6 = (0, _react2.render)(list({
|
|
101
|
-
|
|
101
|
+
selectable: true,
|
|
102
|
+
onSelectItem: jest.fn(),
|
|
103
|
+
selectedItemId: '1'
|
|
102
104
|
}, {}, listItemProps)),
|
|
103
105
|
container = _render6.container;
|
|
104
106
|
|