linear-react-components-ui 1.0.2 → 1.0.3-beta.2
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/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +2 -2
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +21 -5
- package/lib/alerts/AlertProvider.js +45 -15
- package/lib/alerts/BaseAlert.js +20 -4
- package/lib/alerts/Message.js +32 -21
- package/lib/alerts/helpers.js +2 -0
- package/lib/alerts/index.d.ts +1 -4
- package/lib/alerts/index.js +4 -0
- package/lib/alerts/types.d.ts +4 -4
- package/lib/alerts/withAlert.js +12 -1
- package/lib/avatar/index.js +35 -20
- package/lib/badge/index.js +14 -9
- package/lib/buttons/ActivateButton.js +6 -0
- package/lib/buttons/AddButton.js +7 -0
- package/lib/buttons/Button.js +15 -2
- package/lib/buttons/ButtonGroups.js +4 -0
- package/lib/buttons/CancelButton.js +11 -1
- package/lib/buttons/DangerButton.js +11 -1
- package/lib/buttons/DefaultButton.js +81 -45
- package/lib/buttons/DestroyButton.js +12 -1
- package/lib/buttons/EditButton.js +6 -0
- package/lib/buttons/InactivateButton.js +6 -0
- package/lib/buttons/InfoButton.js +11 -1
- package/lib/buttons/PrimaryButton.js +11 -1
- package/lib/buttons/RestoreButton.js +6 -0
- package/lib/buttons/SaveButton.js +11 -1
- package/lib/buttons/SuccessButton.js +11 -1
- package/lib/buttons/WarningButton.js +11 -1
- package/lib/buttons/button_container/index.js +11 -5
- package/lib/buttons/index.d.ts +1 -4
- package/lib/buttons/index.js +18 -0
- package/lib/buttons/split_button/index.js +17 -11
- package/lib/calendar/DangerCalendar.js +11 -1
- package/lib/calendar/InfoCalendar.js +11 -1
- package/lib/calendar/PrimaryCalendar.js +11 -1
- package/lib/calendar/SuccessCalendar.js +11 -1
- package/lib/calendar/WarningCalendar.js +11 -1
- package/lib/calendar/base/Day.js +13 -2
- package/lib/calendar/base/Month.js +18 -1
- package/lib/calendar/base/Week.js +18 -2
- package/lib/calendar/base/helpers.js +24 -8
- package/lib/calendar/base/index.js +37 -13
- package/lib/calendar/index.d.ts +1 -4
- package/lib/calendar/index.js +8 -0
- package/lib/checkbox/Label.js +7 -1
- package/lib/checkbox/index.js +53 -28
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/Alert.js +8 -0
- package/lib/dialog/Custom.js +17 -5
- package/lib/dialog/Error.js +8 -0
- package/lib/dialog/Information.js +8 -0
- package/lib/dialog/Question.js +15 -4
- package/lib/dialog/Warning.js +8 -0
- package/lib/dialog/base/Content.js +6 -1
- package/lib/dialog/base/Footer.js +4 -0
- package/lib/dialog/base/Header.js +13 -5
- package/lib/dialog/base/index.js +28 -7
- package/lib/dialog/base/style.js +2 -0
- package/lib/dialog/form/index.js +29 -9
- package/lib/dialog/index.d.ts +1 -4
- package/lib/dialog/index.js +9 -0
- package/lib/drawer/Content.js +13 -2
- package/lib/drawer/Drawer.js +58 -22
- package/lib/drawer/Header.js +27 -10
- package/lib/drawer/helpers.js +4 -0
- package/lib/drawer/index.js +8 -0
- package/lib/dropdown/Popup.js +32 -19
- package/lib/dropdown/helper.js +4 -0
- package/lib/dropdown/withDropdown.js +47 -18
- package/lib/fieldset/index.js +46 -21
- package/lib/form/Field.js +42 -16
- package/lib/form/FieldArray.js +32 -15
- package/lib/form/FieldNumber.js +20 -6
- package/lib/form/FieldPeriod.js +21 -9
- package/lib/form/helpers.js +30 -5
- package/lib/form/index.js +91 -36
- package/lib/form/types.d.ts +6 -6
- package/lib/form/withFieldHOC.js +34 -15
- package/lib/form/withFormSecurity.js +28 -5
- package/lib/gridlayout/GridCol.js +11 -5
- package/lib/gridlayout/GridRow.js +9 -3
- package/lib/gridlayout/index.d.ts +1 -4
- package/lib/gridlayout/index.js +4 -0
- package/lib/icons/index.js +26 -16
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +10 -0
- package/lib/inputs/base/InputTextBase.js +73 -49
- package/lib/inputs/base/helpers.js +19 -6
- package/lib/inputs/color/index.js +38 -11
- package/lib/inputs/date/Dialog.js +7 -2
- package/lib/inputs/date/Dropdown.js +8 -1
- package/lib/inputs/date/helpers.js +11 -2
- package/lib/inputs/date/index.js +101 -48
- package/lib/inputs/file/DefaultFile.js +42 -13
- package/lib/inputs/file/DragDropFile.js +90 -37
- package/lib/inputs/file/File.js +25 -4
- package/lib/inputs/file/FileButtonSettings.js +11 -5
- package/lib/inputs/file/helpers.js +5 -0
- package/lib/inputs/file/index.d.ts +1 -4
- package/lib/inputs/file/index.js +6 -0
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.js +34 -10
- package/lib/inputs/mask/BaseMask.js +17 -1
- package/lib/inputs/mask/Cnpj.js +37 -12
- package/lib/inputs/mask/Cpf.js +33 -10
- package/lib/inputs/mask/Phone.js +6 -0
- package/lib/inputs/mask/ZipCode.js +6 -0
- package/lib/inputs/mask/helpers.js +20 -8
- package/lib/inputs/mask/imaskHOC.js +83 -52
- package/lib/inputs/mask/index.d.ts +1 -4
- package/lib/inputs/mask/index.js +7 -0
- package/lib/inputs/multiSelect/ActionButtons.js +13 -4
- package/lib/inputs/multiSelect/Dropdown.js +46 -23
- package/lib/inputs/multiSelect/helper.d.ts +1 -1
- package/lib/inputs/multiSelect/helper.js +5 -3
- package/lib/inputs/multiSelect/index.js +105 -41
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.js +16 -3
- package/lib/inputs/number/Currency.js +7 -1
- package/lib/inputs/number/Decimal.js +5 -0
- package/lib/inputs/number/format_number.js +7 -0
- package/lib/inputs/number/index.js +13 -3
- package/lib/inputs/period/Dialog.js +7 -2
- package/lib/inputs/period/Dropdown.js +7 -0
- package/lib/inputs/period/PeriodList.js +7 -1
- package/lib/inputs/period/helper.js +12 -2
- package/lib/inputs/period/index.js +114 -43
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +63 -18
- package/lib/inputs/select/ActionButtons.js +12 -4
- package/lib/inputs/select/Dropdown.js +49 -29
- package/lib/inputs/select/helper.d.ts +1 -1
- package/lib/inputs/select/helper.js +27 -11
- package/lib/inputs/select/index.js +22 -7
- package/lib/inputs/select/multiple/Selecteds.js +8 -4
- package/lib/inputs/select/multiple/index.js +100 -39
- package/lib/inputs/select/simple/index.js +123 -59
- package/lib/inputs/select/types.d.ts +4 -4
- package/lib/inputs/text/index.js +5 -1
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +10 -4
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/withTooltip.js +70 -25
- package/lib/labelMessages/index.js +45 -25
- package/lib/labels/DangerLabel.js +11 -1
- package/lib/labels/DefaultLabel.js +41 -19
- package/lib/labels/InfoLabel.js +11 -1
- package/lib/labels/PrimaryLabel.js +11 -1
- package/lib/labels/SuccessLabel.js +11 -1
- package/lib/labels/WarningLabel.js +11 -1
- package/lib/labels/index.d.ts +1 -4
- package/lib/labels/index.js +10 -0
- package/lib/labels/label_container/index.js +7 -3
- package/lib/list/Header.js +7 -3
- package/lib/list/Item.js +68 -33
- package/lib/list/Separator.js +4 -0
- package/lib/list/helpers.js +4 -0
- package/lib/list/index.js +60 -25
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +26 -9
- package/lib/menus/float/SubMenuContainer.js +17 -5
- package/lib/menus/float/helpers.js +4 -0
- package/lib/menus/float/index.js +21 -8
- package/lib/menus/index.d.ts +1 -4
- package/lib/menus/index.js +3 -0
- package/lib/menus/sidenav/ExpandMenu.js +7 -2
- package/lib/menus/sidenav/MenuLink.js +12 -3
- package/lib/menus/sidenav/NavMenuGroup.js +12 -3
- package/lib/menus/sidenav/NavMenuItem.js +56 -27
- package/lib/menus/sidenav/NavSubMenuItem.js +27 -8
- package/lib/menus/sidenav/helpers.js +9 -0
- package/lib/menus/sidenav/index.js +75 -26
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +45 -15
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +6 -0
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +22 -7
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +7 -0
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +44 -20
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +27 -12
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +7 -0
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +7 -0
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +7 -0
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +5 -0
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +7 -0
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +10 -2
- package/lib/panel/index.d.ts +2 -5
- package/lib/panel/index.js +11 -0
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +15 -3
- package/lib/popover/PopoverText.js +4 -0
- package/lib/popover/PopoverTitle.js +4 -0
- package/lib/popover/index.js +23 -12
- package/lib/progress/Bar.js +33 -20
- package/lib/progress/index.js +14 -5
- package/lib/radio/index.js +46 -23
- package/lib/skeleton/SkeletonContainer.js +9 -3
- package/lib/skeleton/index.js +22 -10
- package/lib/spinner/SpinnerLoading.js +7 -3
- package/lib/spinner/index.js +40 -18
- package/lib/split/Split.js +83 -32
- package/lib/split/SplitSide.js +18 -6
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -0
- package/lib/split/index.d.ts +1 -4
- package/lib/split/index.js +5 -0
- package/lib/table/Body.js +29 -15
- package/lib/table/Header.js +28 -5
- package/lib/table/HeaderColumn.js +21 -10
- package/lib/table/Row.js +28 -18
- package/lib/table/RowColumn.js +29 -12
- package/lib/table/helpers.js +7 -0
- package/lib/table/index.js +62 -32
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +21 -12
- package/lib/tabs/Menu.js +15 -5
- package/lib/tabs/MenuItems.js +33 -23
- package/lib/tabs/Panel.js +39 -14
- package/lib/tabs/index.js +113 -46
- package/lib/tabs/tabHelpers.js +16 -3
- package/lib/toolbar/ButtonBar.js +29 -13
- package/lib/toolbar/LabelBar.js +28 -11
- package/lib/toolbar/Separator.js +4 -0
- package/lib/toolbar/ToolBarGroup.js +6 -2
- package/lib/toolbar/helpers.js +2 -0
- package/lib/toolbar/index.js +23 -7
- package/lib/tooltip/index.js +25 -10
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +27 -9
- package/lib/treetable/Header.js +11 -1
- package/lib/treetable/Row.js +113 -58
- package/lib/treetable/helpers.js +10 -0
- package/lib/treetable/index.js +11 -0
- package/lib/treeview/Header.js +6 -2
- package/lib/treeview/Node.js +111 -47
- package/lib/treeview/constants.js +4 -0
- package/lib/treeview/index.js +134 -54
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +6 -1
- package/lib/treeview_old/Node.js +32 -5
- package/lib/treeview_old/index.js +9 -1
- package/lib/{types-90c43ae1.d.ts → types-3c6f1c20.d.ts} +1 -1
- package/lib/uitour/index.js +73 -33
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +1 -1
package/lib/split/Split.js
CHANGED
|
@@ -1,89 +1,115 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
+
|
|
12
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
+
|
|
13
20
|
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); }
|
|
21
|
+
|
|
14
22
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
|
+
|
|
15
24
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
+
|
|
16
26
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
|
-
|
|
18
|
-
function
|
|
27
|
+
|
|
28
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
29
|
+
|
|
30
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
31
|
+
|
|
19
32
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
33
|
+
|
|
20
34
|
var Split = function Split(_ref) {
|
|
21
35
|
var hotKey = _ref.hotKey,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
_ref$secondaryInitial = _ref.secondaryInitialSize,
|
|
37
|
+
secondaryInitialSize = _ref$secondaryInitial === void 0 ? 0 : _ref$secondaryInitial,
|
|
38
|
+
onSecondaryPaneSizeChange = _ref.onSecondaryPaneSizeChange,
|
|
39
|
+
vertical = _ref.vertical,
|
|
40
|
+
_ref$primaryIndex = _ref.primaryIndex,
|
|
41
|
+
primaryIndex = _ref$primaryIndex === void 0 ? 0 : _ref$primaryIndex,
|
|
42
|
+
percentage = _ref.percentage,
|
|
43
|
+
_ref$primaryMinSize = _ref.primaryMinSize,
|
|
44
|
+
primaryMinSize = _ref$primaryMinSize === void 0 ? 0 : _ref$primaryMinSize,
|
|
45
|
+
_ref$secondaryMinSize = _ref.secondaryMinSize,
|
|
46
|
+
secondaryMinSize = _ref$secondaryMinSize === void 0 ? 0 : _ref$secondaryMinSize,
|
|
47
|
+
customClass = _ref.customClass,
|
|
48
|
+
_ref$children = _ref.children,
|
|
49
|
+
children = _ref$children === void 0 ? [] : _ref$children,
|
|
50
|
+
_ref$hideSplitSideOnT = _ref.hideSplitSideOnToggleClick,
|
|
51
|
+
hideSplitSideOnToggleClick = _ref$hideSplitSideOnT === void 0 ? 'primary' : _ref$hideSplitSideOnT,
|
|
52
|
+
style = _ref.style,
|
|
53
|
+
nodeParameter = _ref.nodeParameter;
|
|
54
|
+
|
|
40
55
|
var _useState = (0, _react.useState)({
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
56
|
+
secondaryPaneSize: 0,
|
|
57
|
+
resizing: false,
|
|
58
|
+
visibleSplitSide: true,
|
|
59
|
+
isHidePane: true
|
|
60
|
+
}),
|
|
61
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
62
|
+
state = _useState2[0],
|
|
63
|
+
setState = _useState2[1];
|
|
64
|
+
|
|
49
65
|
var container = (0, _react.useRef)();
|
|
50
66
|
var splitter = (0, _react.useRef)();
|
|
67
|
+
|
|
51
68
|
var getSecondaryPaneSize = function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
|
|
52
69
|
var totalSize = vertical ? containerRect.height : containerRect.width;
|
|
53
70
|
var splitterSize = vertical ? splitterRect.height : splitterRect.width;
|
|
54
71
|
var offset = vertical ? clientPosition.top - containerRect.top : clientPosition.left - containerRect.left;
|
|
72
|
+
|
|
55
73
|
if (offsetMouse) {
|
|
56
74
|
offset -= splitterSize / 2;
|
|
57
75
|
}
|
|
76
|
+
|
|
58
77
|
if (offset < 0) {
|
|
59
78
|
offset = 0;
|
|
60
79
|
} else if (offset > totalSize - splitterSize) {
|
|
61
80
|
offset = totalSize - splitterSize;
|
|
62
81
|
}
|
|
82
|
+
|
|
63
83
|
var secondaryPaneSize;
|
|
64
84
|
secondaryPaneSize = primaryIndex === 1 ? offset : totalSize - splitterSize - offset;
|
|
65
85
|
var primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
|
|
86
|
+
|
|
66
87
|
if (percentage) {
|
|
67
88
|
secondaryPaneSize = secondaryPaneSize * 100 / totalSize;
|
|
68
89
|
primaryPaneSize = primaryPaneSize * 100 / totalSize;
|
|
69
90
|
splitterSize = splitterSize * 100 / totalSize;
|
|
70
91
|
totalSize = 100;
|
|
71
92
|
}
|
|
93
|
+
|
|
72
94
|
if (primaryPaneSize < primaryMinSize) {
|
|
73
95
|
secondaryPaneSize = Math.max(secondaryPaneSize - (primaryMinSize - primaryPaneSize), 0);
|
|
74
96
|
} else if (secondaryPaneSize < secondaryMinSize) {
|
|
75
97
|
secondaryPaneSize = Math.min(totalSize - splitterSize - primaryMinSize, secondaryMinSize);
|
|
76
98
|
}
|
|
99
|
+
|
|
77
100
|
return secondaryPaneSize;
|
|
78
101
|
};
|
|
102
|
+
|
|
79
103
|
var clearSelection = function clearSelection() {
|
|
80
104
|
var docuemntSelection = Selection;
|
|
105
|
+
|
|
81
106
|
if (document.createRange() && nodeParameter) {
|
|
82
107
|
var range = document.createRange();
|
|
83
108
|
range.collapse();
|
|
84
109
|
range.selectNode(nodeParameter);
|
|
85
110
|
} else if (window.getSelection) {
|
|
86
111
|
var selection = window.getSelection();
|
|
112
|
+
|
|
87
113
|
if (selection && selection.empty) {
|
|
88
114
|
selection.empty();
|
|
89
115
|
} else if (selection && selection.removeAllRanges) {
|
|
@@ -93,6 +119,7 @@ var Split = function Split(_ref) {
|
|
|
93
119
|
docuemntSelection.empty();
|
|
94
120
|
}
|
|
95
121
|
};
|
|
122
|
+
|
|
96
123
|
var handleResize = function handleResize() {
|
|
97
124
|
if (container.current && splitter.current && !percentage) {
|
|
98
125
|
var containerRect = container.current.getBoundingClientRect();
|
|
@@ -106,6 +133,7 @@ var Split = function Split(_ref) {
|
|
|
106
133
|
}));
|
|
107
134
|
}
|
|
108
135
|
};
|
|
136
|
+
|
|
109
137
|
var handleMouseMove = function handleMouseMove(e) {
|
|
110
138
|
if (container.current && splitter.current && state.resizing) {
|
|
111
139
|
var containerRect = container.current.getBoundingClientRect();
|
|
@@ -120,12 +148,14 @@ var Split = function Split(_ref) {
|
|
|
120
148
|
}));
|
|
121
149
|
}
|
|
122
150
|
};
|
|
151
|
+
|
|
123
152
|
var handleSplitterMouseDown = function handleSplitterMouseDown() {
|
|
124
153
|
clearSelection();
|
|
125
154
|
setState(_extends({}, state, {
|
|
126
155
|
resizing: true
|
|
127
156
|
}));
|
|
128
157
|
};
|
|
158
|
+
|
|
129
159
|
var expandAndCollapseSide = function expandAndCollapseSide(event) {
|
|
130
160
|
var keyCode = event.keyCode || event.which;
|
|
131
161
|
var secondaryPaneValue = secondaryInitialSize;
|
|
@@ -136,11 +166,13 @@ var Split = function Split(_ref) {
|
|
|
136
166
|
down: 40
|
|
137
167
|
};
|
|
138
168
|
var isHidePane = state.isHidePane,
|
|
139
|
-
|
|
169
|
+
visibleSplitSide = state.visibleSplitSide;
|
|
170
|
+
|
|
140
171
|
if (event.ctrlKey) {
|
|
141
172
|
setState(_extends({}, state, {
|
|
142
173
|
visibleSplitSide: false
|
|
143
174
|
}));
|
|
175
|
+
|
|
144
176
|
switch (keyCode) {
|
|
145
177
|
case arrow.left:
|
|
146
178
|
if (isHidePane) {
|
|
@@ -156,7 +188,9 @@ var Split = function Split(_ref) {
|
|
|
156
188
|
isHidePane: true
|
|
157
189
|
}));
|
|
158
190
|
}
|
|
191
|
+
|
|
159
192
|
break;
|
|
193
|
+
|
|
160
194
|
case arrow.right:
|
|
161
195
|
if (isHidePane) {
|
|
162
196
|
setState(_extends({}, state, {
|
|
@@ -171,7 +205,9 @@ var Split = function Split(_ref) {
|
|
|
171
205
|
isHidePane: true
|
|
172
206
|
}));
|
|
173
207
|
}
|
|
208
|
+
|
|
174
209
|
break;
|
|
210
|
+
|
|
175
211
|
case arrow.up:
|
|
176
212
|
if (isHidePane) {
|
|
177
213
|
setState(_extends({}, state, {
|
|
@@ -186,7 +222,9 @@ var Split = function Split(_ref) {
|
|
|
186
222
|
isHidePane: true
|
|
187
223
|
}));
|
|
188
224
|
}
|
|
225
|
+
|
|
189
226
|
break;
|
|
227
|
+
|
|
190
228
|
case arrow.down:
|
|
191
229
|
if (isHidePane) {
|
|
192
230
|
setState(_extends({}, state, {
|
|
@@ -201,16 +239,20 @@ var Split = function Split(_ref) {
|
|
|
201
239
|
isHidePane: true
|
|
202
240
|
}));
|
|
203
241
|
}
|
|
242
|
+
|
|
204
243
|
break;
|
|
244
|
+
|
|
205
245
|
default:
|
|
206
246
|
break;
|
|
207
247
|
}
|
|
208
248
|
}
|
|
209
249
|
};
|
|
250
|
+
|
|
210
251
|
(0, _react.useEffect)(function () {
|
|
211
252
|
var secondaryPaneSize;
|
|
212
253
|
window.addEventListener('resize', handleResize);
|
|
213
254
|
if (hotKey) document.addEventListener('keyup', expandAndCollapseSide);
|
|
255
|
+
|
|
214
256
|
if (secondaryInitialSize) {
|
|
215
257
|
secondaryPaneSize = secondaryInitialSize;
|
|
216
258
|
} else if (container.current && splitter.current) {
|
|
@@ -221,8 +263,9 @@ var Split = function Split(_ref) {
|
|
|
221
263
|
top: containerRect.top + (containerRect.height - splitterRect.height) / 2
|
|
222
264
|
}, false);
|
|
223
265
|
}
|
|
224
|
-
|
|
225
|
-
// TODO: Ao revisar este componente, encontrar solução melhor
|
|
266
|
+
|
|
267
|
+
secondaryPaneSize = secondaryPaneSize; // TODO: Ao revisar este componente, encontrar solução melhor
|
|
268
|
+
|
|
226
269
|
setState(_extends({}, state, {
|
|
227
270
|
secondaryPaneSize: secondaryPaneSize
|
|
228
271
|
}));
|
|
@@ -238,10 +281,12 @@ var Split = function Split(_ref) {
|
|
|
238
281
|
if (state.resizing) {
|
|
239
282
|
document.addEventListener('mousemove', handleMouseMove);
|
|
240
283
|
}
|
|
284
|
+
|
|
241
285
|
return function () {
|
|
242
286
|
document.removeEventListener('mousemove', handleMouseMove);
|
|
243
287
|
};
|
|
244
288
|
}, [state.resizing]);
|
|
289
|
+
|
|
245
290
|
var getChildContext = function getChildContext() {
|
|
246
291
|
return {
|
|
247
292
|
size: state.secondaryPaneSize,
|
|
@@ -250,18 +295,23 @@ var Split = function Split(_ref) {
|
|
|
250
295
|
primary: children[1] && false
|
|
251
296
|
};
|
|
252
297
|
};
|
|
298
|
+
|
|
253
299
|
var resizing = state.resizing,
|
|
254
|
-
|
|
300
|
+
visibleSplitSide = state.visibleSplitSide;
|
|
255
301
|
var containerClasses = 'split-component';
|
|
302
|
+
|
|
256
303
|
if (customClass) {
|
|
257
304
|
containerClasses += " ".concat(customClass);
|
|
258
305
|
}
|
|
306
|
+
|
|
259
307
|
if (vertical) {
|
|
260
308
|
containerClasses += ' splitter-layout-vertical';
|
|
261
309
|
}
|
|
310
|
+
|
|
262
311
|
if (resizing) {
|
|
263
312
|
containerClasses += ' layout-changing';
|
|
264
313
|
}
|
|
314
|
+
|
|
265
315
|
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
266
316
|
value: getChildContext()
|
|
267
317
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -301,5 +351,6 @@ var Split = function Split(_ref) {
|
|
|
301
351
|
className: vertical ? 'toggler-vertical' : 'toggler-horizontal'
|
|
302
352
|
})), hideSplitSideOnToggleClick === 'secondary' ? visibleSplitSide && children[1] : children[1]));
|
|
303
353
|
};
|
|
354
|
+
|
|
304
355
|
var _default = Split;
|
|
305
356
|
exports.default = _default;
|
package/lib/split/SplitSide.js
CHANGED
|
@@ -1,28 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
+
|
|
12
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
+
|
|
13
20
|
var SplitSide = function SplitSide(_ref) {
|
|
14
21
|
var primary = _ref.primary,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
22
|
+
children = _ref.children,
|
|
23
|
+
customClass = _ref.customClass,
|
|
24
|
+
style = _ref.style;
|
|
25
|
+
|
|
18
26
|
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
27
|
+
size = _useContext.size,
|
|
28
|
+
percentage = _useContext.percentage,
|
|
29
|
+
vertical = _useContext.vertical;
|
|
30
|
+
|
|
22
31
|
var sizeSplitSide = size || 0;
|
|
23
32
|
var unit = percentage ? '%' : 'px';
|
|
24
33
|
var classes = 'layout-pane';
|
|
25
34
|
var splitSideStyle = {};
|
|
35
|
+
|
|
26
36
|
if (!primary) {
|
|
27
37
|
if (vertical) {
|
|
28
38
|
splitSideStyle.height = "".concat(sizeSplitSide).concat(unit);
|
|
@@ -32,10 +42,12 @@ var SplitSide = function SplitSide(_ref) {
|
|
|
32
42
|
} else {
|
|
33
43
|
classes += ' layout-pane-primary';
|
|
34
44
|
}
|
|
45
|
+
|
|
35
46
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
36
47
|
className: "".concat(classes, " ").concat(customClass),
|
|
37
48
|
style: Object.assign({}, splitSideStyle, style)
|
|
38
49
|
}, children);
|
|
39
50
|
};
|
|
51
|
+
|
|
40
52
|
var _default = SplitSide;
|
|
41
53
|
exports.default = _default;
|
package/lib/split/helpers.d.ts
CHANGED
package/lib/split/helpers.js
CHANGED
|
@@ -4,8 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
9
12
|
var SplitContext = /*#__PURE__*/_react.default.createContext({});
|
|
13
|
+
|
|
10
14
|
var _default = SplitContext;
|
|
11
15
|
exports.default = _default;
|
package/lib/split/index.d.ts
CHANGED
package/lib/split/index.js
CHANGED
|
@@ -10,9 +10,14 @@ Object.defineProperty(exports, "SplitSide", {
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
exports.default = void 0;
|
|
13
|
+
|
|
13
14
|
require("../assets/styles/split.scss");
|
|
15
|
+
|
|
14
16
|
var _Split = _interopRequireDefault(require("./Split"));
|
|
17
|
+
|
|
15
18
|
var _SplitSide = _interopRequireDefault(require("./SplitSide"));
|
|
19
|
+
|
|
16
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
17
22
|
var _default = _Split.default;
|
|
18
23
|
exports.default = _default;
|
package/lib/table/Body.js
CHANGED
|
@@ -1,27 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _helpers = _interopRequireWildcard(require("./helpers"));
|
|
13
|
+
|
|
10
14
|
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
15
|
+
|
|
11
16
|
var _index = require("./index");
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
13
20
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
+
|
|
14
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
+
|
|
15
24
|
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); }
|
|
25
|
+
|
|
16
26
|
var renderChildren = function renderChildren(_ref) {
|
|
17
27
|
var children = _ref.children,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
28
|
+
columnsCount = _ref.columnsCount,
|
|
29
|
+
vertical = _ref.vertical,
|
|
30
|
+
skeletonize = _ref.skeletonize,
|
|
31
|
+
_ref$skeletonInRows = _ref.skeletonInRows,
|
|
32
|
+
skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows,
|
|
33
|
+
_ref$skeletonHeight = _ref.skeletonHeight,
|
|
34
|
+
skeletonHeight = _ref$skeletonHeight === void 0 ? 16 : _ref$skeletonHeight;
|
|
35
|
+
|
|
25
36
|
if (skeletonize && !vertical && columnsCount && skeletonInRows) {
|
|
26
37
|
var rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
|
|
27
38
|
var columns = (0, _helpers.getArrayFromNumber)(columnsCount);
|
|
@@ -39,20 +50,22 @@ var renderChildren = function renderChildren(_ref) {
|
|
|
39
50
|
});
|
|
40
51
|
return skeletonChildrens;
|
|
41
52
|
}
|
|
53
|
+
|
|
42
54
|
return children;
|
|
43
55
|
};
|
|
56
|
+
|
|
44
57
|
var TableBody = function TableBody(_ref2) {
|
|
45
58
|
var children = _ref2.children,
|
|
46
|
-
|
|
59
|
+
customClass = _ref2.customClass;
|
|
47
60
|
var context = (0, _react.useContext)(_helpers.default);
|
|
48
61
|
var bodyScrollable = context.bodyScrollable,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
62
|
+
bodyContainerRef = context.bodyContainerRef,
|
|
63
|
+
skeletonize = context.skeletonize,
|
|
64
|
+
_context$skeletonInRo = context.skeletonInRows,
|
|
65
|
+
skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo,
|
|
66
|
+
strict = context.strict,
|
|
67
|
+
vertical = context.vertical,
|
|
68
|
+
columnsCount = context.columnsCount;
|
|
56
69
|
var isSkeletonized = skeletonize && !vertical && skeletonInRows && columnsCount;
|
|
57
70
|
return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
|
|
58
71
|
className: "bodycontainer",
|
|
@@ -73,5 +86,6 @@ var TableBody = function TableBody(_ref2) {
|
|
|
73
86
|
children: children
|
|
74
87
|
})));
|
|
75
88
|
};
|
|
89
|
+
|
|
76
90
|
var _default = TableBody;
|
|
77
91
|
exports.default = _default;
|
package/lib/table/Header.js
CHANGED
|
@@ -1,28 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
+
|
|
10
14
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
15
|
+
|
|
11
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
12
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
|
|
13
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
14
22
|
var getColumnsWidth = function getColumnsWidth(children) {
|
|
15
23
|
var columnsWidth = [];
|
|
24
|
+
|
|
16
25
|
if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
|
|
17
26
|
var columns = children.props.children;
|
|
18
27
|
if (!_lodash.default.isArray(columns)) columns = [columns];
|
|
19
28
|
columns.forEach(function (element) {
|
|
20
29
|
var colWidth = 0;
|
|
30
|
+
|
|
21
31
|
if (_lodash.default.isArray(element)) {
|
|
22
32
|
element.forEach(function (elementArray) {
|
|
23
33
|
if (elementArray && elementArray.props.style && elementArray.props.style.width) {
|
|
24
34
|
colWidth = elementArray.props.style.width;
|
|
25
35
|
}
|
|
36
|
+
|
|
26
37
|
columnsWidth.push(colWidth);
|
|
27
38
|
});
|
|
28
39
|
} else if (element && element.props.style && element.props.style.width) {
|
|
@@ -31,10 +42,13 @@ var getColumnsWidth = function getColumnsWidth(children) {
|
|
|
31
42
|
}
|
|
32
43
|
});
|
|
33
44
|
}
|
|
45
|
+
|
|
34
46
|
return columnsWidth;
|
|
35
47
|
};
|
|
48
|
+
|
|
36
49
|
var countColumnsFromChildren = function countColumnsFromChildren(children) {
|
|
37
50
|
var count = 0;
|
|
51
|
+
|
|
38
52
|
if ( /*#__PURE__*/(0, _react.isValidElement)(children)) {
|
|
39
53
|
children.props.children.forEach(function (child) {
|
|
40
54
|
if (_lodash.default.isArray(child)) {
|
|
@@ -46,26 +60,34 @@ var countColumnsFromChildren = function countColumnsFromChildren(children) {
|
|
|
46
60
|
}
|
|
47
61
|
});
|
|
48
62
|
}
|
|
63
|
+
|
|
49
64
|
return count;
|
|
50
65
|
};
|
|
66
|
+
|
|
51
67
|
var getColumnsCount = function getColumnsCount(children) {
|
|
52
68
|
var columnsCount = 0;
|
|
69
|
+
|
|
53
70
|
if (_lodash.default.isArray(children) && children.length > 0 && children[0].props) {
|
|
54
71
|
columnsCount = countColumnsFromChildren(children[0].props.children);
|
|
55
72
|
}
|
|
73
|
+
|
|
56
74
|
if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props && children.props.children) {
|
|
57
75
|
columnsCount = countColumnsFromChildren(children.props.children);
|
|
58
76
|
}
|
|
77
|
+
|
|
59
78
|
return columnsCount;
|
|
60
79
|
};
|
|
80
|
+
|
|
61
81
|
var Header = function Header(_ref) {
|
|
62
82
|
var customClass = _ref.customClass,
|
|
63
|
-
|
|
83
|
+
children = _ref.children;
|
|
84
|
+
|
|
64
85
|
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
86
|
+
bodyScrollWidth = _useContext.bodyScrollWidth,
|
|
87
|
+
bodyScrollable = _useContext.bodyScrollable,
|
|
88
|
+
handlerSetColumnsWidth = _useContext.handlerSetColumnsWidth,
|
|
89
|
+
handlerSetColumnsCount = _useContext.handlerSetColumnsCount;
|
|
90
|
+
|
|
69
91
|
(0, _react.useEffect)(function () {
|
|
70
92
|
if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
|
|
71
93
|
handlerSetColumnsWidth(getColumnsWidth(children));
|
|
@@ -88,5 +110,6 @@ var Header = function Header(_ref) {
|
|
|
88
110
|
className: "theader ".concat(customClass)
|
|
89
111
|
}, children);
|
|
90
112
|
};
|
|
113
|
+
|
|
91
114
|
var _default = Header;
|
|
92
115
|
exports.default = _default;
|
|
@@ -1,29 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
13
|
+
|
|
10
14
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
15
|
+
|
|
11
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
12
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
|
|
13
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
14
22
|
var HeaderColumn = function HeaderColumn(_ref) {
|
|
15
23
|
var customClass = _ref.customClass,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
24
|
+
style = _ref.style,
|
|
25
|
+
children = _ref.children,
|
|
26
|
+
textAlign = _ref.textAlign,
|
|
27
|
+
_ref$visible = _ref.visible,
|
|
28
|
+
visible = _ref$visible === void 0 ? true : _ref$visible;
|
|
29
|
+
|
|
21
30
|
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
skeletonize = _useContext.skeletonize,
|
|
32
|
+
vertical = _useContext.vertical,
|
|
33
|
+
skeletonInHeader = _useContext.skeletonInHeader,
|
|
34
|
+
_useContext$skeletonI = _useContext.skeletonInRows,
|
|
35
|
+
skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
|
|
36
|
+
|
|
27
37
|
if (!visible) return null;
|
|
28
38
|
return /*#__PURE__*/_react.default.createElement("th", {
|
|
29
39
|
className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
|
|
@@ -35,5 +45,6 @@ var HeaderColumn = function HeaderColumn(_ref) {
|
|
|
35
45
|
}
|
|
36
46
|
}) : children);
|
|
37
47
|
};
|
|
48
|
+
|
|
38
49
|
var _default = HeaderColumn;
|
|
39
50
|
exports.default = _default;
|