linear-react-components-ui 1.0.14 → 1.1.0-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 +45 -77
- package/.gitlab-ci.yml +2 -2
- package/.vscode/settings.json +3 -3
- package/babel.config.json +2 -2
- package/lib/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +1 -1
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/@types/StorageMock.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +7 -8
- package/lib/alerts/AlertProvider.js +17 -18
- package/lib/alerts/BaseAlert.js +5 -6
- package/lib/alerts/Message.js +12 -13
- package/lib/alerts/helpers.js +2 -3
- package/lib/alerts/index.js +4 -5
- package/lib/alerts/types.d.ts +1 -1
- package/lib/alerts/withAlert.js +8 -9
- package/lib/assets/styles/tabs.scss +1 -1
- package/lib/avatar/index.js +13 -14
- package/lib/avatar/types.d.ts +1 -1
- package/lib/badge/index.js +5 -6
- package/lib/badge/types.d.ts +1 -1
- package/lib/buttons/ActivateButton.js +4 -5
- package/lib/buttons/AddButton.js +5 -6
- package/lib/buttons/Button.js +7 -8
- package/lib/buttons/ButtonGroups.js +4 -5
- package/lib/buttons/CancelButton.js +4 -5
- package/lib/buttons/DangerButton.js +4 -5
- package/lib/buttons/DefaultButton.js +18 -19
- package/lib/buttons/DestroyButton.js +5 -6
- package/lib/buttons/EditButton.js +4 -5
- package/lib/buttons/InactivateButton.js +4 -5
- package/lib/buttons/InfoButton.js +4 -5
- package/lib/buttons/PrimaryButton.js +4 -5
- package/lib/buttons/RestoreButton.js +4 -5
- package/lib/buttons/SaveButton.js +4 -5
- package/lib/buttons/SuccessButton.js +4 -5
- package/lib/buttons/WarningButton.js +4 -5
- package/lib/buttons/button_container/index.js +10 -11
- package/lib/buttons/index.js +17 -18
- package/lib/buttons/split_button/index.js +5 -6
- package/lib/buttons/types.d.ts +1 -1
- package/lib/calendar/DangerCalendar.js +4 -5
- package/lib/calendar/InfoCalendar.js +4 -5
- package/lib/calendar/PrimaryCalendar.js +4 -5
- package/lib/calendar/SuccessCalendar.js +4 -5
- package/lib/calendar/WarningCalendar.js +4 -5
- package/lib/calendar/base/Day.js +8 -9
- package/lib/calendar/base/Month.js +5 -6
- package/lib/calendar/base/Week.js +5 -6
- package/lib/calendar/base/helpers.js +7 -9
- package/lib/calendar/base/index.js +17 -18
- package/lib/calendar/index.js +8 -9
- package/lib/calendar/types.d.ts +1 -1
- package/lib/checkbox/Label.js +4 -5
- package/lib/checkbox/index.js +13 -14
- package/lib/checkbox/types.d.ts +1 -1
- package/lib/dialog/Alert.js +6 -7
- package/lib/dialog/Custom.js +12 -13
- package/lib/dialog/Error.js +6 -7
- package/lib/dialog/Information.js +6 -7
- package/lib/dialog/Question.js +10 -11
- package/lib/dialog/Warning.js +8 -8
- package/lib/dialog/base/Content.js +4 -5
- package/lib/dialog/base/Footer.js +4 -5
- package/lib/dialog/base/Header.js +12 -13
- package/lib/dialog/base/index.js +10 -11
- package/lib/dialog/base/style.js +2 -3
- package/lib/dialog/form/index.js +23 -25
- package/lib/dialog/index.js +9 -10
- package/lib/dialog/types.d.ts +1 -1
- package/lib/drawer/Content.js +8 -9
- package/lib/drawer/Drawer.js +19 -20
- package/lib/drawer/Header.js +19 -20
- package/lib/drawer/helpers.js +4 -5
- package/lib/drawer/index.js +5 -6
- package/lib/drawer/types.d.ts +1 -1
- package/lib/dropdown/Popup.js +4 -5
- package/lib/dropdown/helper.js +3 -5
- package/lib/dropdown/types.d.ts +1 -1
- package/lib/dropdown/withDropdown.js +13 -15
- package/lib/fieldset/index.js +15 -16
- package/lib/fieldset/types.d.ts +1 -1
- package/lib/form/Field.d.ts +1 -1
- package/lib/form/Field.js +20 -20
- package/lib/form/FieldArray.js +20 -21
- package/lib/form/FieldNumber.js +15 -16
- package/lib/form/FieldPeriod.js +21 -22
- package/lib/form/helpers.js +12 -18
- package/lib/form/index.js +28 -29
- package/lib/form/types.d.ts +1 -1
- package/lib/form/withFieldHOC.js +11 -12
- package/lib/form/withFormSecurity.js +9 -11
- package/lib/gridlayout/GridCol.js +4 -5
- package/lib/gridlayout/GridRow.js +4 -5
- package/lib/gridlayout/index.js +4 -5
- package/lib/gridlayout/types.d.ts +1 -1
- package/lib/hint/index.js +8 -9
- package/lib/hint/types.d.ts +1 -1
- package/lib/icons/helper.js +3 -4
- package/lib/icons/index.js +10 -11
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +10 -10
- package/lib/inputs/base/InputTextBase.js +21 -22
- package/lib/inputs/base/helpers.js +10 -14
- package/lib/inputs/base/types.d.ts +1 -1
- package/lib/inputs/color/index.js +13 -14
- package/lib/inputs/color/types.d.ts +1 -1
- package/lib/inputs/date/Dialog.js +4 -5
- package/lib/inputs/date/Dropdown.js +4 -5
- package/lib/inputs/date/helpers.js +9 -13
- package/lib/inputs/date/index.js +20 -21
- package/lib/inputs/date/types.d.ts +1 -1
- package/lib/inputs/file/DefaultFile.js +19 -20
- package/lib/inputs/file/DragDropFile.js +42 -43
- package/lib/inputs/file/File.js +9 -10
- package/lib/inputs/file/FileButtonSettings.js +6 -7
- package/lib/inputs/file/helpers.js +2 -3
- package/lib/inputs/file/index.js +5 -6
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.js +10 -11
- package/lib/inputs/mask/BaseMask.js +9 -10
- package/lib/inputs/mask/Cnpj.js +9 -10
- package/lib/inputs/mask/Cpf.js +9 -10
- package/lib/inputs/mask/Phone.js +4 -5
- package/lib/inputs/mask/ZipCode.js +4 -5
- package/lib/inputs/mask/helpers.js +7 -7
- package/lib/inputs/mask/imaskHOC.js +9 -10
- package/lib/inputs/mask/index.js +7 -8
- package/lib/inputs/mask/types.d.ts +1 -1
- package/lib/inputs/multiSelect/ActionButtons.js +10 -11
- package/lib/inputs/multiSelect/Dropdown.js +26 -27
- package/lib/inputs/multiSelect/helper.js +2 -3
- package/lib/inputs/multiSelect/index.js +21 -22
- package/lib/inputs/multiSelect/types.d.ts +1 -1
- package/lib/inputs/number/BaseNumber.js +9 -10
- package/lib/inputs/number/Currency.js +5 -6
- package/lib/inputs/number/Decimal.js +4 -5
- package/lib/inputs/number/format_number.js +4 -7
- package/lib/inputs/number/index.js +6 -7
- package/lib/inputs/number/types.d.ts +1 -1
- package/lib/inputs/period/Dialog.js +4 -5
- package/lib/inputs/period/Dropdown.js +6 -7
- package/lib/inputs/period/PeriodList.js +7 -8
- package/lib/inputs/period/helper.js +10 -14
- package/lib/inputs/period/index.js +48 -49
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +19 -20
- package/lib/inputs/select/ActionButtons.js +7 -8
- package/lib/inputs/select/Dropdown.js +22 -23
- package/lib/inputs/select/helper.js +6 -11
- package/lib/inputs/select/index.js +6 -7
- package/lib/inputs/select/multiple/Selecteds.js +6 -7
- package/lib/inputs/select/multiple/index.js +15 -16
- package/lib/inputs/select/simple/index.js +15 -16
- package/lib/inputs/select/types.d.ts +1 -1
- package/lib/inputs/text/index.js +4 -5
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +5 -6
- package/lib/inputs/textarea/types.d.ts +1 -1
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/colorStyles.js +2 -3
- package/lib/internals/constants.js +2 -4
- package/lib/internals/types.d.ts +1 -1
- package/lib/internals/withTooltip.js +10 -11
- package/lib/labelMessages/index.js +12 -13
- package/lib/labelMessages/types.d.ts +1 -1
- package/lib/labels/DangerLabel.js +4 -5
- package/lib/labels/DefaultLabel.js +9 -10
- package/lib/labels/InfoLabel.js +4 -5
- package/lib/labels/PrimaryLabel.js +4 -5
- package/lib/labels/SuccessLabel.js +4 -5
- package/lib/labels/WarningLabel.js +4 -5
- package/lib/labels/index.js +9 -10
- package/lib/labels/label_container/index.js +5 -6
- package/lib/labels/types.d.ts +1 -1
- package/lib/list/Header.js +5 -6
- package/lib/list/Item.js +18 -19
- package/lib/list/Separator.js +4 -5
- package/lib/list/helpers.js +4 -6
- package/lib/list/index.js +17 -18
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +14 -15
- package/lib/menus/float/SubMenuContainer.js +18 -19
- package/lib/menus/float/helpers.js +4 -5
- package/lib/menus/float/index.d.ts +10 -10
- package/lib/menus/float/index.js +10 -11
- package/lib/menus/float/types.d.ts +1 -1
- package/lib/menus/index.js +3 -4
- package/lib/menus/sidenav/ExpandMenu.js +5 -6
- package/lib/menus/sidenav/MenuLink.js +5 -6
- package/lib/menus/sidenav/NavMenuGroup.js +7 -8
- package/lib/menus/sidenav/NavMenuItem.js +15 -16
- package/lib/menus/sidenav/NavSubMenuItem.js +10 -11
- package/lib/menus/sidenav/helpers.js +5 -8
- package/lib/menus/sidenav/index.js +22 -23
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -8
- package/lib/menus/sidenav/popup_menu_search/index.js +15 -16
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +7 -8
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +8 -9
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +5 -6
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +11 -12
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +14 -15
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +5 -6
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +5 -6
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +5 -6
- 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 +5 -6
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +4 -5
- package/lib/panel/index.d.ts +1 -1
- package/lib/panel/index.js +10 -11
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +4 -7
- package/lib/popover/PopoverText.js +4 -5
- package/lib/popover/PopoverTitle.js +4 -5
- package/lib/popover/index.js +8 -9
- package/lib/popover/types.d.ts +1 -1
- package/lib/progress/Bar.js +5 -6
- package/lib/progress/index.js +11 -12
- package/lib/progress/types.d.ts +1 -1
- package/lib/radio/index.js +14 -15
- package/lib/radio/types.d.ts +1 -1
- package/lib/shortcuts/index.js +5 -6
- package/lib/shortcuts/types.d.ts +1 -1
- package/lib/skeleton/SkeletonContainer.js +4 -5
- package/lib/skeleton/index.js +11 -12
- package/lib/skeleton/types.d.ts +1 -1
- package/lib/spinner/SpinnerLoading.js +41 -42
- package/lib/spinner/index.js +10 -11
- package/lib/spinner/types.d.ts +1 -1
- package/lib/split/Split.js +15 -16
- package/lib/split/SplitSide.js +8 -9
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -5
- package/lib/split/index.js +4 -5
- package/lib/split/types.d.ts +1 -1
- package/lib/table/Body.js +14 -15
- package/lib/table/Header.js +16 -17
- package/lib/table/HeaderColumn.js +9 -10
- package/lib/table/Row.js +15 -16
- package/lib/table/RowColumn.js +13 -14
- package/lib/table/helpers.js +6 -9
- package/lib/table/index.js +16 -17
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +12 -13
- package/lib/tabs/Menu.js +5 -6
- package/lib/tabs/MenuItems.js +10 -11
- package/lib/tabs/Panel.d.ts +1 -1
- package/lib/tabs/Panel.js +22 -22
- package/lib/tabs/index.js +15 -15
- package/lib/tabs/tabHelpers.d.ts +2 -3
- package/lib/tabs/tabHelpers.js +27 -17
- package/lib/tabs/types.d.ts +2 -1
- package/lib/toolbar/ButtonBar.js +25 -26
- package/lib/toolbar/LabelBar.js +17 -18
- package/lib/toolbar/Separator.js +4 -5
- package/lib/toolbar/ToolBarGroup.js +4 -5
- package/lib/toolbar/helpers.js +2 -3
- package/lib/toolbar/index.js +14 -15
- package/lib/toolbar/types.d.ts +1 -1
- package/lib/tooltip/index.js +9 -10
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +9 -10
- package/lib/treetable/Header.js +7 -8
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +41 -42
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/helpers.js +4 -7
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treetable/index.js +11 -12
- package/lib/treeview/Header.js +5 -6
- package/lib/treeview/Node.js +33 -34
- package/lib/treeview/constants.js +2 -3
- package/lib/treeview/index.js +22 -23
- package/lib/treeview/types.d.ts +1 -1
- package/lib/{types-fe4a1068.d.ts → types-PItfhaS-.d.ts} +1 -1
- package/lib/{types.d-73cece43.d.ts → types.d-BfM3lUbt.d.ts} +1 -1
- package/lib/uitour/helpers.js +4 -7
- package/lib/uitour/index.js +22 -23
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +75 -76
package/lib/table/helpers.js
CHANGED
|
@@ -3,19 +3,16 @@
|
|
|
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 : { default: obj }; }
|
|
9
|
-
var TableContext = /*#__PURE__*/_react
|
|
10
|
-
var RowContext = /*#__PURE__*/_react
|
|
11
|
-
exports.
|
|
12
|
-
var getArrayFromNumber = function getArrayFromNumber(number) {
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
+
var TableContext = /*#__PURE__*/_react["default"].createContext({});
|
|
10
|
+
var RowContext = exports.RowContext = /*#__PURE__*/_react["default"].createContext({});
|
|
11
|
+
var getArrayFromNumber = exports.getArrayFromNumber = function getArrayFromNumber(number) {
|
|
13
12
|
return Array.from({
|
|
14
13
|
length: number
|
|
15
14
|
}, function (_, i) {
|
|
16
15
|
return i + 1;
|
|
17
16
|
});
|
|
18
17
|
};
|
|
19
|
-
exports
|
|
20
|
-
var _default = TableContext;
|
|
21
|
-
exports.default = _default;
|
|
18
|
+
var _default = exports["default"] = TableContext;
|
package/lib/table/index.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
Object.defineProperty(exports, "TBody", {
|
|
8
8
|
enumerable: true,
|
|
9
9
|
get: function get() {
|
|
10
|
-
return _Body
|
|
10
|
+
return _Body["default"];
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
13
|
Object.defineProperty(exports, "THeader", {
|
|
14
14
|
enumerable: true,
|
|
15
15
|
get: function get() {
|
|
16
|
-
return _Header
|
|
16
|
+
return _Header["default"];
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
Object.defineProperty(exports, "TRow", {
|
|
20
20
|
enumerable: true,
|
|
21
21
|
get: function get() {
|
|
22
|
-
return _Row
|
|
22
|
+
return _Row["default"];
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
Object.defineProperty(exports, "Td", {
|
|
26
26
|
enumerable: true,
|
|
27
27
|
get: function get() {
|
|
28
|
-
return _RowColumn
|
|
28
|
+
return _RowColumn["default"];
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
31
|
Object.defineProperty(exports, "Th", {
|
|
32
32
|
enumerable: true,
|
|
33
33
|
get: function get() {
|
|
34
|
-
return _HeaderColumn
|
|
34
|
+
return _HeaderColumn["default"];
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
exports
|
|
37
|
+
exports["default"] = void 0;
|
|
38
38
|
var _react = _interopRequireWildcard(require("react"));
|
|
39
39
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
40
40
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
@@ -46,15 +46,15 @@ require("../assets/styles/table.scss");
|
|
|
46
46
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
47
47
|
var _excluded = ["children"],
|
|
48
48
|
_excluded2 = ["onColClick", "onRowClick", "bodyScrollable", "vertical", "skeletonize", "strict", "skeletonHeight", "skeletonInHeader", "skeletonInRows", "customClass", "bordered", "hovered", "headerColored", "condensed", "selectedRowId", "striped"];
|
|
49
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
50
|
-
function _getRequireWildcardCache(
|
|
51
|
-
function _interopRequireWildcard(
|
|
49
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
50
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
51
|
+
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 && Object.prototype.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; }
|
|
52
52
|
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); }
|
|
53
53
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
54
54
|
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."); }
|
|
55
55
|
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); }
|
|
56
56
|
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; }
|
|
57
|
-
function _iterableToArrayLimit(
|
|
57
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
58
58
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
59
59
|
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; }
|
|
60
60
|
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; }
|
|
@@ -114,7 +114,7 @@ var Table = function Table(_ref2) {
|
|
|
114
114
|
setSelectedRowId(selectedId);
|
|
115
115
|
}, []);
|
|
116
116
|
var handlerSetColumnsWidth = (0, _react.useCallback)(function (widths) {
|
|
117
|
-
if (!_lodash
|
|
117
|
+
if (!_lodash["default"].isEmpty(widths) && _lodash["default"].isEmpty(columnsWidth)) setColumnsWidth(widths);
|
|
118
118
|
}, [columnsWidth]);
|
|
119
119
|
var handlerSetColumnsCount = (0, _react.useCallback)(function (count) {
|
|
120
120
|
return setColumnsCount(count);
|
|
@@ -154,16 +154,15 @@ var Table = function Table(_ref2) {
|
|
|
154
154
|
(0, _react.useEffect)(function () {
|
|
155
155
|
setSelectedRowId(props.selectedRowId);
|
|
156
156
|
}, [props.selectedRowId]);
|
|
157
|
-
return /*#__PURE__*/_react
|
|
157
|
+
return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
|
|
158
158
|
value: contextValues
|
|
159
|
-
}, bodyScrollable ? /*#__PURE__*/_react
|
|
159
|
+
}, bodyScrollable ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
160
160
|
className: getClass(props)
|
|
161
|
-
}, children) : /*#__PURE__*/_react
|
|
161
|
+
}, children) : /*#__PURE__*/_react["default"].createElement("table", _extends({
|
|
162
162
|
style: {
|
|
163
163
|
contain: strict ? 'strict' : 'size style'
|
|
164
164
|
},
|
|
165
165
|
className: getClass(props)
|
|
166
166
|
}, rest), children));
|
|
167
167
|
};
|
|
168
|
-
var _default = Table;
|
|
169
|
-
exports.default = _default;
|
|
168
|
+
var _default = exports["default"] = Table;
|
package/lib/table/types.d.ts
CHANGED
|
@@ -91,4 +91,4 @@ type TableElement = {
|
|
|
91
91
|
};
|
|
92
92
|
};
|
|
93
93
|
|
|
94
|
-
export { ITableBodyProps, ITableContext, ITableHeaderProps, ITableProps, ITableRowContext, ITableRowProps, TableElement };
|
|
94
|
+
export type { ITableBodyProps, ITableContext, ITableHeaderProps, ITableProps, ITableRowContext, ITableRowProps, TableElement };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _buttons = _interopRequireDefault(require("../buttons"));
|
|
10
10
|
var _list = _interopRequireWildcard(require("../list"));
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
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 _getRequireWildcardCache(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 && Object.prototype.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
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
14
|
var DropdownItems = function DropdownItems(_ref) {
|
|
15
15
|
var handlerClick = _ref.handlerClick,
|
|
16
16
|
handlerRemovePanel = _ref.handlerRemovePanel,
|
|
@@ -18,14 +18,14 @@ var DropdownItems = function DropdownItems(_ref) {
|
|
|
18
18
|
dropdownPanels = _ref$dropdownPanels === void 0 ? [] : _ref$dropdownPanels,
|
|
19
19
|
_ref$tabMenuSize = _ref.tabMenuSize,
|
|
20
20
|
tabMenuSize = _ref$tabMenuSize === void 0 ? 'medium' : _ref$tabMenuSize;
|
|
21
|
-
return dropdownPanels.length > 0 ? /*#__PURE__*/_react
|
|
21
|
+
return dropdownPanels.length > 0 ? /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
|
|
22
22
|
dropdown: true,
|
|
23
23
|
dropdownAlign: "right",
|
|
24
24
|
transparent: true,
|
|
25
25
|
boxShadow: false,
|
|
26
26
|
size: "large",
|
|
27
27
|
customClass: "dropdownbutton"
|
|
28
|
-
}, /*#__PURE__*/_react
|
|
28
|
+
}, /*#__PURE__*/_react["default"].createElement(_list["default"], {
|
|
29
29
|
customClass: "dropdown-hide-tabs"
|
|
30
30
|
}, dropdownPanels.map(function (panel, index) {
|
|
31
31
|
var _panel$props = panel.props,
|
|
@@ -36,11 +36,11 @@ var DropdownItems = function DropdownItems(_ref) {
|
|
|
36
36
|
icon = _panel$props.icon,
|
|
37
37
|
iconName = _panel$props.iconName,
|
|
38
38
|
disabled = _panel$props.disabled;
|
|
39
|
-
return /*#__PURE__*/_react
|
|
39
|
+
return /*#__PURE__*/_react["default"].createElement(_list.ListItem, {
|
|
40
40
|
key: id
|
|
41
|
-
}, /*#__PURE__*/_react
|
|
41
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
42
42
|
className: "menuitem"
|
|
43
|
-
}, /*#__PURE__*/_react
|
|
43
|
+
}, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
|
|
44
44
|
className: "btn menubutton",
|
|
45
45
|
boxShadow: false,
|
|
46
46
|
onClick: function onClick() {
|
|
@@ -53,7 +53,7 @@ var DropdownItems = function DropdownItems(_ref) {
|
|
|
53
53
|
label: title,
|
|
54
54
|
size: tabMenuSize,
|
|
55
55
|
transparent: true
|
|
56
|
-
}), closeable && /*#__PURE__*/_react
|
|
56
|
+
}), closeable && /*#__PURE__*/_react["default"].createElement("button", {
|
|
57
57
|
className: "closepanel",
|
|
58
58
|
onClick: function onClick() {
|
|
59
59
|
handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
|
|
@@ -61,5 +61,4 @@ var DropdownItems = function DropdownItems(_ref) {
|
|
|
61
61
|
})));
|
|
62
62
|
}))) : null;
|
|
63
63
|
};
|
|
64
|
-
var _default = DropdownItems;
|
|
65
|
-
exports.default = _default;
|
|
64
|
+
var _default = exports["default"] = DropdownItems;
|
package/lib/tabs/Menu.js
CHANGED
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports["default"] = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _MenuItems = _interopRequireDefault(require("./MenuItems"));
|
|
9
9
|
var _DropdownItems = _interopRequireDefault(require("./DropdownItems"));
|
|
10
10
|
var _excluded = ["menuRef", "toolbar", "toolBarRef", "customClassForToolBar"];
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
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; }
|
|
13
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; }
|
|
14
14
|
var Menu = function Menu(_ref) {
|
|
@@ -18,17 +18,16 @@ var Menu = function Menu(_ref) {
|
|
|
18
18
|
_ref$customClassForTo = _ref.customClassForToolBar,
|
|
19
19
|
customClassForToolBar = _ref$customClassForTo === void 0 ? '' : _ref$customClassForTo,
|
|
20
20
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
return /*#__PURE__*/_react
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
22
22
|
className: "menucontainer",
|
|
23
23
|
ref: function ref(_ref2) {
|
|
24
24
|
menuRef === null || menuRef === void 0 ? void 0 : menuRef(_ref2);
|
|
25
25
|
}
|
|
26
|
-
}, /*#__PURE__*/_react
|
|
26
|
+
}, /*#__PURE__*/_react["default"].createElement(_MenuItems["default"], props), /*#__PURE__*/_react["default"].createElement(_DropdownItems["default"], props), toolbar && /*#__PURE__*/_react["default"].cloneElement(toolbar, {
|
|
27
27
|
customClass: "menubar ".concat(customClassForToolBar),
|
|
28
28
|
innerRef: toolBarRef ? function (r) {
|
|
29
29
|
toolBarRef(r);
|
|
30
30
|
} : undefined
|
|
31
31
|
}));
|
|
32
32
|
};
|
|
33
|
-
var _default = Menu;
|
|
34
|
-
exports.default = _default;
|
|
33
|
+
var _default = exports["default"] = Menu;
|
package/lib/tabs/MenuItems.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _buttons = _interopRequireDefault(require("../buttons"));
|
|
10
10
|
var helpers = _interopRequireWildcard(require("./tabHelpers"));
|
|
11
11
|
var _permissionValidations = require("../permissionValidations");
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.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
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
var MenuItems = function MenuItems(_ref) {
|
|
16
16
|
var handlerClick = _ref.handlerClick,
|
|
17
17
|
currentPanels = _ref.currentPanels,
|
|
@@ -26,7 +26,7 @@ var MenuItems = function MenuItems(_ref) {
|
|
|
26
26
|
selectedTabId = _ref$selectedTabId === void 0 ? '' : _ref$selectedTabId,
|
|
27
27
|
_ref$firstTabIdent = _ref.firstTabIdent,
|
|
28
28
|
firstTabIdent = _ref$firstTabIdent === void 0 ? false : _ref$firstTabIdent;
|
|
29
|
-
return /*#__PURE__*/_react
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement("ul", {
|
|
30
30
|
className: "menu ".concat(firstTabIdent && '-firsttabident'),
|
|
31
31
|
style: helpers.menuStyles(tabMenuAlign)
|
|
32
32
|
}, currentPanels === null || currentPanels === void 0 ? void 0 : currentPanels.map(function (panel, index) {
|
|
@@ -43,13 +43,13 @@ var MenuItems = function MenuItems(_ref) {
|
|
|
43
43
|
permissionAttr = _panel$props.permissionAttr,
|
|
44
44
|
tooltipPosition = _panel$props.tooltipPosition;
|
|
45
45
|
var onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
|
|
46
|
-
return onDenied.unvisible ? null : /*#__PURE__*/_react
|
|
46
|
+
return onDenied.unvisible ? null : /*#__PURE__*/_react["default"].createElement("li", {
|
|
47
47
|
key: id,
|
|
48
48
|
style: {
|
|
49
49
|
width: tabWidth
|
|
50
50
|
},
|
|
51
51
|
className: "menuitem ".concat(selectedTabId === id && 'selected')
|
|
52
|
-
}, /*#__PURE__*/_react
|
|
52
|
+
}, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
|
|
53
53
|
className: "btn menubutton",
|
|
54
54
|
boxShadow: false,
|
|
55
55
|
onClick: function onClick() {
|
|
@@ -64,7 +64,7 @@ var MenuItems = function MenuItems(_ref) {
|
|
|
64
64
|
tooltip: tooltip || title,
|
|
65
65
|
tooltipPosition: tooltipPosition,
|
|
66
66
|
tooltipWidth: tooltipWidth
|
|
67
|
-
}), closeable && currentPanels.length > 1 && /*#__PURE__*/_react
|
|
67
|
+
}), closeable && currentPanels.length > 1 && /*#__PURE__*/_react["default"].createElement("button", {
|
|
68
68
|
className: "closepanel",
|
|
69
69
|
onClick: function onClick() {
|
|
70
70
|
handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index);
|
|
@@ -72,5 +72,4 @@ var MenuItems = function MenuItems(_ref) {
|
|
|
72
72
|
}));
|
|
73
73
|
}));
|
|
74
74
|
};
|
|
75
|
-
var _default = MenuItems;
|
|
76
|
-
exports.default = _default;
|
|
75
|
+
var _default = exports["default"] = MenuItems;
|
package/lib/tabs/Panel.d.ts
CHANGED
|
@@ -6,6 +6,6 @@ import '../@types/PermissionAttr.js';
|
|
|
6
6
|
import '../@types/Icon.js';
|
|
7
7
|
import '../icons/helper.js';
|
|
8
8
|
|
|
9
|
-
declare const Panel: (
|
|
9
|
+
declare const Panel: (props: PanelProps) => JSX.Element;
|
|
10
10
|
|
|
11
11
|
export { Panel as default };
|
package/lib/tabs/Panel.js
CHANGED
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _tabHelpers = _interopRequireWildcard(require("./tabHelpers"));
|
|
10
10
|
var _permissionValidations = require("../permissionValidations");
|
|
11
11
|
var _noPermission = _interopRequireDefault(require("../noPermission"));
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
14
|
+
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 && Object.prototype.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; }
|
|
15
15
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
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."); }
|
|
17
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); }
|
|
18
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; }
|
|
19
|
-
function _iterableToArrayLimit(
|
|
19
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
20
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
21
|
var observer = null;
|
|
22
|
-
var Panel = function Panel(
|
|
23
|
-
var id =
|
|
24
|
-
children =
|
|
25
|
-
onEndReached =
|
|
26
|
-
permissionAttr =
|
|
27
|
-
|
|
28
|
-
customClass =
|
|
29
|
-
|
|
30
|
-
onEndReachedThreshold =
|
|
31
|
-
var _useContext = (0, _react.useContext)(_tabHelpers
|
|
22
|
+
var Panel = function Panel(props) {
|
|
23
|
+
var id = props.id,
|
|
24
|
+
children = props.children,
|
|
25
|
+
onEndReached = props.onEndReached,
|
|
26
|
+
permissionAttr = props.permissionAttr,
|
|
27
|
+
_props$customClass = props.customClass,
|
|
28
|
+
customClass = _props$customClass === void 0 ? '' : _props$customClass,
|
|
29
|
+
_props$onEndReachedTh = props.onEndReachedThreshold,
|
|
30
|
+
onEndReachedThreshold = _props$onEndReachedTh === void 0 ? 0.1 : _props$onEndReachedTh;
|
|
31
|
+
var _useContext = (0, _react.useContext)(_tabHelpers["default"]),
|
|
32
32
|
selectedTabId = _useContext.selectedTabId,
|
|
33
|
-
contentHeight = _useContext.contentHeight
|
|
33
|
+
contentHeight = _useContext.contentHeight,
|
|
34
|
+
setPanels = _useContext.setPanels;
|
|
34
35
|
var hidePanel = id !== selectedTabId ? 'hidepanel' : '';
|
|
35
36
|
var style = {};
|
|
36
37
|
var rootElementRef = (0, _react.useRef)(null);
|
|
@@ -69,14 +70,13 @@ var Panel = function Panel(_ref) {
|
|
|
69
70
|
scrollObserver(observedElement.current);
|
|
70
71
|
}
|
|
71
72
|
}, [observedElement]);
|
|
72
|
-
return /*#__PURE__*/_react
|
|
73
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
73
74
|
ref: rootElementRef,
|
|
74
75
|
id: id,
|
|
75
76
|
className: " ".concat(customClass, " panel ").concat(hidePanel),
|
|
76
77
|
style: style
|
|
77
|
-
}, hideContent ? /*#__PURE__*/_react
|
|
78
|
+
}, hideContent ? /*#__PURE__*/_react["default"].createElement(_noPermission["default"], null) : children, !hideContent && onEndReached ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
78
79
|
ref: observedElement
|
|
79
|
-
}) : /*#__PURE__*/_react
|
|
80
|
+
}) : /*#__PURE__*/_react["default"].createElement("noscript", null));
|
|
80
81
|
};
|
|
81
|
-
var _default = Panel;
|
|
82
|
-
exports.default = _default;
|
|
82
|
+
var _default = exports["default"] = Panel;
|
package/lib/tabs/index.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
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
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
Object.defineProperty(exports, "TabPanel", {
|
|
8
8
|
enumerable: true,
|
|
9
9
|
get: function get() {
|
|
10
|
-
return _Panel
|
|
10
|
+
return _Panel["default"];
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
|
-
exports
|
|
13
|
+
exports["default"] = void 0;
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _Menu = _interopRequireDefault(require("./Menu"));
|
|
16
16
|
var _Panel = _interopRequireDefault(require("./Panel"));
|
|
17
17
|
var _tabHelpers = _interopRequireWildcard(require("./tabHelpers"));
|
|
18
18
|
require("../assets/styles/tabs.scss");
|
|
19
19
|
var _excluded = ["toolbar", "children", "selectedTab", "firstTabIdent", "handlerTabClick", "handlerCloseTab", "style", "tabMenuSize", "tabMenuAlign", "tabMenuPosition", "customClassForToolBar", "tabsWidthOnExceedCount"];
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
function _getRequireWildcardCache(
|
|
22
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
22
|
+
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 && Object.prototype.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; }
|
|
23
23
|
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); }
|
|
24
24
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
25
25
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -29,7 +29,7 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
|
|
|
29
29
|
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."); }
|
|
30
30
|
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); }
|
|
31
31
|
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; }
|
|
32
|
-
function _iterableToArrayLimit(
|
|
32
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
33
33
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
34
34
|
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; }
|
|
35
35
|
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; }
|
|
@@ -189,7 +189,7 @@ var Tabs = function Tabs(_ref) {
|
|
|
189
189
|
}
|
|
190
190
|
};
|
|
191
191
|
var renderContent = function renderContent() {
|
|
192
|
-
var menu = /*#__PURE__*/_react
|
|
192
|
+
var menu = /*#__PURE__*/_react["default"].createElement(_Menu["default"], _extends({}, props, {
|
|
193
193
|
toolbar: toolbar,
|
|
194
194
|
tabWidth: tabWidth,
|
|
195
195
|
customClass: customClass,
|
|
@@ -213,9 +213,9 @@ var Tabs = function Tabs(_ref) {
|
|
|
213
213
|
Change the order of elements depending of menus position
|
|
214
214
|
*/
|
|
215
215
|
if (tabMenuPosition === 'top' || tabMenuPosition === 'left') {
|
|
216
|
-
return /*#__PURE__*/_react
|
|
216
|
+
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, menu, children);
|
|
217
217
|
}
|
|
218
|
-
return /*#__PURE__*/_react
|
|
218
|
+
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, children, menu);
|
|
219
219
|
};
|
|
220
220
|
(0, _react.useEffect)(function () {
|
|
221
221
|
onResize();
|
|
@@ -233,11 +233,12 @@ var Tabs = function Tabs(_ref) {
|
|
|
233
233
|
}, [panels.length, currentPanels.length, tabsContentWidth]);
|
|
234
234
|
var contextValues = {
|
|
235
235
|
selectedTabId: selectedTabId,
|
|
236
|
-
contentHeight: contentHeight
|
|
236
|
+
contentHeight: contentHeight,
|
|
237
|
+
setPanels: setPanels
|
|
237
238
|
};
|
|
238
|
-
return /*#__PURE__*/_react
|
|
239
|
+
return /*#__PURE__*/_react["default"].createElement(_tabHelpers["default"].Provider, {
|
|
239
240
|
value: contextValues
|
|
240
|
-
}, /*#__PURE__*/_react
|
|
241
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
241
242
|
ref: function ref(_ref2) {
|
|
242
243
|
componentRef.current = _ref2;
|
|
243
244
|
},
|
|
@@ -245,5 +246,4 @@ var Tabs = function Tabs(_ref) {
|
|
|
245
246
|
style: style
|
|
246
247
|
}, renderContent()));
|
|
247
248
|
};
|
|
248
|
-
var _default = Tabs;
|
|
249
|
-
exports.default = _default;
|
|
249
|
+
var _default = exports["default"] = Tabs;
|
package/lib/tabs/tabHelpers.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import React__default, { ReactNode } from 'react';
|
|
3
2
|
import { Position } from '../@types/Position.js';
|
|
4
3
|
import { PanelTypeAndProps, TabsContextValues } from './types.js';
|
|
5
4
|
import '../@types/Size.js';
|
|
@@ -18,6 +17,6 @@ declare function menuStyles(tabMenuAlign: Position): {
|
|
|
18
17
|
};
|
|
19
18
|
declare function numberAroundZeroAndOne(props: Array<object>, propName: number, componentName: string): Error | null;
|
|
20
19
|
declare const onDeniedOptions: string[];
|
|
21
|
-
declare const TabContext:
|
|
20
|
+
declare const TabContext: React__default.Context<TabsContextValues>;
|
|
22
21
|
|
|
23
22
|
export { buildPanels, TabContext as default, menuStyles, numberAroundZeroAndOne, onDeniedOptions, tabsClass };
|
package/lib/tabs/tabHelpers.js
CHANGED
|
@@ -1,18 +1,21 @@
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.buildPanels = buildPanels;
|
|
7
|
-
exports
|
|
8
|
+
exports["default"] = void 0;
|
|
8
9
|
exports.menuStyles = menuStyles;
|
|
9
10
|
exports.numberAroundZeroAndOne = numberAroundZeroAndOne;
|
|
10
11
|
exports.onDeniedOptions = void 0;
|
|
11
12
|
exports.tabsClass = tabsClass;
|
|
12
|
-
var _react = require("react");
|
|
13
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
13
14
|
var _Panel = _interopRequireDefault(require("./Panel"));
|
|
14
15
|
var _permissionValidations = require("../permissionValidations");
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
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 && Object.prototype.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; }
|
|
16
19
|
/**
|
|
17
20
|
* Recursive funcion to get the panels passed as children elements to the Tabs Component.
|
|
18
21
|
* Sometimes, when tabs were added dynamically, the children can came as array or Panels.
|
|
@@ -20,17 +23,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
20
23
|
|
|
21
24
|
function buildPanels(children) {
|
|
22
25
|
var panels = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
var hasWrapper = /*#__PURE__*/_react["default"].isValidElement(children) && children.props;
|
|
27
|
+
if (!Array.isArray(children) && !hasWrapper) {
|
|
28
|
+
return new Array(children);
|
|
29
|
+
}
|
|
30
|
+
if (hasWrapper) {
|
|
31
|
+
var childrenProps = children.props;
|
|
32
|
+
buildPanels(childrenProps.children, panels);
|
|
33
|
+
} else {
|
|
34
|
+
var childrenArray = children;
|
|
35
|
+
childrenArray.forEach(function (child) {
|
|
36
|
+
if (child.type === _Panel["default"]) {
|
|
37
|
+
var _child$props;
|
|
38
|
+
if (!((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.hidden)) {
|
|
39
|
+
panels.push(child);
|
|
40
|
+
}
|
|
41
|
+
} else if (Array.isArray(child)) {
|
|
42
|
+
buildPanels(child, panels);
|
|
29
43
|
}
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
});
|
|
44
|
+
});
|
|
45
|
+
}
|
|
34
46
|
return panels;
|
|
35
47
|
}
|
|
36
48
|
|
|
@@ -73,8 +85,6 @@ function numberAroundZeroAndOne(props, propName, componentName) {
|
|
|
73
85
|
}
|
|
74
86
|
return null;
|
|
75
87
|
}
|
|
76
|
-
var onDeniedOptions = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
|
|
77
|
-
exports.onDeniedOptions = onDeniedOptions;
|
|
88
|
+
var onDeniedOptions = exports.onDeniedOptions = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
|
|
78
89
|
var TabContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
79
|
-
var _default = TabContext;
|
|
80
|
-
exports.default = _default;
|
|
90
|
+
var _default = exports["default"] = TabContext;
|