linear-react-components-ui 1.1.0-beta.6 → 1.1.0
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/babel.config.json +2 -2
- package/lib/alerts/AlertContainer.js +46 -54
- package/lib/alerts/AlertProvider.js +36 -53
- package/lib/alerts/BaseAlert.js +14 -20
- package/lib/alerts/Message.js +37 -46
- package/lib/alerts/helpers.js +3 -3
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +11 -11
- package/lib/assets/styles/checkbox.scss +0 -8
- package/lib/avatar/index.js +42 -41
- package/lib/badge/index.js +15 -16
- package/lib/buttons/ActivateButton.js +6 -8
- package/lib/buttons/AddButton.js +9 -11
- package/lib/buttons/Button.js +11 -11
- package/lib/buttons/ButtonGroups.js +8 -6
- package/lib/buttons/CancelButton.js +9 -7
- package/lib/buttons/DangerButton.js +9 -7
- package/lib/buttons/DefaultButton.js +66 -85
- package/lib/buttons/DestroyButton.js +10 -8
- package/lib/buttons/EditButton.js +6 -8
- package/lib/buttons/InactivateButton.js +6 -8
- package/lib/buttons/InfoButton.js +9 -7
- package/lib/buttons/PrimaryButton.js +9 -7
- package/lib/buttons/RestoreButton.js +6 -8
- package/lib/buttons/SaveButton.js +9 -7
- package/lib/buttons/SuccessButton.js +9 -7
- package/lib/buttons/WarningButton.js +9 -7
- package/lib/buttons/button_container/index.js +16 -19
- package/lib/buttons/index.js +31 -31
- package/lib/buttons/split_button/index.js +24 -26
- package/lib/calendar/DangerCalendar.js +9 -7
- package/lib/calendar/InfoCalendar.js +9 -7
- package/lib/calendar/PrimaryCalendar.js +9 -7
- package/lib/calendar/SuccessCalendar.js +9 -7
- package/lib/calendar/WarningCalendar.js +9 -7
- package/lib/calendar/base/Day.js +16 -14
- package/lib/calendar/base/Month.js +15 -19
- package/lib/calendar/base/Week.js +15 -19
- package/lib/calendar/base/helpers.js +17 -15
- package/lib/calendar/base/index.js +38 -51
- package/lib/calendar/index.js +13 -13
- package/lib/checkbox/Label.js +10 -8
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox/index.js +75 -97
- package/lib/checkbox/types.d.ts +0 -1
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +20 -23
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +16 -16
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +9 -7
- package/lib/dialog/base/Footer.js +6 -8
- package/lib/dialog/base/Header.js +32 -34
- package/lib/dialog/base/index.js +64 -72
- package/lib/dialog/base/style.js +8 -10
- package/lib/dialog/form/index.js +35 -38
- package/lib/dialog/index.js +15 -15
- package/lib/drawer/Content.js +14 -12
- package/lib/drawer/Drawer.js +68 -82
- package/lib/drawer/Header.js +45 -48
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +7 -7
- package/lib/dropdown/Popup.js +37 -40
- package/lib/dropdown/helper.js +6 -6
- package/lib/dropdown/withDropdown.js +44 -63
- package/lib/fieldset/index.js +49 -56
- package/lib/form/Field.js +73 -79
- package/lib/form/FieldArray.js +76 -85
- package/lib/form/FieldNumber.js +34 -42
- package/lib/form/FieldPeriod.js +54 -59
- package/lib/form/helpers.js +29 -28
- package/lib/form/index.js +121 -151
- package/lib/form/withFieldHOC.js +36 -42
- package/lib/form/withFormSecurity.js +27 -35
- package/lib/gridlayout/GridCol.js +16 -15
- package/lib/gridlayout/GridRow.js +11 -12
- package/lib/gridlayout/index.js +5 -5
- package/lib/hint/index.js +25 -29
- package/lib/icons/helper.js +2 -2
- package/lib/icons/index.js +37 -48
- package/lib/index.js +19 -19
- package/lib/inputs/base/InputTextBase.js +99 -109
- package/lib/inputs/base/helpers.js +29 -23
- package/lib/inputs/color/index.js +34 -44
- package/lib/inputs/date/Dialog.js +10 -8
- package/lib/inputs/date/Dropdown.js +14 -12
- package/lib/inputs/date/helpers.js +18 -14
- package/lib/inputs/date/index.js +96 -133
- package/lib/inputs/file/DefaultFile.js +50 -74
- package/lib/inputs/file/DragDropFile.js +119 -172
- package/lib/inputs/file/File.js +22 -28
- package/lib/inputs/file/FileButtonSettings.js +14 -16
- package/lib/inputs/file/helpers.js +6 -7
- package/lib/inputs/file/index.js +7 -7
- package/lib/inputs/inputHOC.js +23 -35
- package/lib/inputs/mask/BaseMask.js +33 -27
- package/lib/inputs/mask/Cnpj.js +19 -31
- package/lib/inputs/mask/Cpf.js +20 -35
- package/lib/inputs/mask/Phone.js +8 -6
- package/lib/inputs/mask/ZipCode.js +6 -8
- package/lib/inputs/mask/helpers.js +21 -26
- package/lib/inputs/mask/imaskHOC.js +102 -122
- package/lib/inputs/mask/index.js +11 -11
- package/lib/inputs/multiSelect/ActionButtons.js +18 -18
- package/lib/inputs/multiSelect/Dropdown.js +63 -75
- package/lib/inputs/multiSelect/helper.js +9 -7
- package/lib/inputs/multiSelect/index.js +85 -136
- package/lib/inputs/number/BaseNumber.js +23 -21
- package/lib/inputs/number/Currency.js +9 -8
- package/lib/inputs/number/Decimal.js +4 -6
- package/lib/inputs/number/format_number.js +9 -6
- package/lib/inputs/number/index.js +13 -13
- package/lib/inputs/period/Dialog.js +10 -8
- package/lib/inputs/period/Dropdown.js +12 -12
- package/lib/inputs/period/PeriodList.js +19 -17
- package/lib/inputs/period/helper.js +38 -37
- package/lib/inputs/period/index.js +147 -196
- package/lib/inputs/search/index.js +45 -67
- package/lib/inputs/select/ActionButtons.js +18 -18
- package/lib/inputs/select/Dropdown.js +51 -65
- package/lib/inputs/select/helper.js +55 -44
- package/lib/inputs/select/index.js +13 -11
- package/lib/inputs/select/multiple/Selecteds.js +20 -22
- package/lib/inputs/select/multiple/index.js +90 -143
- package/lib/inputs/select/simple/index.js +103 -156
- package/lib/inputs/text/index.js +4 -6
- package/lib/inputs/textarea/index.js +11 -10
- package/lib/internals/colorStyles.js +3 -3
- package/lib/internals/constants.js +2 -2
- package/lib/internals/withTooltip.js +54 -68
- package/lib/labelMessages/index.js +28 -47
- package/lib/labels/DangerLabel.js +9 -7
- package/lib/labels/DefaultLabel.js +29 -42
- package/lib/labels/InfoLabel.js +9 -7
- package/lib/labels/PrimaryLabel.js +9 -7
- package/lib/labels/SuccessLabel.js +9 -7
- package/lib/labels/WarningLabel.js +9 -7
- package/lib/labels/index.js +15 -15
- package/lib/labels/label_container/index.js +11 -10
- package/lib/list/Header.js +12 -10
- package/lib/list/Item.js +58 -72
- package/lib/list/Separator.js +6 -8
- package/lib/list/helpers.js +3 -3
- package/lib/list/index.js +81 -107
- package/lib/menus/float/MenuItem.js +27 -27
- package/lib/menus/float/SubMenuContainer.js +39 -44
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +25 -25
- package/lib/menus/index.js +3 -3
- package/lib/menus/sidenav/ExpandMenu.js +12 -10
- package/lib/menus/sidenav/MenuLink.js +12 -10
- package/lib/menus/sidenav/NavMenuGroup.js +15 -13
- package/lib/menus/sidenav/NavMenuItem.js +56 -69
- package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
- package/lib/menus/sidenav/helpers.js +7 -7
- package/lib/menus/sidenav/index.js +92 -119
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
- package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
- package/lib/noPermission/index.js +15 -17
- package/lib/panel/Content.js +46 -58
- package/lib/panel/DangerPanel.js +6 -8
- package/lib/panel/Default.js +45 -59
- package/lib/panel/Header.js +37 -34
- package/lib/panel/InfoPanel.js +6 -8
- package/lib/panel/PrimaryPanel.js +6 -8
- package/lib/panel/SuccessPanel.js +6 -8
- package/lib/panel/ToolBar.js +8 -6
- package/lib/panel/WarningPanel.js +6 -8
- package/lib/panel/helpers.js +13 -11
- package/lib/panel/index.js +17 -17
- package/lib/permissionValidations.js +26 -28
- package/lib/popover/PopoverText.js +8 -6
- package/lib/popover/PopoverTitle.js +8 -6
- package/lib/popover/index.js +21 -24
- package/lib/progress/Bar.js +34 -39
- package/lib/progress/index.js +19 -20
- package/lib/radio/index.js +37 -57
- package/lib/shortcuts/index.js +13 -11
- package/lib/skeleton/SkeletonContainer.js +12 -12
- package/lib/skeleton/index.js +27 -33
- package/lib/spinner/SpinnerLoading.js +46 -46
- package/lib/spinner/index.js +27 -40
- package/lib/split/Split.js +97 -113
- package/lib/split/SplitSide.js +22 -20
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/table/Body.js +47 -49
- package/lib/table/Header.js +39 -41
- package/lib/table/HeaderColumn.js +22 -22
- package/lib/table/Row.js +48 -50
- package/lib/table/RowColumn.js +37 -35
- package/lib/table/helpers.js +9 -12
- package/lib/table/index.js +89 -108
- package/lib/tabs/DropdownTabs.js +39 -43
- package/lib/tabs/Menu.js +20 -19
- package/lib/tabs/MenuTabs.js +48 -55
- package/lib/tabs/Panel.js +54 -73
- package/lib/tabs/context.js +62 -93
- package/lib/tabs/index.js +30 -35
- package/lib/tabs/tabHelpers.js +24 -21
- package/lib/toolbar/ButtonBar.js +49 -52
- package/lib/toolbar/LabelBar.js +38 -41
- package/lib/toolbar/Separator.js +6 -8
- package/lib/toolbar/ToolBarGroup.js +9 -8
- package/lib/toolbar/helpers.js +3 -3
- package/lib/toolbar/index.js +25 -26
- package/lib/tooltip/index.js +29 -33
- package/lib/treetable/Body.js +22 -33
- package/lib/treetable/Header.js +13 -15
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +107 -158
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/helpers.js +18 -24
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treetable/index.js +11 -12
- package/lib/treeview/Header.js +11 -9
- package/lib/treeview/Node.js +109 -148
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +156 -221
- package/lib/uitour/helpers.js +3 -3
- package/lib/uitour/index.js +67 -106
- package/package.json +5 -14
- /package/lib/{types.d-BfM3lUbt.d.ts → types.d-DvJcBS8L.d.ts} +0 -0
package/lib/treeview/index.js
CHANGED
|
@@ -1,182 +1,128 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
Object.defineProperty(exports, "TreeNode", {
|
|
8
7
|
enumerable: true,
|
|
9
|
-
get: function
|
|
10
|
-
return _Node
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Node.default;
|
|
11
10
|
}
|
|
12
11
|
});
|
|
13
12
|
Object.defineProperty(exports, "TreeViewHeader", {
|
|
14
13
|
enumerable: true,
|
|
15
|
-
get: function
|
|
16
|
-
return _Header
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Header.default;
|
|
17
16
|
}
|
|
18
17
|
});
|
|
19
|
-
exports
|
|
18
|
+
exports.default = void 0;
|
|
20
19
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
20
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
22
21
|
var _Node = _interopRequireDefault(require("./Node"));
|
|
23
22
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
24
23
|
require("../assets/styles/treeview.scss");
|
|
25
24
|
var _constants = require("./constants");
|
|
26
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
27
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
28
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
25
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
26
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
27
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
29
28
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
30
29
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
31
30
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
32
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
33
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
var _useState = (0, _react.useState)(props.data),
|
|
70
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
71
|
-
data = _useState2[0],
|
|
72
|
-
setData = _useState2[1];
|
|
73
|
-
var _useState3 = (0, _react.useState)(selectedIds),
|
|
74
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
75
|
-
currentSelectedIds = _useState4[0],
|
|
76
|
-
setCurrentSelectedIds = _useState4[1];
|
|
77
|
-
var _useState5 = (0, _react.useState)(selectedIds),
|
|
78
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
79
|
-
propSelectedIds = _useState6[0],
|
|
80
|
-
setPropSelectedIds = _useState6[1];
|
|
81
|
-
var _useState7 = (0, _react.useState)(false),
|
|
82
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
83
|
-
isHandlingSelectedIds = _useState8[0],
|
|
84
|
-
setIsHandlingSelectedIds = _useState8[1];
|
|
85
|
-
var _useState9 = (0, _react.useState)(false),
|
|
86
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
87
|
-
selectedIdsUpdatedOnMount = _useState10[0],
|
|
88
|
-
setSelectedIdsUpdatedOnMount = _useState10[1];
|
|
89
|
-
var _useState11 = (0, _react.useState)([]),
|
|
90
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
91
|
-
requiredParentsIds = _useState12[0],
|
|
92
|
-
setRequiredParentsIds = _useState12[1];
|
|
93
|
-
var _useState13 = (0, _react.useState)([]),
|
|
94
|
-
_useState14 = _slicedToArray(_useState13, 2),
|
|
95
|
-
alreadyOpenedIds = _useState14[0],
|
|
96
|
-
setAlreadyOpenedIds = _useState14[1];
|
|
97
|
-
var _useState15 = (0, _react.useState)({}),
|
|
98
|
-
_useState16 = _slicedToArray(_useState15, 1),
|
|
99
|
-
idsWithChildren = _useState16[0];
|
|
100
|
-
var returnChildrenIds = function returnChildrenIds(nodeId) {
|
|
101
|
-
var returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
102
|
-
var nodeChildrenIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
103
|
-
var requiredIds = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
|
|
31
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
32
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
33
|
+
const TreeView = props => {
|
|
34
|
+
const {
|
|
35
|
+
selectedIds = [],
|
|
36
|
+
enableDynamicData,
|
|
37
|
+
allowCheckAllAncestry,
|
|
38
|
+
onNodeOpen,
|
|
39
|
+
allowCheckAllChildren,
|
|
40
|
+
onSelectedIdsChange,
|
|
41
|
+
idsInLoading,
|
|
42
|
+
startNodesOpened = false,
|
|
43
|
+
alwaysShowArrow,
|
|
44
|
+
nodeElementsValidations,
|
|
45
|
+
nodeRightElements,
|
|
46
|
+
nodeMenuButtonSize = 'small',
|
|
47
|
+
nodeToolbarElements,
|
|
48
|
+
onNodeClick,
|
|
49
|
+
selectedNodeId,
|
|
50
|
+
customClass,
|
|
51
|
+
children,
|
|
52
|
+
styleForContainer,
|
|
53
|
+
bordered,
|
|
54
|
+
requiredIds: propsRequiredIds = []
|
|
55
|
+
} = props;
|
|
56
|
+
const [data, setData] = (0, _react.useState)(props.data);
|
|
57
|
+
const [currentSelectedIds, setCurrentSelectedIds] = (0, _react.useState)(selectedIds);
|
|
58
|
+
const [propSelectedIds, setPropSelectedIds] = (0, _react.useState)(selectedIds);
|
|
59
|
+
const [isHandlingSelectedIds, setIsHandlingSelectedIds] = (0, _react.useState)(false);
|
|
60
|
+
const [selectedIdsUpdatedOnMount, setSelectedIdsUpdatedOnMount] = (0, _react.useState)(false);
|
|
61
|
+
const [requiredParentsIds, setRequiredParentsIds] = (0, _react.useState)([]);
|
|
62
|
+
const [alreadyOpenedIds, setAlreadyOpenedIds] = (0, _react.useState)([]);
|
|
63
|
+
const [idsWithChildren] = (0, _react.useState)({});
|
|
64
|
+
const returnChildrenIds = function (nodeId) {
|
|
65
|
+
let returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
66
|
+
let nodeChildrenIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
67
|
+
let requiredIds = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
|
|
104
68
|
if (idsWithChildren[nodeId] !== undefined) {
|
|
105
69
|
nodeChildrenIds.push(nodeId);
|
|
106
70
|
if (returnRequiredIds) requiredIds.push(nodeId);
|
|
107
|
-
idsWithChildren[nodeId].forEach(
|
|
108
|
-
return returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds);
|
|
109
|
-
});
|
|
71
|
+
idsWithChildren[nodeId].forEach(childId => returnChildrenIds(childId, returnRequiredIds, nodeChildrenIds, requiredIds));
|
|
110
72
|
} else nodeChildrenIds.push(nodeId);
|
|
111
73
|
return returnRequiredIds ? {
|
|
112
|
-
nodeChildrenIds
|
|
113
|
-
requiredIds
|
|
74
|
+
nodeChildrenIds,
|
|
75
|
+
requiredIds
|
|
114
76
|
} : {
|
|
115
|
-
nodeChildrenIds
|
|
77
|
+
nodeChildrenIds
|
|
116
78
|
};
|
|
117
79
|
};
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
return idsWithChildren[id].find(function (childId) {
|
|
121
|
-
return childId === nodeId;
|
|
122
|
-
});
|
|
123
|
-
});
|
|
80
|
+
const returnParentId = nodeId => {
|
|
81
|
+
const parentId = Object.keys(idsWithChildren).find(id => idsWithChildren[id].find(childId => childId === nodeId));
|
|
124
82
|
return Number(parentId);
|
|
125
83
|
};
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
84
|
+
const returnAllAncestryIds = function (nodeId) {
|
|
85
|
+
let ancestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
86
|
+
const parentId = returnParentId(nodeId);
|
|
129
87
|
if (parentId) {
|
|
130
|
-
|
|
88
|
+
const currentAncestryIds = [...ancestryIds, Number(parentId)];
|
|
131
89
|
return returnAllAncestryIds(Number(parentId), currentAncestryIds);
|
|
132
90
|
}
|
|
133
91
|
return ancestryIds;
|
|
134
92
|
};
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
93
|
+
const returnRequiredAncestryIds = function (nodeId) {
|
|
94
|
+
let requiredAncestryIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
95
|
+
let previousParentId = arguments.length > 2 ? arguments[2] : undefined;
|
|
96
|
+
let selectedSiblingsIds = [];
|
|
97
|
+
const parentId = returnParentId(nodeId);
|
|
140
98
|
if (parentId) {
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
});
|
|
144
|
-
var isPreviousParentSelected = previousParentId && currentSelectedIds.includes(previousParentId);
|
|
99
|
+
const nodeSiblingsIds = idsWithChildren && idsWithChildren[parentId].filter(childId => childId !== nodeId);
|
|
100
|
+
const isPreviousParentSelected = previousParentId && currentSelectedIds.includes(previousParentId);
|
|
145
101
|
if (nodeSiblingsIds && nodeSiblingsIds.length > 0) {
|
|
146
|
-
selectedSiblingsIds = currentSelectedIds.filter(
|
|
147
|
-
return nodeSiblingsIds.includes(id);
|
|
148
|
-
});
|
|
102
|
+
selectedSiblingsIds = currentSelectedIds.filter(id => nodeSiblingsIds.includes(id));
|
|
149
103
|
}
|
|
150
|
-
|
|
104
|
+
const requiredIds = isPreviousParentSelected || selectedSiblingsIds.length > 0 ? [...requiredAncestryIds] : [...requiredAncestryIds, parentId];
|
|
151
105
|
if (selectedSiblingsIds.length === 0 && !isPreviousParentSelected) {
|
|
152
106
|
return returnRequiredAncestryIds(parentId, requiredIds, parentId);
|
|
153
107
|
}
|
|
154
108
|
}
|
|
155
109
|
return requiredAncestryIds;
|
|
156
110
|
};
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
});
|
|
162
|
-
var newSelectedIds = currentSelectedIds.filter(function (selectedId) {
|
|
163
|
-
return !codigos.includes(selectedId);
|
|
164
|
-
});
|
|
111
|
+
const updateAncestryAndSelectedIds = (nodeId, codigos, requiredParents) => {
|
|
112
|
+
const ancestryIds = returnRequiredAncestryIds(nodeId);
|
|
113
|
+
const remainRequiredParentsIds = requiredParents.filter(id => !ancestryIds.includes(id));
|
|
114
|
+
const newSelectedIds = currentSelectedIds.filter(selectedId => !codigos.includes(selectedId));
|
|
165
115
|
setRequiredParentsIds(remainRequiredParentsIds);
|
|
166
116
|
return newSelectedIds;
|
|
167
117
|
};
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
return !currentSelectedIds.includes(id);
|
|
177
|
-
});
|
|
178
|
-
var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(codigos), _toConsumableArray(notSelectedAncestryIds));
|
|
179
|
-
var newRequiredParentsIds = [].concat(_toConsumableArray(requiredParentsIds), _toConsumableArray(notRequiredAncestryIds));
|
|
118
|
+
const checkAllAncestry = function (nodeId, codigos) {
|
|
119
|
+
let returnRequiredParentsIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
120
|
+
let updateState = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
|
|
121
|
+
const nodeAncestryIds = returnAllAncestryIds(nodeId);
|
|
122
|
+
const notRequiredAncestryIds = nodeAncestryIds.filter(id => !requiredParentsIds.includes(id));
|
|
123
|
+
const notSelectedAncestryIds = nodeAncestryIds.filter(id => !currentSelectedIds.includes(id));
|
|
124
|
+
const newSelectedIds = [...currentSelectedIds, ...codigos, ...notSelectedAncestryIds];
|
|
125
|
+
const newRequiredParentsIds = [...requiredParentsIds, ...notRequiredAncestryIds];
|
|
180
126
|
if (updateState) {
|
|
181
127
|
setRequiredParentsIds(newRequiredParentsIds);
|
|
182
128
|
}
|
|
@@ -187,80 +133,74 @@ var TreeView = function TreeView(props) {
|
|
|
187
133
|
requiredParentsIds: newRequiredParentsIds
|
|
188
134
|
};
|
|
189
135
|
};
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
136
|
+
const checkAllChildren = function (nodeId) {
|
|
137
|
+
let returnRequiredIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
138
|
+
let currentRequiredIds = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
139
|
+
let childrenIds;
|
|
140
|
+
let newRequiredParentsIds = currentRequiredIds;
|
|
195
141
|
if (returnRequiredIds) {
|
|
196
|
-
|
|
197
|
-
nodeChildrenIds
|
|
198
|
-
requiredIds
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
newRequiredParentsIds = [].concat(_toConsumableArray(currentRequiredIds), _toConsumableArray(newRequiredIds));
|
|
142
|
+
const {
|
|
143
|
+
nodeChildrenIds,
|
|
144
|
+
requiredIds
|
|
145
|
+
} = returnChildrenIds(nodeId, returnRequiredIds);
|
|
146
|
+
const newRequiredIds = requiredIds ? requiredIds.filter(id => !currentRequiredIds.includes(id)) : [];
|
|
147
|
+
newRequiredParentsIds = [...currentRequiredIds, ...newRequiredIds];
|
|
203
148
|
childrenIds = nodeChildrenIds;
|
|
204
149
|
} else childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
});
|
|
208
|
-
var newSelectedIds = [].concat(_toConsumableArray(currentSelectedIds), _toConsumableArray(notSelectedChildrenIds));
|
|
150
|
+
const notSelectedChildrenIds = childrenIds.filter(id => !currentSelectedIds.includes(id));
|
|
151
|
+
const newSelectedIds = [...currentSelectedIds, ...notSelectedChildrenIds];
|
|
209
152
|
setRequiredParentsIds(newRequiredParentsIds);
|
|
210
153
|
setIsHandlingSelectedIds(false);
|
|
211
154
|
return newSelectedIds;
|
|
212
155
|
};
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
newSelectedIds = newSelectedIds.filter(
|
|
218
|
-
return !childrenIds.includes(selectedId);
|
|
219
|
-
});
|
|
156
|
+
const uncheckAllChildren = function (nodeId) {
|
|
157
|
+
let remainSelectedIds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
158
|
+
let newSelectedIds = remainSelectedIds.length > 0 ? remainSelectedIds : currentSelectedIds;
|
|
159
|
+
const childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
|
|
160
|
+
newSelectedIds = newSelectedIds.filter(selectedId => !childrenIds.includes(selectedId));
|
|
220
161
|
setIsHandlingSelectedIds(false);
|
|
221
162
|
return newSelectedIds;
|
|
222
163
|
};
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
});
|
|
228
|
-
setRequiredParentsIds(_toConsumableArray(remainRequiredIds));
|
|
164
|
+
const uncheckRequiredChildren = (nodeId, codigos, requiredParents) => {
|
|
165
|
+
const childrenIds = returnChildrenIds(nodeId).nodeChildrenIds;
|
|
166
|
+
const remainRequiredIds = requiredParents.filter(id => !childrenIds.includes(id));
|
|
167
|
+
setRequiredParentsIds([...remainRequiredIds]);
|
|
229
168
|
updateAncestryAndSelectedIds(nodeId, codigos, remainRequiredIds);
|
|
230
169
|
};
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
170
|
+
const handleOnNodeOpen = node => {
|
|
171
|
+
const {
|
|
172
|
+
id
|
|
173
|
+
} = node;
|
|
174
|
+
let newAlreadyOpenedIds = alreadyOpenedIds;
|
|
234
175
|
if (!alreadyOpenedIds.includes(id) && onNodeOpen) {
|
|
235
|
-
newAlreadyOpenedIds = [
|
|
176
|
+
newAlreadyOpenedIds = [...newAlreadyOpenedIds, id];
|
|
236
177
|
onNodeOpen(node);
|
|
237
178
|
}
|
|
238
179
|
setAlreadyOpenedIds(newAlreadyOpenedIds);
|
|
239
180
|
};
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
181
|
+
const handleCheck = (nodeId, handlingSelectedIds, isParent) => {
|
|
182
|
+
const codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
|
|
183
|
+
let newSelectedIds = [...currentSelectedIds, ...codigos];
|
|
243
184
|
if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
|
|
244
185
|
if (allowCheckAllAncestry) {
|
|
245
|
-
|
|
246
|
-
updatedIdsWithAncestryIds
|
|
247
|
-
requiredParents
|
|
248
|
-
|
|
249
|
-
|
|
186
|
+
const {
|
|
187
|
+
updatedIdsWithAncestryIds,
|
|
188
|
+
requiredParentsIds: requiredParents
|
|
189
|
+
} = checkAllAncestry(nodeId, codigos, true);
|
|
190
|
+
const updatedIdsWithChildrenIds = checkAllChildren(nodeId, true, requiredParents);
|
|
191
|
+
newSelectedIds = [...updatedIdsWithAncestryIds, ...updatedIdsWithChildrenIds];
|
|
250
192
|
} else newSelectedIds = checkAllChildren(nodeId);
|
|
251
193
|
} else if (allowCheckAllAncestry) {
|
|
252
194
|
newSelectedIds = checkAllAncestry(nodeId, codigos).updatedIdsWithAncestryIds;
|
|
253
195
|
}
|
|
254
196
|
return newSelectedIds;
|
|
255
197
|
};
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
return !codigos.includes(id);
|
|
260
|
-
});
|
|
198
|
+
const handleUncheck = (nodeId, handlingSelectedIds, isParent, required) => {
|
|
199
|
+
const codigos = _lodash.default.isArray(nodeId) ? nodeId : [nodeId];
|
|
200
|
+
let newSelectedIds = currentSelectedIds.filter(id => !codigos.includes(id));
|
|
261
201
|
if (isParent && (handlingSelectedIds || isHandlingSelectedIds) && allowCheckAllChildren) {
|
|
262
202
|
if (allowCheckAllAncestry) {
|
|
263
|
-
|
|
203
|
+
const updatedSelectedIds = updateAncestryAndSelectedIds(nodeId, codigos, requiredParentsIds);
|
|
264
204
|
newSelectedIds = uncheckAllChildren(nodeId, updatedSelectedIds);
|
|
265
205
|
if (required) uncheckRequiredChildren(nodeId, codigos, requiredParentsIds);
|
|
266
206
|
} else newSelectedIds = uncheckAllChildren(nodeId);
|
|
@@ -269,10 +209,10 @@ var TreeView = function TreeView(props) {
|
|
|
269
209
|
}
|
|
270
210
|
return newSelectedIds;
|
|
271
211
|
};
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
212
|
+
const updateSelectedIds = function (nodeId, checked, isParent) {
|
|
213
|
+
let required = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
214
|
+
let handlingSelectedIds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : isHandlingSelectedIds;
|
|
215
|
+
let newSelectedIds = [...currentSelectedIds];
|
|
276
216
|
if (checked) {
|
|
277
217
|
newSelectedIds = handleCheck(nodeId, handlingSelectedIds, isParent);
|
|
278
218
|
} else {
|
|
@@ -281,24 +221,22 @@ var TreeView = function TreeView(props) {
|
|
|
281
221
|
setCurrentSelectedIds(newSelectedIds);
|
|
282
222
|
if (onSelectedIdsChange) onSelectedIdsChange(newSelectedIds);
|
|
283
223
|
};
|
|
284
|
-
|
|
285
|
-
|
|
224
|
+
const toggleCheckChildren = function (nodeId, check) {
|
|
225
|
+
let required = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
286
226
|
setIsHandlingSelectedIds(true);
|
|
287
227
|
updateSelectedIds(nodeId, check, true, required, true);
|
|
288
228
|
};
|
|
289
|
-
|
|
290
|
-
|
|
229
|
+
const buildTree = (node, parentId, ids) => {
|
|
230
|
+
let childrenIds = [];
|
|
291
231
|
if (node.itens && node.itens.length > 0) {
|
|
292
|
-
childrenIds = node.itens.map(
|
|
293
|
-
return i.id;
|
|
294
|
-
});
|
|
232
|
+
childrenIds = node.itens.map(i => i.id);
|
|
295
233
|
if (ids) {
|
|
296
|
-
|
|
234
|
+
const idWithChildren = {};
|
|
297
235
|
idWithChildren[node.id] = childrenIds;
|
|
298
236
|
Object.assign(ids, idWithChildren);
|
|
299
237
|
}
|
|
300
238
|
}
|
|
301
|
-
return /*#__PURE__*/_react
|
|
239
|
+
return /*#__PURE__*/_react.default.createElement(_Node.default, {
|
|
302
240
|
key: "node-".concat(node.id),
|
|
303
241
|
node: node,
|
|
304
242
|
idsInLoading: idsInLoading,
|
|
@@ -314,30 +252,27 @@ var TreeView = function TreeView(props) {
|
|
|
314
252
|
onNodeClick: onNodeClick,
|
|
315
253
|
selectedNodeId: selectedNodeId,
|
|
316
254
|
handlerOnNodeOpen: handleOnNodeOpen
|
|
317
|
-
}, childrenIds.length > 0 && node.itens && node.itens.map(
|
|
318
|
-
return buildTree(nodeitem, node.id, idsWithChildren);
|
|
319
|
-
}));
|
|
255
|
+
}, childrenIds.length > 0 && node.itens && node.itens.map(nodeitem => buildTree(nodeitem, node.id, idsWithChildren)));
|
|
320
256
|
};
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
selectedNodeIds.forEach(
|
|
325
|
-
|
|
326
|
-
requiredParents
|
|
327
|
-
updatedIdsWithAncestryIds
|
|
328
|
-
|
|
257
|
+
const handleNewSelectedIds = selectedNodeIds => {
|
|
258
|
+
let requiredIds = [];
|
|
259
|
+
let newSelectedIds = [];
|
|
260
|
+
selectedNodeIds.forEach(id => {
|
|
261
|
+
const {
|
|
262
|
+
requiredParentsIds: requiredParents,
|
|
263
|
+
updatedIdsWithAncestryIds
|
|
264
|
+
} = checkAllAncestry(id, [], true, false);
|
|
265
|
+
newSelectedIds = [...newSelectedIds, ...updatedIdsWithAncestryIds];
|
|
329
266
|
if (requiredParents) {
|
|
330
|
-
requiredIds = [
|
|
267
|
+
requiredIds = [...requiredIds, ...requiredParents];
|
|
331
268
|
}
|
|
332
269
|
});
|
|
333
|
-
setRequiredParentsIds(_lodash
|
|
334
|
-
setCurrentSelectedIds(_lodash
|
|
335
|
-
setSelectedIdsUpdatedOnMount(
|
|
336
|
-
return prevState || true;
|
|
337
|
-
});
|
|
270
|
+
setRequiredParentsIds(_lodash.default.uniq(requiredIds));
|
|
271
|
+
setCurrentSelectedIds(_lodash.default.uniq(newSelectedIds));
|
|
272
|
+
setSelectedIdsUpdatedOnMount(prevState => prevState || true);
|
|
338
273
|
};
|
|
339
|
-
(0, _react.useEffect)(
|
|
340
|
-
|
|
274
|
+
(0, _react.useEffect)(() => {
|
|
275
|
+
const isSameSelectedIds = _lodash.default.isEqual(propSelectedIds.sort(), selectedIds.sort());
|
|
341
276
|
if (enableDynamicData && props.data !== data) {
|
|
342
277
|
setData(props.data);
|
|
343
278
|
} else if (!isSameSelectedIds) {
|
|
@@ -346,36 +281,36 @@ var TreeView = function TreeView(props) {
|
|
|
346
281
|
setPropSelectedIds(selectedIds);
|
|
347
282
|
}
|
|
348
283
|
}, [selectedIds.length, props.data]);
|
|
349
|
-
(0, _react.useEffect)(
|
|
284
|
+
(0, _react.useEffect)(() => {
|
|
350
285
|
if (allowCheckAllAncestry && !selectedIdsUpdatedOnMount) {
|
|
351
286
|
handleNewSelectedIds(currentSelectedIds);
|
|
352
287
|
}
|
|
353
288
|
}, [currentSelectedIds]);
|
|
354
|
-
(0, _react.useEffect)(
|
|
289
|
+
(0, _react.useEffect)(() => {
|
|
355
290
|
if (allowCheckAllAncestry) {
|
|
356
291
|
handleNewSelectedIds(currentSelectedIds);
|
|
357
292
|
}
|
|
358
293
|
}, [propSelectedIds]);
|
|
359
|
-
(0, _react.useEffect)(
|
|
294
|
+
(0, _react.useEffect)(() => {
|
|
360
295
|
buildTree(data, undefined, idsWithChildren);
|
|
361
296
|
}, []);
|
|
362
|
-
|
|
297
|
+
const contextValues = _objectSpread(_objectSpread({}, props), {}, {
|
|
363
298
|
requiredIds: propsRequiredIds,
|
|
364
299
|
selectedIds: currentSelectedIds,
|
|
365
|
-
isHandlingSelectedIds
|
|
366
|
-
selectedIdsUpdatedOnMount
|
|
367
|
-
requiredParentsIds
|
|
368
|
-
alreadyOpenedIds
|
|
300
|
+
isHandlingSelectedIds,
|
|
301
|
+
selectedIdsUpdatedOnMount,
|
|
302
|
+
requiredParentsIds,
|
|
303
|
+
alreadyOpenedIds,
|
|
369
304
|
handlerUpdateSelectedIds: updateSelectedIds,
|
|
370
305
|
handlerToggleCheckChildren: toggleCheckChildren
|
|
371
306
|
});
|
|
372
|
-
return /*#__PURE__*/_react
|
|
307
|
+
return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Provider, {
|
|
373
308
|
value: contextValues
|
|
374
|
-
}, /*#__PURE__*/_react
|
|
309
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
375
310
|
className: "treeview-component ".concat(customClass)
|
|
376
|
-
}, children, /*#__PURE__*/_react
|
|
311
|
+
}, children, /*#__PURE__*/_react.default.createElement("ul", {
|
|
377
312
|
style: styleForContainer,
|
|
378
313
|
className: "treeviewcontainer ".concat(bordered && '-bordered')
|
|
379
314
|
}, buildTree(data))));
|
|
380
315
|
};
|
|
381
|
-
var _default = exports
|
|
316
|
+
var _default = exports.default = TreeView;
|
package/lib/uitour/helpers.js
CHANGED
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.STEP_POSITIONS = exports.ARROW_WIDTH = exports.ARROW_HEIGHT = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
const ARROW_WIDTH = exports.ARROW_WIDTH = 26;
|
|
8
|
+
const ARROW_HEIGHT = exports.ARROW_HEIGHT = 20;
|
|
9
|
+
const STEP_POSITIONS = exports.STEP_POSITIONS = {
|
|
10
10
|
right: 'right',
|
|
11
11
|
left: 'left'
|
|
12
12
|
};
|