linear-react-components-ui 0.4.76-beta.11 → 0.4.76-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/.vscode/settings.json +2 -1
- package/README.md +0 -33
- package/lib/assets/styles/dropdown.scss +2 -28
- package/lib/assets/styles/effects.scss +0 -12
- package/lib/assets/styles/floatMenu.scss +1 -0
- package/lib/assets/styles/panel.scss +1 -0
- package/lib/assets/styles/progress.scss +1 -8
- package/lib/assets/styles/select.scss +0 -1
- package/lib/assets/styles/table.scss +5 -13
- package/lib/assets/styles/tabs.scss +44 -79
- package/lib/assets/styles/treeview.scss +0 -32
- package/lib/avatar/avatar.spec.js +6 -17
- package/lib/avatar/index.js +1 -1
- package/lib/buttons/DefaultButton.js +1 -7
- package/lib/checkbox/index.js +6 -20
- package/lib/dialog/base/index.js +6 -15
- package/lib/dialog/form/index.js +3 -16
- package/lib/drawer/index.js +1 -4
- package/lib/form/Field.js +0 -2
- package/lib/form/FieldNumber.js +2 -10
- package/lib/form/helpers.js +1 -9
- package/lib/form/index.js +222 -209
- package/lib/form/withFieldHOC.js +0 -2
- package/lib/icons/helper.js +0 -16
- package/lib/inputs/base/helpers.js +10 -15
- package/lib/inputs/date/Dropdown.js +3 -3
- package/lib/inputs/date/index.js +9 -10
- package/lib/inputs/number/BaseNumber.js +1 -1
- package/lib/inputs/number/index.js +5 -7
- package/lib/inputs/select/Dropdown.js +4 -4
- package/lib/inputs/select/index.js +3 -26
- package/lib/inputs/select/multiple/index.js +7 -9
- package/lib/inputs/select/simple/index.js +18 -30
- package/lib/internals/withTooltip.js +81 -85
- package/lib/list/Item.js +3 -3
- package/lib/list/index.js +10 -20
- package/lib/list/list.spec.js +85 -129
- package/lib/menus/float/MenuItem.js +8 -25
- package/lib/menus/sidenav/index.js +3 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +1 -1
- package/lib/progress/Bar.js +9 -40
- package/lib/progress/index.js +4 -12
- package/lib/spinner/index.js +1 -6
- package/lib/split/Split.js +11 -5
- package/lib/table/Row.js +1 -1
- package/lib/tabs/Menu.js +5 -18
- package/lib/tabs/MenuItems.js +7 -7
- package/lib/tabs/Panel.js +3 -1
- package/lib/tabs/index.js +20 -151
- package/lib/tabs/tabs.spec.js +5 -8
- package/lib/toolbar/index.js +4 -8
- package/lib/tooltip/index.js +7 -20
- package/lib/treeview/Node.js +48 -347
- package/lib/treeview/index.js +35 -456
- package/package.json +8 -9
- package/.tool-versions +0 -1
- package/lib/assets/styles/multiSelect.scss +0 -105
- package/lib/assets/styles/periodpicker.scss +0 -65
- package/lib/checkbox/Label.js +0 -37
- package/lib/form/FieldPeriod.js +0 -100
- package/lib/form/withFormSecurity.js +0 -106
- package/lib/inputs/date/helpers.js +0 -36
- package/lib/inputs/multiSelect/ActionButtons.js +0 -68
- package/lib/inputs/multiSelect/Dropdown.js +0 -200
- package/lib/inputs/multiSelect/helper.js +0 -18
- package/lib/inputs/multiSelect/index.js +0 -343
- package/lib/inputs/period/Dialog.js +0 -38
- package/lib/inputs/period/Dropdown.js +0 -90
- package/lib/inputs/period/PeriodList.js +0 -79
- package/lib/inputs/period/helper.js +0 -118
- package/lib/inputs/period/index.js +0 -490
- package/lib/tabs/DropdownItems.js +0 -84
package/lib/dialog/base/index.js
CHANGED
|
@@ -31,8 +31,7 @@ var BaseDialog = function BaseDialog(props) {
|
|
|
31
31
|
handlerClose = props.handlerClose,
|
|
32
32
|
closeOnOutsideClick = props.closeOnOutsideClick,
|
|
33
33
|
wrapperClassName = props.wrapperClassName,
|
|
34
|
-
children = props.children
|
|
35
|
-
zIndex = props.zIndex;
|
|
34
|
+
children = props.children;
|
|
36
35
|
var dialogEl = (0, _react.useRef)(document.createElement('div'));
|
|
37
36
|
dialogEl.current.className = 'dialog';
|
|
38
37
|
dialogEl.current.dataset.testid = 'dialog-component';
|
|
@@ -49,30 +48,25 @@ var BaseDialog = function BaseDialog(props) {
|
|
|
49
48
|
|
|
50
49
|
var handleClickOutside = function handleClickOutside(event) {
|
|
51
50
|
var target = event.target;
|
|
52
|
-
var dialogAlert = document.getElementsByClassName('dialog-alert-wrapper');
|
|
53
51
|
|
|
54
52
|
if (wrapperEl !== null && wrapperEl.current !== null && target !== wrapperEl.current && !wrapperEl.current.contains(target)) {
|
|
55
|
-
if (dialogAlert.length > 0 && dialogAlert[dialogAlert.length - 1].contains(target) || target.classList.contains('button-component')) return;
|
|
56
53
|
handlerClose();
|
|
57
54
|
}
|
|
58
55
|
};
|
|
59
56
|
|
|
60
57
|
var handleCloseOnEsc = function handleCloseOnEsc(event) {
|
|
61
|
-
if (event.keyCode === 27 || event.key === 'ESC')
|
|
62
|
-
handlerClose();
|
|
63
|
-
}
|
|
58
|
+
if (event.keyCode === 27 || event.key === 'ESC') handlerClose();
|
|
64
59
|
};
|
|
65
60
|
|
|
66
61
|
var setModalContainer = function setModalContainer() {
|
|
67
62
|
modalContainerEl.current.className = 'modalcontainer';
|
|
68
|
-
if (zIndex) modalContainerEl.current.style.zIndex = zIndex;
|
|
69
63
|
body.appendChild(modalContainerEl.current);
|
|
70
64
|
modalContainerEl.current.appendChild(dialogEl.current);
|
|
71
65
|
};
|
|
72
66
|
|
|
73
67
|
var removeModalContainer = function removeModalContainer() {
|
|
74
|
-
var modalComponent = document.getElementsByClassName('modalcontainer');
|
|
75
|
-
document.body.removeChild(modalComponent
|
|
68
|
+
var modalComponent = document.getElementsByClassName('modalcontainer')[0];
|
|
69
|
+
document.body.removeChild(modalComponent);
|
|
76
70
|
};
|
|
77
71
|
|
|
78
72
|
var removeOverlay = function removeOverlay() {
|
|
@@ -114,18 +108,15 @@ BaseDialog.propTypes = {
|
|
|
114
108
|
closeOnEsc: _propTypes["default"].bool,
|
|
115
109
|
closeOnOutsideClick: _propTypes["default"].bool,
|
|
116
110
|
overlay: _propTypes["default"].bool,
|
|
117
|
-
changedData: _propTypes["default"].bool,
|
|
118
111
|
children: _propTypes["default"].any.isRequired,
|
|
119
|
-
textAlign: _propTypes["default"].string
|
|
120
|
-
zIndex: _propTypes["default"].string
|
|
112
|
+
textAlign: _propTypes["default"].string
|
|
121
113
|
};
|
|
122
114
|
BaseDialog.defaultProps = {
|
|
123
115
|
closeOnEsc: false,
|
|
124
116
|
closeOnOutsideClick: false,
|
|
125
117
|
overlay: true,
|
|
126
118
|
handlerClose: null,
|
|
127
|
-
textAlign: 'justify'
|
|
128
|
-
zIndex: null
|
|
119
|
+
textAlign: 'justify'
|
|
129
120
|
};
|
|
130
121
|
var _default = BaseDialog;
|
|
131
122
|
exports["default"] = _default;
|
package/lib/dialog/form/index.js
CHANGED
|
@@ -23,8 +23,6 @@ var _Footer = _interopRequireDefault(require("../base/Footer"));
|
|
|
23
23
|
|
|
24
24
|
var _spinner = _interopRequireDefault(require("../../spinner"));
|
|
25
25
|
|
|
26
|
-
var _withFormSecurity = _interopRequireDefault(require("../../form/withFormSecurity"));
|
|
27
|
-
|
|
28
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
27
|
|
|
30
28
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -56,13 +54,6 @@ var ModalForm = function ModalForm(props) {
|
|
|
56
54
|
}, props.children), getSpinner(), props.showFooter && /*#__PURE__*/_react["default"].createElement(_Footer["default"], null, /*#__PURE__*/_react["default"].createElement(_index.ButtonContainer, _extends({}, props, {
|
|
57
55
|
style: _extends({}, overlayStyle)
|
|
58
56
|
}), props.buttons.map(function (button) {
|
|
59
|
-
if (button.type.name === 'CancelButton') {
|
|
60
|
-
return /*#__PURE__*/_react["default"].cloneElement(button, {
|
|
61
|
-
key: "button-".concat(_uuid["default"].v1()),
|
|
62
|
-
onClick: props.handlerClose
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
|
|
66
57
|
return /*#__PURE__*/_react["default"].cloneElement(button, {
|
|
67
58
|
key: "button-".concat(_uuid["default"].v1())
|
|
68
59
|
});
|
|
@@ -77,8 +68,7 @@ ModalForm.propTypes = {
|
|
|
77
68
|
height: _propTypes["default"].string,
|
|
78
69
|
showFooter: _propTypes["default"].bool,
|
|
79
70
|
buttons: _propTypes["default"].any.isRequired,
|
|
80
|
-
isWaiting: _propTypes["default"].bool
|
|
81
|
-
handlerClose: _propTypes["default"].func
|
|
71
|
+
isWaiting: _propTypes["default"].bool
|
|
82
72
|
};
|
|
83
73
|
ModalForm.defaultProps = {
|
|
84
74
|
title: '',
|
|
@@ -86,10 +76,7 @@ ModalForm.defaultProps = {
|
|
|
86
76
|
height: '50%',
|
|
87
77
|
styleForContent: {},
|
|
88
78
|
showFooter: true,
|
|
89
|
-
isWaiting: false
|
|
90
|
-
handlerClose: undefined
|
|
79
|
+
isWaiting: false
|
|
91
80
|
};
|
|
92
|
-
|
|
93
|
-
var _default = (0, _withFormSecurity["default"])(ModalForm);
|
|
94
|
-
|
|
81
|
+
var _default = ModalForm;
|
|
95
82
|
exports["default"] = _default;
|
package/lib/drawer/index.js
CHANGED
|
@@ -25,10 +25,7 @@ var _Content = _interopRequireDefault(require("./Content"));
|
|
|
25
25
|
|
|
26
26
|
require("../assets/styles/drawers.scss");
|
|
27
27
|
|
|
28
|
-
var _withFormSecurity = _interopRequireDefault(require("../form/withFormSecurity"));
|
|
29
|
-
|
|
30
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
29
|
|
|
32
|
-
var _default =
|
|
33
|
-
|
|
30
|
+
var _default = _Drawer["default"];
|
|
34
31
|
exports["default"] = _default;
|
package/lib/form/Field.js
CHANGED
|
@@ -125,7 +125,6 @@ Field.propTypes = {
|
|
|
125
125
|
onBlur: _propTypes["default"].func,
|
|
126
126
|
validators: _propTypes["default"].any,
|
|
127
127
|
fieldErrors: _propTypes["default"].object,
|
|
128
|
-
externalFieldErrors: _propTypes["default"].object,
|
|
129
128
|
externalMessagesErrors: _propTypes["default"].arrayOf(_propTypes["default"].string),
|
|
130
129
|
fieldId: _propTypes["default"].string
|
|
131
130
|
};
|
|
@@ -137,7 +136,6 @@ Field.defaultProps = {
|
|
|
137
136
|
onBlur: undefined,
|
|
138
137
|
validators: null,
|
|
139
138
|
fieldErrors: {},
|
|
140
|
-
externalFieldErrors: {},
|
|
141
139
|
externalMessagesErrors: [],
|
|
142
140
|
fieldId: '' // Inicialmente implementado para atender radios e checkboxs
|
|
143
141
|
|
package/lib/form/FieldNumber.js
CHANGED
|
@@ -36,16 +36,10 @@ var getOnBlurEvent = function getOnBlurEvent(_ref) {
|
|
|
36
36
|
|
|
37
37
|
var FieldMask = function FieldMask(props) {
|
|
38
38
|
var data = props.data,
|
|
39
|
-
name = props.name
|
|
40
|
-
handlerFieldChange = props.handlerFieldChange,
|
|
41
|
-
_onChange = props.onChange;
|
|
39
|
+
name = props.name;
|
|
42
40
|
return /*#__PURE__*/_react["default"].createElement(props.component, _extends({}, props, getOnBlurEvent(props), {
|
|
43
41
|
errorMessages: (0, _helpers.getErrorMessages)(props),
|
|
44
|
-
value: _lodash["default"].get(data, name)
|
|
45
|
-
onChange: function onChange(e) {
|
|
46
|
-
handlerFieldChange(e);
|
|
47
|
-
if (_onChange) _onChange(e);
|
|
48
|
-
}
|
|
42
|
+
value: _lodash["default"].get(data, name)
|
|
49
43
|
}));
|
|
50
44
|
};
|
|
51
45
|
|
|
@@ -55,7 +49,6 @@ FieldMask.propTypes = {
|
|
|
55
49
|
handlerFieldChange: _propTypes["default"].func.isRequired,
|
|
56
50
|
component: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].func]),
|
|
57
51
|
onBlur: _propTypes["default"].func,
|
|
58
|
-
onChange: _propTypes["default"].func,
|
|
59
52
|
validators: _propTypes["default"].oneOf([_propTypes["default"].func, _propTypes["default"].arrayOf(_propTypes["default"].func)]),
|
|
60
53
|
fieldErrors: _propTypes["default"].object,
|
|
61
54
|
externalMessagesErrors: _propTypes["default"].arrayOf(_propTypes["default"].string)
|
|
@@ -63,7 +56,6 @@ FieldMask.propTypes = {
|
|
|
63
56
|
FieldMask.defaultProps = {
|
|
64
57
|
component: undefined,
|
|
65
58
|
onBlur: undefined,
|
|
66
|
-
onChange: undefined,
|
|
67
59
|
validators: undefined,
|
|
68
60
|
fieldErrors: {},
|
|
69
61
|
externalMessagesErrors: []
|
package/lib/form/helpers.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getValidatorsArray = exports.getErrorMessages = exports.withFieldContext = exports.FormContext = exports.FieldContext =
|
|
6
|
+
exports.getValidatorsArray = exports.getErrorMessages = exports.withFieldContext = exports.FormContext = exports.FieldContext = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
@@ -21,9 +21,6 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
|
|
|
21
21
|
|
|
22
22
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
23
23
|
|
|
24
|
-
var securityBeforeUnload = 'securityBeforeUnload';
|
|
25
|
-
exports.securityBeforeUnload = securityBeforeUnload;
|
|
26
|
-
|
|
27
24
|
var FieldContext = /*#__PURE__*/_react["default"].createContext();
|
|
28
25
|
|
|
29
26
|
exports.FieldContext = FieldContext;
|
|
@@ -39,7 +36,6 @@ exports.withFieldContext = withFieldContext;
|
|
|
39
36
|
var getErrorMessages = function getErrorMessages(_ref) {
|
|
40
37
|
var name = _ref.name,
|
|
41
38
|
fieldErrors = _ref.fieldErrors,
|
|
42
|
-
externalFieldErrors = _ref.externalFieldErrors,
|
|
43
39
|
externalMessagesErrors = _ref.externalMessagesErrors;
|
|
44
40
|
|
|
45
41
|
var errors = _toConsumableArray(externalMessagesErrors);
|
|
@@ -48,10 +44,6 @@ var getErrorMessages = function getErrorMessages(_ref) {
|
|
|
48
44
|
errors = [].concat(_toConsumableArray(errors), _toConsumableArray(fieldErrors[name]));
|
|
49
45
|
}
|
|
50
46
|
|
|
51
|
-
if (externalFieldErrors && externalFieldErrors[name]) {
|
|
52
|
-
errors = [].concat(_toConsumableArray(errors), _toConsumableArray(externalFieldErrors[name]));
|
|
53
|
-
}
|
|
54
|
-
|
|
55
47
|
return errors;
|
|
56
48
|
};
|
|
57
49
|
|