linear-react-components-ui 1.0.2 → 1.0.3-beta.2
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/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +2 -2
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +21 -5
- package/lib/alerts/AlertProvider.js +45 -15
- package/lib/alerts/BaseAlert.js +20 -4
- package/lib/alerts/Message.js +32 -21
- package/lib/alerts/helpers.js +2 -0
- package/lib/alerts/index.d.ts +1 -4
- package/lib/alerts/index.js +4 -0
- package/lib/alerts/types.d.ts +4 -4
- package/lib/alerts/withAlert.js +12 -1
- package/lib/avatar/index.js +35 -20
- package/lib/badge/index.js +14 -9
- package/lib/buttons/ActivateButton.js +6 -0
- package/lib/buttons/AddButton.js +7 -0
- package/lib/buttons/Button.js +15 -2
- package/lib/buttons/ButtonGroups.js +4 -0
- package/lib/buttons/CancelButton.js +11 -1
- package/lib/buttons/DangerButton.js +11 -1
- package/lib/buttons/DefaultButton.js +81 -45
- package/lib/buttons/DestroyButton.js +12 -1
- package/lib/buttons/EditButton.js +6 -0
- package/lib/buttons/InactivateButton.js +6 -0
- package/lib/buttons/InfoButton.js +11 -1
- package/lib/buttons/PrimaryButton.js +11 -1
- package/lib/buttons/RestoreButton.js +6 -0
- package/lib/buttons/SaveButton.js +11 -1
- package/lib/buttons/SuccessButton.js +11 -1
- package/lib/buttons/WarningButton.js +11 -1
- package/lib/buttons/button_container/index.js +11 -5
- package/lib/buttons/index.d.ts +1 -4
- package/lib/buttons/index.js +18 -0
- package/lib/buttons/split_button/index.js +17 -11
- package/lib/calendar/DangerCalendar.js +11 -1
- package/lib/calendar/InfoCalendar.js +11 -1
- package/lib/calendar/PrimaryCalendar.js +11 -1
- package/lib/calendar/SuccessCalendar.js +11 -1
- package/lib/calendar/WarningCalendar.js +11 -1
- package/lib/calendar/base/Day.js +13 -2
- package/lib/calendar/base/Month.js +18 -1
- package/lib/calendar/base/Week.js +18 -2
- package/lib/calendar/base/helpers.js +24 -8
- package/lib/calendar/base/index.js +37 -13
- package/lib/calendar/index.d.ts +1 -4
- package/lib/calendar/index.js +8 -0
- package/lib/checkbox/Label.js +7 -1
- package/lib/checkbox/index.js +53 -28
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/Alert.js +8 -0
- package/lib/dialog/Custom.js +17 -5
- package/lib/dialog/Error.js +8 -0
- package/lib/dialog/Information.js +8 -0
- package/lib/dialog/Question.js +15 -4
- package/lib/dialog/Warning.js +8 -0
- package/lib/dialog/base/Content.js +6 -1
- package/lib/dialog/base/Footer.js +4 -0
- package/lib/dialog/base/Header.js +13 -5
- package/lib/dialog/base/index.js +28 -7
- package/lib/dialog/base/style.js +2 -0
- package/lib/dialog/form/index.js +29 -9
- package/lib/dialog/index.d.ts +1 -4
- package/lib/dialog/index.js +9 -0
- package/lib/drawer/Content.js +13 -2
- package/lib/drawer/Drawer.js +58 -22
- package/lib/drawer/Header.js +27 -10
- package/lib/drawer/helpers.js +4 -0
- package/lib/drawer/index.js +8 -0
- package/lib/dropdown/Popup.js +32 -19
- package/lib/dropdown/helper.js +4 -0
- package/lib/dropdown/withDropdown.js +47 -18
- package/lib/fieldset/index.js +46 -21
- package/lib/form/Field.js +42 -16
- package/lib/form/FieldArray.js +32 -15
- package/lib/form/FieldNumber.js +20 -6
- package/lib/form/FieldPeriod.js +21 -9
- package/lib/form/helpers.js +30 -5
- package/lib/form/index.js +91 -36
- package/lib/form/types.d.ts +6 -6
- package/lib/form/withFieldHOC.js +34 -15
- package/lib/form/withFormSecurity.js +28 -5
- package/lib/gridlayout/GridCol.js +11 -5
- package/lib/gridlayout/GridRow.js +9 -3
- package/lib/gridlayout/index.d.ts +1 -4
- package/lib/gridlayout/index.js +4 -0
- package/lib/icons/index.js +26 -16
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +10 -0
- package/lib/inputs/base/InputTextBase.js +73 -49
- package/lib/inputs/base/helpers.js +19 -6
- package/lib/inputs/color/index.js +38 -11
- package/lib/inputs/date/Dialog.js +7 -2
- package/lib/inputs/date/Dropdown.js +8 -1
- package/lib/inputs/date/helpers.js +11 -2
- package/lib/inputs/date/index.js +101 -48
- package/lib/inputs/file/DefaultFile.js +42 -13
- package/lib/inputs/file/DragDropFile.js +90 -37
- package/lib/inputs/file/File.js +25 -4
- package/lib/inputs/file/FileButtonSettings.js +11 -5
- package/lib/inputs/file/helpers.js +5 -0
- package/lib/inputs/file/index.d.ts +1 -4
- package/lib/inputs/file/index.js +6 -0
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.js +34 -10
- package/lib/inputs/mask/BaseMask.js +17 -1
- package/lib/inputs/mask/Cnpj.js +37 -12
- package/lib/inputs/mask/Cpf.js +33 -10
- package/lib/inputs/mask/Phone.js +6 -0
- package/lib/inputs/mask/ZipCode.js +6 -0
- package/lib/inputs/mask/helpers.js +20 -8
- package/lib/inputs/mask/imaskHOC.js +83 -52
- package/lib/inputs/mask/index.d.ts +1 -4
- package/lib/inputs/mask/index.js +7 -0
- package/lib/inputs/multiSelect/ActionButtons.js +13 -4
- package/lib/inputs/multiSelect/Dropdown.js +46 -23
- package/lib/inputs/multiSelect/helper.d.ts +1 -1
- package/lib/inputs/multiSelect/helper.js +5 -3
- package/lib/inputs/multiSelect/index.js +105 -41
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.js +16 -3
- package/lib/inputs/number/Currency.js +7 -1
- package/lib/inputs/number/Decimal.js +5 -0
- package/lib/inputs/number/format_number.js +7 -0
- package/lib/inputs/number/index.js +13 -3
- package/lib/inputs/period/Dialog.js +7 -2
- package/lib/inputs/period/Dropdown.js +7 -0
- package/lib/inputs/period/PeriodList.js +7 -1
- package/lib/inputs/period/helper.js +12 -2
- package/lib/inputs/period/index.js +114 -43
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +63 -18
- package/lib/inputs/select/ActionButtons.js +12 -4
- package/lib/inputs/select/Dropdown.js +49 -29
- package/lib/inputs/select/helper.d.ts +1 -1
- package/lib/inputs/select/helper.js +27 -11
- package/lib/inputs/select/index.js +22 -7
- package/lib/inputs/select/multiple/Selecteds.js +8 -4
- package/lib/inputs/select/multiple/index.js +100 -39
- package/lib/inputs/select/simple/index.js +123 -59
- package/lib/inputs/select/types.d.ts +4 -4
- package/lib/inputs/text/index.js +5 -1
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +10 -4
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/withTooltip.js +70 -25
- package/lib/labelMessages/index.js +45 -25
- package/lib/labels/DangerLabel.js +11 -1
- package/lib/labels/DefaultLabel.js +41 -19
- package/lib/labels/InfoLabel.js +11 -1
- package/lib/labels/PrimaryLabel.js +11 -1
- package/lib/labels/SuccessLabel.js +11 -1
- package/lib/labels/WarningLabel.js +11 -1
- package/lib/labels/index.d.ts +1 -4
- package/lib/labels/index.js +10 -0
- package/lib/labels/label_container/index.js +7 -3
- package/lib/list/Header.js +7 -3
- package/lib/list/Item.js +68 -33
- package/lib/list/Separator.js +4 -0
- package/lib/list/helpers.js +4 -0
- package/lib/list/index.js +60 -25
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +26 -9
- package/lib/menus/float/SubMenuContainer.js +17 -5
- package/lib/menus/float/helpers.js +4 -0
- package/lib/menus/float/index.js +21 -8
- package/lib/menus/index.d.ts +1 -4
- package/lib/menus/index.js +3 -0
- package/lib/menus/sidenav/ExpandMenu.js +7 -2
- package/lib/menus/sidenav/MenuLink.js +12 -3
- package/lib/menus/sidenav/NavMenuGroup.js +12 -3
- package/lib/menus/sidenav/NavMenuItem.js +56 -27
- package/lib/menus/sidenav/NavSubMenuItem.js +27 -8
- package/lib/menus/sidenav/helpers.js +9 -0
- package/lib/menus/sidenav/index.js +75 -26
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +45 -15
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +6 -0
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +22 -7
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +7 -0
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +44 -20
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +27 -12
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +7 -0
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +7 -0
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +7 -0
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +5 -0
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +7 -0
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +10 -2
- package/lib/panel/index.d.ts +2 -5
- package/lib/panel/index.js +11 -0
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +15 -3
- package/lib/popover/PopoverText.js +4 -0
- package/lib/popover/PopoverTitle.js +4 -0
- package/lib/popover/index.js +23 -12
- package/lib/progress/Bar.js +33 -20
- package/lib/progress/index.js +14 -5
- package/lib/radio/index.js +46 -23
- package/lib/skeleton/SkeletonContainer.js +9 -3
- package/lib/skeleton/index.js +22 -10
- package/lib/spinner/SpinnerLoading.js +7 -3
- package/lib/spinner/index.js +40 -18
- package/lib/split/Split.js +83 -32
- package/lib/split/SplitSide.js +18 -6
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -0
- package/lib/split/index.d.ts +1 -4
- package/lib/split/index.js +5 -0
- package/lib/table/Body.js +29 -15
- package/lib/table/Header.js +28 -5
- package/lib/table/HeaderColumn.js +21 -10
- package/lib/table/Row.js +28 -18
- package/lib/table/RowColumn.js +29 -12
- package/lib/table/helpers.js +7 -0
- package/lib/table/index.js +62 -32
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +21 -12
- package/lib/tabs/Menu.js +15 -5
- package/lib/tabs/MenuItems.js +33 -23
- package/lib/tabs/Panel.js +39 -14
- package/lib/tabs/index.js +113 -46
- package/lib/tabs/tabHelpers.js +16 -3
- package/lib/toolbar/ButtonBar.js +29 -13
- package/lib/toolbar/LabelBar.js +28 -11
- package/lib/toolbar/Separator.js +4 -0
- package/lib/toolbar/ToolBarGroup.js +6 -2
- package/lib/toolbar/helpers.js +2 -0
- package/lib/toolbar/index.js +23 -7
- package/lib/tooltip/index.js +25 -10
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +27 -9
- package/lib/treetable/Header.js +11 -1
- package/lib/treetable/Row.js +113 -58
- package/lib/treetable/helpers.js +10 -0
- package/lib/treetable/index.js +11 -0
- package/lib/treeview/Header.js +6 -2
- package/lib/treeview/Node.js +111 -47
- package/lib/treeview/constants.js +4 -0
- package/lib/treeview/index.js +134 -54
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +6 -1
- package/lib/treeview_old/Node.js +32 -5
- package/lib/treeview_old/index.js +9 -1
- package/lib/{types-90c43ae1.d.ts → types-3c6f1c20.d.ts} +1 -1
- package/lib/uitour/index.js +73 -33
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +1 -1
package/lib/treeview/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
@@ -17,86 +18,117 @@ Object.defineProperty(exports, "TreeViewHeader", {
|
|
|
17
18
|
}
|
|
18
19
|
});
|
|
19
20
|
exports.default = void 0;
|
|
21
|
+
|
|
20
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
+
|
|
21
24
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
25
|
+
|
|
22
26
|
var _Node = _interopRequireDefault(require("./Node"));
|
|
27
|
+
|
|
23
28
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
29
|
+
|
|
24
30
|
require("../assets/styles/treeview.scss");
|
|
31
|
+
|
|
25
32
|
var _constants = require("./constants");
|
|
33
|
+
|
|
26
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
35
|
+
|
|
27
36
|
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); }
|
|
37
|
+
|
|
28
38
|
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; }
|
|
39
|
+
|
|
29
40
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
41
|
+
|
|
30
42
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
43
|
+
|
|
31
44
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
45
|
+
|
|
32
46
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
47
|
+
|
|
33
48
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
49
|
+
|
|
34
50
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
51
|
+
|
|
35
52
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
53
|
+
|
|
36
54
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
37
|
-
|
|
38
|
-
function
|
|
55
|
+
|
|
56
|
+
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; }
|
|
57
|
+
|
|
58
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
59
|
+
|
|
39
60
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
61
|
+
|
|
40
62
|
var TreeView = function TreeView(props) {
|
|
41
63
|
var _props$selectedIds = props.selectedIds,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
64
|
+
selectedIds = _props$selectedIds === void 0 ? [] : _props$selectedIds,
|
|
65
|
+
enableDynamicData = props.enableDynamicData,
|
|
66
|
+
allowCheckAllAncestry = props.allowCheckAllAncestry,
|
|
67
|
+
onNodeOpen = props.onNodeOpen,
|
|
68
|
+
allowCheckAllChildren = props.allowCheckAllChildren,
|
|
69
|
+
onSelectedIdsChange = props.onSelectedIdsChange,
|
|
70
|
+
idsInLoading = props.idsInLoading,
|
|
71
|
+
_props$startNodesOpen = props.startNodesOpened,
|
|
72
|
+
startNodesOpened = _props$startNodesOpen === void 0 ? false : _props$startNodesOpen,
|
|
73
|
+
alwaysShowArrow = props.alwaysShowArrow,
|
|
74
|
+
nodeElementsValidations = props.nodeElementsValidations,
|
|
75
|
+
nodeRightElements = props.nodeRightElements,
|
|
76
|
+
_props$nodeMenuButton = props.nodeMenuButtonSize,
|
|
77
|
+
nodeMenuButtonSize = _props$nodeMenuButton === void 0 ? 'small' : _props$nodeMenuButton,
|
|
78
|
+
nodeToolbarElements = props.nodeToolbarElements,
|
|
79
|
+
onNodeClick = props.onNodeClick,
|
|
80
|
+
selectedNodeId = props.selectedNodeId,
|
|
81
|
+
customClass = props.customClass,
|
|
82
|
+
children = props.children,
|
|
83
|
+
styleForContainer = props.styleForContainer,
|
|
84
|
+
bordered = props.bordered,
|
|
85
|
+
_props$requiredIds = props.requiredIds,
|
|
86
|
+
propsRequiredIds = _props$requiredIds === void 0 ? [] : _props$requiredIds;
|
|
87
|
+
|
|
65
88
|
var _useState = (0, _react.useState)(props.data),
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
89
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
90
|
+
data = _useState2[0],
|
|
91
|
+
setData = _useState2[1];
|
|
92
|
+
|
|
69
93
|
var _useState3 = (0, _react.useState)(selectedIds),
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
94
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
95
|
+
currentSelectedIds = _useState4[0],
|
|
96
|
+
setCurrentSelectedIds = _useState4[1];
|
|
97
|
+
|
|
73
98
|
var _useState5 = (0, _react.useState)(selectedIds),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
99
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
100
|
+
propSelectedIds = _useState6[0],
|
|
101
|
+
setPropSelectedIds = _useState6[1];
|
|
102
|
+
|
|
77
103
|
var _useState7 = (0, _react.useState)(false),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
104
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
105
|
+
isHandlingSelectedIds = _useState8[0],
|
|
106
|
+
setIsHandlingSelectedIds = _useState8[1];
|
|
107
|
+
|
|
81
108
|
var _useState9 = (0, _react.useState)(false),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
109
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
110
|
+
selectedIdsUpdatedOnMount = _useState10[0],
|
|
111
|
+
setSelectedIdsUpdatedOnMount = _useState10[1];
|
|
112
|
+
|
|
85
113
|
var _useState11 = (0, _react.useState)([]),
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
114
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
115
|
+
requiredParentsIds = _useState12[0],
|
|
116
|
+
setRequiredParentsIds = _useState12[1];
|
|
117
|
+
|
|
89
118
|
var _useState13 = (0, _react.useState)([]),
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
119
|
+
_useState14 = _slicedToArray(_useState13, 2),
|
|
120
|
+
alreadyOpenedIds = _useState14[0],
|
|
121
|
+
setAlreadyOpenedIds = _useState14[1];
|
|
122
|
+
|
|
93
123
|
var _useState15 = (0, _react.useState)({}),
|
|
94
|
-
|
|
95
|
-
|
|
124
|
+
_useState16 = _slicedToArray(_useState15, 1),
|
|
125
|
+
idsWithChildren = _useState16[0];
|
|
126
|
+
|
|
96
127
|
var returnChildrenIds = function returnChildrenIds(nodeId) {
|
|
97
128
|
var returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
98
129
|
var nodeChildrenIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
99
130
|
var requiredIds = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
|
|
131
|
+
|
|
100
132
|
if (idsWithChildren[nodeId] !== undefined) {
|
|
101
133
|
nodeChildrenIds.push(nodeId);
|
|
102
134
|
if (returnRequiredIds) requiredIds.push(nodeId);
|
|
@@ -104,6 +136,7 @@ var TreeView = function TreeView(props) {
|
|
|
104
136
|
return returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds);
|
|
105
137
|
});
|
|
106
138
|
} else nodeChildrenIds.push(nodeId);
|
|
139
|
+
|
|
107
140
|
return returnRequiredIds ? {
|
|
108
141
|
nodeChildrenIds: nodeChildrenIds,
|
|
109
142
|
requiredIds: requiredIds
|
|
@@ -111,6 +144,7 @@ var TreeView = function TreeView(props) {
|
|
|
111
144
|
nodeChildrenIds: nodeChildrenIds
|
|
112
145
|
};
|
|
113
146
|
};
|
|
147
|
+
|
|
114
148
|
var returnParentId = function returnParentId(nodeId) {
|
|
115
149
|
var parentId = Object.keys(idsWithChildren).find(function (id) {
|
|
116
150
|
return idsWithChildren[id].find(function (childId) {
|
|
@@ -119,37 +153,47 @@ var TreeView = function TreeView(props) {
|
|
|
119
153
|
});
|
|
120
154
|
return Number(parentId);
|
|
121
155
|
};
|
|
156
|
+
|
|
122
157
|
var returnAllAncestryIds = function returnAllAncestryIds(nodeId) {
|
|
123
158
|
var ancestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
124
159
|
var parentId = returnParentId(nodeId);
|
|
160
|
+
|
|
125
161
|
if (parentId) {
|
|
126
162
|
var currentAncestryIds = [].concat(_toConsumableArray(ancestryIds), [Number(parentId)]);
|
|
127
163
|
return returnAllAncestryIds(Number(parentId), currentAncestryIds);
|
|
128
164
|
}
|
|
165
|
+
|
|
129
166
|
return ancestryIds;
|
|
130
167
|
};
|
|
168
|
+
|
|
131
169
|
var returnRequiredAncestryIds = function returnRequiredAncestryIds(nodeId) {
|
|
132
170
|
var requiredAncestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
133
171
|
var previousParentId = arguments.length > 2 ? arguments[2] : undefined;
|
|
134
172
|
var selectedSiblingsIds = [];
|
|
135
173
|
var parentId = returnParentId(nodeId);
|
|
174
|
+
|
|
136
175
|
if (parentId) {
|
|
137
176
|
var nodeSiblingsIds = idsWithChildren && idsWithChildren[parentId].filter(function (childId) {
|
|
138
177
|
return childId !== nodeId;
|
|
139
178
|
});
|
|
140
179
|
var isPreviousParentSelected = previousParentId && currentSelectedIds.includes(previousParentId);
|
|
180
|
+
|
|
141
181
|
if (nodeSiblingsIds && nodeSiblingsIds.length > 0) {
|
|
142
182
|
selectedSiblingsIds = currentSelectedIds.filter(function (id) {
|
|
143
183
|
return nodeSiblingsIds.includes(id);
|
|
144
184
|
});
|
|
145
185
|
}
|
|
186
|
+
|
|
146
187
|
var requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0 ? _toConsumableArray(requiredAncestryIds) : [].concat(_toConsumableArray(requiredAncestryIds), [parentId]);
|
|
188
|
+
|
|
147
189
|
if (selectedSiblingsIds.length === 0 && !isPreviousParentSelected) {
|
|
148
190
|
return returnRequiredAncestryIds(parentId, requiredIds, parentId);
|
|
149
191
|
}
|
|
150
192
|
}
|
|
193
|
+
|
|
151
194
|
return requiredAncestryIds;
|
|
152
195
|
};
|
|
196
|
+
|
|
153
197
|
var updateAncestryAndSelectedIds = function updateAncestryAndSelectedIds(nodeId, codigos, requiredParents) {
|
|
154
198
|
var ancestryIds = returnRequiredAncestryIds(nodeId);
|
|
155
199
|
var remainRequiredParentsIds = requiredParents.filter(function (id) {
|
|
@@ -161,6 +205,7 @@ var TreeView = function TreeView(props) {
|
|
|
161
205
|
setRequiredParentsIds(remainRequiredParentsIds);
|
|
162
206
|
return newSelectedIds;
|
|
163
207
|
};
|
|
208
|
+
|
|
164
209
|
var checkAllAncestry = function checkAllAncestry(nodeId, codigos) {
|
|
165
210
|
var returnRequiredParentsIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
166
211
|
var updateState = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
|
|
@@ -173,9 +218,11 @@ var TreeView = function TreeView(props) {
|
|
|
173
218
|
});
|
|
174
219
|
var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos), _toConsumableArray(notSelectedAncestryIds));
|
|
175
220
|
var newRequiredParentsIds = [].concat(_toConsumableArray(requiredParentsIds), _toConsumableArray(notRequiredAncestryIds));
|
|
221
|
+
|
|
176
222
|
if (updateState) {
|
|
177
223
|
setRequiredParentsIds(newRequiredParentsIds);
|
|
178
224
|
}
|
|
225
|
+
|
|
179
226
|
return !returnRequiredParentsIds ? {
|
|
180
227
|
updatedIdsWithAncestryIds: newSelectedIds
|
|
181
228
|
} : {
|
|
@@ -183,21 +230,25 @@ var TreeView = function TreeView(props) {
|
|
|
183
230
|
requiredParentsIds: newRequiredParentsIds
|
|
184
231
|
};
|
|
185
232
|
};
|
|
233
|
+
|
|
186
234
|
var checkAllChildren = function checkAllChildren(nodeId) {
|
|
187
235
|
var returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
188
236
|
var currentRequiredIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
189
237
|
var childrenIds;
|
|
190
238
|
var newRequiredParentsIds = currentRequiredIds;
|
|
239
|
+
|
|
191
240
|
if (returnRequiredIds) {
|
|
192
241
|
var _returnChildrenIds = returnChildrenIds(nodeId, returnRequiredIds),
|
|
193
|
-
|
|
194
|
-
|
|
242
|
+
nodeChildrenIds = _returnChildrenIds.nodeChildrenIds,
|
|
243
|
+
requiredIds = _returnChildrenIds.requiredIds;
|
|
244
|
+
|
|
195
245
|
var newRequiredIds = requiredIds ? requiredIds.filter(function (id) {
|
|
196
246
|
return !currentRequiredIds.includes(id);
|
|
197
247
|
}) : [];
|
|
198
248
|
newRequiredParentsIds = [].concat(_toConsumableArray(currentRequiredIds), _toConsumableArray(newRequiredIds));
|
|
199
249
|
childrenIds = nodeChildrenIds;
|
|
200
250
|
} else childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
|
|
251
|
+
|
|
201
252
|
var notSelectedChildrenIds = childrenIds.filter(function (id) {
|
|
202
253
|
return !currentSelectedIds.includes(id);
|
|
203
254
|
});
|
|
@@ -206,6 +257,7 @@ var TreeView = function TreeView(props) {
|
|
|
206
257
|
setIsHandlingSelectedIds(false);
|
|
207
258
|
return newSelectedIds;
|
|
208
259
|
};
|
|
260
|
+
|
|
209
261
|
var uncheckAllChildren = function uncheckAllChildren(nodeId) {
|
|
210
262
|
var remainSelectedIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
211
263
|
var newSelectedIds = remainSelectedIds.length > 0 ? remainSelectedIds : currentSelectedIds;
|
|
@@ -216,6 +268,7 @@ var TreeView = function TreeView(props) {
|
|
|
216
268
|
setIsHandlingSelectedIds(false);
|
|
217
269
|
return newSelectedIds;
|
|
218
270
|
};
|
|
271
|
+
|
|
219
272
|
var uncheckRequiredChildren = function uncheckRequiredChildren(nodeId, codigos, requiredParents) {
|
|
220
273
|
var childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
|
|
221
274
|
var remainRequiredIds = requiredParents.filter(function (id) {
|
|
@@ -224,36 +277,45 @@ var TreeView = function TreeView(props) {
|
|
|
224
277
|
setRequiredParentsIds(_toConsumableArray(remainRequiredIds));
|
|
225
278
|
updateAncestryAndSelectedIds(nodeId, codigos, remainRequiredIds);
|
|
226
279
|
};
|
|
280
|
+
|
|
227
281
|
var handleOnNodeOpen = function handleOnNodeOpen(node) {
|
|
228
282
|
var id = node.id;
|
|
229
283
|
var newAlreadyOpenedIds = alreadyOpenedIds;
|
|
284
|
+
|
|
230
285
|
if (!alreadyOpenedIds.includes(id) && onNodeOpen) {
|
|
231
286
|
newAlreadyOpenedIds = [].concat(_toConsumableArray(newAlreadyOpenedIds), [id]);
|
|
232
287
|
onNodeOpen(node);
|
|
233
288
|
}
|
|
289
|
+
|
|
234
290
|
setAlreadyOpenedIds(newAlreadyOpenedIds);
|
|
235
291
|
};
|
|
292
|
+
|
|
236
293
|
var handleCheck = function handleCheck(nodeId, handlingSelectedIds, isParent) {
|
|
237
294
|
var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
|
|
238
295
|
var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos));
|
|
296
|
+
|
|
239
297
|
if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
|
|
240
298
|
if (allowCheckAllAncestry) {
|
|
241
299
|
var _checkAllAncestry = checkAllAncestry(nodeId, codigos, true),
|
|
242
|
-
|
|
243
|
-
|
|
300
|
+
updatedIdsWithAncestryIds = _checkAllAncestry.updatedIdsWithAncestryIds,
|
|
301
|
+
requiredParents = _checkAllAncestry.requiredParentsIds;
|
|
302
|
+
|
|
244
303
|
var updatedIdsWithChildrenIds = checkAllChildren(nodeId, true, requiredParents);
|
|
245
304
|
newSelectedIds = [].concat(_toConsumableArray(updatedIdsWithAncestryIds), _toConsumableArray(updatedIdsWithChildrenIds));
|
|
246
305
|
} else newSelectedIds = checkAllChildren(nodeId);
|
|
247
306
|
} else if (allowCheckAllAncestry) {
|
|
248
307
|
newSelectedIds = checkAllAncestry(nodeId, codigos).updatedIdsWithAncestryIds;
|
|
249
308
|
}
|
|
309
|
+
|
|
250
310
|
return newSelectedIds;
|
|
251
311
|
};
|
|
312
|
+
|
|
252
313
|
var handleUncheck = function handleUncheck(nodeId, handlingSelectedIds, isParent, required) {
|
|
253
314
|
var codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
|
|
254
315
|
var newSelectedIds = currentSelectedIds.filter(function (id) {
|
|
255
316
|
return !codigos.includes(id);
|
|
256
317
|
});
|
|
318
|
+
|
|
257
319
|
if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
|
|
258
320
|
if (allowCheckAllAncestry) {
|
|
259
321
|
var updatedSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
|
|
@@ -263,37 +325,47 @@ var TreeView = function TreeView(props) {
|
|
|
263
325
|
} else if (allowCheckAllAncestry) {
|
|
264
326
|
newSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
|
|
265
327
|
}
|
|
328
|
+
|
|
266
329
|
return newSelectedIds;
|
|
267
330
|
};
|
|
331
|
+
|
|
268
332
|
var updateSelectedIds = function updateSelectedIds(nodeId, checked, isParent) {
|
|
269
333
|
var required = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
270
334
|
var handlingSelectedIds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : isHandlingSelectedIds;
|
|
335
|
+
|
|
271
336
|
var newSelectedIds = _toConsumableArray(currentSelectedIds);
|
|
337
|
+
|
|
272
338
|
if (checked) {
|
|
273
339
|
newSelectedIds = handleCheck(nodeId, handlingSelectedIds, isParent);
|
|
274
340
|
} else {
|
|
275
341
|
newSelectedIds = handleUncheck(nodeId, handlingSelectedIds, isParent, required);
|
|
276
342
|
}
|
|
343
|
+
|
|
277
344
|
setCurrentSelectedIds(newSelectedIds);
|
|
278
345
|
if (onSelectedIdsChange) onSelectedIdsChange(newSelectedIds);
|
|
279
346
|
};
|
|
347
|
+
|
|
280
348
|
var toggleCheckChildren = function toggleCheckChildren(nodeId, check) {
|
|
281
349
|
var required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
282
350
|
setIsHandlingSelectedIds(true);
|
|
283
351
|
updateSelectedIds(nodeId, check, true, required, true);
|
|
284
352
|
};
|
|
353
|
+
|
|
285
354
|
var buildTree = function buildTree(node, parentId, ids) {
|
|
286
355
|
var childrenIds = [];
|
|
356
|
+
|
|
287
357
|
if (node.itens && node.itens.length > 0) {
|
|
288
358
|
childrenIds = node.itens.map(function (i) {
|
|
289
359
|
return i.id;
|
|
290
360
|
});
|
|
361
|
+
|
|
291
362
|
if (ids) {
|
|
292
363
|
var idWithChildren = {};
|
|
293
364
|
idWithChildren[node.id] = childrenIds;
|
|
294
365
|
Object.assign(ids, idWithChildren);
|
|
295
366
|
}
|
|
296
367
|
}
|
|
368
|
+
|
|
297
369
|
return /*#__PURE__*/_react.default.createElement(_Node.default, {
|
|
298
370
|
key: "node-".concat(node.id),
|
|
299
371
|
node: node,
|
|
@@ -314,14 +386,17 @@ var TreeView = function TreeView(props) {
|
|
|
314
386
|
return buildTree(nodeitem, node.id, idsWithChildren);
|
|
315
387
|
}));
|
|
316
388
|
};
|
|
389
|
+
|
|
317
390
|
var handleNewSelectedIds = function handleNewSelectedIds(selectedNodeIds) {
|
|
318
391
|
var requiredIds = [];
|
|
319
392
|
var newSelectedIds = [];
|
|
320
393
|
selectedNodeIds.forEach(function (id) {
|
|
321
394
|
var _checkAllAncestry2 = checkAllAncestry(id, [], true, false),
|
|
322
|
-
|
|
323
|
-
|
|
395
|
+
requiredParents = _checkAllAncestry2.requiredParentsIds,
|
|
396
|
+
updatedIdsWithAncestryIds = _checkAllAncestry2.updatedIdsWithAncestryIds;
|
|
397
|
+
|
|
324
398
|
newSelectedIds = [].concat(_toConsumableArray(newSelectedIds), _toConsumableArray(updatedIdsWithAncestryIds));
|
|
399
|
+
|
|
325
400
|
if (requiredParents) {
|
|
326
401
|
requiredIds = [].concat(_toConsumableArray(requiredIds), _toConsumableArray(requiredParents));
|
|
327
402
|
}
|
|
@@ -332,8 +407,10 @@ var TreeView = function TreeView(props) {
|
|
|
332
407
|
return prevState || true;
|
|
333
408
|
});
|
|
334
409
|
};
|
|
410
|
+
|
|
335
411
|
(0, _react.useEffect)(function () {
|
|
336
412
|
var isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
|
|
413
|
+
|
|
337
414
|
if (enableDynamicData && props.data !== data) {
|
|
338
415
|
setData(props.data);
|
|
339
416
|
} else if (!isSameSelectedIds) {
|
|
@@ -354,6 +431,7 @@ var TreeView = function TreeView(props) {
|
|
|
354
431
|
(0, _react.useEffect)(function () {
|
|
355
432
|
buildTree(data, undefined, idsWithChildren);
|
|
356
433
|
}, []);
|
|
434
|
+
|
|
357
435
|
var contextValues = _extends({}, props, {
|
|
358
436
|
requiredIds: propsRequiredIds,
|
|
359
437
|
selectedIds: currentSelectedIds,
|
|
@@ -364,6 +442,7 @@ var TreeView = function TreeView(props) {
|
|
|
364
442
|
handlerUpdateSelectedIds: updateSelectedIds,
|
|
365
443
|
handlerToggleCheckChildren: toggleCheckChildren
|
|
366
444
|
});
|
|
445
|
+
|
|
367
446
|
return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Provider, {
|
|
368
447
|
value: contextValues
|
|
369
448
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -373,5 +452,6 @@ var TreeView = function TreeView(props) {
|
|
|
373
452
|
className: "treeviewcontainer ".concat(bordered && '-bordered')
|
|
374
453
|
}, buildTree(data))));
|
|
375
454
|
};
|
|
455
|
+
|
|
376
456
|
var _default = TreeView;
|
|
377
457
|
exports.default = _default;
|
package/lib/treeview/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode, CSSProperties, ReactElement } from 'react';
|
|
2
2
|
import { Size } from '../@types/Size.js';
|
|
3
3
|
|
|
4
|
-
type NodeItem<T = void> = T & {
|
|
4
|
+
declare type NodeItem<T = void> = T & {
|
|
5
5
|
id: number;
|
|
6
6
|
itens?: NodeItem<T>[];
|
|
7
7
|
statusEnum?: {
|
|
@@ -82,7 +82,7 @@ interface ITreeViewContext extends ITreeviewProps {
|
|
|
82
82
|
handlerToggleCheckChildren: (nodeId: number, check: boolean, required?: boolean) => void;
|
|
83
83
|
disabled?: boolean;
|
|
84
84
|
}
|
|
85
|
-
type ItensMock = {
|
|
85
|
+
declare type ItensMock = {
|
|
86
86
|
id?: number;
|
|
87
87
|
titulo: string;
|
|
88
88
|
codigo: string;
|
|
@@ -4,18 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
var Header = function Header(props) {
|
|
11
15
|
var title = props.title,
|
|
12
|
-
|
|
16
|
+
customClass = props.customClass;
|
|
13
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
14
18
|
className: "treeviewheader ".concat(customClass)
|
|
15
19
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
16
20
|
className: "title"
|
|
17
21
|
}, title));
|
|
18
22
|
};
|
|
23
|
+
|
|
19
24
|
Header.defaultProps = {
|
|
20
25
|
title: '',
|
|
21
26
|
customClass: ''
|
package/lib/treeview_old/Node.js
CHANGED
|
@@ -1,36 +1,58 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
10
14
|
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
15
|
+
|
|
11
16
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
17
|
+
|
|
12
18
|
require("../assets/styles/treeview.scss");
|
|
19
|
+
|
|
13
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
14
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
|
+
|
|
15
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
|
+
|
|
16
26
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
-
|
|
27
|
+
|
|
28
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
29
|
+
|
|
18
30
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
19
|
-
|
|
20
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
31
|
+
|
|
21
32
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
33
|
+
|
|
22
34
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
35
|
+
|
|
23
36
|
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); }; }
|
|
37
|
+
|
|
24
38
|
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); }
|
|
39
|
+
|
|
25
40
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
41
|
+
|
|
26
42
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
+
|
|
27
44
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
45
|
+
|
|
28
46
|
var TreeNode = /*#__PURE__*/function (_Component) {
|
|
29
47
|
_inherits(TreeNode, _Component);
|
|
48
|
+
|
|
30
49
|
var _super = _createSuper(TreeNode);
|
|
50
|
+
|
|
31
51
|
function TreeNode(props) {
|
|
32
52
|
var _this;
|
|
53
|
+
|
|
33
54
|
_classCallCheck(this, TreeNode);
|
|
55
|
+
|
|
34
56
|
_this = _super.call(this, props);
|
|
35
57
|
Object.defineProperty(_assertThisInitialized(_this), "openCloseTree", {
|
|
36
58
|
configurable: true,
|
|
@@ -47,13 +69,15 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
47
69
|
};
|
|
48
70
|
return _this;
|
|
49
71
|
}
|
|
72
|
+
|
|
50
73
|
_createClass(TreeNode, [{
|
|
51
74
|
key: "render",
|
|
52
75
|
value: function render() {
|
|
53
76
|
var _this$props = this.props,
|
|
54
|
-
|
|
55
|
-
|
|
77
|
+
node = _this$props.node,
|
|
78
|
+
showCheckBox = _this$props.showCheckBox;
|
|
56
79
|
var span = '';
|
|
80
|
+
|
|
57
81
|
if (node.itens.length > 0) {
|
|
58
82
|
span = /*#__PURE__*/_react.default.createElement("span", {
|
|
59
83
|
onKeyPress: null,
|
|
@@ -66,6 +90,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
66
90
|
size: 10
|
|
67
91
|
}));
|
|
68
92
|
}
|
|
93
|
+
|
|
69
94
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
70
95
|
className: "treeviewitem"
|
|
71
96
|
}, span, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
@@ -76,8 +101,10 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
76
101
|
}, this.state.isVisible && this.props.children));
|
|
77
102
|
}
|
|
78
103
|
}]);
|
|
104
|
+
|
|
79
105
|
return TreeNode;
|
|
80
106
|
}(_react.Component);
|
|
107
|
+
|
|
81
108
|
TreeNode.defaultProps = {
|
|
82
109
|
showCheckBox: false,
|
|
83
110
|
data: []
|
|
@@ -16,19 +16,27 @@ Object.defineProperty(exports, "TreeViewHeader", {
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
exports.default = void 0;
|
|
19
|
+
|
|
19
20
|
var _react = _interopRequireDefault(require("react"));
|
|
21
|
+
|
|
20
22
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
+
|
|
21
24
|
var _Node = _interopRequireDefault(require("./Node"));
|
|
25
|
+
|
|
22
26
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
27
|
+
|
|
23
28
|
require("../assets/styles/treeview.scss");
|
|
29
|
+
|
|
24
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
+
|
|
25
32
|
var TreeView = function TreeView(props) {
|
|
26
33
|
var customClass = props.customClass,
|
|
27
|
-
|
|
34
|
+
defaultBorder = props.defaultBorder;
|
|
28
35
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
|
|
29
36
|
className: "treeview-component ".concat(customClass, " ").concat(defaultBorder && '-defaultborder')
|
|
30
37
|
}, props.children));
|
|
31
38
|
};
|
|
39
|
+
|
|
32
40
|
TreeView.defaultProps = {
|
|
33
41
|
customClass: '',
|
|
34
42
|
defaultBorder: true
|