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