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/split/Split.js
CHANGED
|
@@ -1,61 +1,47 @@
|
|
|
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 _helpers = _interopRequireDefault(require("./helpers"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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; }
|
|
13
12
|
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; }
|
|
14
13
|
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; }
|
|
15
14
|
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" ==
|
|
17
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
resizing: false,
|
|
47
|
-
visibleSplitSide: true,
|
|
48
|
-
isHidePane: true
|
|
49
|
-
}),
|
|
50
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
51
|
-
state = _useState2[0],
|
|
52
|
-
setState = _useState2[1];
|
|
53
|
-
var container = (0, _react.useRef)();
|
|
54
|
-
var splitter = (0, _react.useRef)();
|
|
55
|
-
var getSecondaryPaneSize = function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
|
|
56
|
-
var totalSize = vertical ? containerRect.height : containerRect.width;
|
|
57
|
-
var splitterSize = vertical ? splitterRect.height : splitterRect.width;
|
|
58
|
-
var offset = vertical ? clientPosition.top - containerRect.top : clientPosition.left - containerRect.left;
|
|
15
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
16
|
+
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); }
|
|
17
|
+
const Split = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
hotKey,
|
|
20
|
+
secondaryInitialSize = 0,
|
|
21
|
+
onSecondaryPaneSizeChange,
|
|
22
|
+
vertical,
|
|
23
|
+
primaryIndex = 0,
|
|
24
|
+
percentage,
|
|
25
|
+
primaryMinSize = 0,
|
|
26
|
+
secondaryMinSize = 0,
|
|
27
|
+
customClass,
|
|
28
|
+
children = [],
|
|
29
|
+
hideSplitSideOnToggleClick = 'primary',
|
|
30
|
+
style,
|
|
31
|
+
nodeParameter
|
|
32
|
+
} = _ref;
|
|
33
|
+
const [state, setState] = (0, _react.useState)({
|
|
34
|
+
secondaryPaneSize: 0,
|
|
35
|
+
resizing: false,
|
|
36
|
+
visibleSplitSide: true,
|
|
37
|
+
isHidePane: true
|
|
38
|
+
});
|
|
39
|
+
const container = (0, _react.useRef)();
|
|
40
|
+
const splitter = (0, _react.useRef)();
|
|
41
|
+
const getSecondaryPaneSize = (containerRect, splitterRect, clientPosition, offsetMouse) => {
|
|
42
|
+
let totalSize = vertical ? containerRect.height : containerRect.width;
|
|
43
|
+
let splitterSize = vertical ? splitterRect.height : splitterRect.width;
|
|
44
|
+
let offset = vertical ? clientPosition.top - containerRect.top : clientPosition.left - containerRect.left;
|
|
59
45
|
if (offsetMouse) {
|
|
60
46
|
offset -= splitterSize / 2;
|
|
61
47
|
}
|
|
@@ -64,9 +50,9 @@ var Split = function Split(_ref) {
|
|
|
64
50
|
} else if (offset > totalSize - splitterSize) {
|
|
65
51
|
offset = totalSize - splitterSize;
|
|
66
52
|
}
|
|
67
|
-
|
|
53
|
+
let secondaryPaneSize;
|
|
68
54
|
secondaryPaneSize = primaryIndex === 1 ? offset : totalSize - splitterSize - offset;
|
|
69
|
-
|
|
55
|
+
let primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
|
|
70
56
|
if (percentage) {
|
|
71
57
|
secondaryPaneSize = secondaryPaneSize * 100 / totalSize;
|
|
72
58
|
primaryPaneSize = primaryPaneSize * 100 / totalSize;
|
|
@@ -80,14 +66,14 @@ var Split = function Split(_ref) {
|
|
|
80
66
|
}
|
|
81
67
|
return secondaryPaneSize;
|
|
82
68
|
};
|
|
83
|
-
|
|
84
|
-
|
|
69
|
+
const clearSelection = () => {
|
|
70
|
+
const docuemntSelection = Selection;
|
|
85
71
|
if (document.createRange() && nodeParameter) {
|
|
86
|
-
|
|
72
|
+
const range = document.createRange();
|
|
87
73
|
range.collapse();
|
|
88
74
|
range.selectNode(nodeParameter);
|
|
89
75
|
} else if (window.getSelection) {
|
|
90
|
-
|
|
76
|
+
const selection = window.getSelection();
|
|
91
77
|
if (selection && selection.empty) {
|
|
92
78
|
selection.empty();
|
|
93
79
|
} else if (selection && selection.removeAllRanges) {
|
|
@@ -97,50 +83,52 @@ var Split = function Split(_ref) {
|
|
|
97
83
|
docuemntSelection.empty();
|
|
98
84
|
}
|
|
99
85
|
};
|
|
100
|
-
|
|
86
|
+
const handleResize = () => {
|
|
101
87
|
if (container.current && splitter.current && !percentage) {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
88
|
+
const containerRect = container.current.getBoundingClientRect();
|
|
89
|
+
const splitterRect = splitter.current.getBoundingClientRect();
|
|
90
|
+
const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
|
|
105
91
|
left: splitterRect.left,
|
|
106
92
|
top: splitterRect.top
|
|
107
93
|
}, false);
|
|
108
94
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
109
|
-
secondaryPaneSize
|
|
95
|
+
secondaryPaneSize
|
|
110
96
|
}));
|
|
111
97
|
}
|
|
112
98
|
};
|
|
113
|
-
|
|
99
|
+
const handleMouseMove = e => {
|
|
114
100
|
if (container.current && splitter.current && state.resizing) {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
101
|
+
const containerRect = container.current.getBoundingClientRect();
|
|
102
|
+
const splitterRect = splitter.current.getBoundingClientRect();
|
|
103
|
+
const secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
|
|
118
104
|
left: e.clientX,
|
|
119
105
|
top: e.clientY
|
|
120
106
|
}, true);
|
|
121
107
|
clearSelection();
|
|
122
108
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
123
|
-
secondaryPaneSize
|
|
109
|
+
secondaryPaneSize
|
|
124
110
|
}));
|
|
125
111
|
}
|
|
126
112
|
};
|
|
127
|
-
|
|
113
|
+
const handleSplitterMouseDown = () => {
|
|
128
114
|
clearSelection();
|
|
129
115
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
130
116
|
resizing: true
|
|
131
117
|
}));
|
|
132
118
|
};
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
119
|
+
const expandAndCollapseSide = event => {
|
|
120
|
+
const keyCode = event.keyCode || event.which;
|
|
121
|
+
const secondaryPaneValue = secondaryInitialSize;
|
|
122
|
+
const arrow = {
|
|
137
123
|
left: 37,
|
|
138
124
|
up: 38,
|
|
139
125
|
right: 39,
|
|
140
126
|
down: 40
|
|
141
127
|
};
|
|
142
|
-
|
|
143
|
-
|
|
128
|
+
const {
|
|
129
|
+
isHidePane,
|
|
130
|
+
visibleSplitSide
|
|
131
|
+
} = state;
|
|
144
132
|
if (event.ctrlKey) {
|
|
145
133
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
146
134
|
visibleSplitSide: false
|
|
@@ -211,15 +199,15 @@ var Split = function Split(_ref) {
|
|
|
211
199
|
}
|
|
212
200
|
}
|
|
213
201
|
};
|
|
214
|
-
(0, _react.useEffect)(
|
|
215
|
-
|
|
202
|
+
(0, _react.useEffect)(() => {
|
|
203
|
+
let secondaryPaneSize;
|
|
216
204
|
window.addEventListener('resize', handleResize);
|
|
217
205
|
if (hotKey) document.addEventListener('keyup', expandAndCollapseSide);
|
|
218
206
|
if (secondaryInitialSize) {
|
|
219
207
|
secondaryPaneSize = secondaryInitialSize;
|
|
220
208
|
} else if (container.current && splitter.current) {
|
|
221
|
-
|
|
222
|
-
|
|
209
|
+
const containerRect = container.current.getBoundingClientRect();
|
|
210
|
+
const splitterRect = splitter.current.getBoundingClientRect();
|
|
223
211
|
secondaryPaneSize = getSecondaryPaneSize(containerRect, splitterRect, {
|
|
224
212
|
left: containerRect.left + (containerRect.width - splitterRect.width) / 2,
|
|
225
213
|
top: containerRect.top + (containerRect.height - splitterRect.height) / 2
|
|
@@ -228,35 +216,35 @@ var Split = function Split(_ref) {
|
|
|
228
216
|
secondaryPaneSize = secondaryPaneSize;
|
|
229
217
|
// TODO: Ao revisar este componente, encontrar solução melhor
|
|
230
218
|
setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
231
|
-
secondaryPaneSize
|
|
219
|
+
secondaryPaneSize
|
|
232
220
|
}));
|
|
233
|
-
return
|
|
221
|
+
return () => {
|
|
234
222
|
window.removeEventListener('resize', handleResize);
|
|
235
223
|
if (hotKey) document.removeEventListener('keyup', expandAndCollapseSide);
|
|
236
224
|
};
|
|
237
225
|
}, []);
|
|
238
|
-
(0, _react.useEffect)(
|
|
226
|
+
(0, _react.useEffect)(() => {
|
|
239
227
|
if (onSecondaryPaneSizeChange) onSecondaryPaneSizeChange(state.secondaryPaneSize);
|
|
240
228
|
}, [state.secondaryPaneSize]);
|
|
241
|
-
(0, _react.useEffect)(
|
|
229
|
+
(0, _react.useEffect)(() => {
|
|
242
230
|
if (state.resizing) {
|
|
243
231
|
document.addEventListener('mousemove', handleMouseMove);
|
|
244
232
|
}
|
|
245
|
-
return
|
|
233
|
+
return () => {
|
|
246
234
|
document.removeEventListener('mousemove', handleMouseMove);
|
|
247
235
|
};
|
|
248
236
|
}, [state.resizing]);
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
237
|
+
const getChildContext = () => ({
|
|
238
|
+
size: state.secondaryPaneSize,
|
|
239
|
+
percentage,
|
|
240
|
+
vertical,
|
|
241
|
+
primary: children[1] && false
|
|
242
|
+
});
|
|
243
|
+
const {
|
|
244
|
+
resizing,
|
|
245
|
+
visibleSplitSide
|
|
246
|
+
} = state;
|
|
247
|
+
let containerClasses = 'split-component';
|
|
260
248
|
if (customClass) {
|
|
261
249
|
containerClasses += " ".concat(customClass);
|
|
262
250
|
}
|
|
@@ -266,43 +254,39 @@ var Split = function Split(_ref) {
|
|
|
266
254
|
if (resizing) {
|
|
267
255
|
containerClasses += ' layout-changing';
|
|
268
256
|
}
|
|
269
|
-
return /*#__PURE__*/_react
|
|
257
|
+
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
270
258
|
value: getChildContext()
|
|
271
|
-
}, /*#__PURE__*/_react
|
|
259
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
272
260
|
className: containerClasses,
|
|
273
261
|
style: style,
|
|
274
|
-
ref:
|
|
262
|
+
ref: r => {
|
|
275
263
|
container.current = r;
|
|
276
264
|
}
|
|
277
|
-
}, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react
|
|
265
|
+
}, hideSplitSideOnToggleClick === 'primary' ? visibleSplitSide && children[0] : children[0], /*#__PURE__*/_react.default.createElement("div", {
|
|
278
266
|
role: "button",
|
|
279
267
|
onKeyPress: undefined,
|
|
280
268
|
tabIndex: -1,
|
|
281
269
|
className: "layout-splitter",
|
|
282
|
-
ref:
|
|
270
|
+
ref: r => {
|
|
283
271
|
splitter.current = r;
|
|
284
272
|
},
|
|
285
|
-
onMouseUp:
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
},
|
|
290
|
-
onMouseDown: function onMouseDown() {
|
|
273
|
+
onMouseUp: () => setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
274
|
+
resizing: false
|
|
275
|
+
})),
|
|
276
|
+
onMouseDown: () => {
|
|
291
277
|
handleSplitterMouseDown();
|
|
292
278
|
}
|
|
293
|
-
}, /*#__PURE__*/_react
|
|
279
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
294
280
|
role: "button",
|
|
295
281
|
tabIndex: -1,
|
|
296
|
-
onDoubleClick:
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
}));
|
|
304
|
-
},
|
|
282
|
+
onDoubleClick: () => state.secondaryPaneSize === 100 ? setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
283
|
+
secondaryPaneSize: 50,
|
|
284
|
+
resizing: false
|
|
285
|
+
})) : setState(_objectSpread(_objectSpread({}, state), {}, {
|
|
286
|
+
secondaryPaneSize: 100,
|
|
287
|
+
resizing: false
|
|
288
|
+
})),
|
|
305
289
|
className: vertical ? 'toggler-vertical' : 'toggler-horizontal'
|
|
306
290
|
})), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
|
|
307
291
|
};
|
|
308
|
-
var _default = exports
|
|
292
|
+
var _default = exports.default = Split;
|
package/lib/split/SplitSide.js
CHANGED
|
@@ -1,28 +1,30 @@
|
|
|
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 _helpers = _interopRequireDefault(require("./helpers"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
+
const SplitSide = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
primary,
|
|
15
|
+
children,
|
|
16
|
+
customClass,
|
|
17
|
+
style
|
|
18
|
+
} = _ref;
|
|
19
|
+
const {
|
|
20
|
+
size,
|
|
21
|
+
percentage,
|
|
22
|
+
vertical
|
|
23
|
+
} = (0, _react.useContext)(_helpers.default);
|
|
24
|
+
const sizeSplitSide = size || 0;
|
|
25
|
+
const unit = percentage ? '%' : 'px';
|
|
26
|
+
let classes = 'layout-pane';
|
|
27
|
+
const splitSideStyle = {};
|
|
26
28
|
if (!primary) {
|
|
27
29
|
if (vertical) {
|
|
28
30
|
splitSideStyle.height = "".concat(sizeSplitSide).concat(unit);
|
|
@@ -32,9 +34,9 @@ var SplitSide = function SplitSide(_ref) {
|
|
|
32
34
|
} else {
|
|
33
35
|
classes += ' layout-pane-primary';
|
|
34
36
|
}
|
|
35
|
-
return /*#__PURE__*/_react
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
38
|
className: "".concat(classes, " ").concat(customClass),
|
|
37
39
|
style: Object.assign({}, splitSideStyle, style)
|
|
38
40
|
}, children);
|
|
39
41
|
};
|
|
40
|
-
var _default = exports
|
|
42
|
+
var _default = exports.default = SplitSide;
|
package/lib/split/helpers.js
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
-
|
|
10
|
-
var _default = exports
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const SplitContext = /*#__PURE__*/_react.default.createContext({});
|
|
10
|
+
var _default = exports.default = SplitContext;
|
package/lib/split/index.js
CHANGED
|
@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "SplitSide", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
9
|
-
return _SplitSide
|
|
8
|
+
get: function () {
|
|
9
|
+
return _SplitSide.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
exports
|
|
12
|
+
exports.default = void 0;
|
|
13
13
|
require("../assets/styles/split.scss");
|
|
14
14
|
var _Split = _interopRequireDefault(require("./Split"));
|
|
15
15
|
var _SplitSide = _interopRequireDefault(require("./SplitSide"));
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
17
|
-
var _default = exports
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
var _default = exports.default = _Split.default;
|
package/lib/table/Body.js
CHANGED
|
@@ -1,73 +1,71 @@
|
|
|
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 _helpers = _interopRequireWildcard(require("./helpers"));
|
|
10
9
|
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
11
10
|
var _index = require("./index");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
skeletonInRows =
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
14
|
+
const renderChildren = (children, _ref) => {
|
|
15
|
+
let {
|
|
16
|
+
columnsCount,
|
|
17
|
+
vertical,
|
|
18
|
+
skeletonize,
|
|
19
|
+
skeletonInRows = 10,
|
|
20
|
+
skeletonHeight = 16,
|
|
21
|
+
columnsWidth
|
|
22
|
+
} = _ref;
|
|
24
23
|
if (skeletonize && !vertical && columnsCount && skeletonInRows) {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
height: skeletonHeight
|
|
39
|
-
}));
|
|
40
|
-
}));
|
|
41
|
-
});
|
|
24
|
+
const rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
|
|
25
|
+
const columns = (0, _helpers.getArrayFromNumber)(columnsCount);
|
|
26
|
+
const skeletonChildrens = rows.map(index => /*#__PURE__*/_react.default.createElement(_index.TRow, {
|
|
27
|
+
customClass: "row-skeleton",
|
|
28
|
+
key: index
|
|
29
|
+
}, columns.map(id => /*#__PURE__*/_react.default.createElement(_index.Td, {
|
|
30
|
+
style: {
|
|
31
|
+
width: columnsWidth === null || columnsWidth === void 0 ? void 0 : columnsWidth[id - 1]
|
|
32
|
+
},
|
|
33
|
+
key: id
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
|
|
35
|
+
height: skeletonHeight
|
|
36
|
+
})))));
|
|
42
37
|
return skeletonChildrens;
|
|
43
38
|
}
|
|
44
39
|
return children;
|
|
45
40
|
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
41
|
+
const TableBody = _ref2 => {
|
|
42
|
+
let {
|
|
43
|
+
children,
|
|
44
|
+
customClass
|
|
45
|
+
} = _ref2;
|
|
46
|
+
const context = (0, _react.useContext)(_helpers.default);
|
|
47
|
+
const {
|
|
48
|
+
bodyScrollable,
|
|
49
|
+
bodyContainerRef,
|
|
50
|
+
skeletonize,
|
|
51
|
+
skeletonInRows = 10,
|
|
52
|
+
strict,
|
|
53
|
+
vertical,
|
|
54
|
+
columnsCount
|
|
55
|
+
} = context;
|
|
56
|
+
const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);
|
|
57
|
+
return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
|
|
60
58
|
className: "bodycontainer",
|
|
61
59
|
ref: bodyContainerRef
|
|
62
|
-
}, /*#__PURE__*/_react
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement("table", {
|
|
63
61
|
className: "innertable",
|
|
64
62
|
style: {
|
|
65
63
|
contain: strict ? 'strict' : 'size layout style'
|
|
66
64
|
}
|
|
67
|
-
}, /*#__PURE__*/_react
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement("tbody", {
|
|
68
66
|
className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
|
|
69
|
-
}, renderChildren(children, context)))) : /*#__PURE__*/_react
|
|
67
|
+
}, renderChildren(children, context)))) : /*#__PURE__*/_react.default.createElement("tbody", {
|
|
70
68
|
className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
|
|
71
69
|
}, renderChildren(children, context));
|
|
72
70
|
};
|
|
73
|
-
var _default = exports
|
|
71
|
+
var _default = exports.default = TableBody;
|