linear-react-components-ui 0.4.76-beta.32 → 0.4.76-beta.33
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/README.md +5 -7
- package/lib/assets/styles/select.scss +3 -3
- package/lib/assets/styles/sidenav.scss +11 -1
- package/lib/assets/styles/table.scss +0 -3
- package/lib/assets/styles/treeview.scss +0 -4
- package/lib/dropdown/Popup.js +2 -3
- package/lib/form/form.spec.js +0 -8
- package/lib/form/index.js +21 -40
- package/lib/icons/helper.js +0 -4
- package/lib/inputs/mask/Phone.js +1 -10
- package/lib/inputs/mask/input_mask.spec.js +4 -21
- package/lib/inputs/search/index.js +2 -0
- package/lib/inputs/select/Dropdown.js +62 -49
- package/lib/inputs/select/helper.js +2 -65
- package/lib/inputs/select/multiple/index.js +4 -7
- package/lib/inputs/select/simple/index.js +6 -9
- package/lib/internals/constants.js +4 -3
- package/lib/list/Item.js +31 -7
- package/lib/list/index.js +88 -10
- package/lib/list/list.spec.js +230 -102
- package/lib/menus/sidenav/NavMenuItem.js +15 -6
- package/lib/menus/sidenav/index.js +53 -84
- package/lib/menus/sidenav/popup_menu_search/index.js +24 -16
- package/lib/menus/sidenav/sidenav.spec.js +86 -19
- package/lib/table/Body.js +23 -31
- package/lib/table/Header.js +3 -3
- package/lib/table/index.js +3 -5
- package/lib/treeview/Node.js +5 -25
- package/lib/treeview/index.js +3 -11
- package/lib/treeview/treeview.spec.js +0 -18
- package/package.json +1 -1
package/lib/treeview/Node.js
CHANGED
|
@@ -27,8 +27,6 @@ var _list = _interopRequireWildcard(require("../list"));
|
|
|
27
27
|
|
|
28
28
|
var _toolbar = _interopRequireWildcard(require("../toolbar"));
|
|
29
29
|
|
|
30
|
-
var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
|
|
31
|
-
|
|
32
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
33
31
|
|
|
34
32
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -135,8 +133,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
135
133
|
children = _this$props3.children,
|
|
136
134
|
isParent = _this$props3.isParent,
|
|
137
135
|
onNodeClick = _this$props3.onNodeClick,
|
|
138
|
-
nodeMenuButtonSize = _this$props3.nodeMenuButtonSize
|
|
139
|
-
selectedNodeId = _this$props3.selectedNodeId;
|
|
136
|
+
nodeMenuButtonSize = _this$props3.nodeMenuButtonSize;
|
|
140
137
|
var node = this.state.node;
|
|
141
138
|
var showNodeElements = this.state.showNodeElements;
|
|
142
139
|
return /*#__PURE__*/_react["default"].createElement(_constants.TreeviewContext.Consumer, null, function (_ref) {
|
|
@@ -158,10 +155,6 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
158
155
|
className: "treeviewitem"
|
|
159
156
|
}, _this2.getSpan(), /*#__PURE__*/_react["default"].createElement("div", {
|
|
160
157
|
className: "label",
|
|
161
|
-
style: {
|
|
162
|
-
textDecoration: !onNodeClick ? 'none' : null,
|
|
163
|
-
backgroundColor: selectedNodeId === node.id ? 'rgb(209, 209, 209)' : null
|
|
164
|
-
},
|
|
165
158
|
ref: _this2.labelRef,
|
|
166
159
|
role: "button",
|
|
167
160
|
onKeyPress: null,
|
|
@@ -247,11 +240,8 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
247
240
|
enumerable: true,
|
|
248
241
|
writable: true,
|
|
249
242
|
value: function value() {
|
|
250
|
-
var
|
|
251
|
-
alwaysShowArrow = _this3$props.alwaysShowArrow,
|
|
252
|
-
idsInLoading = _this3$props.idsInLoading;
|
|
243
|
+
var alwaysShowArrow = _this3.props.alwaysShowArrow;
|
|
253
244
|
var node = _this3.state.node;
|
|
254
|
-
var isLoading = idsInLoading.includes(node.id);
|
|
255
245
|
|
|
256
246
|
var span = /*#__PURE__*/_react["default"].createElement("noscript", null);
|
|
257
247
|
|
|
@@ -260,17 +250,11 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
260
250
|
onKeyPress: null,
|
|
261
251
|
tabIndex: 0,
|
|
262
252
|
role: "button",
|
|
263
|
-
style: isLoading ? {
|
|
264
|
-
marginLeft: '-30px',
|
|
265
|
-
marginTop: '-5px'
|
|
266
|
-
} : null,
|
|
267
253
|
className: "opencloseicon",
|
|
268
254
|
onClick: function onClick() {
|
|
269
255
|
return _this3.openCloseTree(node);
|
|
270
256
|
}
|
|
271
|
-
},
|
|
272
|
-
size: "35px"
|
|
273
|
-
}) : /*#__PURE__*/_react["default"].createElement(_icons["default"], {
|
|
257
|
+
}, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
|
|
274
258
|
name: _this3.state.isVisible ? 'up' : 'down',
|
|
275
259
|
size: 10
|
|
276
260
|
}));
|
|
@@ -447,9 +431,7 @@ TreeNode.propTypes = {
|
|
|
447
431
|
onNodeClick: _propTypes["default"].func,
|
|
448
432
|
handlerOnNodeOpen: _propTypes["default"].func,
|
|
449
433
|
nodeElementsValidations: _propTypes["default"].object,
|
|
450
|
-
startNodesOpened: _propTypes["default"].bool.isRequired
|
|
451
|
-
idsInLoading: _propTypes["default"].arrayOf(_propTypes["default"].number),
|
|
452
|
-
selectedNodeId: _propTypes["default"].number
|
|
434
|
+
startNodesOpened: _propTypes["default"].bool.isRequired
|
|
453
435
|
};
|
|
454
436
|
TreeNode.defaultProps = {
|
|
455
437
|
childrenIds: [],
|
|
@@ -462,9 +444,7 @@ TreeNode.defaultProps = {
|
|
|
462
444
|
nodeMenuButtonSize: 'small',
|
|
463
445
|
onNodeClick: undefined,
|
|
464
446
|
handlerOnNodeOpen: undefined,
|
|
465
|
-
nodeElementsValidations: undefined
|
|
466
|
-
idsInLoading: [],
|
|
467
|
-
selectedNodeId: undefined
|
|
447
|
+
nodeElementsValidations: undefined
|
|
468
448
|
};
|
|
469
449
|
TreeNode.contextType = _constants.TreeviewContext;
|
|
470
450
|
var _default = TreeNode;
|
package/lib/treeview/index.js
CHANGED
|
@@ -469,9 +469,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
469
469
|
nodeToolbarElements = _this$props3.nodeToolbarElements,
|
|
470
470
|
nodeMenuButtonSize = _this$props3.nodeMenuButtonSize,
|
|
471
471
|
alwaysShowArrow = _this$props3.alwaysShowArrow,
|
|
472
|
-
startNodesOpened = _this$props3.startNodesOpened
|
|
473
|
-
idsInLoading = _this$props3.idsInLoading,
|
|
474
|
-
selectedNodeId = _this$props3.selectedNodeId;
|
|
472
|
+
startNodesOpened = _this$props3.startNodesOpened;
|
|
475
473
|
var childrenIds = [];
|
|
476
474
|
|
|
477
475
|
if (node.itens && node.itens.length > 0) {
|
|
@@ -489,7 +487,6 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
489
487
|
return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
|
|
490
488
|
key: "node-".concat(node.id),
|
|
491
489
|
node: node,
|
|
492
|
-
idsInLoading: idsInLoading,
|
|
493
490
|
startNodesOpened: startNodesOpened,
|
|
494
491
|
alwaysShowArrow: alwaysShowArrow,
|
|
495
492
|
childrenIds: childrenIds,
|
|
@@ -500,7 +497,6 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
500
497
|
nodeElementsValidations: nodeElementsValidations,
|
|
501
498
|
nodeMenuButtonSize: nodeMenuButtonSize,
|
|
502
499
|
onNodeClick: onNodeClick,
|
|
503
|
-
selectedNodeId: selectedNodeId,
|
|
504
500
|
handlerOnNodeOpen: _this.handleOnNodeOpen
|
|
505
501
|
}, childrenIds.length > 0 && node.itens.map(function (nodeitem) {
|
|
506
502
|
return _this.buildTree(nodeitem, node.id, ids);
|
|
@@ -610,9 +606,7 @@ TreeView.propTypes = {
|
|
|
610
606
|
onNodeClick: _propTypes["default"].func,
|
|
611
607
|
onNodeOpen: _propTypes["default"].func,
|
|
612
608
|
nodeElementsValidations: _propTypes["default"].object,
|
|
613
|
-
enableDynamicData: _propTypes["default"].bool
|
|
614
|
-
idsInLoading: _propTypes["default"].arrayOf(_propTypes["default"].number),
|
|
615
|
-
selectedNodeId: _propTypes["default"].number
|
|
609
|
+
enableDynamicData: _propTypes["default"].bool
|
|
616
610
|
};
|
|
617
611
|
TreeView.defaultProps = {
|
|
618
612
|
customClass: '',
|
|
@@ -634,9 +628,7 @@ TreeView.defaultProps = {
|
|
|
634
628
|
onNodeClick: undefined,
|
|
635
629
|
onNodeOpen: undefined,
|
|
636
630
|
nodeElementsValidations: undefined,
|
|
637
|
-
enableDynamicData: false
|
|
638
|
-
idsInLoading: [],
|
|
639
|
-
selectedNodeId: undefined
|
|
631
|
+
enableDynamicData: false
|
|
640
632
|
};
|
|
641
633
|
var _default = TreeView;
|
|
642
634
|
exports["default"] = _default;
|
|
@@ -257,23 +257,5 @@ describe('Treeview', function () {
|
|
|
257
257
|
|
|
258
258
|
expect(container.querySelector('ul')).toHaveStyle('background-color: #000');
|
|
259
259
|
});
|
|
260
|
-
it('should apply idsInLoading', function () {
|
|
261
|
-
var _render13 = (0, _react.render)(treeviewRenderMock({
|
|
262
|
-
idsInLoading: [1]
|
|
263
|
-
})),
|
|
264
|
-
container = _render13.container;
|
|
265
|
-
|
|
266
|
-
var li = container.querySelector('li').firstChild;
|
|
267
|
-
expect(li.firstChild).toHaveClass('spinnerloading');
|
|
268
|
-
});
|
|
269
|
-
it('should apply selectedNodeId', function () {
|
|
270
|
-
var _render14 = (0, _react.render)(treeviewRenderMock({
|
|
271
|
-
selectedNodeId: 1
|
|
272
|
-
})),
|
|
273
|
-
container = _render14.container;
|
|
274
|
-
|
|
275
|
-
var filhosLi = container.querySelector('li').children;
|
|
276
|
-
expect(filhosLi[1]).toHaveStyle('background-color: rgb(209, 209, 209)');
|
|
277
|
-
});
|
|
278
260
|
});
|
|
279
261
|
});
|