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/table/Header.js
CHANGED
|
@@ -1,25 +1,24 @@
|
|
|
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 _lodash = _interopRequireDefault(require("lodash"));
|
|
10
9
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
const getColumnsWidth = children => {
|
|
14
|
+
const columnsWidth = [];
|
|
16
15
|
if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props) {
|
|
17
|
-
|
|
18
|
-
if (!_lodash
|
|
19
|
-
columns.forEach(
|
|
20
|
-
|
|
21
|
-
if (_lodash
|
|
22
|
-
element.forEach(
|
|
16
|
+
let columns = children.props.children;
|
|
17
|
+
if (!_lodash.default.isArray(columns)) columns = [columns];
|
|
18
|
+
columns.forEach(element => {
|
|
19
|
+
let colWidth = 0;
|
|
20
|
+
if (_lodash.default.isArray(element)) {
|
|
21
|
+
element.forEach(elementArray => {
|
|
23
22
|
if (elementArray && elementArray.props) {
|
|
24
23
|
var _elementArray$props, _elementArray$props$s;
|
|
25
24
|
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;
|
|
@@ -35,61 +34,60 @@ var getColumnsWidth = function getColumnsWidth(children) {
|
|
|
35
34
|
}
|
|
36
35
|
return columnsWidth;
|
|
37
36
|
};
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
const countColumnsFromChildren = (element, columnsCount) => {
|
|
38
|
+
const count = columnsCount;
|
|
40
39
|
if ( /*#__PURE__*/(0, _react.isValidElement)(element)) {
|
|
41
40
|
var _element$props2;
|
|
42
|
-
if (_lodash
|
|
43
|
-
|
|
44
|
-
currentElement.children.forEach(
|
|
45
|
-
return countColumnsFromChildren(child, count);
|
|
46
|
-
});
|
|
41
|
+
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
|
+
const currentElement = element.props;
|
|
43
|
+
currentElement.children.forEach(child => countColumnsFromChildren(child, count));
|
|
47
44
|
} else if (element) {
|
|
48
45
|
count.current += 1;
|
|
49
46
|
}
|
|
50
|
-
} else if (_lodash
|
|
51
|
-
element.forEach(
|
|
52
|
-
return countColumnsFromChildren(child, count);
|
|
53
|
-
});
|
|
47
|
+
} else if (_lodash.default.isArray(element) && element.length > 0) {
|
|
48
|
+
element.forEach(child => countColumnsFromChildren(child, count));
|
|
54
49
|
}
|
|
55
50
|
};
|
|
56
|
-
|
|
57
|
-
if (_lodash
|
|
51
|
+
const getColumnsCount = (children, columnsCount) => {
|
|
52
|
+
if (_lodash.default.isArray(children) && children.length > 0 && children[0].props) {
|
|
58
53
|
countColumnsFromChildren(children[0].props.children, columnsCount);
|
|
59
54
|
} else if ( /*#__PURE__*/(0, _react.isValidElement)(children) && children.props && children.props.children) {
|
|
60
55
|
countColumnsFromChildren(children.props.children, columnsCount);
|
|
61
56
|
}
|
|
62
57
|
return columnsCount.current;
|
|
63
58
|
};
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
59
|
+
const Header = _ref => {
|
|
60
|
+
let {
|
|
61
|
+
customClass,
|
|
62
|
+
children
|
|
63
|
+
} = _ref;
|
|
64
|
+
const {
|
|
65
|
+
bodyScrollWidth,
|
|
66
|
+
bodyScrollable,
|
|
67
|
+
handlerSetColumnsWidth,
|
|
68
|
+
handlerSetColumnsCount
|
|
69
|
+
} = (0, _react.useContext)(_helpers.default);
|
|
70
|
+
const columnsCount = (0, _react.useRef)(0);
|
|
71
|
+
(0, _react.useEffect)(() => {
|
|
74
72
|
if (children && handlerSetColumnsWidth && handlerSetColumnsCount) {
|
|
75
73
|
handlerSetColumnsWidth(getColumnsWidth(children));
|
|
76
74
|
handlerSetColumnsCount(getColumnsCount(children, columnsCount));
|
|
77
75
|
}
|
|
78
76
|
}, []);
|
|
79
|
-
return bodyScrollable ? /*#__PURE__*/_react
|
|
77
|
+
return bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
|
|
80
78
|
className: "headercontainer",
|
|
81
79
|
style: {
|
|
82
80
|
paddingRight: bodyScrollWidth
|
|
83
81
|
}
|
|
84
|
-
}, /*#__PURE__*/_react
|
|
82
|
+
}, /*#__PURE__*/_react.default.createElement("table", {
|
|
85
83
|
className: "innertable",
|
|
86
84
|
style: {
|
|
87
85
|
tableLayout: 'fixed'
|
|
88
86
|
}
|
|
89
|
-
}, /*#__PURE__*/_react
|
|
87
|
+
}, /*#__PURE__*/_react.default.createElement("thead", {
|
|
90
88
|
className: "theader ".concat(customClass)
|
|
91
|
-
}, children))) : /*#__PURE__*/_react
|
|
89
|
+
}, children))) : /*#__PURE__*/_react.default.createElement("thead", {
|
|
92
90
|
className: "theader ".concat(customClass)
|
|
93
91
|
}, children);
|
|
94
92
|
};
|
|
95
|
-
var _default = exports
|
|
93
|
+
var _default = exports.default = Header;
|
|
@@ -1,40 +1,40 @@
|
|
|
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 _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
10
9
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
visible =
|
|
21
|
-
id
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
skeletonInRows =
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
const HeaderColumn = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
customClass,
|
|
16
|
+
style,
|
|
17
|
+
children,
|
|
18
|
+
textAlign,
|
|
19
|
+
visible = true,
|
|
20
|
+
id
|
|
21
|
+
} = _ref;
|
|
22
|
+
const {
|
|
23
|
+
skeletonize,
|
|
24
|
+
vertical,
|
|
25
|
+
skeletonInHeader,
|
|
26
|
+
skeletonInRows = 10
|
|
27
|
+
} = (0, _react.useContext)(_helpers.default);
|
|
28
28
|
if (!visible) return null;
|
|
29
|
-
return /*#__PURE__*/_react
|
|
29
|
+
return /*#__PURE__*/_react.default.createElement("th", {
|
|
30
30
|
id: id,
|
|
31
31
|
className: "headercolumn ".concat(customClass, " text-align-").concat(textAlign),
|
|
32
32
|
style: style
|
|
33
|
-
}, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react
|
|
33
|
+
}, skeletonize && (skeletonInHeader || !skeletonInRows) && !vertical ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
|
|
34
34
|
height: style && style.height ? undefined : 16,
|
|
35
35
|
style: {
|
|
36
36
|
marginBottom: 0
|
|
37
37
|
}
|
|
38
38
|
}) : children);
|
|
39
39
|
};
|
|
40
|
-
var _default = exports
|
|
40
|
+
var _default = exports.default = HeaderColumn;
|
package/lib/table/Row.js
CHANGED
|
@@ -3,78 +3,76 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _helpers = _interopRequireWildcard(require("./helpers"));
|
|
9
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
11
|
-
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); }
|
|
9
|
+
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); }
|
|
10
|
+
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
11
|
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; }
|
|
13
12
|
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; }
|
|
14
13
|
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; }
|
|
15
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
16
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
rowBorder =
|
|
29
|
-
divider
|
|
30
|
-
dividerTitle
|
|
31
|
-
dividerStyle
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
skeletonInRows: skeletonInRows
|
|
14
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
15
|
+
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); }
|
|
16
|
+
const Row = props => {
|
|
17
|
+
const {
|
|
18
|
+
customClass,
|
|
19
|
+
children,
|
|
20
|
+
rowId,
|
|
21
|
+
dataId,
|
|
22
|
+
onClick,
|
|
23
|
+
height,
|
|
24
|
+
style,
|
|
25
|
+
onMouseEnter,
|
|
26
|
+
onMouseLeave,
|
|
27
|
+
rowBorder = true,
|
|
28
|
+
divider,
|
|
29
|
+
dividerTitle,
|
|
30
|
+
dividerStyle,
|
|
31
|
+
dividerColor = 'info',
|
|
32
|
+
dividerColSpan = 2
|
|
33
|
+
} = props;
|
|
34
|
+
const {
|
|
35
|
+
selectedRowId,
|
|
36
|
+
handleSelectRow,
|
|
37
|
+
handleTableRowClick,
|
|
38
|
+
handleTableColClick,
|
|
39
|
+
vertical,
|
|
40
|
+
skeletonize,
|
|
41
|
+
skeletonInRows = 10
|
|
42
|
+
} = (0, _react.useContext)(_helpers.default);
|
|
43
|
+
const contextValues = {
|
|
44
|
+
dataId,
|
|
45
|
+
rowBorder,
|
|
46
|
+
handleTableColClick,
|
|
47
|
+
vertical,
|
|
48
|
+
skeletonize,
|
|
49
|
+
skeletonInRows
|
|
52
50
|
};
|
|
53
|
-
return /*#__PURE__*/_react
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement(_helpers.RowContext.Provider, {
|
|
54
52
|
value: contextValues
|
|
55
|
-
}, !divider ? /*#__PURE__*/_react
|
|
53
|
+
}, !divider ? /*#__PURE__*/_react.default.createElement("tr", {
|
|
56
54
|
onMouseEnter: onMouseEnter,
|
|
57
55
|
onMouseLeave: onMouseLeave,
|
|
58
56
|
className: "trow ".concat(customClass, " ").concat(rowId && selectedRowId === rowId ? '-selected' : ''),
|
|
59
|
-
onClick:
|
|
57
|
+
onClick: e => {
|
|
60
58
|
if (handleSelectRow && (rowId !== undefined || rowId !== null)) handleSelectRow(rowId);
|
|
61
59
|
if (handleTableRowClick) handleTableRowClick(e, dataId);
|
|
62
|
-
if (
|
|
60
|
+
if (onClick) onClick(e, dataId);
|
|
63
61
|
},
|
|
64
62
|
id: rowId,
|
|
65
63
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
66
|
-
height
|
|
64
|
+
height
|
|
67
65
|
})
|
|
68
|
-
}, children) : /*#__PURE__*/_react
|
|
66
|
+
}, children) : /*#__PURE__*/_react.default.createElement("tr", {
|
|
69
67
|
className: "trow trow-divider"
|
|
70
|
-
}, vertical ? /*#__PURE__*/_react
|
|
68
|
+
}, vertical ? /*#__PURE__*/_react.default.createElement("th", {
|
|
71
69
|
colSpan: dividerColSpan,
|
|
72
70
|
className: "-divider -".concat(dividerColor),
|
|
73
71
|
style: dividerStyle
|
|
74
|
-
}, dividerTitle || '') : /*#__PURE__*/_react
|
|
72
|
+
}, dividerTitle || '') : /*#__PURE__*/_react.default.createElement("td", {
|
|
75
73
|
colSpan: dividerColSpan,
|
|
76
74
|
className: "-divider -".concat(dividerColor),
|
|
77
75
|
style: dividerStyle
|
|
78
76
|
}, dividerTitle || '')));
|
|
79
77
|
};
|
|
80
|
-
var _default = exports
|
|
78
|
+
var _default = exports.default = Row;
|
package/lib/table/RowColumn.js
CHANGED
|
@@ -3,24 +3,25 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _helpers = require("./helpers");
|
|
9
9
|
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
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
|
-
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); }
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
13
|
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; }
|
|
15
14
|
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; }
|
|
16
15
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
18
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
16
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
17
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
18
|
function getColClickEvent(event, _ref) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
19
|
+
let {
|
|
20
|
+
ignoreTableColClick,
|
|
21
|
+
handleTableColClick,
|
|
22
|
+
onClick,
|
|
23
|
+
dataId
|
|
24
|
+
} = _ref;
|
|
24
25
|
if (ignoreTableColClick) return undefined;
|
|
25
26
|
if (onClick) {
|
|
26
27
|
return onClick(event, dataId);
|
|
@@ -29,52 +30,53 @@ function getColClickEvent(event, _ref) {
|
|
|
29
30
|
}
|
|
30
31
|
return undefined;
|
|
31
32
|
}
|
|
32
|
-
|
|
33
|
+
const displayClass = {
|
|
33
34
|
never: 'hidden',
|
|
34
35
|
onRowHover: 'rowhover'
|
|
35
36
|
};
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
displayContent =
|
|
41
|
-
textAlign
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
skeletonInRows =
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
37
|
+
const RowColumn = props => {
|
|
38
|
+
const {
|
|
39
|
+
customClass,
|
|
40
|
+
style,
|
|
41
|
+
displayContent = 'always',
|
|
42
|
+
textAlign,
|
|
43
|
+
visible = true,
|
|
44
|
+
rowSpan,
|
|
45
|
+
colSpan
|
|
46
|
+
} = props;
|
|
47
|
+
const context = (0, _react.useContext)(_helpers.RowContext);
|
|
48
|
+
const {
|
|
49
|
+
skeletonize,
|
|
50
|
+
vertical,
|
|
51
|
+
skeletonInRows = 10
|
|
52
|
+
} = context;
|
|
53
|
+
const hiddenContent = displayContent !== 'always';
|
|
54
|
+
const childrenProps = props.children;
|
|
55
|
+
const renderContent = () => {
|
|
54
56
|
if (skeletonize && vertical) {
|
|
55
|
-
return /*#__PURE__*/_react
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
|
|
56
58
|
height: 16,
|
|
57
59
|
style: {
|
|
58
60
|
marginBottom: 0
|
|
59
61
|
}
|
|
60
62
|
});
|
|
61
63
|
}
|
|
62
|
-
return hiddenContent && displayContent ? /*#__PURE__*/_react
|
|
64
|
+
return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
|
|
63
65
|
className: displayClass[displayContent]
|
|
64
66
|
}, childrenProps) : childrenProps;
|
|
65
67
|
};
|
|
66
68
|
if (!visible) return null;
|
|
67
69
|
if (skeletonize && !skeletonInRows && !vertical) return null;
|
|
68
|
-
return /*#__PURE__*/_react
|
|
70
|
+
return /*#__PURE__*/_react.default.createElement("td", {
|
|
69
71
|
rowSpan: rowSpan,
|
|
70
72
|
colSpan: colSpan,
|
|
71
73
|
className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : ''),
|
|
72
74
|
style: style,
|
|
73
|
-
onClick:
|
|
75
|
+
onClick: e => {
|
|
74
76
|
getColClickEvent(e, _objectSpread(_objectSpread({}, context), props));
|
|
75
77
|
},
|
|
76
78
|
role: "presentation",
|
|
77
79
|
tabIndex: -1
|
|
78
80
|
}, renderContent());
|
|
79
81
|
};
|
|
80
|
-
var _default = exports
|
|
82
|
+
var _default = exports.default = RowColumn;
|
package/lib/table/helpers.js
CHANGED
|
@@ -3,16 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getArrayFromNumber = exports
|
|
6
|
+
exports.getArrayFromNumber = exports.default = exports.RowContext = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
var _default = exports["default"] = TableContext;
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const TableContext = /*#__PURE__*/_react.default.createContext({});
|
|
10
|
+
const RowContext = exports.RowContext = /*#__PURE__*/_react.default.createContext({});
|
|
11
|
+
const getArrayFromNumber = number => Array.from({
|
|
12
|
+
length: number
|
|
13
|
+
}, (_, i) => i + 1);
|
|
14
|
+
exports.getArrayFromNumber = getArrayFromNumber;
|
|
15
|
+
var _default = exports.default = TableContext;
|