linear-react-components-ui 0.4.77-beta.2 → 0.4.77-beta.5
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/.eslintrc.json +95 -0
- package/.gitlab-ci.yml +19 -0
- package/.husky/pre-push +4 -0
- package/.vscode/launch.json +15 -0
- package/.vscode/settings.json +3 -0
- package/config/getHttpsConfig.js +56 -0
- package/config/paths.js +140 -0
- package/config/webpackDevServer.config.js +128 -0
- package/jest.config.js +3 -3
- 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/alerts/AlertContainer.js +2 -2
- package/lib/alerts/AlertProvider.js +12 -12
- package/lib/alerts/BaseAlert.js +6 -6
- package/lib/alerts/Message.js +21 -21
- package/lib/alerts/alert.spec.js +3 -3
- package/lib/alerts/helpers.js +4 -4
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +6 -6
- package/lib/assets/styles/commons.scss +0 -10
- package/lib/assets/styles/dropdown.scss +2 -22
- package/lib/assets/styles/effects.scss +0 -11
- package/lib/assets/styles/list.scss +0 -8
- package/lib/assets/styles/table.scss +7 -2
- package/lib/avatar/avatar.spec.js +20 -20
- package/lib/avatar/index.js +28 -28
- package/lib/badge/badge.spec.js +3 -3
- package/lib/badge/index.js +12 -12
- package/lib/buttons/ActivateButton.js +5 -5
- package/lib/buttons/AddButton.js +5 -5
- package/lib/buttons/Button.js +22 -14
- package/lib/buttons/ButtonGroups.js +4 -9
- package/lib/buttons/CancelButton.js +19 -6
- package/lib/buttons/DangerButton.js +16 -21
- package/lib/buttons/DefaultButton.js +73 -137
- package/lib/buttons/DestroyButton.js +15 -6
- package/lib/buttons/EditButton.js +5 -5
- package/lib/buttons/InactivateButton.js +5 -5
- package/lib/buttons/InfoButton.js +16 -21
- package/lib/buttons/PrimaryButton.js +16 -21
- package/lib/buttons/RestoreButton.js +5 -5
- package/lib/buttons/SaveButton.js +18 -5
- package/lib/buttons/SuccessButton.js +15 -20
- package/lib/buttons/WarningButton.js +15 -20
- package/lib/buttons/button_container/index.js +9 -22
- package/lib/buttons/buttons.spec.js +52 -51
- package/lib/buttons/index.js +32 -32
- package/lib/buttons/split_button/index.js +6 -43
- package/lib/buttons/types.js +5 -0
- package/lib/calendar/DangerCalendar.js +4 -4
- package/lib/calendar/InfoCalendar.js +4 -4
- package/lib/calendar/PrimaryCalendar.js +4 -4
- package/lib/calendar/SuccessCalendar.js +4 -4
- package/lib/calendar/WarningCalendar.js +4 -4
- package/lib/calendar/base/Day.js +8 -8
- package/lib/calendar/base/Month.js +6 -6
- package/lib/calendar/base/Week.js +7 -7
- package/lib/calendar/base/helpers.js +13 -13
- package/lib/calendar/base/index.js +20 -20
- package/lib/calendar/calendar.spec.js +16 -16
- package/lib/calendar/index.js +14 -14
- package/lib/checkbox/Label.js +7 -17
- package/lib/checkbox/checkbox.spec.js +16 -17
- package/lib/checkbox/index.js +45 -77
- package/lib/checkbox/types.js +5 -0
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +19 -19
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +12 -12
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +6 -6
- package/lib/dialog/base/Footer.js +5 -5
- package/lib/dialog/base/Header.js +14 -14
- package/lib/dialog/base/index.js +18 -18
- package/lib/dialog/base/style.js +2 -2
- package/lib/dialog/dialog.spec.js +19 -19
- package/lib/dialog/form/index.js +24 -24
- package/lib/dialog/index.js +15 -15
- package/lib/drawer/Content.js +8 -8
- package/lib/drawer/Drawer.js +20 -20
- package/lib/drawer/Drawer.spec.js +9 -9
- package/lib/drawer/Header.js +26 -26
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +8 -8
- package/lib/dropdown/Popup.js +15 -9
- package/lib/dropdown/dropdown.spec.js +8 -8
- package/lib/dropdown/types.js +5 -0
- package/lib/dropdown/withDropdown.js +21 -48
- package/lib/fieldset/fieldset.spec.js +3 -3
- package/lib/fieldset/index.js +24 -24
- package/lib/form/Field.js +24 -24
- package/lib/form/FieldArray.js +25 -25
- package/lib/form/FieldNumber.js +15 -15
- package/lib/form/FieldPeriod.js +22 -22
- package/lib/form/form.spec.js +11 -11
- package/lib/form/helpers.js +6 -6
- package/lib/form/index.js +37 -37
- package/lib/form/withFieldHOC.js +14 -14
- package/lib/form/withFormSecurity.js +10 -10
- package/lib/gridlayout/GridCol.js +9 -9
- package/lib/gridlayout/GridRow.js +10 -10
- package/lib/gridlayout/gridLayout.spec.js +4 -4
- package/lib/gridlayout/index.js +5 -5
- package/lib/icons/helper.js +1 -1
- package/lib/icons/icons.spec.js +9 -9
- package/lib/icons/index.js +28 -45
- package/lib/icons/types.js +5 -0
- package/lib/index.js +16 -16
- package/lib/inputs/base/InputTextBase.js +65 -65
- package/lib/inputs/base/base.spec.js +13 -13
- package/lib/inputs/base/helpers.js +7 -7
- package/lib/inputs/color/color_input.spec.js +4 -4
- package/lib/inputs/color/index.js +16 -16
- package/lib/inputs/date/Dialog.js +7 -7
- package/lib/inputs/date/Dropdown.js +7 -7
- package/lib/inputs/date/date.spec.js +5 -5
- package/lib/inputs/date/helpers.js +5 -5
- package/lib/inputs/date/index.js +33 -33
- package/lib/inputs/inputHOC.js +12 -12
- package/lib/inputs/mask/BaseMask.js +9 -9
- package/lib/inputs/mask/Cnpj.js +10 -10
- package/lib/inputs/mask/Cpf.js +10 -10
- package/lib/inputs/mask/Phone.js +5 -5
- package/lib/inputs/mask/ZipCode.js +4 -4
- package/lib/inputs/mask/helpers.js +4 -4
- package/lib/inputs/mask/imaskHOC.js +33 -33
- package/lib/inputs/mask/index.js +10 -10
- package/lib/inputs/mask/input_mask.spec.js +47 -47
- package/lib/inputs/multiSelect/ActionButtons.js +13 -13
- package/lib/inputs/multiSelect/Dropdown.js +39 -39
- package/lib/inputs/multiSelect/helper.js +2 -2
- package/lib/inputs/multiSelect/index.js +22 -22
- package/lib/inputs/number/BaseNumber.js +8 -8
- package/lib/inputs/number/Currency.js +7 -7
- package/lib/inputs/number/Decimal.js +4 -4
- package/lib/inputs/number/format_number.js +1 -1
- package/lib/inputs/number/index.js +8 -8
- package/lib/inputs/number/numberfield.spec.js +5 -5
- package/lib/inputs/period/Dialog.js +7 -7
- package/lib/inputs/period/Dropdown.js +9 -9
- package/lib/inputs/period/PeriodList.js +9 -9
- package/lib/inputs/period/helper.js +6 -6
- package/lib/inputs/period/index.js +50 -52
- package/lib/inputs/search/index.js +24 -25
- package/lib/inputs/search/search_input.spec.js +4 -4
- package/lib/inputs/select/ActionButtons.js +12 -12
- package/lib/inputs/select/Dropdown.js +39 -39
- package/lib/inputs/select/helper.js +8 -4
- package/lib/inputs/select/index.js +7 -7
- package/lib/inputs/select/multiple/Selecteds.js +10 -10
- package/lib/inputs/select/multiple/index.js +29 -29
- package/lib/inputs/select/select.spec.js +11 -11
- package/lib/inputs/select/simple/index.js +31 -30
- package/lib/inputs/text/index.js +4 -4
- package/lib/inputs/text/textfield.spec.js +4 -4
- package/lib/inputs/textarea/index.js +7 -7
- package/lib/inputs/textarea/textarea.spec.js +2 -2
- package/lib/internals/colorStyles.js +2 -2
- package/lib/internals/constants.js +1 -1
- package/lib/internals/types.js +5 -0
- package/lib/internals/withTooltip.js +31 -39
- package/lib/labelMessages/index.js +34 -52
- package/lib/labelMessages/labelMessages.spec.js +16 -16
- package/lib/labelMessages/types.js +5 -0
- package/lib/labels/DangerLabel.js +4 -4
- package/lib/labels/DefaultLabel.js +22 -22
- package/lib/labels/InfoLabel.js +4 -4
- package/lib/labels/PrimaryLabel.js +4 -4
- package/lib/labels/SuccessLabel.js +4 -4
- package/lib/labels/WarningLabel.js +4 -4
- package/lib/labels/index.js +15 -15
- package/lib/labels/label.spec.js +18 -18
- package/lib/labels/label_container/index.js +8 -8
- package/lib/list/Header.js +9 -9
- package/lib/list/Item.js +45 -43
- package/lib/list/Separator.js +4 -4
- package/lib/list/helpers.js +5 -10
- package/lib/list/index.js +36 -106
- package/lib/list/list.spec.js +98 -127
- package/lib/menus/float/MenuItem.js +26 -38
- package/lib/menus/float/float-menu.spec.js +13 -13
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +16 -24
- package/lib/menus/index.js +4 -4
- package/lib/menus/sidenav/ExpandMenu.js +8 -8
- package/lib/menus/sidenav/MenuLink.js +9 -9
- package/lib/menus/sidenav/NavMenuGroup.js +8 -8
- package/lib/menus/sidenav/NavMenuItem.js +25 -25
- package/lib/menus/sidenav/NavSubMenuItem.js +11 -11
- package/lib/menus/sidenav/helpers.js +5 -5
- package/lib/menus/sidenav/index.js +34 -34
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +15 -14
- package/lib/menus/sidenav/sidenav.spec.js +9 -9
- package/lib/noPermission/index.js +7 -7
- package/lib/panel/Content.js +11 -11
- package/lib/panel/DangerPanel.js +5 -5
- package/lib/panel/Default.js +19 -19
- package/lib/panel/Header.js +22 -23
- package/lib/panel/InfoPanel.js +5 -5
- package/lib/panel/PrimaryPanel.js +5 -5
- package/lib/panel/SuccessPanel.js +5 -5
- package/lib/panel/ToolBar.js +5 -5
- package/lib/panel/WarningPanel.js +5 -5
- package/lib/panel/helpers.js +4 -4
- package/lib/panel/index.js +18 -18
- package/lib/panel/panel.spec.js +8 -8
- package/lib/permissionValidations.js +2 -2
- package/lib/popover/PopoverText.js +5 -5
- package/lib/popover/PopoverTitle.js +5 -5
- package/lib/popover/index.js +16 -16
- package/lib/popover/popover.spec.js +4 -4
- package/lib/progress/Bar.js +19 -19
- package/lib/progress/index.js +10 -10
- package/lib/progress/progress.spec.js +12 -4
- package/lib/radio/index.js +26 -50
- package/lib/radio/radio.spec.js +8 -8
- package/lib/radio/types.js +5 -0
- package/lib/skeleton/SkeletonContainer.js +8 -8
- package/lib/skeleton/index.js +14 -14
- package/lib/spinner/SpinnerLoading.js +43 -43
- package/lib/spinner/index.js +15 -15
- package/lib/spinner/spinner.spec.js +2 -2
- package/lib/split/Split.js +21 -21
- package/lib/split/SplitSide.js +13 -13
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/split/split.spec.js +25 -13
- package/lib/table/Body.js +14 -14
- package/lib/table/Header.js +13 -13
- package/lib/table/HeaderColumn.js +12 -12
- package/lib/table/Row.js +15 -15
- package/lib/table/RowColumn.js +15 -15
- package/lib/table/helpers.js +5 -5
- package/lib/table/index.js +36 -36
- package/lib/table/table.spec.js +14 -14
- package/lib/tabs/DropdownItems.js +14 -14
- package/lib/tabs/Menu.js +9 -9
- package/lib/tabs/MenuItems.js +16 -16
- package/lib/tabs/Panel.js +21 -21
- package/lib/tabs/index.js +22 -22
- package/lib/tabs/tabHelpers.js +6 -5
- package/lib/tabs/tabs.spec.js +45 -73
- package/lib/toolbar/ButtonBar.js +30 -21
- package/lib/toolbar/LabelBar.js +13 -13
- package/lib/toolbar/Separator.js +4 -4
- package/lib/toolbar/ToolBarGroup.js +6 -6
- package/lib/toolbar/helpers.js +2 -2
- package/lib/toolbar/index.js +19 -19
- package/lib/toolbar/toolbar.spec.js +10 -10
- package/lib/tooltip/index.js +16 -14
- package/lib/tooltip/tooltip.spec.js +15 -3
- package/lib/treeview/Header.js +8 -8
- package/lib/treeview/Node.js +44 -44
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +43 -43
- package/lib/treeview/treeview.spec.js +14 -14
- package/lib/treeview_old/Header.js +7 -7
- package/lib/treeview_old/Node.js +14 -14
- package/lib/treeview_old/index.js +9 -9
- package/lib/uitour/helpers.js +1 -1
- package/lib/uitour/index.js +25 -25
- package/lib/uitour/uitour.spec.js +21 -21
- package/package.json +36 -10
- package/scripts/start.js +135 -0
- package/tsconfig.json +17 -0
- package/.eslintrc.js +0 -26
- package/.husky/pre-commit +0 -4
- package/lib/menus/float/SubMenuContainer.js +0 -48
package/lib/tooltip/index.js
CHANGED
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
@@ -17,11 +17,11 @@ var _uuid = _interopRequireDefault(require("uuid"));
|
|
|
17
17
|
|
|
18
18
|
require("../assets/styles/tooltip.scss");
|
|
19
19
|
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
21
|
|
|
22
22
|
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); }
|
|
23
23
|
|
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
25
|
|
|
26
26
|
var Tooltip = function Tooltip(props) {
|
|
27
27
|
var className = props.className,
|
|
@@ -32,7 +32,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
32
32
|
tooltipRef = props.tooltipRef;
|
|
33
33
|
var tooltipComponent = (0, _react.useRef)(document.createElement('div'));
|
|
34
34
|
(0, _react.useEffect)(function () {
|
|
35
|
-
tooltipComponent.current.id = "tooltip-".concat(_uuid
|
|
35
|
+
tooltipComponent.current.id = "tooltip-".concat(_uuid.default.v1());
|
|
36
36
|
tooltipComponent.current.className = "tooltip-component ".concat(className, " ");
|
|
37
37
|
tooltipComponent.current.dataset.testid = 'tooltip-component';
|
|
38
38
|
tooltipComponent.current.style = style;
|
|
@@ -40,7 +40,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
40
40
|
var tooltipEl = document.querySelector("div#".concat(tooltipComponent.current.id));
|
|
41
41
|
var width = tooltipEl.offsetWidth;
|
|
42
42
|
|
|
43
|
-
if (tooltipDimensions.width) {
|
|
43
|
+
if (tooltipDimensions && tooltipDimensions.width) {
|
|
44
44
|
width = tooltipDimensions.width;
|
|
45
45
|
}
|
|
46
46
|
|
|
@@ -62,27 +62,29 @@ var Tooltip = function Tooltip(props) {
|
|
|
62
62
|
}, [style]);
|
|
63
63
|
|
|
64
64
|
var getTooltipContent = function getTooltipContent() {
|
|
65
|
-
return /*#__PURE__*/_react
|
|
65
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
66
66
|
className: "tooltipcontent"
|
|
67
67
|
}, text);
|
|
68
68
|
};
|
|
69
69
|
|
|
70
|
-
return /*#__PURE__*/_reactDom
|
|
70
|
+
return /*#__PURE__*/_reactDom.default.createPortal(getTooltipContent(), tooltipComponent.current);
|
|
71
71
|
};
|
|
72
72
|
|
|
73
73
|
Tooltip.propTypes = {
|
|
74
|
-
text: _propTypes
|
|
75
|
-
style: _propTypes
|
|
76
|
-
className: _propTypes
|
|
77
|
-
handlerSetDimensions: _propTypes
|
|
78
|
-
tooltipRef: _propTypes
|
|
74
|
+
text: _propTypes.default.string,
|
|
75
|
+
style: _propTypes.default.string,
|
|
76
|
+
className: _propTypes.default.string,
|
|
77
|
+
handlerSetDimensions: _propTypes.default.func,
|
|
78
|
+
tooltipRef: _propTypes.default.object,
|
|
79
|
+
tooltipDimensions: _propTypes.default.object
|
|
79
80
|
};
|
|
80
81
|
Tooltip.defaultProps = {
|
|
81
82
|
text: undefined,
|
|
82
83
|
className: 'bottom',
|
|
83
84
|
style: '',
|
|
84
85
|
handlerSetDimensions: undefined,
|
|
85
|
-
tooltipRef: null
|
|
86
|
+
tooltipRef: null,
|
|
87
|
+
tooltipDimensions: {}
|
|
86
88
|
};
|
|
87
89
|
var _default = Tooltip;
|
|
88
|
-
exports
|
|
90
|
+
exports.default = _default;
|
|
@@ -12,7 +12,7 @@ var _DefaultButton = _interopRequireDefault(require("../buttons/DefaultButton"))
|
|
|
12
12
|
|
|
13
13
|
var _ = _interopRequireDefault(require("."));
|
|
14
14
|
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
16
|
|
|
17
17
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
18
18
|
|
|
@@ -25,7 +25,7 @@ describe('Tooltip', function () {
|
|
|
25
25
|
describe('Default Tooltip', function () {
|
|
26
26
|
var mockHandler = jest.fn();
|
|
27
27
|
|
|
28
|
-
var mockToolTip = /*#__PURE__*/_react
|
|
28
|
+
var mockToolTip = /*#__PURE__*/_react.default.createElement(_.default, {
|
|
29
29
|
text: "Tooltip" // eslint-disable-next-line react/style-prop-object
|
|
30
30
|
,
|
|
31
31
|
style: "width: 100px;",
|
|
@@ -46,7 +46,7 @@ describe('Tooltip', function () {
|
|
|
46
46
|
});
|
|
47
47
|
describe('Tooltip with Buttons', function () {
|
|
48
48
|
var mockToolTip = function mockToolTip(props) {
|
|
49
|
-
return /*#__PURE__*/_react
|
|
49
|
+
return /*#__PURE__*/_react.default.createElement(_DefaultButton.default, _extends({
|
|
50
50
|
tooltip: "Tooltip",
|
|
51
51
|
label: "Tooltip Label"
|
|
52
52
|
}, props));
|
|
@@ -78,6 +78,18 @@ describe('Tooltip', function () {
|
|
|
78
78
|
};
|
|
79
79
|
}();
|
|
80
80
|
|
|
81
|
+
beforeEach(function () {
|
|
82
|
+
Element.prototype.getBoundingClientRect = jest.fn(function () {
|
|
83
|
+
return {
|
|
84
|
+
width: 0,
|
|
85
|
+
height: 0,
|
|
86
|
+
top: 200,
|
|
87
|
+
left: 200,
|
|
88
|
+
bottom: 0,
|
|
89
|
+
right: 0
|
|
90
|
+
};
|
|
91
|
+
});
|
|
92
|
+
});
|
|
81
93
|
it('should button render correctly', function () {
|
|
82
94
|
var _render = (0, _react2.render)(mockToolTip()),
|
|
83
95
|
container = _render.container;
|
package/lib/treeview/Header.js
CHANGED
|
@@ -3,21 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
|
|
14
14
|
var Header = function Header(props) {
|
|
15
15
|
var title = props.title,
|
|
16
16
|
customClass = props.customClass,
|
|
17
17
|
children = props.children;
|
|
18
|
-
return /*#__PURE__*/_react
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
19
|
className: "treeviewheader ".concat(customClass)
|
|
20
|
-
}, title ? /*#__PURE__*/_react
|
|
20
|
+
}, title ? /*#__PURE__*/_react.default.createElement("div", {
|
|
21
21
|
className: "title"
|
|
22
22
|
}, title) : children);
|
|
23
23
|
};
|
|
@@ -28,9 +28,9 @@ Header.defaultProps = {
|
|
|
28
28
|
children: undefined
|
|
29
29
|
};
|
|
30
30
|
Header.propTypes = {
|
|
31
|
-
title: _propTypes
|
|
32
|
-
customClass: _propTypes
|
|
33
|
-
children: _propTypes
|
|
31
|
+
title: _propTypes.default.string,
|
|
32
|
+
customClass: _propTypes.default.string,
|
|
33
|
+
children: _propTypes.default.instanceOf(Object)
|
|
34
34
|
};
|
|
35
35
|
var _default = Header;
|
|
36
|
-
exports
|
|
36
|
+
exports.default = _default;
|
package/lib/treeview/Node.js
CHANGED
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
@@ -29,11 +29,11 @@ var _toolbar = _interopRequireWildcard(require("../toolbar"));
|
|
|
29
29
|
|
|
30
30
|
var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
|
|
31
31
|
|
|
32
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
32
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
33
|
|
|
34
34
|
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); }
|
|
35
35
|
|
|
36
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
36
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
37
37
|
|
|
38
38
|
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); }
|
|
39
39
|
|
|
@@ -61,7 +61,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
|
|
|
61
61
|
|
|
62
62
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
63
63
|
|
|
64
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
64
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
65
65
|
|
|
66
66
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
67
67
|
|
|
@@ -87,7 +87,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
87
87
|
|
|
88
88
|
_initialiseProps.call(_assertThisInitialized(_this));
|
|
89
89
|
|
|
90
|
-
_this.labelRef = /*#__PURE__*/_react
|
|
90
|
+
_this.labelRef = /*#__PURE__*/_react.default.createRef();
|
|
91
91
|
var node = props.node,
|
|
92
92
|
startNodesOpened = props.startNodesOpened;
|
|
93
93
|
_this.state = {
|
|
@@ -139,7 +139,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
139
139
|
selectedNodeId = _this$props3.selectedNodeId;
|
|
140
140
|
var node = this.state.node;
|
|
141
141
|
var showNodeElements = this.state.showNodeElements;
|
|
142
|
-
return /*#__PURE__*/_react
|
|
142
|
+
return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Consumer, null, function (_ref) {
|
|
143
143
|
var valuePropName = _ref.valuePropName,
|
|
144
144
|
labelPropName = _ref.labelPropName,
|
|
145
145
|
selectedIds = _ref.selectedIds,
|
|
@@ -154,9 +154,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
154
154
|
var requiredNodes = [].concat(_toConsumableArray(requiredIds), _toConsumableArray(requiredParentsIds));
|
|
155
155
|
var required = requiredNodes.includes(node[valuePropName]);
|
|
156
156
|
var checked = selectedIds.includes(node[valuePropName]) || required;
|
|
157
|
-
return /*#__PURE__*/_react
|
|
157
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
158
158
|
className: "treeviewitem"
|
|
159
|
-
}, _this2.getSpan(), /*#__PURE__*/_react
|
|
159
|
+
}, _this2.getSpan(), /*#__PURE__*/_react.default.createElement("div", {
|
|
160
160
|
className: "label",
|
|
161
161
|
style: {
|
|
162
162
|
textDecoration: !onNodeClick ? 'none' : null,
|
|
@@ -169,7 +169,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
169
169
|
onClick: onNodeClick ? function () {
|
|
170
170
|
return onNodeClick(node);
|
|
171
171
|
} : null
|
|
172
|
-
}, showCheckBox ? /*#__PURE__*/_react
|
|
172
|
+
}, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
173
173
|
checked: checked,
|
|
174
174
|
disabled: required || disabled,
|
|
175
175
|
value: "".concat(node[valuePropName]),
|
|
@@ -178,7 +178,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
178
178
|
onChange: disabled || required ? undefined : function (e) {
|
|
179
179
|
handlerUpdateSelectedIds(node.id, e.target.checked, isParent);
|
|
180
180
|
}
|
|
181
|
-
}) : node[labelPropName], allowCheckAllChildren && showNodeElements && isParent ? /*#__PURE__*/_react
|
|
181
|
+
}) : node[labelPropName], allowCheckAllChildren && showNodeElements && isParent ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
182
182
|
dropdown: true,
|
|
183
183
|
dropdownAlign: "left",
|
|
184
184
|
size: nodeMenuButtonSize,
|
|
@@ -191,9 +191,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
191
191
|
iconName: "menu",
|
|
192
192
|
customClass: "node-menu",
|
|
193
193
|
boxShadow: false
|
|
194
|
-
}, /*#__PURE__*/_react
|
|
194
|
+
}, /*#__PURE__*/_react.default.createElement(_list.default, {
|
|
195
195
|
condensed: true
|
|
196
|
-
}, /*#__PURE__*/_react
|
|
196
|
+
}, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
197
197
|
text: "Marcar todos",
|
|
198
198
|
onClick: function onClick() {
|
|
199
199
|
handlerToggleCheckChildren(node.id, true);
|
|
@@ -203,7 +203,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
203
203
|
keepMenuOpened: false
|
|
204
204
|
});
|
|
205
205
|
}
|
|
206
|
-
}), /*#__PURE__*/_react
|
|
206
|
+
}), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
207
207
|
text: "Desmarcar todos",
|
|
208
208
|
onClick: function onClick() {
|
|
209
209
|
handlerToggleCheckChildren(node.id, false, required);
|
|
@@ -213,7 +213,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
213
213
|
keepMenuOpened: false
|
|
214
214
|
});
|
|
215
215
|
}
|
|
216
|
-
}))) : null, showNodeElements && _this2.returnNodeRightElements(), showNodeElements && _this2.returnNodeToolbarElements()), /*#__PURE__*/_react
|
|
216
|
+
}))) : null, showNodeElements && _this2.returnNodeRightElements(), showNodeElements && _this2.returnNodeToolbarElements()), /*#__PURE__*/_react.default.createElement("ul", {
|
|
217
217
|
className: "nodelist"
|
|
218
218
|
}, _this2.state.isVisible && children));
|
|
219
219
|
});
|
|
@@ -253,10 +253,10 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
253
253
|
var node = _this3.state.node;
|
|
254
254
|
var isLoading = idsInLoading.includes(node.id);
|
|
255
255
|
|
|
256
|
-
var span = /*#__PURE__*/_react
|
|
256
|
+
var span = /*#__PURE__*/_react.default.createElement("noscript", null);
|
|
257
257
|
|
|
258
258
|
if (node.itens && node.itens.length > 0 || alwaysShowArrow) {
|
|
259
|
-
span = /*#__PURE__*/_react
|
|
259
|
+
span = /*#__PURE__*/_react.default.createElement("span", {
|
|
260
260
|
onKeyPress: null,
|
|
261
261
|
tabIndex: 0,
|
|
262
262
|
role: "button",
|
|
@@ -264,9 +264,9 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
264
264
|
onClick: function onClick() {
|
|
265
265
|
return _this3.openCloseTree(node);
|
|
266
266
|
}
|
|
267
|
-
}, isLoading ? /*#__PURE__*/_react
|
|
267
|
+
}, isLoading ? /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
|
|
268
268
|
size: "35px"
|
|
269
|
-
}) : /*#__PURE__*/_react
|
|
269
|
+
}) : /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
270
270
|
name: _this3.state.isVisible ? 'up' : 'down',
|
|
271
271
|
size: 10
|
|
272
272
|
}));
|
|
@@ -325,8 +325,8 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
325
325
|
var updatedElements = [];
|
|
326
326
|
|
|
327
327
|
if (elements) {
|
|
328
|
-
updatedElements = _react
|
|
329
|
-
if ( /*#__PURE__*/_react
|
|
328
|
+
updatedElements = _react.default.Children.map(elements, function (element) {
|
|
329
|
+
if ( /*#__PURE__*/_react.default.isValidElement(element) && element.props) {
|
|
330
330
|
var _element$props = element.props,
|
|
331
331
|
validationKey = _element$props.validationKey,
|
|
332
332
|
onNodeElementClick = _element$props.onNodeElementClick;
|
|
@@ -347,7 +347,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
347
347
|
});
|
|
348
348
|
}
|
|
349
349
|
|
|
350
|
-
return /*#__PURE__*/_react
|
|
350
|
+
return /*#__PURE__*/_react.default.cloneElement(element, _extends({}, elementBehavior, newProps));
|
|
351
351
|
}
|
|
352
352
|
|
|
353
353
|
return element;
|
|
@@ -369,14 +369,14 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
369
369
|
var style = unvisible ? {
|
|
370
370
|
display: 'none'
|
|
371
371
|
} : {};
|
|
372
|
-
return /*#__PURE__*/_react
|
|
372
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
373
373
|
style: style,
|
|
374
|
-
key: "element-".concat(_uuid
|
|
374
|
+
key: "element-".concat(_uuid.default.v1()),
|
|
375
375
|
className: "element"
|
|
376
376
|
}, element);
|
|
377
377
|
});
|
|
378
378
|
|
|
379
|
-
return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react
|
|
379
|
+
return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
380
380
|
className: "node-rightelements"
|
|
381
381
|
}, updatedNodeRightElements) : null;
|
|
382
382
|
}
|
|
@@ -390,9 +390,9 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
390
390
|
|
|
391
391
|
var updatedNodeRightElements = _this3.updateElements(nodeToolbarElements);
|
|
392
392
|
|
|
393
|
-
return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react
|
|
393
|
+
return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react.default.createElement(_toolbar.default, {
|
|
394
394
|
customClass: "node-toolbarelements"
|
|
395
|
-
}, /*#__PURE__*/_react
|
|
395
|
+
}, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, null, updatedNodeRightElements)) : null;
|
|
396
396
|
}
|
|
397
397
|
});
|
|
398
398
|
Object.defineProperty(this, "validateNodeElement", {
|
|
@@ -418,7 +418,7 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
418
418
|
var validator = validation.validator,
|
|
419
419
|
applyBehavior = validation.applyBehavior;
|
|
420
420
|
|
|
421
|
-
if (_lodash
|
|
421
|
+
if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node)) {
|
|
422
422
|
elementBehavior = options[applyBehavior] || options.unvisible;
|
|
423
423
|
}
|
|
424
424
|
});
|
|
@@ -430,22 +430,22 @@ var _initialiseProps = function _initialiseProps() {
|
|
|
430
430
|
};
|
|
431
431
|
|
|
432
432
|
TreeNode.propTypes = {
|
|
433
|
-
node: _propTypes
|
|
434
|
-
children: _propTypes
|
|
435
|
-
childrenIds: _propTypes
|
|
436
|
-
parentId: _propTypes
|
|
437
|
-
disabled: _propTypes
|
|
438
|
-
isParent: _propTypes
|
|
439
|
-
alwaysShowArrow: _propTypes
|
|
440
|
-
nodeRightElements: _propTypes
|
|
441
|
-
nodeToolbarElements: _propTypes
|
|
442
|
-
nodeMenuButtonSize: _propTypes
|
|
443
|
-
onNodeClick: _propTypes
|
|
444
|
-
handlerOnNodeOpen: _propTypes
|
|
445
|
-
nodeElementsValidations: _propTypes
|
|
446
|
-
startNodesOpened: _propTypes
|
|
447
|
-
idsInLoading: _propTypes
|
|
448
|
-
selectedNodeId: _propTypes
|
|
433
|
+
node: _propTypes.default.object.isRequired,
|
|
434
|
+
children: _propTypes.default.any.isRequired,
|
|
435
|
+
childrenIds: _propTypes.default.arrayOf(_propTypes.default.number),
|
|
436
|
+
parentId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
437
|
+
disabled: _propTypes.default.bool,
|
|
438
|
+
isParent: _propTypes.default.bool,
|
|
439
|
+
alwaysShowArrow: _propTypes.default.bool,
|
|
440
|
+
nodeRightElements: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.object), _propTypes.default.element, _propTypes.default.object]),
|
|
441
|
+
nodeToolbarElements: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.object), _propTypes.default.element, _propTypes.default.object]),
|
|
442
|
+
nodeMenuButtonSize: _propTypes.default.oneOf(['mini', 'small', 'medium', 'large', 'default']),
|
|
443
|
+
onNodeClick: _propTypes.default.func,
|
|
444
|
+
handlerOnNodeOpen: _propTypes.default.func,
|
|
445
|
+
nodeElementsValidations: _propTypes.default.object,
|
|
446
|
+
startNodesOpened: _propTypes.default.bool.isRequired,
|
|
447
|
+
idsInLoading: _propTypes.default.arrayOf(_propTypes.default.number),
|
|
448
|
+
selectedNodeId: _propTypes.default.number
|
|
449
449
|
};
|
|
450
450
|
TreeNode.defaultProps = {
|
|
451
451
|
childrenIds: [],
|
|
@@ -464,4 +464,4 @@ TreeNode.defaultProps = {
|
|
|
464
464
|
};
|
|
465
465
|
TreeNode.contextType = _constants.TreeviewContext;
|
|
466
466
|
var _default = TreeNode;
|
|
467
|
-
exports
|
|
467
|
+
exports.default = _default;
|
|
@@ -7,9 +7,9 @@ exports.TreeviewContext = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
|
|
12
12
|
// eslint-disable-next-line import/prefer-default-export
|
|
13
|
-
var TreeviewContext = /*#__PURE__*/_react
|
|
13
|
+
var TreeviewContext = /*#__PURE__*/_react.default.createContext();
|
|
14
14
|
|
|
15
15
|
exports.TreeviewContext = TreeviewContext;
|
package/lib/treeview/index.js
CHANGED
|
@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
Object.defineProperty(exports, "TreeNode", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return _Node
|
|
11
|
+
return _Node.default;
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "TreeViewHeader", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function get() {
|
|
17
|
-
return _Header
|
|
17
|
+
return _Header.default;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
|
-
exports
|
|
20
|
+
exports.default = void 0;
|
|
21
21
|
|
|
22
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
23
|
|
|
@@ -33,11 +33,11 @@ require("../assets/styles/treeview.scss");
|
|
|
33
33
|
|
|
34
34
|
var _constants = require("./constants");
|
|
35
35
|
|
|
36
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
36
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
37
37
|
|
|
38
38
|
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); }
|
|
39
39
|
|
|
40
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
40
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
41
41
|
|
|
42
42
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
43
43
|
|
|
@@ -65,7 +65,7 @@ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || func
|
|
|
65
65
|
|
|
66
66
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
67
67
|
|
|
68
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
68
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
69
69
|
|
|
70
70
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
71
71
|
|
|
@@ -116,8 +116,8 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
116
116
|
});
|
|
117
117
|
|
|
118
118
|
_this.setState({
|
|
119
|
-
requiredParentsIds: _lodash
|
|
120
|
-
selectedIds: _lodash
|
|
119
|
+
requiredParentsIds: _lodash.default.uniq(requiredIds),
|
|
120
|
+
selectedIds: _lodash.default.uniq(newSelectedIds),
|
|
121
121
|
selectedIdsUpdatedOnMount: selectedIdsUpdatedOnMount || true
|
|
122
122
|
});
|
|
123
123
|
});
|
|
@@ -379,7 +379,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
379
379
|
writable: true,
|
|
380
380
|
value: function value(nodeId, isParent) {
|
|
381
381
|
var selectedIds = _this.state.selectedIds;
|
|
382
|
-
var codigos = _lodash
|
|
382
|
+
var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
|
|
383
383
|
var isHandlingSelectedIds = _this.state.isHandlingSelectedIds;
|
|
384
384
|
var _this$props = _this.props,
|
|
385
385
|
allowCheckAllChildren = _this$props.allowCheckAllChildren,
|
|
@@ -415,7 +415,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
415
415
|
var _this$props2 = _this.props,
|
|
416
416
|
allowCheckAllChildren = _this$props2.allowCheckAllChildren,
|
|
417
417
|
allowCheckAllAncestry = _this$props2.allowCheckAllAncestry;
|
|
418
|
-
var codigos = _lodash
|
|
418
|
+
var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
|
|
419
419
|
selectedIds = selectedIds.filter(function (id) {
|
|
420
420
|
return !codigos.includes(id);
|
|
421
421
|
});
|
|
@@ -486,7 +486,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
488
|
|
|
489
|
-
return /*#__PURE__*/_react
|
|
489
|
+
return /*#__PURE__*/_react.default.createElement(_Node.default, {
|
|
490
490
|
key: "node-".concat(node.id),
|
|
491
491
|
node: node,
|
|
492
492
|
idsInLoading: idsInLoading,
|
|
@@ -534,7 +534,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
534
534
|
selectedIdsUpdatedOnMount = _this$state3.selectedIdsUpdatedOnMount;
|
|
535
535
|
var allowCheckAllAncestry = this.props.allowCheckAllAncestry;
|
|
536
536
|
|
|
537
|
-
var isSameSelectedIds = _lodash
|
|
537
|
+
var isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), prevState.propSelectedIds.sort());
|
|
538
538
|
|
|
539
539
|
if (allowCheckAllAncestry && (!selectedIdsUpdatedOnMount || !isSameSelectedIds)) {
|
|
540
540
|
this.handleNewSelectedIds(selectedIds);
|
|
@@ -549,11 +549,11 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
549
549
|
children = _this$props4.children,
|
|
550
550
|
styleForContainer = _this$props4.styleForContainer;
|
|
551
551
|
var data = this.state.data;
|
|
552
|
-
return /*#__PURE__*/_react
|
|
552
|
+
return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Provider, {
|
|
553
553
|
value: this.getContextValues()
|
|
554
|
-
}, /*#__PURE__*/_react
|
|
554
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
555
555
|
className: "treeview-component ".concat(customClass)
|
|
556
|
-
}, children, /*#__PURE__*/_react
|
|
556
|
+
}, children, /*#__PURE__*/_react.default.createElement("ul", {
|
|
557
557
|
style: styleForContainer,
|
|
558
558
|
className: "treeviewcontainer ".concat(bordered && '-bordered')
|
|
559
559
|
}, this.buildTree(data))));
|
|
@@ -566,7 +566,7 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
566
566
|
enableDynamicData = props.enableDynamicData;
|
|
567
567
|
var propSelectedIds = state.propSelectedIds;
|
|
568
568
|
|
|
569
|
-
var isSameSelectedIds = _lodash
|
|
569
|
+
var isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
|
|
570
570
|
|
|
571
571
|
if (enableDynamicData && data !== state.data) {
|
|
572
572
|
return {
|
|
@@ -587,32 +587,32 @@ var TreeView = /*#__PURE__*/function (_Component) {
|
|
|
587
587
|
}(_react.Component);
|
|
588
588
|
|
|
589
589
|
TreeView.propTypes = {
|
|
590
|
-
data: _propTypes
|
|
591
|
-
customClass: _propTypes
|
|
592
|
-
bordered: _propTypes
|
|
593
|
-
valuePropName: _propTypes
|
|
594
|
-
labelPropName: _propTypes
|
|
595
|
-
parentPropName: _propTypes
|
|
596
|
-
startNodesOpened: _propTypes
|
|
597
|
-
alwaysShowArrow: _propTypes
|
|
598
|
-
selectedIds: _propTypes
|
|
599
|
-
requiredIds: _propTypes
|
|
600
|
-
showCheckBox: _propTypes
|
|
601
|
-
onSelectedIdsChange: _propTypes
|
|
602
|
-
children: _propTypes
|
|
603
|
-
styleForContainer: _propTypes
|
|
604
|
-
allowCheckAllChildren: _propTypes
|
|
605
|
-
allowCheckAllAncestry: _propTypes
|
|
606
|
-
defaultDisabledTooltip: _propTypes
|
|
607
|
-
nodeRightElements: _propTypes
|
|
608
|
-
nodeToolbarElements: _propTypes
|
|
609
|
-
nodeMenuButtonSize: _propTypes
|
|
610
|
-
onNodeClick: _propTypes
|
|
611
|
-
onNodeOpen: _propTypes
|
|
612
|
-
nodeElementsValidations: _propTypes
|
|
613
|
-
enableDynamicData: _propTypes
|
|
614
|
-
idsInLoading: _propTypes
|
|
615
|
-
selectedNodeId: _propTypes
|
|
590
|
+
data: _propTypes.default.object.isRequired,
|
|
591
|
+
customClass: _propTypes.default.string,
|
|
592
|
+
bordered: _propTypes.default.bool,
|
|
593
|
+
valuePropName: _propTypes.default.string.isRequired,
|
|
594
|
+
labelPropName: _propTypes.default.string.isRequired,
|
|
595
|
+
parentPropName: _propTypes.default.string.isRequired,
|
|
596
|
+
startNodesOpened: _propTypes.default.bool,
|
|
597
|
+
alwaysShowArrow: _propTypes.default.bool,
|
|
598
|
+
selectedIds: _propTypes.default.arrayOf(_propTypes.default.number),
|
|
599
|
+
requiredIds: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
|
|
600
|
+
showCheckBox: _propTypes.default.bool,
|
|
601
|
+
onSelectedIdsChange: _propTypes.default.func,
|
|
602
|
+
children: _propTypes.default.instanceOf(Object),
|
|
603
|
+
styleForContainer: _propTypes.default.object,
|
|
604
|
+
allowCheckAllChildren: _propTypes.default.bool,
|
|
605
|
+
allowCheckAllAncestry: _propTypes.default.bool,
|
|
606
|
+
defaultDisabledTooltip: _propTypes.default.string,
|
|
607
|
+
nodeRightElements: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.object), _propTypes.default.element, _propTypes.default.object]),
|
|
608
|
+
nodeToolbarElements: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.object), _propTypes.default.element, _propTypes.default.object]),
|
|
609
|
+
nodeMenuButtonSize: _propTypes.default.oneOf(['mini', 'small', 'medium', 'large', 'default']),
|
|
610
|
+
onNodeClick: _propTypes.default.func,
|
|
611
|
+
onNodeOpen: _propTypes.default.func,
|
|
612
|
+
nodeElementsValidations: _propTypes.default.object,
|
|
613
|
+
enableDynamicData: _propTypes.default.bool,
|
|
614
|
+
idsInLoading: _propTypes.default.arrayOf(_propTypes.default.number),
|
|
615
|
+
selectedNodeId: _propTypes.default.number
|
|
616
616
|
};
|
|
617
617
|
TreeView.defaultProps = {
|
|
618
618
|
customClass: '',
|
|
@@ -639,4 +639,4 @@ TreeView.defaultProps = {
|
|
|
639
639
|
selectedNodeId: undefined
|
|
640
640
|
};
|
|
641
641
|
var _default = TreeView;
|
|
642
|
-
exports
|
|
642
|
+
exports.default = _default;
|