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/Node.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
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
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
10
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
@@ -15,129 +14,97 @@ var _buttons = _interopRequireDefault(require("../buttons"));
|
|
|
15
14
|
var _list = _interopRequireWildcard(require("../list"));
|
|
16
15
|
var _toolbar = _interopRequireWildcard(require("../toolbar"));
|
|
17
16
|
var _SpinnerLoading = _interopRequireDefault(require("../spinner/SpinnerLoading"));
|
|
18
|
-
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
20
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
17
|
+
const _excluded = ["validationKey", "onNodeElementClick"];
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
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); }
|
|
20
|
+
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; }
|
|
22
21
|
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; }
|
|
23
22
|
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; }
|
|
24
23
|
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; }
|
|
25
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
26
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
24
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
25
|
+
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); }
|
|
27
26
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
28
27
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
var _useState5 = (0, _react.useState)(startNodesOpened && nodeHasItens(node)),
|
|
68
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
69
|
-
wasOpened = _useState6[0],
|
|
70
|
-
setWasOpened = _useState6[1];
|
|
71
|
-
var _useState7 = (0, _react.useState)(false),
|
|
72
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
73
|
-
showNodeElements = _useState8[0],
|
|
74
|
-
setShowNodeElements = _useState8[1];
|
|
75
|
-
var _useState9 = (0, _react.useState)(false),
|
|
76
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
77
|
-
keepMenuOpened = _useState10[0],
|
|
78
|
-
setKeepMenuOpened = _useState10[1];
|
|
79
|
-
var labelRef = (0, _react.useRef)(null);
|
|
80
|
-
var _useContext = (0, _react.useContext)(_constants.TreeviewContext),
|
|
81
|
-
valuePropName = _useContext.valuePropName,
|
|
82
|
-
labelPropName = _useContext.labelPropName,
|
|
83
|
-
selectedIds = _useContext.selectedIds,
|
|
84
|
-
handlerUpdateSelectedIds = _useContext.handlerUpdateSelectedIds,
|
|
85
|
-
showCheckBox = _useContext.showCheckBox,
|
|
86
|
-
requiredIds = _useContext.requiredIds,
|
|
87
|
-
disabled = _useContext.disabled,
|
|
88
|
-
handlerToggleCheckChildren = _useContext.handlerToggleCheckChildren,
|
|
89
|
-
allowCheckAllChildren = _useContext.allowCheckAllChildren,
|
|
90
|
-
requiredParentsIds = _useContext.requiredParentsIds,
|
|
91
|
-
defaultDisabledTooltip = _useContext.defaultDisabledTooltip;
|
|
92
|
-
var requiredNodes = [].concat(_toConsumableArray(requiredIds), _toConsumableArray(requiredParentsIds));
|
|
93
|
-
var required = requiredNodes.includes(node[valuePropName]);
|
|
94
|
-
var checked = selectedIds && selectedIds.includes(node[valuePropName]) || required;
|
|
28
|
+
const nodeHasItens = node => !!(node.itens && node.itens.length > 0);
|
|
29
|
+
const TreeNode = props => {
|
|
30
|
+
const {
|
|
31
|
+
startNodesOpened,
|
|
32
|
+
isParent = false,
|
|
33
|
+
nodeToolbarElements,
|
|
34
|
+
nodeRightElements,
|
|
35
|
+
idsInLoading = [],
|
|
36
|
+
handlerOnNodeOpen,
|
|
37
|
+
nodeElementsValidations,
|
|
38
|
+
onNodeClick,
|
|
39
|
+
children,
|
|
40
|
+
nodeMenuButtonSize = 'small',
|
|
41
|
+
selectedNodeId,
|
|
42
|
+
alwaysShowArrow = false
|
|
43
|
+
} = props;
|
|
44
|
+
const [node, setNode] = (0, _react.useState)(props.node);
|
|
45
|
+
const [isVisible, setIsVisible] = (0, _react.useState)(startNodesOpened && nodeHasItens(node));
|
|
46
|
+
const [wasOpened, setWasOpened] = (0, _react.useState)(startNodesOpened && nodeHasItens(node));
|
|
47
|
+
const [showNodeElements, setShowNodeElements] = (0, _react.useState)(false);
|
|
48
|
+
const [keepMenuOpened, setKeepMenuOpened] = (0, _react.useState)(false);
|
|
49
|
+
const labelRef = (0, _react.useRef)(null);
|
|
50
|
+
const {
|
|
51
|
+
valuePropName,
|
|
52
|
+
labelPropName,
|
|
53
|
+
selectedIds,
|
|
54
|
+
handlerUpdateSelectedIds,
|
|
55
|
+
showCheckBox,
|
|
56
|
+
requiredIds,
|
|
57
|
+
disabled,
|
|
58
|
+
handlerToggleCheckChildren,
|
|
59
|
+
allowCheckAllChildren,
|
|
60
|
+
requiredParentsIds,
|
|
61
|
+
defaultDisabledTooltip
|
|
62
|
+
} = (0, _react.useContext)(_constants.TreeviewContext);
|
|
63
|
+
const requiredNodes = [...requiredIds, ...requiredParentsIds];
|
|
64
|
+
const required = requiredNodes.includes(node[valuePropName]);
|
|
65
|
+
const checked = selectedIds && selectedIds.includes(node[valuePropName]) || required;
|
|
95
66
|
if (node !== props.node) {
|
|
96
67
|
setNode(props.node);
|
|
97
68
|
setIsVisible(startNodesOpened && nodeHasItens(node));
|
|
98
69
|
setWasOpened(startNodesOpened && nodeHasItens(node));
|
|
99
70
|
}
|
|
100
|
-
|
|
71
|
+
const openCloseTree = currentNode => {
|
|
101
72
|
if (!wasOpened && handlerOnNodeOpen) {
|
|
102
73
|
setWasOpened(true);
|
|
103
74
|
handlerOnNodeOpen(currentNode);
|
|
104
75
|
}
|
|
105
|
-
setIsVisible(
|
|
106
|
-
return !prevState;
|
|
107
|
-
});
|
|
76
|
+
setIsVisible(prevState => !prevState);
|
|
108
77
|
};
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
78
|
+
const getSpan = () => {
|
|
79
|
+
const isLoading = idsInLoading.includes(node.id);
|
|
80
|
+
let span = /*#__PURE__*/_react.default.createElement("noscript", null);
|
|
112
81
|
if (node.itens && node.itens.length > 0 || alwaysShowArrow) {
|
|
113
|
-
span = /*#__PURE__*/_react
|
|
114
|
-
onKeyPress:
|
|
82
|
+
span = /*#__PURE__*/_react.default.createElement("span", {
|
|
83
|
+
onKeyPress: () => {},
|
|
115
84
|
tabIndex: 0,
|
|
116
85
|
role: "button",
|
|
117
86
|
className: isLoading ? 'loading' : 'opencloseicon',
|
|
118
|
-
onClick:
|
|
119
|
-
|
|
120
|
-
}
|
|
121
|
-
}, isLoading ? /*#__PURE__*/_react["default"].createElement(_SpinnerLoading["default"], {
|
|
87
|
+
onClick: () => openCloseTree(node)
|
|
88
|
+
}, isLoading ? /*#__PURE__*/_react.default.createElement(_SpinnerLoading.default, {
|
|
122
89
|
size: "35px"
|
|
123
|
-
}) : /*#__PURE__*/_react
|
|
90
|
+
}) : /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
124
91
|
name: isVisible ? 'up' : 'down',
|
|
125
92
|
size: 10
|
|
126
93
|
}));
|
|
127
94
|
}
|
|
128
95
|
return span;
|
|
129
96
|
};
|
|
130
|
-
|
|
131
|
-
|
|
97
|
+
const handleShowNodeElements = function () {
|
|
98
|
+
let enter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
132
99
|
if (!showNodeElements) {
|
|
133
100
|
setShowNodeElements(true);
|
|
134
101
|
} else if (showNodeElements && !keepMenuOpened && !enter) {
|
|
135
102
|
setShowNodeElements(false);
|
|
136
103
|
}
|
|
137
104
|
};
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
105
|
+
const validateNodeElement = validationKey => {
|
|
106
|
+
const validations = nodeElementsValidations && nodeElementsValidations[validationKey];
|
|
107
|
+
const options = {
|
|
141
108
|
disabled: {
|
|
142
109
|
disabled: true
|
|
143
110
|
},
|
|
@@ -145,41 +112,45 @@ var TreeNode = function TreeNode(props) {
|
|
|
145
112
|
visible: false
|
|
146
113
|
}
|
|
147
114
|
};
|
|
148
|
-
|
|
115
|
+
let elementBehavior = {};
|
|
149
116
|
if (validations) {
|
|
150
|
-
validations.forEach(
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
117
|
+
validations.forEach(validation => {
|
|
118
|
+
const {
|
|
119
|
+
validator,
|
|
120
|
+
applyBehavior
|
|
121
|
+
} = validation;
|
|
122
|
+
if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node) && applyBehavior) {
|
|
154
123
|
elementBehavior = options[applyBehavior] || options.unvisible;
|
|
155
124
|
}
|
|
156
125
|
});
|
|
157
126
|
}
|
|
158
127
|
return elementBehavior;
|
|
159
128
|
};
|
|
160
|
-
|
|
161
|
-
|
|
129
|
+
const updateElements = elements => {
|
|
130
|
+
let updatedElements = [];
|
|
162
131
|
if (elements) {
|
|
163
|
-
updatedElements = _react
|
|
164
|
-
if ( /*#__PURE__*/_react
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
132
|
+
updatedElements = _react.default.Children.map(elements, element => {
|
|
133
|
+
if ( /*#__PURE__*/_react.default.isValidElement(element) && element.props) {
|
|
134
|
+
const _element$props = element.props,
|
|
135
|
+
{
|
|
136
|
+
validationKey,
|
|
137
|
+
onNodeElementClick
|
|
138
|
+
} = _element$props,
|
|
168
139
|
rest = _objectWithoutProperties(_element$props, _excluded);
|
|
169
|
-
|
|
170
|
-
|
|
140
|
+
let elementBehavior;
|
|
141
|
+
let newProps = {};
|
|
171
142
|
if (nodeElementsValidations && validationKey) {
|
|
172
143
|
elementBehavior = validateNodeElement(validationKey);
|
|
173
144
|
}
|
|
174
145
|
if (onNodeElementClick) {
|
|
175
146
|
newProps = _objectSpread(_objectSpread({}, newProps), {}, {
|
|
176
|
-
onClick:
|
|
147
|
+
onClick: e => {
|
|
177
148
|
onNodeElementClick(node);
|
|
178
149
|
if (e.stopPropagation) e.stopPropagation();
|
|
179
150
|
}
|
|
180
151
|
});
|
|
181
152
|
}
|
|
182
|
-
|
|
153
|
+
const newElement = /*#__PURE__*/_react.default.createElement(element.type, _objectSpread(_objectSpread(_objectSpread({}, rest), newProps), elementBehavior));
|
|
183
154
|
return newElement;
|
|
184
155
|
}
|
|
185
156
|
return element;
|
|
@@ -187,31 +158,31 @@ var TreeNode = function TreeNode(props) {
|
|
|
187
158
|
}
|
|
188
159
|
return updatedElements;
|
|
189
160
|
};
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
161
|
+
const returnNodeRightElements = () => {
|
|
162
|
+
const updatedNodeRightElements = updateElements(nodeRightElements).map(element => {
|
|
163
|
+
const unvisible = element.props && 'visible' in element.props && !element.props.visible;
|
|
164
|
+
const style = unvisible ? {
|
|
194
165
|
display: 'none'
|
|
195
166
|
} : {};
|
|
196
|
-
return /*#__PURE__*/_react
|
|
167
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
197
168
|
style: style,
|
|
198
|
-
key: "element-".concat(_uuid
|
|
169
|
+
key: "element-".concat(_uuid.default.v1()),
|
|
199
170
|
className: "element"
|
|
200
171
|
}, element);
|
|
201
172
|
});
|
|
202
|
-
return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react
|
|
173
|
+
return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
|
203
174
|
className: "node-rightelements"
|
|
204
175
|
}, updatedNodeRightElements) : null;
|
|
205
176
|
};
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react
|
|
177
|
+
const returnNodeToolbarElements = () => {
|
|
178
|
+
const updatedNodeRightElements = updateElements(nodeToolbarElements);
|
|
179
|
+
return updatedNodeRightElements.length > 0 ? /*#__PURE__*/_react.default.createElement(_toolbar.default, {
|
|
209
180
|
customClass: "node-toolbarelements"
|
|
210
|
-
}, /*#__PURE__*/_react
|
|
181
|
+
}, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, null, updatedNodeRightElements)) : null;
|
|
211
182
|
};
|
|
212
|
-
return /*#__PURE__*/_react
|
|
183
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
213
184
|
className: "treeviewitem"
|
|
214
|
-
}, getSpan(), /*#__PURE__*/_react
|
|
185
|
+
}, getSpan(), /*#__PURE__*/_react.default.createElement("div", {
|
|
215
186
|
className: "label",
|
|
216
187
|
style: {
|
|
217
188
|
textDecoration: !onNodeClick ? 'none' : undefined,
|
|
@@ -219,32 +190,26 @@ var TreeNode = function TreeNode(props) {
|
|
|
219
190
|
},
|
|
220
191
|
ref: labelRef,
|
|
221
192
|
role: "button",
|
|
222
|
-
onKeyPress:
|
|
223
|
-
onMouseEnter:
|
|
224
|
-
|
|
225
|
-
},
|
|
226
|
-
onMouseLeave: function onMouseLeave() {
|
|
227
|
-
return handleShowNodeElements(false);
|
|
228
|
-
},
|
|
193
|
+
onKeyPress: () => {},
|
|
194
|
+
onMouseEnter: () => handleShowNodeElements(),
|
|
195
|
+
onMouseLeave: () => handleShowNodeElements(false),
|
|
229
196
|
tabIndex: -1,
|
|
230
|
-
onClick: onNodeClick ?
|
|
231
|
-
|
|
232
|
-
} : undefined
|
|
233
|
-
}, showCheckBox ? /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
|
|
197
|
+
onClick: onNodeClick ? () => onNodeClick(node) : undefined
|
|
198
|
+
}, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
234
199
|
checked: checked,
|
|
235
200
|
disabled: required || disabled,
|
|
236
201
|
value: "".concat(node[valuePropName]),
|
|
237
202
|
label: node[labelPropName],
|
|
238
203
|
tooltip: required ? defaultDisabledTooltip : '',
|
|
239
|
-
onChange: disabled || required ? undefined :
|
|
204
|
+
onChange: disabled || required ? undefined : e => {
|
|
240
205
|
handlerUpdateSelectedIds(node.id, e.target.checked, !!isParent);
|
|
241
206
|
}
|
|
242
|
-
}) : node[labelPropName], allowCheckAllChildren && showNodeElements && isParent ? /*#__PURE__*/_react
|
|
207
|
+
}) : node[labelPropName], allowCheckAllChildren && showNodeElements && isParent ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
243
208
|
dropdown: true,
|
|
244
209
|
dropdownAlign: "left",
|
|
245
210
|
size: nodeMenuButtonSize,
|
|
246
211
|
showIconDropdown: false,
|
|
247
|
-
icon: /*#__PURE__*/_react
|
|
212
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
248
213
|
name: "menu",
|
|
249
214
|
style: {
|
|
250
215
|
margin: 0
|
|
@@ -252,29 +217,25 @@ var TreeNode = function TreeNode(props) {
|
|
|
252
217
|
}),
|
|
253
218
|
customClass: "node-menu",
|
|
254
219
|
boxShadow: false,
|
|
255
|
-
onClick:
|
|
256
|
-
|
|
257
|
-
return !prevState;
|
|
258
|
-
});
|
|
259
|
-
}
|
|
260
|
-
}, /*#__PURE__*/_react["default"].createElement(_list["default"], {
|
|
220
|
+
onClick: () => setKeepMenuOpened(prevState => !prevState)
|
|
221
|
+
}, /*#__PURE__*/_react.default.createElement(_list.default, {
|
|
261
222
|
condensed: true
|
|
262
|
-
}, /*#__PURE__*/_react
|
|
223
|
+
}, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
263
224
|
text: "Marcar todos",
|
|
264
|
-
onClick:
|
|
225
|
+
onClick: () => {
|
|
265
226
|
handlerToggleCheckChildren(node.id, true);
|
|
266
227
|
setShowNodeElements(false);
|
|
267
228
|
setKeepMenuOpened(false);
|
|
268
229
|
}
|
|
269
|
-
}), /*#__PURE__*/_react
|
|
230
|
+
}), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
270
231
|
text: "Desmarcar todos",
|
|
271
|
-
onClick:
|
|
232
|
+
onClick: () => {
|
|
272
233
|
handlerToggleCheckChildren(node.id, false, required);
|
|
273
234
|
setShowNodeElements(false);
|
|
274
235
|
setKeepMenuOpened(false);
|
|
275
236
|
}
|
|
276
|
-
}))) : null, showNodeElements && returnNodeRightElements(), showNodeElements && returnNodeToolbarElements()), /*#__PURE__*/_react
|
|
237
|
+
}))) : null, showNodeElements && returnNodeRightElements(), showNodeElements && returnNodeToolbarElements()), /*#__PURE__*/_react.default.createElement("ul", {
|
|
277
238
|
className: "nodelist"
|
|
278
239
|
}, isVisible && children));
|
|
279
240
|
};
|
|
280
|
-
var _default = exports
|
|
241
|
+
var _default = exports.default = TreeNode;
|
|
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.TreeviewContext = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
-
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const TreeviewContext = exports.TreeviewContext = /*#__PURE__*/_react.default.createContext({});
|