linear-react-components-ui 1.0.0-rc.2 → 1.0.0-rc.3
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/alerts/AlertContainer.js +1 -20
- package/lib/alerts/AlertProvider.js +13 -43
- package/lib/alerts/BaseAlert.js +2 -18
- package/lib/alerts/Message.js +21 -32
- package/lib/alerts/helpers.js +0 -2
- package/lib/alerts/index.js +0 -4
- package/lib/alerts/withAlert.js +1 -12
- package/lib/avatar/index.js +20 -35
- package/lib/badge/index.js +9 -14
- package/lib/buttons/ActivateButton.js +0 -6
- package/lib/buttons/AddButton.js +0 -7
- package/lib/buttons/Button.js +2 -15
- package/lib/buttons/ButtonGroups.js +0 -4
- package/lib/buttons/CancelButton.js +1 -11
- package/lib/buttons/DangerButton.js +1 -11
- package/lib/buttons/DefaultButton.js +43 -79
- package/lib/buttons/DestroyButton.js +1 -12
- package/lib/buttons/EditButton.js +0 -6
- package/lib/buttons/InactivateButton.js +0 -6
- package/lib/buttons/InfoButton.js +1 -11
- package/lib/buttons/PrimaryButton.js +1 -11
- package/lib/buttons/RestoreButton.js +0 -6
- package/lib/buttons/SaveButton.js +1 -11
- package/lib/buttons/SuccessButton.js +1 -11
- package/lib/buttons/WarningButton.js +1 -11
- package/lib/buttons/button_container/index.js +5 -11
- package/lib/buttons/index.js +0 -18
- package/lib/buttons/split_button/index.js +11 -17
- package/lib/calendar/DangerCalendar.js +1 -11
- package/lib/calendar/InfoCalendar.js +1 -11
- package/lib/calendar/PrimaryCalendar.js +1 -11
- package/lib/calendar/SuccessCalendar.js +1 -11
- package/lib/calendar/WarningCalendar.js +1 -11
- package/lib/calendar/base/Day.js +2 -13
- package/lib/calendar/base/Month.js +0 -17
- package/lib/calendar/base/Week.js +1 -17
- package/lib/calendar/base/helpers.js +8 -24
- package/lib/calendar/base/index.js +11 -35
- package/lib/calendar/index.js +0 -8
- package/lib/checkbox/Label.js +1 -7
- package/lib/checkbox/index.js +26 -51
- package/lib/dialog/Alert.js +0 -8
- package/lib/dialog/Custom.js +5 -17
- package/lib/dialog/Error.js +0 -8
- package/lib/dialog/Information.js +0 -8
- package/lib/dialog/Question.js +4 -15
- package/lib/dialog/Warning.js +0 -8
- package/lib/dialog/base/Content.js +1 -6
- package/lib/dialog/base/Footer.js +0 -4
- package/lib/dialog/base/Header.js +5 -13
- package/lib/dialog/base/index.js +7 -28
- package/lib/dialog/base/style.js +0 -2
- package/lib/dialog/form/index.js +7 -27
- package/lib/dialog/index.js +0 -9
- package/lib/drawer/Content.js +2 -13
- package/lib/drawer/Drawer.js +13 -42
- package/lib/drawer/Header.js +10 -27
- package/lib/drawer/helpers.js +0 -4
- package/lib/drawer/index.js +0 -8
- package/lib/dropdown/Popup.js +19 -32
- package/lib/dropdown/helper.js +0 -4
- package/lib/dropdown/withDropdown.js +16 -45
- package/lib/fieldset/index.js +19 -44
- package/lib/form/Field.js +14 -40
- package/lib/form/FieldArray.js +11 -30
- package/lib/form/FieldNumber.js +7 -17
- package/lib/form/FieldPeriod.js +9 -21
- package/lib/form/helpers.js +4 -29
- package/lib/form/index.js +31 -88
- package/lib/form/types.d.ts +1 -0
- package/lib/form/withFieldHOC.js +13 -32
- package/lib/form/withFormSecurity.js +3 -26
- package/lib/gridlayout/GridCol.js +5 -11
- package/lib/gridlayout/GridRow.js +3 -9
- package/lib/gridlayout/index.js +0 -4
- package/lib/icons/index.js +16 -26
- package/lib/index.js +0 -10
- package/lib/inputs/base/InputTextBase.js +42 -66
- package/lib/inputs/base/helpers.js +5 -18
- package/lib/inputs/color/index.js +9 -36
- package/lib/inputs/date/Dialog.js +2 -7
- package/lib/inputs/date/Dropdown.js +1 -8
- package/lib/inputs/date/helpers.js +2 -11
- package/lib/inputs/date/index.js +46 -99
- package/lib/inputs/inputHOC.js +8 -32
- package/lib/inputs/mask/BaseMask.js +1 -14
- package/lib/inputs/mask/Cnpj.js +10 -35
- package/lib/inputs/mask/Cpf.js +8 -31
- package/lib/inputs/mask/Phone.js +0 -6
- package/lib/inputs/mask/ZipCode.js +0 -6
- package/lib/inputs/mask/helpers.js +8 -20
- package/lib/inputs/mask/imaskHOC.js +48 -78
- package/lib/inputs/mask/index.js +0 -7
- package/lib/inputs/multiSelect/ActionButtons.js +4 -13
- package/lib/inputs/multiSelect/Dropdown.js +20 -43
- package/lib/inputs/multiSelect/helper.js +2 -4
- package/lib/inputs/multiSelect/index.js +41 -101
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.js +3 -10
- package/lib/inputs/number/Currency.js +1 -7
- package/lib/inputs/number/Decimal.js +0 -5
- package/lib/inputs/number/format_number.js +0 -7
- package/lib/inputs/number/index.js +3 -13
- package/lib/inputs/period/Dialog.js +2 -7
- package/lib/inputs/period/Dropdown.js +0 -7
- package/lib/inputs/period/PeriodList.js +1 -7
- package/lib/inputs/period/helper.js +2 -12
- package/lib/inputs/period/index.js +41 -112
- package/lib/inputs/search/index.js +16 -59
- package/lib/inputs/select/ActionButtons.js +4 -12
- package/lib/inputs/select/Dropdown.js +26 -46
- package/lib/inputs/select/helper.js +9 -25
- package/lib/inputs/select/index.js +2 -17
- package/lib/inputs/select/multiple/Selecteds.js +3 -7
- package/lib/inputs/select/multiple/index.js +35 -94
- package/lib/inputs/select/simple/index.js +47 -105
- package/lib/inputs/text/index.js +1 -5
- package/lib/inputs/textarea/index.js +4 -10
- package/lib/internals/withTooltip.js +23 -68
- package/lib/labelMessages/index.js +23 -43
- package/lib/labels/DangerLabel.js +1 -11
- package/lib/labels/DefaultLabel.js +17 -39
- package/lib/labels/InfoLabel.js +1 -11
- package/lib/labels/PrimaryLabel.js +1 -11
- package/lib/labels/SuccessLabel.js +1 -11
- package/lib/labels/WarningLabel.js +1 -11
- package/lib/labels/index.js +0 -10
- package/lib/labels/label_container/index.js +3 -7
- package/lib/list/Header.js +3 -7
- package/lib/list/Item.js +31 -66
- package/lib/list/Separator.js +0 -4
- package/lib/list/helpers.js +0 -4
- package/lib/list/index.js +23 -58
- package/lib/menus/float/MenuItem.js +8 -22
- package/lib/menus/float/helpers.js +0 -4
- package/lib/menus/float/index.js +8 -20
- package/lib/menus/index.js +0 -3
- package/lib/menus/sidenav/ExpandMenu.js +2 -7
- package/lib/menus/sidenav/MenuLink.js +3 -12
- package/lib/menus/sidenav/NavMenuGroup.js +3 -12
- package/lib/menus/sidenav/NavMenuItem.js +25 -54
- package/lib/menus/sidenav/NavSubMenuItem.js +6 -25
- package/lib/menus/sidenav/helpers.js +0 -9
- package/lib/menus/sidenav/index.js +24 -73
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +2 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +13 -43
- package/lib/noPermission/index.js +0 -6
- package/lib/panel/Content.js +7 -22
- package/lib/panel/DangerPanel.js +0 -7
- package/lib/panel/Default.js +18 -42
- package/lib/panel/Header.js +12 -27
- package/lib/panel/InfoPanel.js +0 -7
- package/lib/panel/PrimaryPanel.js +0 -7
- package/lib/panel/SuccessPanel.js +0 -7
- package/lib/panel/ToolBar.js +0 -5
- package/lib/panel/WarningPanel.js +0 -7
- package/lib/panel/helpers.js +2 -10
- package/lib/panel/index.js +0 -11
- package/lib/permissionValidations.js +3 -15
- package/lib/popover/PopoverText.js +0 -4
- package/lib/popover/PopoverTitle.js +0 -4
- package/lib/popover/index.js +12 -23
- package/lib/progress/Bar.js +20 -33
- package/lib/progress/index.js +5 -14
- package/lib/radio/index.js +21 -44
- package/lib/skeleton/SkeletonContainer.js +3 -9
- package/lib/skeleton/index.js +10 -22
- package/lib/spinner/SpinnerLoading.js +3 -7
- package/lib/spinner/index.js +16 -38
- package/lib/split/Split.js +30 -81
- package/lib/split/SplitSide.js +6 -18
- package/lib/split/helpers.js +0 -4
- package/lib/split/index.js +0 -5
- package/lib/table/Body.js +15 -29
- package/lib/table/Header.js +5 -28
- package/lib/table/HeaderColumn.js +10 -21
- package/lib/table/Row.js +16 -26
- package/lib/table/RowColumn.js +12 -29
- package/lib/table/helpers.js +0 -7
- package/lib/table/index.js +30 -60
- package/lib/tabs/DropdownItems.js +12 -21
- package/lib/tabs/Menu.js +5 -15
- package/lib/tabs/MenuItems.js +23 -33
- package/lib/tabs/Panel.js +12 -37
- package/lib/tabs/index.js +44 -111
- package/lib/tabs/tabHelpers.js +3 -16
- package/lib/toolbar/ButtonBar.js +13 -29
- package/lib/toolbar/LabelBar.js +11 -28
- package/lib/toolbar/Separator.js +0 -4
- package/lib/toolbar/ToolBarGroup.js +2 -6
- package/lib/toolbar/helpers.js +0 -2
- package/lib/toolbar/index.js +7 -23
- package/lib/tooltip/index.js +10 -25
- package/lib/treeview/Header.js +2 -6
- package/lib/treeview/Node.js +45 -109
- package/lib/treeview/constants.js +0 -4
- package/lib/treeview/index.js +52 -132
- package/lib/treeview_old/Header.js +1 -6
- package/lib/treeview_old/Node.js +2 -31
- package/lib/treeview_old/index.js +1 -9
- package/lib/uitour/index.js +31 -71
- package/package.json +1 -1
package/lib/table/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -36,96 +35,70 @@ Object.defineProperty(exports, "Th", {
|
|
|
36
35
|
}
|
|
37
36
|
});
|
|
38
37
|
exports.default = void 0;
|
|
39
|
-
|
|
40
38
|
var _react = _interopRequireWildcard(require("react"));
|
|
41
|
-
|
|
42
39
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
43
|
-
|
|
44
40
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
45
|
-
|
|
46
41
|
var _Row = _interopRequireDefault(require("./Row"));
|
|
47
|
-
|
|
48
42
|
var _Body = _interopRequireDefault(require("./Body"));
|
|
49
|
-
|
|
50
43
|
var _HeaderColumn = _interopRequireDefault(require("./HeaderColumn"));
|
|
51
|
-
|
|
52
44
|
var _RowColumn = _interopRequireDefault(require("./RowColumn"));
|
|
53
|
-
|
|
54
45
|
require("../assets/styles/table.scss");
|
|
55
|
-
|
|
56
46
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
57
|
-
|
|
58
47
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
59
|
-
|
|
60
48
|
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); }
|
|
61
|
-
|
|
62
49
|
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; }
|
|
63
|
-
|
|
64
50
|
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); }
|
|
65
|
-
|
|
66
51
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
67
|
-
|
|
68
52
|
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."); }
|
|
69
|
-
|
|
70
53
|
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); }
|
|
71
|
-
|
|
72
54
|
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; }
|
|
73
|
-
|
|
74
55
|
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; }
|
|
75
|
-
|
|
76
56
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
77
|
-
|
|
78
57
|
// TODO - Precisa finalizar o scroll no corpo da tabela.
|
|
79
58
|
var getClass = function getClass(_ref) {
|
|
80
59
|
var customClass = _ref.customClass,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
60
|
+
striped = _ref.striped,
|
|
61
|
+
bordered = _ref.bordered,
|
|
62
|
+
hovered = _ref.hovered,
|
|
63
|
+
skeletonize = _ref.skeletonize,
|
|
64
|
+
headerColored = _ref.headerColored,
|
|
65
|
+
condensed = _ref.condensed,
|
|
66
|
+
vertical = _ref.vertical,
|
|
67
|
+
bodyScrollable = _ref.bodyScrollable,
|
|
68
|
+
_ref$skeletonInRows = _ref.skeletonInRows,
|
|
69
|
+
skeletonInRows = _ref$skeletonInRows === void 0 ? 10 : _ref$skeletonInRows;
|
|
91
70
|
return "table-component ".concat(customClass, " ").concat(striped && '-striped', " \n ").concat(bordered && '-bordered', " ").concat(hovered && '-hovered', " ").concat(headerColored && '-headercolor', "\n ").concat(condensed && '-condensed', "\n ").concat(vertical && '-vertical', "\n ").concat(skeletonize && !skeletonInRows ? '-skeletonized' : '', "\n ").concat(bodyScrollable ? '-scrollable' : '');
|
|
92
71
|
};
|
|
93
|
-
|
|
94
72
|
var Table = function Table(props) {
|
|
95
73
|
var onColClick = props.onColClick,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
74
|
+
onRowClick = props.onRowClick,
|
|
75
|
+
bodyScrollable = props.bodyScrollable,
|
|
76
|
+
children = props.children,
|
|
77
|
+
vertical = props.vertical,
|
|
78
|
+
skeletonize = props.skeletonize,
|
|
79
|
+
strict = props.strict;
|
|
103
80
|
var _useState = (0, _react.useState)(props.selectedRowId),
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
81
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
82
|
+
selectedRowId = _useState2[0],
|
|
83
|
+
setSelectedRowId = _useState2[1];
|
|
108
84
|
var _useState3 = (0, _react.useState)(0),
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
85
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
86
|
+
bodyScrollWidth = _useState4[0],
|
|
87
|
+
setBodyScrollWidth = _useState4[1];
|
|
113
88
|
var _useState5 = (0, _react.useState)([]),
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
89
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
90
|
+
columnsWidth = _useState6[0],
|
|
91
|
+
setColumnsWidth = _useState6[1];
|
|
118
92
|
var _useState7 = (0, _react.useState)(0),
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
93
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
94
|
+
columnsCount = _useState8[0],
|
|
95
|
+
setColumnsCount = _useState8[1];
|
|
123
96
|
var bodyContainerRef = (0, _react.useRef)(null);
|
|
124
97
|
(0, _react.useEffect)(function () {
|
|
125
98
|
if (bodyScrollable && bodyContainerRef && bodyContainerRef.current) {
|
|
126
99
|
var _bodyContainerRef$cur = bodyContainerRef.current,
|
|
127
|
-
|
|
128
|
-
|
|
100
|
+
offsetWidth = _bodyContainerRef$cur.offsetWidth,
|
|
101
|
+
clientWidth = _bodyContainerRef$cur.clientWidth;
|
|
129
102
|
var scrollWidth = offsetWidth - clientWidth;
|
|
130
103
|
if (scrollWidth !== bodyScrollWidth) setBodyScrollWidth(scrollWidth);
|
|
131
104
|
}
|
|
@@ -133,7 +106,6 @@ var Table = function Table(props) {
|
|
|
133
106
|
(0, _react.useEffect)(function () {
|
|
134
107
|
setSelectedRowId(props.selectedRowId);
|
|
135
108
|
}, [props.selectedRowId]);
|
|
136
|
-
|
|
137
109
|
var contextValues = _extends({}, props, {
|
|
138
110
|
bodyContainerRef: bodyContainerRef,
|
|
139
111
|
bodyScrollWidth: bodyScrollWidth,
|
|
@@ -154,7 +126,6 @@ var Table = function Table(props) {
|
|
|
154
126
|
return setColumnsCount(count);
|
|
155
127
|
}
|
|
156
128
|
});
|
|
157
|
-
|
|
158
129
|
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
159
130
|
value: contextValues
|
|
160
131
|
}, bodyScrollable ? /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -166,6 +137,5 @@ var Table = function Table(props) {
|
|
|
166
137
|
className: getClass(props)
|
|
167
138
|
}, children));
|
|
168
139
|
};
|
|
169
|
-
|
|
170
140
|
var _default = Table;
|
|
171
141
|
exports.default = _default;
|
|
@@ -1,31 +1,23 @@
|
|
|
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _buttons = _interopRequireDefault(require("../buttons"));
|
|
13
|
-
|
|
14
10
|
var _list = _interopRequireWildcard(require("../list"));
|
|
15
|
-
|
|
16
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); }
|
|
17
|
-
|
|
18
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; }
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
|
|
22
14
|
var DropdownItems = function DropdownItems(_ref) {
|
|
23
15
|
var handlerClick = _ref.handlerClick,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
16
|
+
handlerRemovePanel = _ref.handlerRemovePanel,
|
|
17
|
+
_ref$dropdownPanels = _ref.dropdownPanels,
|
|
18
|
+
dropdownPanels = _ref$dropdownPanels === void 0 ? [] : _ref$dropdownPanels,
|
|
19
|
+
_ref$tabMenuSize = _ref.tabMenuSize,
|
|
20
|
+
tabMenuSize = _ref$tabMenuSize === void 0 ? 'medium' : _ref$tabMenuSize;
|
|
29
21
|
return dropdownPanels.length > 0 ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
30
22
|
dropdown: true,
|
|
31
23
|
dropdownAlign: "right",
|
|
@@ -37,13 +29,13 @@ var DropdownItems = function DropdownItems(_ref) {
|
|
|
37
29
|
customClass: "dropdown-hide-tabs"
|
|
38
30
|
}, dropdownPanels.map(function (panel, index) {
|
|
39
31
|
var _panel$props = panel.props,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
32
|
+
id = _panel$props.id,
|
|
33
|
+
title = _panel$props.title,
|
|
34
|
+
closeable = _panel$props.closeable,
|
|
35
|
+
iconAlign = _panel$props.iconAlign,
|
|
36
|
+
icon = _panel$props.icon,
|
|
37
|
+
iconName = _panel$props.iconName,
|
|
38
|
+
disabled = _panel$props.disabled;
|
|
47
39
|
return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
48
40
|
key: id
|
|
49
41
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -69,6 +61,5 @@ var DropdownItems = function DropdownItems(_ref) {
|
|
|
69
61
|
})));
|
|
70
62
|
}))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
71
63
|
};
|
|
72
|
-
|
|
73
64
|
var _default = DropdownItems;
|
|
74
65
|
exports.default = _default;
|
package/lib/tabs/Menu.js
CHANGED
|
@@ -4,29 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _MenuItems = _interopRequireDefault(require("./MenuItems"));
|
|
11
|
-
|
|
12
9
|
var _DropdownItems = _interopRequireDefault(require("./DropdownItems"));
|
|
13
|
-
|
|
14
10
|
var _excluded = ["menuRef", "toolbar", "toolBarRef", "customClassForToolBar"];
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
19
|
-
|
|
20
13
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
21
|
-
|
|
22
14
|
var Menu = function Menu(_ref) {
|
|
23
15
|
var menuRef = _ref.menuRef,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
16
|
+
toolbar = _ref.toolbar,
|
|
17
|
+
toolBarRef = _ref.toolBarRef,
|
|
18
|
+
_ref$customClassForTo = _ref.customClassForToolBar,
|
|
19
|
+
customClassForToolBar = _ref$customClassForTo === void 0 ? '' : _ref$customClassForTo,
|
|
20
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
30
21
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
31
22
|
className: "menucontainer",
|
|
32
23
|
ref: function ref(_ref2) {
|
|
@@ -39,6 +30,5 @@ var Menu = function Menu(_ref) {
|
|
|
39
30
|
} : undefined
|
|
40
31
|
}));
|
|
41
32
|
};
|
|
42
|
-
|
|
43
33
|
var _default = Menu;
|
|
44
34
|
exports.default = _default;
|
package/lib/tabs/MenuItems.js
CHANGED
|
@@ -1,56 +1,47 @@
|
|
|
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _buttons = _interopRequireDefault(require("../buttons"));
|
|
13
|
-
|
|
14
10
|
var helpers = _interopRequireWildcard(require("./tabHelpers"));
|
|
15
|
-
|
|
16
11
|
var _permissionValidations = require("../permissionValidations");
|
|
17
|
-
|
|
18
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); }
|
|
19
|
-
|
|
20
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; }
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
var MenuItems = function MenuItems(_ref) {
|
|
25
16
|
var handlerClick = _ref.handlerClick,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
17
|
+
currentPanels = _ref.currentPanels,
|
|
18
|
+
handlerRemovePanel = _ref.handlerRemovePanel,
|
|
19
|
+
_ref$tabWidth = _ref.tabWidth,
|
|
20
|
+
tabWidth = _ref$tabWidth === void 0 ? 'auto' : _ref$tabWidth,
|
|
21
|
+
_ref$tabMenuSize = _ref.tabMenuSize,
|
|
22
|
+
tabMenuSize = _ref$tabMenuSize === void 0 ? 'medium' : _ref$tabMenuSize,
|
|
23
|
+
_ref$tabMenuAlign = _ref.tabMenuAlign,
|
|
24
|
+
tabMenuAlign = _ref$tabMenuAlign === void 0 ? 'left' : _ref$tabMenuAlign,
|
|
25
|
+
_ref$selectedTabId = _ref.selectedTabId,
|
|
26
|
+
selectedTabId = _ref$selectedTabId === void 0 ? '' : _ref$selectedTabId,
|
|
27
|
+
_ref$firstTabIdent = _ref.firstTabIdent,
|
|
28
|
+
firstTabIdent = _ref$firstTabIdent === void 0 ? false : _ref$firstTabIdent;
|
|
38
29
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
39
30
|
className: "menu ".concat(firstTabIdent && '-firsttabident'),
|
|
40
31
|
style: helpers.menuStyles(tabMenuAlign)
|
|
41
32
|
}, currentPanels === null || currentPanels === void 0 ? void 0 : currentPanels.map(function (panel, index) {
|
|
42
33
|
var _panel$props = panel.props,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
34
|
+
id = _panel$props.id,
|
|
35
|
+
icon = _panel$props.icon,
|
|
36
|
+
title = _panel$props.title,
|
|
37
|
+
tooltip = _panel$props.tooltip,
|
|
38
|
+
disabled = _panel$props.disabled,
|
|
39
|
+
iconName = _panel$props.iconName,
|
|
40
|
+
closeable = _panel$props.closeable,
|
|
41
|
+
iconAlign = _panel$props.iconAlign,
|
|
42
|
+
tooltipWidth = _panel$props.tooltipWidth,
|
|
43
|
+
permissionAttr = _panel$props.permissionAttr,
|
|
44
|
+
tooltipPosition = _panel$props.tooltipPosition;
|
|
54
45
|
var onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
|
|
55
46
|
return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
|
|
56
47
|
key: id,
|
|
@@ -81,6 +72,5 @@ var MenuItems = function MenuItems(_ref) {
|
|
|
81
72
|
}));
|
|
82
73
|
}));
|
|
83
74
|
};
|
|
84
|
-
|
|
85
75
|
var _default = MenuItems;
|
|
86
76
|
exports.default = _default;
|
package/lib/tabs/Panel.js
CHANGED
|
@@ -1,73 +1,51 @@
|
|
|
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
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _tabHelpers = _interopRequireWildcard(require("./tabHelpers"));
|
|
13
|
-
|
|
14
10
|
var _permissionValidations = require("../permissionValidations");
|
|
15
|
-
|
|
16
11
|
var _noPermission = _interopRequireDefault(require("../noPermission"));
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
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); }
|
|
21
|
-
|
|
22
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; }
|
|
23
|
-
|
|
24
15
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
-
|
|
26
16
|
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."); }
|
|
27
|
-
|
|
28
17
|
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); }
|
|
29
|
-
|
|
30
18
|
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; }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
-
|
|
36
21
|
var observer = null;
|
|
37
|
-
|
|
38
22
|
var Panel = function Panel(_ref) {
|
|
39
23
|
var id = _ref.id,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
24
|
+
children = _ref.children,
|
|
25
|
+
onEndReached = _ref.onEndReached,
|
|
26
|
+
permissionAttr = _ref.permissionAttr,
|
|
27
|
+
_ref$customClass = _ref.customClass,
|
|
28
|
+
customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
|
|
29
|
+
_ref$onEndReachedThre = _ref.onEndReachedThreshold,
|
|
30
|
+
onEndReachedThreshold = _ref$onEndReachedThre === void 0 ? 0.1 : _ref$onEndReachedThre;
|
|
48
31
|
var _useContext = (0, _react.useContext)(_tabHelpers.default),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
32
|
+
selectedTabId = _useContext.selectedTabId,
|
|
33
|
+
contentHeight = _useContext.contentHeight;
|
|
52
34
|
var hidePanel = id !== selectedTabId ? 'hidepanel' : '';
|
|
53
35
|
var style = {};
|
|
54
36
|
var rootElementRef = (0, _react.useRef)(null);
|
|
55
37
|
var observedElement = (0, _react.useRef)(null);
|
|
56
38
|
/* usa uma referencia ao onEndReched pra evitar novas instancias do observer */
|
|
57
|
-
|
|
58
39
|
var onEndReachedRef = (0, _react.useRef)(onEndReached);
|
|
59
|
-
|
|
60
40
|
var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(_tabHelpers.onDeniedOptions, permissionAttr)),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
41
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
42
|
+
onDenied = _useState2[0];
|
|
64
43
|
var hideContent = onDenied.hideContent;
|
|
65
44
|
if (contentHeight) style.height = contentHeight;
|
|
66
45
|
var options = {
|
|
67
46
|
root: rootElementRef.current,
|
|
68
47
|
threshold: onEndReachedThreshold || 0
|
|
69
48
|
};
|
|
70
|
-
|
|
71
49
|
var scrollObserver = function scrollObserver(node) {
|
|
72
50
|
// evitar criação de multiplos observers
|
|
73
51
|
if (observer) observer.unobserve(node);
|
|
@@ -75,16 +53,14 @@ var Panel = function Panel(_ref) {
|
|
|
75
53
|
entries.forEach(function (en) {
|
|
76
54
|
if (en.intersectionRatio > 0) {
|
|
77
55
|
var _onEndReachedRef$curr;
|
|
78
|
-
|
|
79
56
|
(_onEndReachedRef$curr = onEndReachedRef.current) === null || _onEndReachedRef$curr === void 0 ? void 0 : _onEndReachedRef$curr.call(onEndReachedRef);
|
|
80
57
|
}
|
|
81
58
|
}, options);
|
|
82
59
|
});
|
|
83
60
|
observer.observe(node);
|
|
84
61
|
};
|
|
85
|
-
/* atualiza referencia caso a função mude */
|
|
86
|
-
|
|
87
62
|
|
|
63
|
+
/* atualiza referencia caso a função mude */
|
|
88
64
|
(0, _react.useEffect)(function () {
|
|
89
65
|
onEndReachedRef.current = onEndReached;
|
|
90
66
|
}, [onEndReached]);
|
|
@@ -102,6 +78,5 @@ var Panel = function Panel(_ref) {
|
|
|
102
78
|
ref: observedElement
|
|
103
79
|
}) : /*#__PURE__*/_react.default.createElement("noscript", null));
|
|
104
80
|
};
|
|
105
|
-
|
|
106
81
|
var _default = Panel;
|
|
107
82
|
exports.default = _default;
|