linear-react-components-ui 1.1.20-beta.2 → 1.1.20-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/icons/helper.d.ts +4 -12
- package/lib/icons/helper.js +4 -12
- package/lib/inputs/base/InputTextBase.js +2 -1
- package/lib/inputs/mask/imaskHOC.js +203 -0
- package/lib/menus/sidenav/popup_menu_help/index.js +85 -0
- package/lib/tabs/DropdownItems.js +62 -0
- package/lib/tabs/MenuItems.js +70 -0
- package/lib/treeview_old/Header.js +29 -0
- package/lib/treeview_old/Node.js +68 -0
- package/lib/treeview_old/index.js +43 -0
- package/package.json +1 -1
package/lib/icons/helper.d.ts
CHANGED
|
@@ -19,6 +19,10 @@ declare const _default: {
|
|
|
19
19
|
viewbox: string;
|
|
20
20
|
paths: string[];
|
|
21
21
|
};
|
|
22
|
+
supplier: {
|
|
23
|
+
viewbox: string;
|
|
24
|
+
paths: string[];
|
|
25
|
+
};
|
|
22
26
|
mail: {
|
|
23
27
|
viewbox: string;
|
|
24
28
|
paths: string[];
|
|
@@ -607,18 +611,6 @@ declare const _default: {
|
|
|
607
611
|
viewbox: string;
|
|
608
612
|
paths: string[];
|
|
609
613
|
};
|
|
610
|
-
similarity: {
|
|
611
|
-
viewbox: string;
|
|
612
|
-
paths: string[];
|
|
613
|
-
};
|
|
614
|
-
fileStack: {
|
|
615
|
-
viewbox: string;
|
|
616
|
-
paths: string[];
|
|
617
|
-
};
|
|
618
|
-
tree: {
|
|
619
|
-
viewbox: string;
|
|
620
|
-
paths: string[];
|
|
621
|
-
};
|
|
622
614
|
};
|
|
623
615
|
|
|
624
616
|
export { _default as default };
|
package/lib/icons/helper.js
CHANGED
|
@@ -25,6 +25,10 @@ var _default = exports.default = {
|
|
|
25
25
|
viewbox: '0 0 16 16',
|
|
26
26
|
paths: ['M4 5c0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.209-1.791 4-4 4s-4-1.791-4-4zM12 10h-8c-2.209 0-4 1.791-4 4v1h16v-1c0-2.209-1.791-4-4-4z']
|
|
27
27
|
},
|
|
28
|
+
supplier: {
|
|
29
|
+
viewbox: '0 0 16 16',
|
|
30
|
+
paths: ['M12 12.041v-0.825c1.101-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z', 'M3.242 9.625c-0.212 0.077-0.416 0.161-0.611 0.25h4.782c-0.038-0.083-0.075-0.166-0.109-0.25h-4.062z', 'M0.425 11.625c-0.053 0.082-0.101 0.165-0.144 0.25h5.834c0.192-0.089 0.389-0.172 0.593-0.25h-6.284z', 'M1.367 10.625c-0.105 0.081-0.204 0.164-0.299 0.25h6.933c-0.060-0.081-0.118-0.165-0.174-0.25h-6.461z', 'M5.261 9.125c-0.424 0.062-0.833 0.146-1.222 0.25h3.17c-0.030-0.083-0.057-0.166-0.083-0.25h-1.864z', 'M6 8.625v0.25h1.054c-0.022-0.083-0.041-0.166-0.059-0.25h-0.995z', 'M5.851 8.125c0.049 0.032 0.099 0.063 0.149 0.091v0.159h0.947c-0.014-0.083-0.025-0.167-0.035-0.25h-1.062z', 'M0.030 12.625c-0.013 0.083-0.022 0.166-0.027 0.25h4.501c0.102-0.085 0.209-0.169 0.321-0.25h-4.795z', 'M1.719 10.375h5.955c-0.024-0.042-0.048-0.084-0.072-0.127-0.022-0.041-0.044-0.082-0.066-0.123h-5.402c-0.145 0.080-0.283 0.163-0.415 0.25z', 'M4.005 3.625c-0.002 0.083-0.003 0.166-0.003 0.25h3.339c0.004-0.009 0.008-0.018 0.012-0.028 0.035-0.076 0.073-0.15 0.112-0.222h-3.46z', 'M0.168 12.125c-0.032 0.082-0.060 0.166-0.083 0.25h5.109c0.136-0.087 0.277-0.17 0.423-0.25h-5.449z', 'M4.643 0.875h4.713c-0.070-0.089-0.148-0.173-0.234-0.25h-4.245c-0.086 0.077-0.164 0.161-0.234 0.25z', 'M0.602 11.375h6.845c0.256-0.076 0.519-0.145 0.787-0.204-0.013-0.015-0.025-0.030-0.038-0.046h-7.381c-0.076 0.082-0.147 0.165-0.213 0.25z', 'M5.255 7.625c0.085 0.089 0.173 0.173 0.263 0.25h1.371c-0.006-0.083-0.010-0.167-0.012-0.25h-1.622z', 'M4.848 7.125c0.060 0.086 0.123 0.17 0.188 0.25h1.84c0-0.084 0-0.167 0-0.25h-2.027z', 'M4.255 1.625c-0.027 0.081-0.050 0.164-0.072 0.25h5.632c-0.021-0.086-0.045-0.169-0.072-0.25h-5.489z', 'M4.13 2.125c-0.015 0.082-0.029 0.165-0.041 0.25h4.625c0.179-0.098 0.372-0.181 0.578-0.25h-5.162z', 'M4.022 3.125c-0.004 0.082-0.008 0.166-0.010 0.25h3.605c0.058-0.087 0.12-0.17 0.185-0.25h-3.78z', 'M4.059 2.625c-0.008 0.082-0.016 0.165-0.022 0.25h3.995c0.092-0.089 0.189-0.173 0.292-0.25h-4.265z', 'M5.866 0.125c-0.243 0.062-0.455 0.146-0.638 0.25h3.544c-0.184-0.104-0.396-0.188-0.639-0.25h-2.266z', 'M4.544 6.625c0.045 0.085 0.092 0.169 0.141 0.25h2.192c0.001-0.084 0.002-0.167 0.003-0.25h-2.336z', 'M4.475 1.125c-0.046 0.080-0.088 0.163-0.125 0.25h5.3c-0.037-0.087-0.079-0.17-0.125-0.25h-5.050z', 'M4.152 5.625c0.022 0.084 0.048 0.167 0.074 0.25h2.683c0.005-0.084 0.012-0.167 0.019-0.25h-2.777z', 'M4.316 6.125c0.033 0.085 0.068 0.168 0.105 0.25h2.464c0.003-0.084 0.006-0.167 0.009-0.25h-2.579z', 'M4 4.125c-0 0.083-0 0.166-0 0.25h3.155c0.025-0.085 0.053-0.168 0.084-0.25h-3.238z', 'M4.002 4.625c0.003 0.083 0.008 0.167 0.016 0.25h3.014c0.016-0.084 0.035-0.168 0.055-0.25h-3.085z', 'M4.048 5.125c0.013 0.084 0.027 0.167 0.045 0.25h2.862c0.010-0.084 0.021-0.167 0.034-0.25h-2.941z']
|
|
31
|
+
},
|
|
28
32
|
mail: {
|
|
29
33
|
viewbox: '0 0 16 16',
|
|
30
34
|
paths: ['M13.333 0h-10.666c-1.467 0-2.667 1.2-2.667 2.667v10.666c0 1.468 1.2 2.667 2.667 2.667h10.666c1.467 0 2.667-1.199 2.667-2.667v-10.666c0-1.467-1.2-2.667-2.667-2.667zM2.854 13.854l-1.207-1.207 4-4 0.457 0.457-3.25 4.75zM2.396 3.104l0.457-0.457 5.146 4.146 5.146-4.146 0.457 0.457-5.604 6.604-5.604-6.604zM13.146 13.854l-3.25-4.75 0.457-0.457 4 4-1.207 1.207z']
|
|
@@ -612,17 +616,5 @@ var _default = exports.default = {
|
|
|
612
616
|
user_block: {
|
|
613
617
|
viewbox: '0 0 16 16',
|
|
614
618
|
paths: ['M7.5 16h-6.977c-0.14 0-0.274-0.059-0.369-0.163s-0.141-0.242-0.129-0.382c0.11-1.22 0.585-2.363 1.373-3.305 0.697-0.832 1.59-1.452 2.602-1.809l0-0.475c-0.562-0.385-1.037-0.926-1.385-1.582-0.402-0.758-0.615-1.634-0.615-2.535 0-1.251 0.405-2.431 1.139-3.323 0.758-0.92 1.774-1.427 2.861-1.427 2.119 0 3.874 1.966 3.993 4.476 0.013 0.276-0.2 0.51-0.476 0.523s-0.51-0.2-0.523-0.476c-0.094-1.976-1.41-3.524-2.995-3.524-1.654 0-3 1.682-3 3.75 0 1.457 0.687 2.795 1.75 3.408 0.155 0.089 0.25 0.254 0.25 0.433l-0 1.116c0 0.224-0.149 0.42-0.364 0.481-0.967 0.274-1.822 0.828-2.471 1.604-0.538 0.643-0.901 1.397-1.064 2.208h6.4c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z', 'M11.5 7c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5zM8 11.5c0-1.93 1.57-3.5 3.5-3.5 0.785 0 1.511 0.26 2.095 0.698l-4.897 4.897c-0.438-0.584-0.698-1.31-0.698-2.095zM11.5 15c-0.785 0-1.511-0.26-2.095-0.698l4.897-4.897c0.438 0.584 0.698 1.31 0.698 2.095 0 1.93-1.57 3.5-3.5 3.5z']
|
|
615
|
-
},
|
|
616
|
-
similarity: {
|
|
617
|
-
viewbox: '0 0 16 16',
|
|
618
|
-
paths: ['M13 4h-3v-1l-3-3h-7v12h6v4h10v-9l-3-3zM13 5.414l1.586 1.586h-1.586v-1.586zM7 1.414l1.586 1.586h-1.586v-1.586zM1 1h5v3h3v7h-8v-10zM15 15h-8v-3h3v-7h2v3h3v7z']
|
|
619
|
-
},
|
|
620
|
-
fileStack: {
|
|
621
|
-
viewbox: '0 0 16 16',
|
|
622
|
-
paths: ['M13.75 4h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-7.5c-0.689 0-1.25 0.561-1.25 1.25v9.5c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h7.5c0.689 0 1.25-0.561 1.25-1.25v-9.5c0-0.689-0.561-1.25-1.25-1.25zM2.25 11c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.137 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.113 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM4.25 13c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM14 14.75c0 0.137-0.113 0.25-0.25 0.25h-7.5c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v9.5z']
|
|
623
|
-
},
|
|
624
|
-
tree: {
|
|
625
|
-
viewbox: '0 0 16 16',
|
|
626
|
-
paths: ['M15.25 12h-0.25v-3.25c0-0.965-0.785-1.75-1.75-1.75h-4.25v-2h0.25c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.413-0.338-0.75-0.75-0.75h-2.5c-0.412 0-0.75 0.337-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h0.25v2h-4.25c-0.965 0-1.75 0.785-1.75 1.75v3.25h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.413 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.337-0.75-0.75-0.75h-0.25v-3h4v3h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.338-0.75-0.75-0.75h-0.25v-3h4v3h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.338-0.75-0.75-0.75zM3 15h-2v-2h2v2zM9 15h-2v-2h2v2zM7 4v-2h2v2h-2zM15 15h-2v-2h2v2z']
|
|
627
619
|
}
|
|
628
620
|
};
|
|
@@ -219,7 +219,8 @@ const InputTextBase = props => {
|
|
|
219
219
|
className: "inputcontent ".concat(customClassForInputContent)
|
|
220
220
|
}, type === 'textarea' ? /*#__PURE__*/_react.default.createElement("textarea", _extends({
|
|
221
221
|
rows: props.rows,
|
|
222
|
-
cols: props.cols
|
|
222
|
+
cols: props.cols,
|
|
223
|
+
tabIndex: applyTabIndex()
|
|
223
224
|
}, inputProps())) : /*#__PURE__*/_react.default.createElement("input", _extends({
|
|
224
225
|
autoComplete: autoComplete,
|
|
225
226
|
tabIndex: applyTabIndex(),
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _imask = _interopRequireDefault(require("imask"));
|
|
9
|
+
var helpers = _interopRequireWildcard(require("./helpers"));
|
|
10
|
+
var _permissionValidations = require("../../permissionValidations");
|
|
11
|
+
var _format_number = require("../number/format_number");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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); }
|
|
16
|
+
const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
|
|
17
|
+
const IMaskHOC = ComposedComponent => {
|
|
18
|
+
const MaskedComponent = props => {
|
|
19
|
+
const {
|
|
20
|
+
permissionAttr,
|
|
21
|
+
skeletonize,
|
|
22
|
+
inputRef,
|
|
23
|
+
placeholderChar = '_',
|
|
24
|
+
lazy = false,
|
|
25
|
+
pattern = '',
|
|
26
|
+
radix = ' ',
|
|
27
|
+
thousandsSeparator = '',
|
|
28
|
+
mapToRadix = [],
|
|
29
|
+
scale = 2,
|
|
30
|
+
signed = false,
|
|
31
|
+
normalizeZeros = true,
|
|
32
|
+
padFractionalZeros = true,
|
|
33
|
+
mask,
|
|
34
|
+
commit = () => {},
|
|
35
|
+
parse,
|
|
36
|
+
format,
|
|
37
|
+
definitions,
|
|
38
|
+
groups,
|
|
39
|
+
min,
|
|
40
|
+
max,
|
|
41
|
+
dispatch,
|
|
42
|
+
value = '',
|
|
43
|
+
onChange,
|
|
44
|
+
isDateField = false,
|
|
45
|
+
autoCompleteMask
|
|
46
|
+
} = props;
|
|
47
|
+
const maskOptions = {
|
|
48
|
+
placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
|
|
49
|
+
lazy,
|
|
50
|
+
pattern,
|
|
51
|
+
radix,
|
|
52
|
+
thousandsSeparator,
|
|
53
|
+
mapToRadix,
|
|
54
|
+
scale,
|
|
55
|
+
signed,
|
|
56
|
+
normalizeZeros,
|
|
57
|
+
padFractionalZeros,
|
|
58
|
+
mask,
|
|
59
|
+
commit,
|
|
60
|
+
parse,
|
|
61
|
+
format,
|
|
62
|
+
definitions,
|
|
63
|
+
groups,
|
|
64
|
+
min,
|
|
65
|
+
max,
|
|
66
|
+
dispatch
|
|
67
|
+
};
|
|
68
|
+
const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
|
|
69
|
+
const elementRef = (0, _react.useRef)(null);
|
|
70
|
+
const maskRef = (0, _react.useRef)(null);
|
|
71
|
+
const {
|
|
72
|
+
hideContent,
|
|
73
|
+
unvisible,
|
|
74
|
+
disabled,
|
|
75
|
+
readOnly
|
|
76
|
+
} = onDenied;
|
|
77
|
+
const dontInitMask = hideContent || unvisible || skeletonize;
|
|
78
|
+
const disableCallbacks = disabled || readOnly;
|
|
79
|
+
const setValue = newValue => {
|
|
80
|
+
if (maskRef.current) {
|
|
81
|
+
if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();
|
|
82
|
+
maskRef.current.value = String(newValue);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
const onAccept = (0, _react.useCallback)(() => {
|
|
86
|
+
if (onChange && !disableCallbacks && maskRef.current) {
|
|
87
|
+
const {
|
|
88
|
+
unmaskedValue,
|
|
89
|
+
el
|
|
90
|
+
} = maskRef.current;
|
|
91
|
+
const name = el.name || el.input && el.input.name;
|
|
92
|
+
onChange({
|
|
93
|
+
target: {
|
|
94
|
+
value: unmaskedValue,
|
|
95
|
+
name
|
|
96
|
+
}
|
|
97
|
+
}, props.unmask ? unmaskedValue : maskRef.current.value);
|
|
98
|
+
}
|
|
99
|
+
}, [onChange]);
|
|
100
|
+
const onComplete = (0, _react.useCallback)(() => {
|
|
101
|
+
if (props.onComplete && !disableCallbacks && maskRef.current) {
|
|
102
|
+
const {
|
|
103
|
+
unmaskedValue,
|
|
104
|
+
el
|
|
105
|
+
} = maskRef.current;
|
|
106
|
+
const name = el.name || el.input && el.input.name;
|
|
107
|
+
props.onComplete({
|
|
108
|
+
target: {
|
|
109
|
+
value: unmaskedValue,
|
|
110
|
+
name
|
|
111
|
+
}
|
|
112
|
+
}, props.unmask ? unmaskedValue : maskRef.current.value);
|
|
113
|
+
}
|
|
114
|
+
}, [props.onComplete]);
|
|
115
|
+
const autoCompleteMaskValue = (0, _react.useCallback)(eventTargetValue => {
|
|
116
|
+
if (autoCompleteMask && eventTargetValue.length && maskRef.current && elementRef.current) {
|
|
117
|
+
const sizeMask = maskRef.current.mask.toString().replace(/\D+/g, '').length;
|
|
118
|
+
if (sizeMask > eventTargetValue.length) {
|
|
119
|
+
switch (autoCompleteMask) {
|
|
120
|
+
case 'left':
|
|
121
|
+
setValue(eventTargetValue.padStart(sizeMask, '0'));
|
|
122
|
+
break;
|
|
123
|
+
case 'right':
|
|
124
|
+
setValue(eventTargetValue.padEnd(sizeMask, '0'));
|
|
125
|
+
break;
|
|
126
|
+
default:
|
|
127
|
+
setValue(eventTargetValue);
|
|
128
|
+
break;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
}, [autoCompleteMask, maskRef.current, elementRef.current]);
|
|
133
|
+
const getMask = () => {
|
|
134
|
+
const element = elementRef.current;
|
|
135
|
+
if (element) {
|
|
136
|
+
const maskCurrent = maskRef.current;
|
|
137
|
+
if (!maskCurrent) {
|
|
138
|
+
maskRef.current = (0, _imask.default)(element, maskOptions);
|
|
139
|
+
if (value && typeof value !== 'number' && value.trim() !== '' || value && typeof value === 'number') onAccept();
|
|
140
|
+
setValue(value);
|
|
141
|
+
} else {
|
|
142
|
+
maskCurrent.updateOptions(maskOptions);
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
const destroyMask = () => {
|
|
147
|
+
if (maskRef.current) {
|
|
148
|
+
maskRef.current.destroy();
|
|
149
|
+
maskRef.current = null;
|
|
150
|
+
}
|
|
151
|
+
};
|
|
152
|
+
(0, _react.useEffect)(() => {
|
|
153
|
+
if (props.handlerSetOnDenied) props.handlerSetOnDenied(onDenied);
|
|
154
|
+
if (!props.mask || dontInitMask) return;
|
|
155
|
+
getMask();
|
|
156
|
+
}, [maskOptions]);
|
|
157
|
+
(0, _react.useEffect)(() => {
|
|
158
|
+
if (!maskRef.current) return;
|
|
159
|
+
const maskCurrent = maskRef.current;
|
|
160
|
+
maskCurrent.on('accept', onAccept);
|
|
161
|
+
maskCurrent.on('complete', onComplete);
|
|
162
|
+
|
|
163
|
+
// eslint-disable-next-line consistent-return
|
|
164
|
+
return () => {
|
|
165
|
+
maskCurrent.off('accept', onAccept);
|
|
166
|
+
maskCurrent.off('complete', onComplete);
|
|
167
|
+
};
|
|
168
|
+
}, [onAccept, onComplete]);
|
|
169
|
+
(0, _react.useEffect)(() => {
|
|
170
|
+
if (maskOptions.mask && !dontInitMask) {
|
|
171
|
+
if (maskRef.current) {
|
|
172
|
+
const formattedValue = isDateField ? value : (0, _format_number.numberToPtBR)(value) || '';
|
|
173
|
+
setValue(formattedValue);
|
|
174
|
+
} else {
|
|
175
|
+
getMask();
|
|
176
|
+
}
|
|
177
|
+
} else if (!dontInitMask) {
|
|
178
|
+
destroyMask();
|
|
179
|
+
if (value && elementRef.current) elementRef.current.value = value;
|
|
180
|
+
}
|
|
181
|
+
}, [value, isDateField]);
|
|
182
|
+
(0, _react.useEffect)(() => destroyMask, []);
|
|
183
|
+
return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
|
|
184
|
+
onDeniedActions: onDenied,
|
|
185
|
+
defaultValue: value,
|
|
186
|
+
onBlur: e => {
|
|
187
|
+
autoCompleteMaskValue(e.target.value);
|
|
188
|
+
if (props.onBlur) props.onBlur(e);
|
|
189
|
+
},
|
|
190
|
+
onChange: e => setValue(e.target.value),
|
|
191
|
+
inputRef: el => {
|
|
192
|
+
elementRef.current = el;
|
|
193
|
+
if (inputRef) {
|
|
194
|
+
if (typeof inputRef === 'object') inputRef.current = el;else inputRef(el);
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}));
|
|
198
|
+
};
|
|
199
|
+
const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
|
|
200
|
+
MaskedComponent.displayName = "IMask(".concat(nestedComponentName, ")");
|
|
201
|
+
return MaskedComponent;
|
|
202
|
+
};
|
|
203
|
+
var _default = exports.default = IMaskHOC;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
9
|
+
var _list = _interopRequireWildcard(require("../../../list"));
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
const body = document.getElementsByTagName('body')[0];
|
|
14
|
+
const PopupMenuHelp = props => {
|
|
15
|
+
const {
|
|
16
|
+
style,
|
|
17
|
+
copyright,
|
|
18
|
+
handlerClose,
|
|
19
|
+
version,
|
|
20
|
+
helpList = [],
|
|
21
|
+
helpRef
|
|
22
|
+
} = props;
|
|
23
|
+
const searchFieldRef = (0, _react.useRef)(null);
|
|
24
|
+
const popupRef = (0, _react.useRef)(document.createElement('div'));
|
|
25
|
+
Object.assign(popupRef.current, {
|
|
26
|
+
className: 'helpmenu',
|
|
27
|
+
style
|
|
28
|
+
});
|
|
29
|
+
const closeOnEsc = e => {
|
|
30
|
+
if (e.key === 'Escape') {
|
|
31
|
+
handlerClose();
|
|
32
|
+
e.stopPropagation();
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
(0, _react.useEffect)(() => {
|
|
36
|
+
body.appendChild(popupRef.current);
|
|
37
|
+
if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
|
|
38
|
+
document.body.addEventListener('keydown', closeOnEsc);
|
|
39
|
+
return () => {
|
|
40
|
+
body.removeChild(popupRef.current);
|
|
41
|
+
document.body.removeEventListener('keydown', closeOnEsc);
|
|
42
|
+
};
|
|
43
|
+
}, []);
|
|
44
|
+
(0, _react.useEffect)(() => {
|
|
45
|
+
Object.assign(popupRef.current, {
|
|
46
|
+
style
|
|
47
|
+
});
|
|
48
|
+
}, [style]);
|
|
49
|
+
const getPopupContent = () => /*#__PURE__*/_react.default.createElement("div", {
|
|
50
|
+
className: "popup-help",
|
|
51
|
+
ref: helpRef
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement(_list.default, {
|
|
53
|
+
condensed: true,
|
|
54
|
+
selectable: true,
|
|
55
|
+
onSelectItem: handlerClose,
|
|
56
|
+
selectOnEnter: true,
|
|
57
|
+
style: {
|
|
58
|
+
border: 'none',
|
|
59
|
+
boxShadow: 'hidden',
|
|
60
|
+
overflow: 'none'
|
|
61
|
+
}
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.ListHeader, {
|
|
63
|
+
customClass: "helpheader",
|
|
64
|
+
title: "Ajuda"
|
|
65
|
+
}), helpList.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
66
|
+
separator: true,
|
|
67
|
+
selectOnEnter: true,
|
|
68
|
+
key: item.id,
|
|
69
|
+
itemId: item.id,
|
|
70
|
+
url: item.url,
|
|
71
|
+
text: item.title
|
|
72
|
+
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
73
|
+
className: "infomartion",
|
|
74
|
+
style: {
|
|
75
|
+
padding: '10px 0px 0px 7px',
|
|
76
|
+
backgroundColor: 'white'
|
|
77
|
+
}
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
79
|
+
className: "help-information"
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement("b", null, "Vers\xE3o:"), version), /*#__PURE__*/_react.default.createElement("p", {
|
|
81
|
+
className: "help-information"
|
|
82
|
+
}, copyright)));
|
|
83
|
+
return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
|
|
84
|
+
};
|
|
85
|
+
var _default = exports.default = PopupMenuHelp;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _buttons = _interopRequireDefault(require("../buttons"));
|
|
9
|
+
var _list = _interopRequireWildcard(require("../list"));
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
const DropdownItems = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
handlerClick,
|
|
16
|
+
handlerRemovePanel,
|
|
17
|
+
dropdownPanels = [],
|
|
18
|
+
tabMenuSize = 'medium'
|
|
19
|
+
} = _ref;
|
|
20
|
+
return dropdownPanels.length > 0 ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
21
|
+
dropdown: true,
|
|
22
|
+
dropdownAlign: "right",
|
|
23
|
+
transparent: true,
|
|
24
|
+
boxShadow: false,
|
|
25
|
+
size: "large",
|
|
26
|
+
customClass: "dropdownbutton"
|
|
27
|
+
}, /*#__PURE__*/_react.default.createElement(_list.default, {
|
|
28
|
+
customClass: "dropdown-hide-tabs"
|
|
29
|
+
}, dropdownPanels.map((panel, index) => {
|
|
30
|
+
const {
|
|
31
|
+
id,
|
|
32
|
+
title,
|
|
33
|
+
closeable,
|
|
34
|
+
iconAlign,
|
|
35
|
+
icon,
|
|
36
|
+
iconName,
|
|
37
|
+
disabled
|
|
38
|
+
} = panel.props;
|
|
39
|
+
return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
40
|
+
key: id
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
42
|
+
className: "menuitem"
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
44
|
+
className: "btn menubutton",
|
|
45
|
+
boxShadow: false,
|
|
46
|
+
onClick: () => handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id),
|
|
47
|
+
iconAlign: iconAlign,
|
|
48
|
+
iconName: iconName,
|
|
49
|
+
icon: icon,
|
|
50
|
+
disabled: disabled,
|
|
51
|
+
label: title,
|
|
52
|
+
size: tabMenuSize,
|
|
53
|
+
transparent: true
|
|
54
|
+
}), closeable && /*#__PURE__*/_react.default.createElement("button", {
|
|
55
|
+
className: "closepanel",
|
|
56
|
+
onClick: () => {
|
|
57
|
+
handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
|
|
58
|
+
}
|
|
59
|
+
})));
|
|
60
|
+
}))) : null;
|
|
61
|
+
};
|
|
62
|
+
var _default = exports.default = DropdownItems;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _buttons = _interopRequireDefault(require("../buttons"));
|
|
9
|
+
var helpers = _interopRequireWildcard(require("./tabHelpers"));
|
|
10
|
+
var _permissionValidations = require("../permissionValidations");
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
const MenuItems = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
handlerClick,
|
|
17
|
+
currentPanels,
|
|
18
|
+
handlerRemovePanel,
|
|
19
|
+
tabWidth = 'auto',
|
|
20
|
+
tabMenuSize = 'medium',
|
|
21
|
+
tabMenuAlign = 'left',
|
|
22
|
+
selectedTabId = '',
|
|
23
|
+
firstTabIdent = false
|
|
24
|
+
} = _ref;
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
26
|
+
className: "menu ".concat(firstTabIdent && '-firsttabident'),
|
|
27
|
+
style: helpers.menuStyles(tabMenuAlign)
|
|
28
|
+
}, currentPanels === null || currentPanels === void 0 ? void 0 : currentPanels.map((panel, index) => {
|
|
29
|
+
const {
|
|
30
|
+
id,
|
|
31
|
+
icon,
|
|
32
|
+
title,
|
|
33
|
+
tooltip,
|
|
34
|
+
disabled,
|
|
35
|
+
iconName,
|
|
36
|
+
closeable,
|
|
37
|
+
iconAlign,
|
|
38
|
+
tooltipWidth,
|
|
39
|
+
permissionAttr,
|
|
40
|
+
tooltipPosition
|
|
41
|
+
} = panel.props;
|
|
42
|
+
const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
|
|
43
|
+
return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
|
|
44
|
+
key: id,
|
|
45
|
+
style: {
|
|
46
|
+
width: tabWidth
|
|
47
|
+
},
|
|
48
|
+
className: "menuitem ".concat(selectedTabId === id && 'selected')
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
50
|
+
className: "btn menubutton",
|
|
51
|
+
boxShadow: false,
|
|
52
|
+
onClick: () => handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id),
|
|
53
|
+
iconAlign: iconAlign,
|
|
54
|
+
iconName: iconName,
|
|
55
|
+
icon: icon,
|
|
56
|
+
disabled: disabled || !!onDenied.disabled,
|
|
57
|
+
label: title,
|
|
58
|
+
size: tabMenuSize,
|
|
59
|
+
tooltip: tooltip || title,
|
|
60
|
+
tooltipPosition: tooltipPosition,
|
|
61
|
+
tooltipWidth: tooltipWidth
|
|
62
|
+
}), closeable && currentPanels.length > 1 && /*#__PURE__*/_react.default.createElement("button", {
|
|
63
|
+
className: "closepanel",
|
|
64
|
+
onClick: () => {
|
|
65
|
+
handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index);
|
|
66
|
+
}
|
|
67
|
+
}));
|
|
68
|
+
}));
|
|
69
|
+
};
|
|
70
|
+
var _default = exports.default = MenuItems;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const Header = props => {
|
|
11
|
+
const {
|
|
12
|
+
title,
|
|
13
|
+
customClass
|
|
14
|
+
} = props;
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
16
|
+
className: "treeviewheader ".concat(customClass)
|
|
17
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
18
|
+
className: "title"
|
|
19
|
+
}, title));
|
|
20
|
+
};
|
|
21
|
+
Header.defaultProps = {
|
|
22
|
+
title: '',
|
|
23
|
+
customClass: ''
|
|
24
|
+
};
|
|
25
|
+
Header.propTypes = {
|
|
26
|
+
title: _propTypes.default.string,
|
|
27
|
+
customClass: _propTypes.default.string
|
|
28
|
+
};
|
|
29
|
+
var _default = exports.default = Header;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
10
|
+
var _icons = _interopRequireDefault(require("../icons"));
|
|
11
|
+
require("../assets/styles/treeview.scss");
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
17
|
+
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); }
|
|
18
|
+
class TreeNode extends _react.Component {
|
|
19
|
+
constructor(props) {
|
|
20
|
+
super(props);
|
|
21
|
+
_defineProperty(this, "openCloseTree", () => {
|
|
22
|
+
this.setState({
|
|
23
|
+
isVisible: !this.state.isVisible
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
this.state = {
|
|
27
|
+
isVisible: false
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
render() {
|
|
31
|
+
const {
|
|
32
|
+
node,
|
|
33
|
+
showCheckBox
|
|
34
|
+
} = this.props;
|
|
35
|
+
let span = '';
|
|
36
|
+
if (node.itens.length > 0) {
|
|
37
|
+
span = /*#__PURE__*/_react.default.createElement("span", {
|
|
38
|
+
onKeyPress: null,
|
|
39
|
+
tabIndex: 0,
|
|
40
|
+
role: "button",
|
|
41
|
+
className: "opencloseicon",
|
|
42
|
+
onClick: this.openCloseTree
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
44
|
+
name: this.state.isVisible ? 'up' : 'down',
|
|
45
|
+
size: 10
|
|
46
|
+
}));
|
|
47
|
+
}
|
|
48
|
+
return /*#__PURE__*/_react.default.createElement("li", {
|
|
49
|
+
className: "treeviewitem"
|
|
50
|
+
}, span, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
51
|
+
id: node.id,
|
|
52
|
+
label: node.titulo
|
|
53
|
+
}) : node.titulo, /*#__PURE__*/_react.default.createElement("ul", {
|
|
54
|
+
className: "nodelist"
|
|
55
|
+
}, this.state.isVisible && this.props.children));
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
TreeNode.defaultProps = {
|
|
59
|
+
showCheckBox: false,
|
|
60
|
+
data: []
|
|
61
|
+
};
|
|
62
|
+
TreeNode.propTypes = {
|
|
63
|
+
showCheckBox: _propTypes.default.bool,
|
|
64
|
+
data: _propTypes.default.arrayOf(_propTypes.default.element),
|
|
65
|
+
node: _propTypes.default.object.isRequired,
|
|
66
|
+
children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired
|
|
67
|
+
};
|
|
68
|
+
var _default = exports.default = TreeNode;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "TreeNode", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Node.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "TreeViewHeader", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Header.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
exports.default = void 0;
|
|
19
|
+
var _react = _interopRequireDefault(require("react"));
|
|
20
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
+
var _Node = _interopRequireDefault(require("./Node"));
|
|
22
|
+
var _Header = _interopRequireDefault(require("./Header"));
|
|
23
|
+
require("../assets/styles/treeview.scss");
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
+
const TreeView = props => {
|
|
26
|
+
const {
|
|
27
|
+
customClass,
|
|
28
|
+
defaultBorder
|
|
29
|
+
} = props;
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
|
|
31
|
+
className: "treeview-component ".concat(customClass, " ").concat(defaultBorder && '-defaultborder')
|
|
32
|
+
}, props.children));
|
|
33
|
+
};
|
|
34
|
+
TreeView.defaultProps = {
|
|
35
|
+
customClass: '',
|
|
36
|
+
defaultBorder: true
|
|
37
|
+
};
|
|
38
|
+
TreeView.propTypes = {
|
|
39
|
+
children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
|
|
40
|
+
customClass: _propTypes.default.string,
|
|
41
|
+
defaultBorder: _propTypes.default.bool
|
|
42
|
+
};
|
|
43
|
+
var _default = exports.default = TreeView;
|