linear-react-components-ui 1.1.13 → 1.1.14-beta.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/.eslintrc.json +77 -45
- package/.gitlab-ci.yml +5 -13
- package/.tool-versions +1 -0
- package/.vscode/settings.json +3 -12
- package/babel.config.json +4 -4
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +56 -47
- package/lib/alerts/AlertProvider.js +51 -33
- package/lib/alerts/BaseAlert.js +18 -11
- package/lib/alerts/Message.d.ts +1 -1
- package/lib/alerts/Message.js +44 -77
- package/lib/alerts/helpers.js +3 -2
- package/lib/alerts/index.js +3 -2
- package/lib/alerts/types.d.ts +0 -1
- package/lib/alerts/withAlert.js +9 -8
- package/lib/assets/styles/alerts.scss +7 -4
- package/lib/assets/styles/button.scss +9 -11
- package/lib/assets/styles/checkbox.scss +38 -45
- package/lib/assets/styles/colors.scss +1 -3
- package/lib/assets/styles/commons.scss +0 -1
- package/lib/assets/styles/dialog.scss +20 -37
- package/lib/assets/styles/drawers.scss +6 -9
- package/lib/assets/styles/fieldset.scss +0 -3
- package/lib/assets/styles/gridlayout.scss +2 -0
- package/lib/assets/styles/hint.scss +0 -21
- package/lib/assets/styles/icon.scss +4 -31
- package/lib/assets/styles/input.scss +7 -7
- package/lib/assets/styles/multiSelect.scss +1 -6
- package/lib/assets/styles/radio.scss +35 -37
- package/lib/assets/styles/select.scss +7 -13
- package/lib/assets/styles/table.scss +1 -9
- package/lib/assets/styles/tabs.scss +18 -28
- package/lib/avatar/index.js +39 -39
- package/lib/badge/index.js +13 -11
- package/lib/buttons/ActivateButton.js +7 -4
- package/lib/buttons/AddButton.js +10 -7
- package/lib/buttons/Button.js +9 -8
- package/lib/buttons/ButtonGroups.js +4 -5
- package/lib/buttons/CancelButton.js +5 -6
- package/lib/buttons/DangerButton.js +5 -6
- package/lib/buttons/DefaultButton.js +85 -85
- package/lib/buttons/DestroyButton.js +5 -6
- package/lib/buttons/EditButton.js +7 -4
- package/lib/buttons/InactivateButton.js +7 -4
- package/lib/buttons/InfoButton.js +5 -6
- package/lib/buttons/PrimaryButton.js +5 -6
- package/lib/buttons/RestoreButton.js +7 -4
- package/lib/buttons/SaveButton.js +5 -6
- package/lib/buttons/SuccessButton.js +5 -6
- package/lib/buttons/WarningButton.js +5 -6
- package/lib/buttons/button_container/index.js +19 -15
- package/lib/buttons/index.js +16 -15
- package/lib/buttons/split_button/index.js +23 -20
- package/lib/buttons/types.d.ts +0 -1
- package/lib/calendar/DangerCalendar.js +5 -6
- package/lib/calendar/InfoCalendar.js +5 -6
- package/lib/calendar/PrimaryCalendar.js +5 -6
- package/lib/calendar/SuccessCalendar.js +5 -6
- package/lib/calendar/WarningCalendar.js +5 -6
- package/lib/calendar/base/Day.js +11 -12
- package/lib/calendar/base/Month.js +17 -12
- package/lib/calendar/base/Week.js +17 -12
- package/lib/calendar/base/helpers.js +11 -11
- package/lib/calendar/base/index.js +43 -29
- package/lib/calendar/index.js +7 -6
- package/lib/checkbox/Label.js +9 -19
- package/lib/checkbox/index.d.ts +2 -2
- package/lib/checkbox/index.js +95 -81
- package/lib/checkbox/types.d.ts +1 -2
- package/lib/dialog/Alert.js +4 -3
- package/lib/dialog/Custom.js +16 -14
- package/lib/dialog/Error.js +4 -3
- package/lib/dialog/Information.js +4 -3
- package/lib/dialog/Question.js +12 -11
- package/lib/dialog/Warning.js +5 -5
- package/lib/dialog/base/Content.js +5 -7
- package/lib/dialog/base/Footer.js +7 -4
- package/lib/dialog/base/Header.js +28 -28
- package/lib/dialog/base/index.d.ts +2 -8
- package/lib/dialog/base/index.js +104 -108
- package/lib/dialog/base/style.js +10 -7
- package/lib/dialog/form/index.js +35 -36
- package/lib/dialog/index.js +8 -7
- package/lib/dialog/types.d.ts +13 -8
- package/lib/drawer/Content.js +10 -11
- package/lib/drawer/Drawer.js +83 -69
- package/lib/drawer/Header.js +36 -33
- package/lib/drawer/helpers.js +3 -2
- package/lib/drawer/index.js +4 -3
- package/lib/dropdown/Popup.d.ts +1 -1
- package/lib/dropdown/Popup.js +39 -38
- package/lib/dropdown/helper.js +5 -3
- package/lib/dropdown/types.d.ts +0 -1
- package/lib/dropdown/withDropdown.js +58 -37
- package/lib/fieldset/index.js +56 -50
- package/lib/fieldset/types.d.ts +0 -2
- package/lib/form/Field.d.ts +0 -2
- package/lib/form/Field.js +74 -68
- package/lib/form/FieldArray.d.ts +0 -2
- package/lib/form/FieldArray.js +90 -66
- package/lib/form/FieldNumber.d.ts +0 -2
- package/lib/form/FieldNumber.js +53 -33
- package/lib/form/FieldPeriod.d.ts +0 -2
- package/lib/form/FieldPeriod.js +52 -46
- package/lib/form/helpers.d.ts +0 -2
- package/lib/form/helpers.js +26 -21
- package/lib/form/index.d.ts +0 -2
- package/lib/form/index.js +143 -111
- package/lib/form/types.d.ts +4 -7
- package/lib/form/withFieldHOC.d.ts +0 -2
- package/lib/form/withFieldHOC.js +38 -31
- package/lib/form/withFormSecurity.d.ts +0 -2
- package/lib/form/withFormSecurity.js +34 -26
- package/lib/gridlayout/GridCol.js +13 -13
- package/lib/gridlayout/GridRow.js +11 -17
- package/lib/gridlayout/index.js +3 -2
- package/lib/gridlayout/types.d.ts +1 -1
- package/lib/hint/index.d.ts +1 -2
- package/lib/hint/index.js +28 -17
- package/lib/hint/types.d.ts +0 -3
- package/lib/icons/helper.d.ts +0 -4
- package/lib/icons/helper.js +4 -7
- package/lib/icons/index.d.ts +2 -3
- package/lib/icons/index.js +47 -42
- package/lib/icons/types.d.ts +9 -22
- package/lib/index.d.ts +1 -2
- package/lib/index.js +9 -9
- package/lib/inputs/base/InputTextBase.d.ts +0 -2
- package/lib/inputs/base/InputTextBase.js +111 -143
- package/lib/inputs/base/helpers.d.ts +2 -3
- package/lib/inputs/base/helpers.js +25 -20
- package/lib/inputs/base/types.d.ts +3 -17
- package/lib/inputs/color/index.js +38 -27
- package/lib/inputs/date/Dialog.d.ts +0 -2
- package/lib/inputs/date/Dialog.js +9 -8
- package/lib/inputs/date/Dropdown.d.ts +0 -2
- package/lib/inputs/date/Dropdown.js +10 -11
- package/lib/inputs/date/helpers.d.ts +0 -2
- package/lib/inputs/date/helpers.js +13 -13
- package/lib/inputs/date/index.d.ts +0 -2
- package/lib/inputs/date/index.js +150 -125
- package/lib/inputs/date/types.d.ts +1 -4
- package/lib/inputs/file/DefaultFile.d.ts +0 -2
- package/lib/inputs/file/DefaultFile.js +72 -45
- package/lib/inputs/file/DragDropFile.d.ts +0 -2
- package/lib/inputs/file/DragDropFile.js +147 -95
- package/lib/inputs/file/File.d.ts +1 -3
- package/lib/inputs/file/File.js +28 -22
- package/lib/inputs/file/FileButtonSettings.d.ts +0 -2
- package/lib/inputs/file/FileButtonSettings.js +12 -12
- package/lib/inputs/file/helpers.d.ts +0 -2
- package/lib/inputs/file/helpers.js +6 -4
- package/lib/inputs/file/index.d.ts +0 -2
- package/lib/inputs/file/index.js +4 -3
- package/lib/inputs/file/types.d.ts +0 -2
- package/lib/inputs/inputHOC.d.ts +1 -2
- package/lib/inputs/inputHOC.js +32 -19
- package/lib/inputs/mask/BaseMask.d.ts +5 -4
- package/lib/inputs/mask/BaseMask.js +34 -121
- package/lib/inputs/mask/Cnpj.d.ts +0 -2
- package/lib/inputs/mask/Cnpj.js +29 -16
- package/lib/inputs/mask/Cpf.d.ts +0 -2
- package/lib/inputs/mask/Cpf.js +35 -18
- package/lib/inputs/mask/Phone.d.ts +0 -2
- package/lib/inputs/mask/Phone.js +4 -5
- package/lib/inputs/mask/ZipCode.d.ts +0 -2
- package/lib/inputs/mask/ZipCode.js +7 -4
- package/lib/inputs/mask/helpers.d.ts +12 -53
- package/lib/inputs/mask/helpers.js +36 -90
- package/lib/inputs/{errorMessage/index.d.ts → mask/imaskHOC.d.ts} +7 -5
- package/lib/inputs/mask/imaskHOC.js +224 -0
- package/lib/inputs/mask/index.d.ts +2 -4
- package/lib/inputs/mask/index.js +6 -5
- package/lib/inputs/mask/types.d.ts +18 -22
- package/lib/inputs/multiSelect/ActionButtons.d.ts +0 -2
- package/lib/inputs/multiSelect/ActionButtons.js +21 -22
- package/lib/inputs/multiSelect/Dropdown.d.ts +0 -2
- package/lib/inputs/multiSelect/Dropdown.js +65 -48
- package/lib/inputs/multiSelect/helper.d.ts +0 -2
- package/lib/inputs/multiSelect/helper.js +7 -8
- package/lib/inputs/multiSelect/index.d.ts +0 -2
- package/lib/inputs/multiSelect/index.js +132 -80
- package/lib/inputs/multiSelect/types.d.ts +0 -2
- package/lib/inputs/number/BaseNumber.d.ts +2 -3
- package/lib/inputs/number/BaseNumber.js +21 -22
- package/lib/inputs/number/Currency.d.ts +2 -3
- package/lib/inputs/number/Currency.js +6 -6
- package/lib/inputs/number/Decimal.d.ts +2 -3
- package/lib/inputs/number/Decimal.js +5 -2
- package/lib/inputs/number/format_number.js +5 -5
- package/lib/inputs/number/index.d.ts +2 -3
- package/lib/inputs/number/index.js +49 -18
- package/lib/inputs/number/types.d.ts +14 -15
- package/lib/inputs/period/Dialog.d.ts +1 -3
- package/lib/inputs/period/Dialog.js +9 -8
- package/lib/inputs/period/Dropdown.d.ts +0 -2
- package/lib/inputs/period/Dropdown.js +8 -7
- package/lib/inputs/period/PeriodList.d.ts +0 -2
- package/lib/inputs/period/PeriodList.js +12 -13
- package/lib/inputs/period/helper.d.ts +0 -2
- package/lib/inputs/period/helper.js +36 -33
- package/lib/inputs/period/index.d.ts +0 -2
- package/lib/inputs/period/index.js +194 -160
- package/lib/inputs/period/types.d.ts +1 -3
- package/lib/inputs/search/index.d.ts +1 -2
- package/lib/inputs/search/index.js +63 -40
- package/lib/inputs/select/ActionButtons.d.ts +1 -2
- package/lib/inputs/select/ActionButtons.js +34 -24
- package/lib/inputs/select/Dropdown.d.ts +1 -2
- package/lib/inputs/select/Dropdown.js +58 -39
- package/lib/inputs/select/helper.d.ts +1 -2
- package/lib/inputs/select/helper.js +43 -49
- package/lib/inputs/select/index.d.ts +0 -2
- package/lib/inputs/select/index.js +8 -9
- package/lib/inputs/select/multiple/Selecteds.d.ts +1 -3
- package/lib/inputs/select/multiple/Selecteds.js +21 -16
- package/lib/inputs/select/multiple/index.d.ts +0 -2
- package/lib/inputs/select/multiple/index.js +176 -128
- package/lib/inputs/select/simple/index.d.ts +0 -2
- package/lib/inputs/select/simple/index.js +179 -151
- package/lib/inputs/select/types.d.ts +2 -5
- package/lib/inputs/text/index.js +5 -2
- package/lib/inputs/textarea/index.d.ts +0 -2
- package/lib/inputs/textarea/index.js +9 -9
- package/lib/inputs/textarea/types.d.ts +0 -2
- package/lib/inputs/types.d.ts +7 -12
- package/lib/internals/colorStyles.js +3 -2
- package/lib/internals/constants.js +4 -2
- package/lib/internals/types.d.ts +2 -5
- package/lib/internals/withTooltip.d.ts +2 -3
- package/lib/internals/withTooltip.js +74 -74
- package/lib/labelMessages/index.js +41 -21
- package/lib/labels/DangerLabel.js +5 -6
- package/lib/labels/DefaultLabel.js +39 -25
- package/lib/labels/InfoLabel.js +5 -6
- package/lib/labels/PrimaryLabel.js +5 -6
- package/lib/labels/SuccessLabel.js +5 -6
- package/lib/labels/WarningLabel.js +5 -6
- package/lib/labels/index.js +8 -7
- package/lib/labels/label_container/index.js +7 -7
- package/lib/list/Header.js +7 -8
- package/lib/list/Item.js +68 -72
- package/lib/list/Separator.js +7 -4
- package/lib/list/helpers.js +5 -3
- package/lib/list/index.js +100 -73
- package/lib/menus/float/MenuItem.js +19 -18
- package/lib/menus/float/SubMenuContainer.js +32 -26
- package/lib/menus/float/helpers.js +3 -2
- package/lib/menus/float/index.js +17 -16
- package/lib/menus/float/types.d.ts +1 -1
- package/lib/menus/index.js +2 -1
- package/lib/menus/sidenav/ExpandMenu.js +7 -8
- package/lib/menus/sidenav/MenuLink.js +8 -9
- package/lib/menus/sidenav/NavMenuGroup.js +11 -12
- package/lib/menus/sidenav/NavMenuItem.js +60 -46
- package/lib/menus/sidenav/NavSubMenuItem.js +24 -19
- package/lib/menus/sidenav/helpers.js +8 -5
- package/lib/menus/sidenav/index.js +111 -83
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +6 -6
- package/lib/menus/sidenav/popup_menu_search/index.js +83 -63
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +16 -13
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +56 -43
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +7 -4
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +56 -41
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +26 -28
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +7 -4
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +7 -4
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +7 -4
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +4 -5
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +7 -4
- package/lib/panel/helpers.d.ts +2 -7
- package/lib/panel/helpers.js +23 -11
- package/lib/panel/index.d.ts +1 -1
- package/lib/panel/index.js +9 -8
- package/lib/panel/types.d.ts +5 -46
- package/lib/permissionValidations.js +29 -24
- package/lib/popover/PopoverText.js +4 -5
- package/lib/popover/PopoverTitle.js +4 -5
- package/lib/popover/index.js +18 -14
- package/lib/progress/Bar.js +36 -30
- package/lib/progress/index.js +18 -16
- package/lib/radio/index.js +55 -34
- package/lib/shortcuts/index.js +8 -9
- package/lib/skeleton/SkeletonContainer.js +10 -9
- package/lib/skeleton/index.js +32 -25
- package/lib/spinner/SpinnerLoading.js +7 -6
- package/lib/spinner/index.js +36 -22
- package/lib/split/Split.js +110 -93
- package/lib/split/SplitSide.js +18 -19
- package/lib/split/helpers.js +3 -2
- package/lib/split/index.js +3 -2
- package/lib/table/Body.js +44 -41
- package/lib/table/Header.js +31 -28
- package/lib/table/HeaderColumn.d.ts +1 -1
- package/lib/table/HeaderColumn.js +21 -34
- package/lib/table/Row.js +47 -44
- package/lib/table/RowColumn.js +37 -36
- package/lib/table/helpers.js +12 -6
- package/lib/table/index.js +98 -78
- package/lib/table/types.d.ts +0 -3
- package/lib/tabs/{MenuTabs.d.ts → DropdownItems.d.ts} +3 -3
- package/lib/tabs/DropdownItems.js +65 -0
- package/lib/tabs/Menu.d.ts +1 -1
- package/lib/tabs/Menu.js +20 -32
- package/lib/tabs/MenuItems.d.ts +11 -0
- package/lib/tabs/MenuItems.js +76 -0
- package/lib/tabs/Panel.d.ts +1 -1
- package/lib/tabs/Panel.js +65 -69
- package/lib/tabs/index.d.ts +1 -1
- package/lib/tabs/index.js +221 -42
- package/lib/tabs/tabHelpers.d.ts +15 -4
- package/lib/tabs/tabHelpers.js +41 -36
- package/lib/tabs/types.d.ts +15 -48
- package/lib/toolbar/ButtonBar.js +39 -35
- package/lib/toolbar/LabelBar.js +36 -32
- package/lib/toolbar/Separator.js +7 -4
- package/lib/toolbar/ToolBarGroup.js +6 -6
- package/lib/toolbar/helpers.js +3 -2
- package/lib/toolbar/index.js +21 -19
- package/lib/toolbar/types.d.ts +0 -1
- package/lib/tooltip/index.js +32 -27
- package/lib/treetable/Body.js +32 -20
- package/lib/treetable/Header.js +14 -11
- package/lib/treetable/Row.js +137 -85
- package/lib/treetable/helpers.js +24 -15
- package/lib/treetable/index.js +10 -8
- package/lib/treeview/Header.js +6 -7
- package/lib/treeview/Node.js +132 -92
- package/lib/treeview/constants.js +2 -1
- package/lib/treeview/index.js +214 -148
- package/lib/treeview_old/Header.js +28 -0
- package/lib/treeview_old/Node.js +88 -0
- package/lib/treeview_old/index.js +42 -0
- package/lib/types-c2a0f035.d.ts +50 -0
- package/lib/uitour/helpers.js +7 -4
- package/lib/uitour/index.d.ts +1 -2
- package/lib/uitour/index.js +99 -112
- package/lib/uitour/types.d.ts +1 -9
- package/package.json +82 -77
- package/tsconfig.json +0 -1
- package/.eslintcache +0 -1
- package/.nvmrc +0 -1
- package/lib/assets/styles/error.scss +0 -9
- package/lib/assets/styles/textContent.scss +0 -9
- package/lib/hint/helpers.d.ts +0 -3
- package/lib/hint/helpers.js +0 -21
- package/lib/inputs/base/Label.d.ts +0 -14
- package/lib/inputs/base/Label.js +0 -35
- package/lib/inputs/errorMessage/index.js +0 -26
- package/lib/tabs/DropdownTabs.d.ts +0 -11
- package/lib/tabs/DropdownTabs.js +0 -71
- package/lib/tabs/MenuTabs.js +0 -82
- package/lib/tabs/context.d.ts +0 -12
- package/lib/tabs/context.js +0 -130
- package/lib/tabs/useTabs.d.ts +0 -11
- package/lib/tabs/useTabs.js +0 -11
- package/lib/textContent/index.d.ts +0 -8
- package/lib/textContent/index.js +0 -30
package/lib/split/index.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "SplitSide", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function () {
|
|
8
|
+
get: function get() {
|
|
9
9
|
return _SplitSide.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
@@ -14,4 +14,5 @@ require("../assets/styles/split.scss");
|
|
|
14
14
|
var _Split = _interopRequireDefault(require("./Split"));
|
|
15
15
|
var _SplitSide = _interopRequireDefault(require("./SplitSide"));
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
var _default =
|
|
17
|
+
var _default = _Split.default;
|
|
18
|
+
exports.default = _default;
|
package/lib/table/Body.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -9,51 +10,52 @@ var _helpers = _interopRequireWildcard(require("./helpers"));
|
|
|
9
10
|
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
10
11
|
var _index = require("./index");
|
|
11
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
skeletonInRows = 10,
|
|
20
|
-
skeletonHeight =
|
|
21
|
-
|
|
22
|
-
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
var renderChildren = function renderChildren(children, _ref) {
|
|
16
|
+
var columnsCount = _ref.columnsCount,
|
|
17
|
+
vertical = _ref.vertical,
|
|
18
|
+
skeletonize = _ref.skeletonize,
|
|
19
|
+
_ref$skeletonInRows = _ref.skeletonInRows,
|
|
20
|
+
skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows,
|
|
21
|
+
_ref$skeletonHeight = _ref.skeletonHeight,
|
|
22
|
+
skeletonHeight = _ref$skeletonHeight === void 0 ? 16 : _ref$skeletonHeight,
|
|
23
|
+
columnsWidth = _ref.columnsWidth;
|
|
23
24
|
if (skeletonize && !vertical && columnsCount && skeletonInRows) {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
25
|
+
var rows = (0, _helpers.getArrayFromNumber)(skeletonInRows);
|
|
26
|
+
var columns = (0, _helpers.getArrayFromNumber)(columnsCount);
|
|
27
|
+
var skeletonChildrens = rows.map(function (index) {
|
|
28
|
+
return /*#__PURE__*/_react.default.createElement(_index.TRow, {
|
|
29
|
+
customClass: "row-skeleton",
|
|
30
|
+
key: index
|
|
31
|
+
}, columns.map(function (id) {
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement(_index.Td, {
|
|
33
|
+
style: {
|
|
34
|
+
width: columnsWidth === null || columnsWidth === void 0 ? void 0 : columnsWidth[id - 1]
|
|
35
|
+
},
|
|
36
|
+
key: id
|
|
37
|
+
}, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
|
|
38
|
+
height: skeletonHeight
|
|
39
|
+
}));
|
|
40
|
+
}));
|
|
41
|
+
});
|
|
37
42
|
return skeletonChildrens;
|
|
38
43
|
}
|
|
39
44
|
return children;
|
|
40
45
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
columnsCount
|
|
55
|
-
} = context;
|
|
56
|
-
const isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);
|
|
46
|
+
var TableBody = function TableBody(_ref2) {
|
|
47
|
+
var children = _ref2.children,
|
|
48
|
+
customClass = _ref2.customClass;
|
|
49
|
+
var context = (0, _react.useContext)(_helpers.default);
|
|
50
|
+
var bodyScrollable = context.bodyScrollable,
|
|
51
|
+
bodyContainerRef = context.bodyContainerRef,
|
|
52
|
+
skeletonize = context.skeletonize,
|
|
53
|
+
_context$skeletonInRo = context.skeletonInRows,
|
|
54
|
+
skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo,
|
|
55
|
+
strict = context.strict,
|
|
56
|
+
vertical = context.vertical,
|
|
57
|
+
columnsCount = context.columnsCount;
|
|
58
|
+
var isSkeletonized = !!(skeletonize && !vertical && skeletonInRows && columnsCount);
|
|
57
59
|
return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
|
|
58
60
|
className: "bodycontainer",
|
|
59
61
|
ref: bodyContainerRef
|
|
@@ -68,4 +70,5 @@ const TableBody = _ref2 => {
|
|
|
68
70
|
className: "tbody ".concat(isSkeletonized ? 'skeleton-transparency' : '', " ").concat(customClass)
|
|
69
71
|
}, renderChildren(children, context));
|
|
70
72
|
};
|
|
71
|
-
var _default =
|
|
73
|
+
var _default = TableBody;
|
|
74
|
+
exports.default = _default;
|
package/lib/table/Header.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,17 +9,17 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
9
10
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
10
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
14
|
+
var getColumnsWidth = function getColumnsWidth(children) {
|
|
15
|
+
var columnsWidth = [];
|
|
15
16
|
if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
|
|
16
|
-
|
|
17
|
+
var columns = children.props.children;
|
|
17
18
|
if (!_lodash.default.isArray(columns)) columns = [columns];
|
|
18
|
-
columns.forEach(element
|
|
19
|
-
|
|
19
|
+
columns.forEach(function (element) {
|
|
20
|
+
var colWidth = 0;
|
|
20
21
|
if (_lodash.default.isArray(element)) {
|
|
21
|
-
element.forEach(elementArray
|
|
22
|
+
element.forEach(function (elementArray) {
|
|
22
23
|
if (elementArray && elementArray.props) {
|
|
23
24
|
var _elementArray$props, _elementArray$props$s;
|
|
24
25
|
colWidth = (_elementArray$props = elementArray.props) === null || _elementArray$props === void 0 ? void 0 : (_elementArray$props$s = _elementArray$props.style) === null || _elementArray$props$s === void 0 ? void 0 : _elementArray$props$s.width;
|
|
@@ -34,21 +35,25 @@ const getColumnsWidth = children => {
|
|
|
34
35
|
}
|
|
35
36
|
return columnsWidth;
|
|
36
37
|
};
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
var countColumnsFromChildren = function countColumnsFromChildren(element, columnsCount) {
|
|
39
|
+
var count = columnsCount;
|
|
39
40
|
if ( /*#__PURE__*/(0, _react.isValidElement)(element)) {
|
|
40
41
|
var _element$props2;
|
|
41
42
|
if (_lodash.default.isArray(element === null || element === void 0 ? void 0 : (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.children)) {
|
|
42
|
-
|
|
43
|
-
currentElement.children.forEach(
|
|
43
|
+
var currentElement = element.props;
|
|
44
|
+
currentElement.children.forEach(function (child) {
|
|
45
|
+
return countColumnsFromChildren(child, count);
|
|
46
|
+
});
|
|
44
47
|
} else if (element) {
|
|
45
48
|
count.current += 1;
|
|
46
49
|
}
|
|
47
50
|
} else if (_lodash.default.isArray(element) && element.length > 0) {
|
|
48
|
-
element.forEach(
|
|
51
|
+
element.forEach(function (child) {
|
|
52
|
+
return countColumnsFromChildren(child, count);
|
|
53
|
+
});
|
|
49
54
|
}
|
|
50
55
|
};
|
|
51
|
-
|
|
56
|
+
var getColumnsCount = function getColumnsCount(children, columnsCount) {
|
|
52
57
|
if (_lodash.default.isArray(children) && children.length > 0 && children[0].props) {
|
|
53
58
|
countColumnsFromChildren(children[0].props.children, columnsCount);
|
|
54
59
|
} else if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props && children.props.children) {
|
|
@@ -56,19 +61,16 @@ const getColumnsCount = (children, columnsCount) => {
|
|
|
56
61
|
}
|
|
57
62
|
return columnsCount.current;
|
|
58
63
|
};
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
} = (0, _react.useContext)(_helpers.default);
|
|
70
|
-
const columnsCount = (0, _react.useRef)(0);
|
|
71
|
-
(0, _react.useEffect)(() => {
|
|
64
|
+
var Header = function Header(_ref) {
|
|
65
|
+
var customClass = _ref.customClass,
|
|
66
|
+
children = _ref.children;
|
|
67
|
+
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
68
|
+
bodyScrollWidth = _useContext.bodyScrollWidth,
|
|
69
|
+
bodyScrollable = _useContext.bodyScrollable,
|
|
70
|
+
handlerSetColumnsWidth = _useContext.handlerSetColumnsWidth,
|
|
71
|
+
handlerSetColumnsCount = _useContext.handlerSetColumnsCount;
|
|
72
|
+
var columnsCount = (0, _react.useRef)(0);
|
|
73
|
+
(0, _react.useEffect)(function () {
|
|
72
74
|
if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
|
|
73
75
|
handlerSetColumnsWidth(getColumnsWidth(children));
|
|
74
76
|
handlerSetColumnsCount(getColumnsCount(children, columnsCount));
|
|
@@ -90,4 +92,5 @@ const Header = _ref => {
|
|
|
90
92
|
className: "theader ".concat(customClass)
|
|
91
93
|
}, children);
|
|
92
94
|
};
|
|
93
|
-
var _default =
|
|
95
|
+
var _default = Header;
|
|
96
|
+
exports.default = _default;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITableHeaderProps } from './types.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
|
|
4
|
-
declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id,
|
|
4
|
+
declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, }: ITableHeaderProps) => JSX.Element | null;
|
|
5
5
|
|
|
6
6
|
export { HeaderColumn as default };
|
|
@@ -1,54 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = void 0;
|
|
7
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _icons = _interopRequireDefault(require("../icons"));
|
|
9
9
|
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
10
10
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
visible = true,
|
|
21
|
-
id
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
vertical,
|
|
29
|
-
skeletonInHeader,
|
|
30
|
-
skeletonInRows = 10
|
|
31
|
-
} = (0, _react.useContext)(_helpers.default);
|
|
32
|
-
const getChildren = function () {
|
|
33
|
-
let childrenIsMenuColum = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
34
|
-
if (!childrenIsMenuColum) return children;
|
|
35
|
-
return /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
36
|
-
name: "menu4",
|
|
37
|
-
size: 22
|
|
38
|
-
});
|
|
39
|
-
};
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
14
|
+
var HeaderColumn = function HeaderColumn(_ref) {
|
|
15
|
+
var customClass = _ref.customClass,
|
|
16
|
+
style = _ref.style,
|
|
17
|
+
children = _ref.children,
|
|
18
|
+
textAlign = _ref.textAlign,
|
|
19
|
+
_ref$visible = _ref.visible,
|
|
20
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
21
|
+
id = _ref.id;
|
|
22
|
+
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
23
|
+
skeletonize = _useContext.skeletonize,
|
|
24
|
+
vertical = _useContext.vertical,
|
|
25
|
+
skeletonInHeader = _useContext.skeletonInHeader,
|
|
26
|
+
_useContext$skeletonI = _useContext.skeletonInRows,
|
|
27
|
+
skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
|
|
40
28
|
if (!visible) return null;
|
|
41
29
|
return /*#__PURE__*/_react.default.createElement("th", {
|
|
42
30
|
id: id,
|
|
43
|
-
|
|
44
|
-
colSpan: colSpan,
|
|
45
|
-
className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(isMenuColumn && 'menu-column'),
|
|
31
|
+
className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
|
|
46
32
|
style: style
|
|
47
33
|
}, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
|
|
48
34
|
height: style && style.height ? undefined : 16,
|
|
49
35
|
style: {
|
|
50
36
|
marginBottom: 0
|
|
51
37
|
}
|
|
52
|
-
}) :
|
|
38
|
+
}) : children);
|
|
53
39
|
};
|
|
54
|
-
var _default =
|
|
40
|
+
var _default = HeaderColumn;
|
|
41
|
+
exports.default = _default;
|
package/lib/table/Row.js
CHANGED
|
@@ -6,47 +6,49 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _helpers = _interopRequireWildcard(require("./helpers"));
|
|
9
|
-
function _getRequireWildcardCache(
|
|
10
|
-
function _interopRequireWildcard(
|
|
11
|
-
function
|
|
12
|
-
function
|
|
9
|
+
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); }
|
|
10
|
+
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; }
|
|
11
|
+
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); }
|
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
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; }
|
|
14
|
-
function _toPropertyKey(
|
|
15
|
-
function _toPrimitive(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
rowBorder = true,
|
|
28
|
-
divider,
|
|
29
|
-
dividerTitle,
|
|
30
|
-
dividerStyle,
|
|
31
|
-
dividerColor =
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
15
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
16
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
|
+
var Row = function Row(props) {
|
|
18
|
+
var customClass = props.customClass,
|
|
19
|
+
children = props.children,
|
|
20
|
+
rowId = props.rowId,
|
|
21
|
+
dataId = props.dataId,
|
|
22
|
+
_onClick = props.onClick,
|
|
23
|
+
height = props.height,
|
|
24
|
+
style = props.style,
|
|
25
|
+
onMouseEnter = props.onMouseEnter,
|
|
26
|
+
onMouseLeave = props.onMouseLeave,
|
|
27
|
+
_props$rowBorder = props.rowBorder,
|
|
28
|
+
rowBorder = _props$rowBorder === void 0 ? true : _props$rowBorder,
|
|
29
|
+
divider = props.divider,
|
|
30
|
+
dividerTitle = props.dividerTitle,
|
|
31
|
+
dividerStyle = props.dividerStyle,
|
|
32
|
+
_props$dividerColor = props.dividerColor,
|
|
33
|
+
dividerColor = _props$dividerColor === void 0 ? 'info' : _props$dividerColor,
|
|
34
|
+
_props$dividerColSpan = props.dividerColSpan,
|
|
35
|
+
dividerColSpan = _props$dividerColSpan === void 0 ? 2 : _props$dividerColSpan;
|
|
36
|
+
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
37
|
+
selectedRowId = _useContext.selectedRowId,
|
|
38
|
+
handleSelectRow = _useContext.handleSelectRow,
|
|
39
|
+
handleTableRowClick = _useContext.handleTableRowClick,
|
|
40
|
+
handleTableColClick = _useContext.handleTableColClick,
|
|
41
|
+
vertical = _useContext.vertical,
|
|
42
|
+
skeletonize = _useContext.skeletonize,
|
|
43
|
+
_useContext$skeletonI = _useContext.skeletonInRows,
|
|
44
|
+
skeletonInRows = _useContext$skeletonI === void 0 ? 10 : _useContext$skeletonI;
|
|
45
|
+
var contextValues = {
|
|
46
|
+
dataId: dataId,
|
|
47
|
+
rowBorder: rowBorder,
|
|
48
|
+
handleTableColClick: handleTableColClick,
|
|
49
|
+
vertical: vertical,
|
|
50
|
+
skeletonize: skeletonize,
|
|
51
|
+
skeletonInRows: skeletonInRows
|
|
50
52
|
};
|
|
51
53
|
return /*#__PURE__*/_react.default.createElement(_helpers.RowContext.Provider, {
|
|
52
54
|
value: contextValues
|
|
@@ -54,14 +56,14 @@ const Row = props => {
|
|
|
54
56
|
onMouseEnter: onMouseEnter,
|
|
55
57
|
onMouseLeave: onMouseLeave,
|
|
56
58
|
className: "trow ".concat(customClass, " ").concat(rowId && selectedRowId === rowId ? '-selected' : ''),
|
|
57
|
-
onClick: e
|
|
59
|
+
onClick: function onClick(e) {
|
|
58
60
|
if (handleSelectRow && (rowId !== undefined || rowId !== null)) handleSelectRow(rowId);
|
|
59
61
|
if (handleTableRowClick) handleTableRowClick(e, dataId);
|
|
60
|
-
if (
|
|
62
|
+
if (_onClick) _onClick(e, dataId);
|
|
61
63
|
},
|
|
62
64
|
id: rowId,
|
|
63
65
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
64
|
-
height
|
|
66
|
+
height: height
|
|
65
67
|
})
|
|
66
68
|
}, children) : /*#__PURE__*/_react.default.createElement("tr", {
|
|
67
69
|
className: "trow trow-divider"
|
|
@@ -75,4 +77,5 @@ const Row = props => {
|
|
|
75
77
|
style: dividerStyle
|
|
76
78
|
}, dividerTitle || '')));
|
|
77
79
|
};
|
|
78
|
-
var _default =
|
|
80
|
+
var _default = Row;
|
|
81
|
+
exports.default = _default;
|
package/lib/table/RowColumn.js
CHANGED
|
@@ -8,20 +8,19 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _helpers = require("./helpers");
|
|
9
9
|
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
function
|
|
14
|
-
function
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
13
|
+
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); }
|
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
16
|
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(
|
|
17
|
-
function _toPrimitive(
|
|
17
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
18
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
18
19
|
function getColClickEvent(event, _ref) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
dataId
|
|
24
|
-
} = _ref;
|
|
20
|
+
var ignoreTableColClick = _ref.ignoreTableColClick,
|
|
21
|
+
handleTableColClick = _ref.handleTableColClick,
|
|
22
|
+
onClick = _ref.onClick,
|
|
23
|
+
dataId = _ref.dataId;
|
|
25
24
|
if (ignoreTableColClick) return undefined;
|
|
26
25
|
if (onClick) {
|
|
27
26
|
return onClick(event, dataId);
|
|
@@ -30,29 +29,28 @@ function getColClickEvent(event, _ref) {
|
|
|
30
29
|
}
|
|
31
30
|
return undefined;
|
|
32
31
|
}
|
|
33
|
-
|
|
32
|
+
var displayClass = {
|
|
34
33
|
never: 'hidden',
|
|
35
34
|
onRowHover: 'rowhover'
|
|
36
35
|
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
displayContent = 'always',
|
|
42
|
-
textAlign,
|
|
43
|
-
visible =
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
const renderContent = (0, _react.useCallback)(() => {
|
|
36
|
+
var RowColumn = function RowColumn(props) {
|
|
37
|
+
var customClass = props.customClass,
|
|
38
|
+
style = props.style,
|
|
39
|
+
_props$displayContent = props.displayContent,
|
|
40
|
+
displayContent = _props$displayContent === void 0 ? 'always' : _props$displayContent,
|
|
41
|
+
textAlign = props.textAlign,
|
|
42
|
+
_props$visible = props.visible,
|
|
43
|
+
visible = _props$visible === void 0 ? true : _props$visible,
|
|
44
|
+
rowSpan = props.rowSpan,
|
|
45
|
+
colSpan = props.colSpan;
|
|
46
|
+
var context = (0, _react.useContext)(_helpers.RowContext);
|
|
47
|
+
var skeletonize = context.skeletonize,
|
|
48
|
+
vertical = context.vertical,
|
|
49
|
+
_context$skeletonInRo = context.skeletonInRows,
|
|
50
|
+
skeletonInRows = _context$skeletonInRo === void 0 ? 10 : _context$skeletonInRo;
|
|
51
|
+
var hiddenContent = displayContent !== 'always';
|
|
52
|
+
var childrenProps = props.children;
|
|
53
|
+
var renderContent = function renderContent() {
|
|
56
54
|
if (skeletonize && vertical) {
|
|
57
55
|
return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
|
|
58
56
|
height: 16,
|
|
@@ -63,8 +61,8 @@ const RowColumn = props => {
|
|
|
63
61
|
}
|
|
64
62
|
return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
|
|
65
63
|
className: displayClass[displayContent]
|
|
66
|
-
},
|
|
67
|
-
}
|
|
64
|
+
}, childrenProps) : childrenProps;
|
|
65
|
+
};
|
|
68
66
|
if (!visible) return null;
|
|
69
67
|
if (skeletonize && !skeletonInRows && !vertical) return null;
|
|
70
68
|
return /*#__PURE__*/_react.default.createElement("td", {
|
|
@@ -72,9 +70,12 @@ const RowColumn = props => {
|
|
|
72
70
|
colSpan: colSpan,
|
|
73
71
|
className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : ''),
|
|
74
72
|
style: style,
|
|
75
|
-
onClick:
|
|
73
|
+
onClick: function onClick(e) {
|
|
74
|
+
getColClickEvent(e, _objectSpread(_objectSpread({}, context), props));
|
|
75
|
+
},
|
|
76
76
|
role: "presentation",
|
|
77
77
|
tabIndex: -1
|
|
78
78
|
}, renderContent());
|
|
79
79
|
};
|
|
80
|
-
var _default =
|
|
80
|
+
var _default = RowColumn;
|
|
81
|
+
exports.default = _default;
|
package/lib/table/helpers.js
CHANGED
|
@@ -6,10 +6,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getArrayFromNumber = exports.default = exports.RowContext = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
var TableContext = /*#__PURE__*/_react.default.createContext({});
|
|
10
|
+
var RowContext = /*#__PURE__*/_react.default.createContext({});
|
|
11
|
+
exports.RowContext = RowContext;
|
|
12
|
+
var getArrayFromNumber = function getArrayFromNumber(number) {
|
|
13
|
+
return Array.from({
|
|
14
|
+
length: number
|
|
15
|
+
}, function (_, i) {
|
|
16
|
+
return i + 1;
|
|
17
|
+
});
|
|
18
|
+
};
|
|
14
19
|
exports.getArrayFromNumber = getArrayFromNumber;
|
|
15
|
-
var _default =
|
|
20
|
+
var _default = TableContext;
|
|
21
|
+
exports.default = _default;
|