linear-react-components-ui 1.0.3-beta.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +2 -2
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +5 -21
- package/lib/alerts/AlertProvider.js +15 -45
- package/lib/alerts/BaseAlert.js +4 -20
- package/lib/alerts/Message.js +21 -32
- package/lib/alerts/alert.spec.js +3 -3
- package/lib/alerts/helpers.js +0 -2
- package/lib/alerts/index.d.ts +4 -1
- package/lib/alerts/index.js +0 -4
- package/lib/alerts/types.d.ts +4 -4
- package/lib/alerts/withAlert.js +1 -12
- package/lib/assets/styles/hint.scss +9 -0
- package/lib/avatar/avatar.spec.js +20 -20
- package/lib/avatar/index.js +20 -35
- package/lib/badge/badge.spec.js +3 -3
- 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 +45 -81
- 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/SpinnerLoading.js +41 -41
- 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/buttons.spec.js +50 -50
- package/lib/buttons/index.d.ts +4 -1
- 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 +1 -18
- package/lib/calendar/base/Week.js +2 -18
- package/lib/calendar/base/helpers.js +8 -24
- package/lib/calendar/base/index.js +13 -37
- package/lib/calendar/calendar.spec.js +16 -16
- package/lib/calendar/index.d.ts +4 -1
- package/lib/calendar/index.js +0 -8
- package/lib/checkbox/Label.js +1 -7
- package/lib/checkbox/checkbox.spec.js +8 -8
- package/lib/checkbox/index.js +34 -56
- package/lib/checkbox/types.d.ts +2 -2
- 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/dialog.spec.js +19 -19
- package/lib/dialog/form/index.js +9 -29
- package/lib/dialog/index.d.ts +4 -1
- package/lib/dialog/index.js +0 -9
- package/lib/drawer/Content.d.ts +1 -0
- package/lib/drawer/Content.js +2 -13
- package/lib/drawer/Drawer.d.ts +1 -0
- package/lib/drawer/Drawer.js +22 -55
- package/lib/drawer/Drawer.spec.js +9 -9
- package/lib/drawer/Header.d.ts +1 -0
- package/lib/drawer/Header.js +10 -27
- package/lib/drawer/helpers.d.ts +1 -0
- package/lib/drawer/helpers.js +0 -4
- package/lib/drawer/index.d.ts +1 -0
- package/lib/drawer/index.js +0 -8
- package/lib/drawer/types.d.ts +2 -1
- package/lib/dropdown/Popup.js +19 -32
- package/lib/dropdown/dropdown.spec.js +8 -9
- package/lib/dropdown/helper.js +0 -4
- package/lib/dropdown/withDropdown.js +18 -47
- package/lib/fieldset/fieldset.spec.js +3 -3
- package/lib/fieldset/index.js +21 -46
- package/lib/form/Field.js +16 -42
- package/lib/form/FieldArray.js +15 -32
- package/lib/form/FieldNumber.js +6 -20
- package/lib/form/FieldPeriod.js +9 -21
- package/lib/form/form.spec.js +11 -11
- package/lib/form/helpers.js +5 -30
- package/lib/form/index.js +36 -91
- package/lib/form/types.d.ts +6 -6
- package/lib/form/withFieldHOC.js +15 -34
- package/lib/form/withFormSecurity.js +5 -28
- package/lib/gridlayout/GridCol.js +5 -11
- package/lib/gridlayout/GridRow.js +3 -9
- package/lib/gridlayout/gridLayout.spec.js +4 -4
- package/lib/gridlayout/index.d.ts +4 -1
- package/lib/gridlayout/index.js +0 -4
- package/lib/hint/index.d.ts +6 -0
- package/lib/hint/index.js +25 -0
- package/lib/hint/types.d.ts +11 -0
- package/lib/hint/types.js +5 -0
- package/lib/icons/helper.d.ts +0 -4
- package/lib/icons/helper.js +0 -4
- package/lib/icons/icons.spec.js +9 -9
- package/lib/icons/index.js +16 -26
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +0 -10
- package/lib/inputs/base/InputTextBase.js +55 -76
- package/lib/inputs/base/base.spec.js +13 -13
- package/lib/inputs/base/helpers.js +6 -19
- package/lib/inputs/color/color_input.spec.js +4 -4
- package/lib/inputs/color/index.js +11 -38
- package/lib/inputs/date/Dialog.js +2 -7
- package/lib/inputs/date/Dropdown.js +1 -8
- package/lib/inputs/date/date.spec.js +5 -5
- package/lib/inputs/date/helper.js +16 -0
- package/lib/inputs/date/helpers.js +2 -11
- package/lib/inputs/date/index.js +48 -101
- package/lib/inputs/file/DefaultFile.js +13 -42
- package/lib/inputs/file/DragDropFile.js +37 -90
- package/lib/inputs/file/File.js +4 -25
- package/lib/inputs/file/FileButtonSettings.js +5 -11
- package/lib/inputs/file/helpers.js +0 -5
- package/lib/inputs/file/index.d.ts +4 -1
- package/lib/inputs/file/index.js +0 -6
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.d.ts +2 -1
- package/lib/inputs/inputHOC.js +10 -34
- package/lib/inputs/mask/BaseMask.js +1 -17
- package/lib/inputs/mask/Cnpj.js +12 -37
- package/lib/inputs/mask/Cpf.js +10 -33
- package/lib/inputs/mask/Phone.js +0 -6
- package/lib/inputs/mask/ZipCode.js +0 -6
- package/lib/inputs/mask/helpers.d.ts +2 -1
- package/lib/inputs/mask/helpers.js +8 -20
- package/lib/inputs/mask/imaskHOC.d.ts +2 -1
- package/lib/inputs/mask/imaskHOC.js +52 -83
- package/lib/inputs/mask/index.d.ts +4 -1
- package/lib/inputs/mask/index.js +0 -7
- package/lib/inputs/mask/input_mask.spec.js +47 -47
- package/lib/inputs/multiSelect/ActionButtons.js +4 -13
- package/lib/inputs/multiSelect/Dropdown.js +22 -45
- package/lib/inputs/multiSelect/helper.js +2 -4
- package/lib/inputs/multiSelect/index.js +40 -104
- package/lib/inputs/number/BaseNumber.d.ts +2 -1
- package/lib/inputs/number/BaseNumber.js +3 -16
- package/lib/inputs/number/Currency.d.ts +2 -1
- package/lib/inputs/number/Currency.js +1 -7
- package/lib/inputs/number/Decimal.d.ts +2 -1
- package/lib/inputs/number/Decimal.js +0 -5
- package/lib/inputs/number/format_number.js +0 -7
- package/lib/inputs/number/index.d.ts +2 -1
- package/lib/inputs/number/index.js +3 -13
- package/lib/inputs/number/numberfield.spec.js +5 -5
- package/lib/inputs/number/types.d.ts +2 -1
- 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 +43 -114
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.d.ts +2 -1
- package/lib/inputs/search/index.js +27 -68
- package/lib/inputs/search/search_input.spec.js +4 -4
- package/lib/inputs/select/ActionButtons.d.ts +2 -1
- package/lib/inputs/select/ActionButtons.js +4 -12
- package/lib/inputs/select/Dropdown.d.ts +2 -1
- package/lib/inputs/select/Dropdown.js +28 -48
- package/lib/inputs/select/helper.d.ts +2 -1
- package/lib/inputs/select/helper.js +9 -25
- package/lib/inputs/select/index.d.ts +1 -1
- package/lib/inputs/select/index.js +3 -18
- package/lib/inputs/select/multiple/Selecteds.d.ts +1 -1
- package/lib/inputs/select/multiple/Selecteds.js +3 -7
- package/lib/inputs/select/multiple/index.d.ts +1 -1
- package/lib/inputs/select/multiple/index.js +37 -96
- package/lib/inputs/select/select.spec.js +12 -16
- package/lib/inputs/select/simple/index.d.ts +1 -1
- package/lib/inputs/select/simple/index.js +54 -118
- package/lib/inputs/select/types.d.ts +2 -7
- package/lib/inputs/text/index.js +1 -5
- package/lib/inputs/text/textfield.spec.js +4 -4
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +4 -10
- package/lib/inputs/textarea/textarea.spec.js +2 -2
- package/lib/inputs/types.d.ts +9 -3
- package/lib/internals/withTooltip.js +25 -70
- package/lib/labelMessages/index.js +25 -45
- package/lib/labelMessages/labelMessages.spec.js +16 -16
- package/lib/labels/DangerLabel.js +1 -11
- package/lib/labels/DefaultLabel.js +19 -41
- 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.d.ts +4 -1
- package/lib/labels/index.js +0 -10
- package/lib/labels/label.spec.js +18 -18
- package/lib/labels/label_container/index.js +3 -7
- package/lib/list/Header.js +3 -7
- package/lib/list/Item.js +33 -68
- package/lib/list/Separator.js +0 -4
- package/lib/list/helpers.js +0 -4
- package/lib/list/index.js +25 -60
- package/lib/list/list.spec.js +15 -16
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +9 -26
- package/lib/menus/float/SubMenuContainer.js +5 -17
- package/lib/menus/float/float-menu.spec.js +13 -13
- package/lib/menus/float/helpers.js +0 -4
- package/lib/menus/float/index.js +8 -21
- package/lib/menus/index.d.ts +4 -1
- 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 +27 -56
- package/lib/menus/sidenav/NavSubMenuItem.js +8 -27
- package/lib/menus/sidenav/helpers.js +0 -9
- package/lib/menus/sidenav/index.js +26 -75
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +2 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +15 -45
- package/lib/menus/sidenav/sidenav.spec.js +9 -9
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +0 -6
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +7 -22
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +0 -7
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +20 -44
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +12 -27
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +0 -7
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +0 -7
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +0 -7
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +0 -5
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +0 -7
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +2 -10
- package/lib/panel/index.d.ts +5 -2
- package/lib/panel/index.js +0 -11
- package/lib/panel/panel.spec.js +8 -8
- package/lib/panel/types.d.ts +1 -1
- 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/popover/popover.spec.js +4 -4
- package/lib/progress/Bar.js +20 -33
- package/lib/progress/index.js +5 -14
- package/lib/progress/progress.spec.js +4 -12
- package/lib/radio/index.js +23 -46
- package/lib/radio/radio.spec.js +8 -8
- 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 +18 -40
- package/lib/spinner/spinner.spec.js +2 -2
- package/lib/split/Split.js +32 -83
- package/lib/split/SplitSide.js +6 -18
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +0 -4
- package/lib/split/index.d.ts +4 -1
- package/lib/split/index.js +0 -5
- package/lib/split/split.spec.js +13 -25
- package/lib/table/Body.js +18 -32
- package/lib/table/Header.js +23 -45
- package/lib/table/HeaderColumn.js +10 -21
- package/lib/table/Row.js +18 -28
- package/lib/table/RowColumn.js +12 -29
- package/lib/table/helpers.js +0 -7
- package/lib/table/index.js +32 -62
- package/lib/table/table.spec.js +14 -14
- package/lib/table/types.d.ts +1 -1
- 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 +14 -39
- package/lib/tabs/index.js +46 -113
- package/lib/tabs/tabHelpers.js +3 -16
- package/lib/tabs/tabs.spec.js +73 -45
- 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/toolbar/toolbar.spec.js +10 -10
- package/lib/tooltip/index.js +10 -25
- package/lib/tooltip/tooltip.spec.js +3 -15
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +9 -27
- package/lib/treetable/Header.js +1 -11
- package/lib/treetable/Row.js +58 -113
- package/lib/treetable/helpers.js +0 -10
- package/lib/treetable/index.js +0 -11
- package/lib/treeview/Header.js +2 -6
- package/lib/treeview/Node.js +47 -111
- package/lib/treeview/constants.js +0 -4
- package/lib/treeview/index.js +54 -134
- package/lib/treeview/treeview.spec.js +14 -14
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +1 -6
- package/lib/treeview_old/Node.js +5 -32
- package/lib/treeview_old/index.js +1 -9
- package/lib/{types-3c6f1c20.d.ts → types-90c43ae1.d.ts} +1 -1
- package/lib/uitour/index.js +33 -73
- package/lib/uitour/types.d.ts +1 -1
- package/lib/uitour/uitour.spec.js +20 -20
- package/package.json +1 -1
|
@@ -1,114 +1,85 @@
|
|
|
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 _tooltip = _interopRequireDefault(require("../tooltip"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
|
-
|
|
22
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
|
-
|
|
24
15
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
-
|
|
26
16
|
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); }
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
31
|
-
|
|
17
|
+
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; }
|
|
18
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
32
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
33
|
-
|
|
34
20
|
var TOOLTIP_INITIAL_HEIGHT = 40;
|
|
35
|
-
|
|
36
21
|
var hasTooltip = function hasTooltip(_ref) {
|
|
37
22
|
var tooltip = _ref.tooltip;
|
|
38
23
|
return tooltip;
|
|
39
24
|
};
|
|
40
|
-
|
|
41
25
|
var getDisplayName = function getDisplayName(_ref2) {
|
|
42
26
|
var displayName = _ref2.displayName,
|
|
43
|
-
|
|
27
|
+
name = _ref2.name;
|
|
44
28
|
return displayName || name || 'Component';
|
|
45
29
|
};
|
|
46
|
-
|
|
47
30
|
var withTooltip = function withTooltip(WrappedComponent) {
|
|
48
31
|
var EnhancedComponent = function EnhancedComponent(props) {
|
|
49
32
|
var tooltip = props.tooltip,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
33
|
+
_props$tooltipWidth = props.tooltipWidth,
|
|
34
|
+
tooltipWidth = _props$tooltipWidth === void 0 ? 'auto' : _props$tooltipWidth,
|
|
35
|
+
_props$space = props.space,
|
|
36
|
+
space = _props$space === void 0 ? 20 : _props$space,
|
|
37
|
+
_props$tooltipPositio = props.tooltipPosition,
|
|
38
|
+
tooltipPosition = _props$tooltipPositio === void 0 ? 'bottom' : _props$tooltipPositio;
|
|
57
39
|
var _useState = (0, _react.useState)(tooltipPosition),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
40
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
41
|
+
stateTooltipPosition = _useState2[0],
|
|
42
|
+
setStateTooltipPosition = _useState2[1];
|
|
62
43
|
var _useState3 = (0, _react.useState)(''),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
44
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
45
|
+
tooltipStyle = _useState4[0],
|
|
46
|
+
setTooltipStyle = _useState4[1];
|
|
67
47
|
var _useState5 = (0, _react.useState)(false),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
48
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
49
|
+
showTooltip = _useState6[0],
|
|
50
|
+
setShowTooltip = _useState6[1];
|
|
72
51
|
var _useState7 = (0, _react.useState)({
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
52
|
+
width: tooltipWidth,
|
|
53
|
+
height: TOOLTIP_INITIAL_HEIGHT
|
|
54
|
+
}),
|
|
55
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
56
|
+
tooltipDimensions = _useState8[0],
|
|
57
|
+
setTooltipDimensions = _useState8[1];
|
|
80
58
|
var targetElement = (0, _react.useRef)(null);
|
|
81
59
|
var tooltipElement = (0, _react.useRef)(null);
|
|
82
|
-
|
|
83
60
|
var onMouseOver = function onMouseOver(e) {
|
|
84
61
|
if (targetElement.current && targetElement.current.contains(e.target)) {
|
|
85
62
|
setShowTooltip(true);
|
|
86
63
|
} else setShowTooltip(false);
|
|
87
64
|
};
|
|
88
|
-
|
|
89
65
|
var onMouseOut = function onMouseOut() {
|
|
90
66
|
setShowTooltip(false);
|
|
91
67
|
};
|
|
92
|
-
|
|
93
68
|
var onAnyScroll = function onAnyScroll() {
|
|
94
69
|
setShowTooltip(false);
|
|
95
70
|
};
|
|
96
|
-
|
|
97
71
|
(0, _react.useEffect)(function () {
|
|
98
72
|
if (hasTooltip(props)) {
|
|
99
73
|
document.addEventListener('mouseover', onMouseOver);
|
|
100
74
|
document.addEventListener('scroll', onAnyScroll, true);
|
|
101
|
-
|
|
102
75
|
if (targetElement && targetElement.current) {
|
|
103
76
|
targetElement.current.addEventListener('mouseout', onMouseOut);
|
|
104
77
|
}
|
|
105
78
|
}
|
|
106
|
-
|
|
107
79
|
return function () {
|
|
108
80
|
if (hasTooltip(props)) {
|
|
109
81
|
document.removeEventListener('mouseover', onMouseOver);
|
|
110
82
|
document.removeEventListener('scroll', onAnyScroll, true);
|
|
111
|
-
|
|
112
83
|
if (targetElement && targetElement.current) {
|
|
113
84
|
targetElement.current.removeEventListener('mouseout', onMouseOut);
|
|
114
85
|
}
|
|
@@ -118,7 +89,7 @@ var withTooltip = function withTooltip(WrappedComponent) {
|
|
|
118
89
|
(0, _react.useEffect)(function () {
|
|
119
90
|
if (targetElement.current && tooltipElement.current) {
|
|
120
91
|
var width = tooltipDimensions.width,
|
|
121
|
-
|
|
92
|
+
height = tooltipDimensions.height;
|
|
122
93
|
var targetDimensions = targetElement.current.getBoundingClientRect();
|
|
123
94
|
var targetVerticalCenter = (targetDimensions.top + targetDimensions.bottom) / 2;
|
|
124
95
|
var tooltipClientWidth = tooltipElement.current.clientWidth;
|
|
@@ -126,7 +97,6 @@ var withTooltip = function withTooltip(WrappedComponent) {
|
|
|
126
97
|
var left = targetDimensions.left + targetDimensions.width / 2 - tooltipClientWidth / 2;
|
|
127
98
|
left = Math.min(left, document.body.clientWidth - tooltipClientWidth - space);
|
|
128
99
|
style += "; left: ".concat(Math.max(space, left), "px");
|
|
129
|
-
|
|
130
100
|
switch (stateTooltipPosition) {
|
|
131
101
|
case 'top':
|
|
132
102
|
if (targetDimensions.top < height) {
|
|
@@ -134,18 +104,14 @@ var withTooltip = function withTooltip(WrappedComponent) {
|
|
|
134
104
|
} else {
|
|
135
105
|
style += "; top: ".concat(targetDimensions.top + window.scrollY - height - 5, "px");
|
|
136
106
|
}
|
|
137
|
-
|
|
138
107
|
break;
|
|
139
|
-
|
|
140
108
|
case 'bottom':
|
|
141
109
|
if (window.innerHeight - targetDimensions.bottom < height) {
|
|
142
110
|
setStateTooltipPosition('top');
|
|
143
111
|
} else {
|
|
144
112
|
style += "; top: ".concat(targetDimensions.top + window.scrollY + targetDimensions.height + 5, "px");
|
|
145
113
|
}
|
|
146
|
-
|
|
147
114
|
break;
|
|
148
|
-
|
|
149
115
|
case 'left':
|
|
150
116
|
if (targetDimensions.left < tooltipClientWidth) {
|
|
151
117
|
setStateTooltipPosition('right');
|
|
@@ -153,9 +119,7 @@ var withTooltip = function withTooltip(WrappedComponent) {
|
|
|
153
119
|
style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
|
|
154
120
|
style += "; left: ".concat(targetDimensions.left - tooltipClientWidth - 6, "px");
|
|
155
121
|
}
|
|
156
|
-
|
|
157
122
|
break;
|
|
158
|
-
|
|
159
123
|
case 'right':
|
|
160
124
|
if (window.innerWidth - targetDimensions.right < tooltipClientWidth) {
|
|
161
125
|
setStateTooltipPosition('left');
|
|
@@ -163,20 +127,16 @@ var withTooltip = function withTooltip(WrappedComponent) {
|
|
|
163
127
|
style += "; top: ".concat(targetVerticalCenter + window.scrollY - height / 2, "px");
|
|
164
128
|
style += "; left: ".concat(targetDimensions.left + targetDimensions.width + 5, "px");
|
|
165
129
|
}
|
|
166
|
-
|
|
167
130
|
break;
|
|
168
|
-
|
|
169
131
|
default:
|
|
170
132
|
style += '';
|
|
171
133
|
}
|
|
172
|
-
|
|
173
134
|
setTooltipStyle(style);
|
|
174
135
|
}
|
|
175
136
|
}, [tooltipDimensions, tooltipElement.current, targetElement.current, stateTooltipPosition]);
|
|
176
137
|
(0, _react.useEffect)(function () {
|
|
177
138
|
setStateTooltipPosition(tooltipPosition);
|
|
178
139
|
}, [window.scrollY, window.scrollX, window.innerWidth]);
|
|
179
|
-
|
|
180
140
|
var getTooltip = function getTooltip() {
|
|
181
141
|
if (tooltip) {
|
|
182
142
|
return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
@@ -188,23 +148,18 @@ var withTooltip = function withTooltip(WrappedComponent) {
|
|
|
188
148
|
handlerSetDimensions: setTooltipDimensions
|
|
189
149
|
});
|
|
190
150
|
}
|
|
191
|
-
|
|
192
151
|
return null;
|
|
193
152
|
};
|
|
194
|
-
|
|
195
153
|
var getTarget = function getTarget(targetEl) {
|
|
196
154
|
if (!targetElement.current) targetElement.current = targetEl;
|
|
197
155
|
};
|
|
198
|
-
|
|
199
156
|
if (!hasTooltip(props)) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
|
|
200
157
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
|
|
201
158
|
targetRef: getTarget
|
|
202
159
|
})), showTooltip && getTooltip());
|
|
203
160
|
};
|
|
204
|
-
|
|
205
161
|
EnhancedComponent.displayName = "withTooltip(".concat(getDisplayName(WrappedComponent), ")");
|
|
206
162
|
return EnhancedComponent;
|
|
207
163
|
};
|
|
208
|
-
|
|
209
164
|
var _default = withTooltip;
|
|
210
165
|
exports.default = _default;
|
|
@@ -1,68 +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 _icons = _interopRequireDefault(require("../icons"));
|
|
13
|
-
|
|
14
10
|
require("../assets/styles/labelMessages.scss");
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
|
-
|
|
24
15
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
-
|
|
26
16
|
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); }
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
31
|
-
|
|
17
|
+
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; }
|
|
18
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
32
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
33
|
-
|
|
34
20
|
var LabelMessages = function LabelMessages(_ref) {
|
|
35
21
|
var _ref$style = _ref.style,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
22
|
+
style = _ref$style === void 0 ? {} : _ref$style,
|
|
23
|
+
_ref$icon = _ref.icon,
|
|
24
|
+
icon = _ref$icon === void 0 ? null : _ref$icon,
|
|
25
|
+
_ref$flat = _ref.flat,
|
|
26
|
+
flat = _ref$flat === void 0 ? false : _ref$flat,
|
|
27
|
+
_ref$iconName = _ref.iconName,
|
|
28
|
+
iconName = _ref$iconName === void 0 ? '' : _ref$iconName,
|
|
29
|
+
handlerClosed = _ref.handlerClosed,
|
|
30
|
+
_ref$square = _ref.square,
|
|
31
|
+
square = _ref$square === void 0 ? true : _ref$square,
|
|
32
|
+
_ref$visible = _ref.visible,
|
|
33
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
34
|
+
_ref$children = _ref.children,
|
|
35
|
+
children = _ref$children === void 0 ? null : _ref$children,
|
|
36
|
+
_ref$customClass = _ref.customClass,
|
|
37
|
+
customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
|
|
38
|
+
_ref$type = _ref.type,
|
|
39
|
+
type = _ref$type === void 0 ? 'default' : _ref$type,
|
|
40
|
+
_ref$showCloseButton = _ref.showCloseButton,
|
|
41
|
+
showCloseButton = _ref$showCloseButton === void 0 ? false : _ref$showCloseButton;
|
|
57
42
|
var _useState = (0, _react.useState)(false),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
43
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
44
|
+
closed = _useState2[0],
|
|
45
|
+
setClosed = _useState2[1];
|
|
62
46
|
var getClass = function getClass() {
|
|
63
47
|
return "labelmessages-component -".concat(type, " ").concat(customClass, "\n ").concat(square && '-square', " ").concat(flat && '-flat');
|
|
64
48
|
};
|
|
65
|
-
|
|
66
49
|
var getIcon = function getIcon() {
|
|
67
50
|
if (icon !== null) {
|
|
68
51
|
return icon;
|
|
@@ -74,10 +57,8 @@ var LabelMessages = function LabelMessages(_ref) {
|
|
|
74
57
|
customClass: "-".concat(type, "svg")
|
|
75
58
|
});
|
|
76
59
|
}
|
|
77
|
-
|
|
78
60
|
return null;
|
|
79
61
|
};
|
|
80
|
-
|
|
81
62
|
if (closed || !visible) return null;
|
|
82
63
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
83
64
|
className: "".concat(getClass(), " ").concat(customClass),
|
|
@@ -95,6 +76,5 @@ var LabelMessages = function LabelMessages(_ref) {
|
|
|
95
76
|
}
|
|
96
77
|
}, "x")));
|
|
97
78
|
};
|
|
98
|
-
|
|
99
79
|
var _default = LabelMessages;
|
|
100
80
|
exports.default = _default;
|
|
@@ -12,12 +12,12 @@ var _index = _interopRequireDefault(require("./index"));
|
|
|
12
12
|
|
|
13
13
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
14
14
|
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
16
|
|
|
17
17
|
describe('LabelMessages', function () {
|
|
18
18
|
describe('Default', function () {
|
|
19
|
-
var Default = /*#__PURE__*/_react
|
|
20
|
-
icon: /*#__PURE__*/_react
|
|
19
|
+
var Default = /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
20
|
+
icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
|
|
21
21
|
name: "user"
|
|
22
22
|
})
|
|
23
23
|
}, "Teste");
|
|
@@ -35,7 +35,7 @@ describe('LabelMessages', function () {
|
|
|
35
35
|
expect(getByTestId('icon')).toBeTruthy();
|
|
36
36
|
});
|
|
37
37
|
it('should render icon when use iconName', function () {
|
|
38
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react
|
|
38
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
39
39
|
iconName: "user"
|
|
40
40
|
}, "Teste")),
|
|
41
41
|
getByTestId = _render3.getByTestId;
|
|
@@ -43,7 +43,7 @@ describe('LabelMessages', function () {
|
|
|
43
43
|
expect(getByTestId('icon')).toBeTruthy();
|
|
44
44
|
});
|
|
45
45
|
it('should render close button', function () {
|
|
46
|
-
var _render4 = (0, _react2.render)( /*#__PURE__*/_react
|
|
46
|
+
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
47
47
|
showCloseButton: true
|
|
48
48
|
}, "Teste")),
|
|
49
49
|
getByRole = _render4.getByRole;
|
|
@@ -53,7 +53,7 @@ describe('LabelMessages', function () {
|
|
|
53
53
|
it('should execute function when clicking the close button', function () {
|
|
54
54
|
var mockHandlerClosed = jest.fn();
|
|
55
55
|
|
|
56
|
-
var mockLabelMessage = /*#__PURE__*/_react
|
|
56
|
+
var mockLabelMessage = /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
57
57
|
showCloseButton: true,
|
|
58
58
|
handlerClosed: mockHandlerClosed
|
|
59
59
|
}, "Teste");
|
|
@@ -65,7 +65,7 @@ describe('LabelMessages', function () {
|
|
|
65
65
|
expect(mockHandlerClosed).toHaveBeenCalled();
|
|
66
66
|
});
|
|
67
67
|
it('should close labelMessage', function () {
|
|
68
|
-
var _render5 = (0, _react2.render)( /*#__PURE__*/_react
|
|
68
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
69
69
|
showCloseButton: true
|
|
70
70
|
}, "Teste")),
|
|
71
71
|
container = _render5.container;
|
|
@@ -75,7 +75,7 @@ describe('LabelMessages', function () {
|
|
|
75
75
|
expect(container.firstChild).not.toBeInTheDocument();
|
|
76
76
|
});
|
|
77
77
|
it('should apply customClass', function () {
|
|
78
|
-
var _render6 = (0, _react2.render)( /*#__PURE__*/_react
|
|
78
|
+
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
79
79
|
customClass: "customClass"
|
|
80
80
|
}, "Teste")),
|
|
81
81
|
container = _render6.container;
|
|
@@ -83,7 +83,7 @@ describe('LabelMessages', function () {
|
|
|
83
83
|
expect(container.firstChild).toHaveClass('customClass');
|
|
84
84
|
});
|
|
85
85
|
it('should apply inline style', function () {
|
|
86
|
-
var _render7 = (0, _react2.render)( /*#__PURE__*/_react
|
|
86
|
+
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
87
87
|
style: {
|
|
88
88
|
borderWidth: 10
|
|
89
89
|
}
|
|
@@ -93,7 +93,7 @@ describe('LabelMessages', function () {
|
|
|
93
93
|
expect(container.firstChild).toHaveStyle('border-width: 10px');
|
|
94
94
|
});
|
|
95
95
|
it('should hide labelMessage when visible is false', function () {
|
|
96
|
-
var _render8 = (0, _react2.render)( /*#__PURE__*/_react
|
|
96
|
+
var _render8 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
97
97
|
visible: false
|
|
98
98
|
}, "Teste")),
|
|
99
99
|
container = _render8.container;
|
|
@@ -102,7 +102,7 @@ describe('LabelMessages', function () {
|
|
|
102
102
|
});
|
|
103
103
|
});
|
|
104
104
|
describe('Danger', function () {
|
|
105
|
-
var dangerLabelMessages = /*#__PURE__*/_react
|
|
105
|
+
var dangerLabelMessages = /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
106
106
|
type: "danger"
|
|
107
107
|
}, "Teste");
|
|
108
108
|
|
|
@@ -114,7 +114,7 @@ describe('LabelMessages', function () {
|
|
|
114
114
|
});
|
|
115
115
|
});
|
|
116
116
|
describe('Info', function () {
|
|
117
|
-
var infoLabelMessages = /*#__PURE__*/_react
|
|
117
|
+
var infoLabelMessages = /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
118
118
|
type: "info"
|
|
119
119
|
}, "Teste");
|
|
120
120
|
|
|
@@ -126,7 +126,7 @@ describe('LabelMessages', function () {
|
|
|
126
126
|
});
|
|
127
127
|
});
|
|
128
128
|
describe('Warning', function () {
|
|
129
|
-
var warningLabelMessages = /*#__PURE__*/_react
|
|
129
|
+
var warningLabelMessages = /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
130
130
|
type: "warning"
|
|
131
131
|
}, "Teste");
|
|
132
132
|
|
|
@@ -138,7 +138,7 @@ describe('LabelMessages', function () {
|
|
|
138
138
|
});
|
|
139
139
|
});
|
|
140
140
|
describe('Success', function () {
|
|
141
|
-
var successLabelMessages = /*#__PURE__*/_react
|
|
141
|
+
var successLabelMessages = /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
142
142
|
type: "success"
|
|
143
143
|
}, "Teste");
|
|
144
144
|
|
|
@@ -150,7 +150,7 @@ describe('LabelMessages', function () {
|
|
|
150
150
|
});
|
|
151
151
|
});
|
|
152
152
|
describe('Flat', function () {
|
|
153
|
-
var flatLabelMessages = /*#__PURE__*/_react
|
|
153
|
+
var flatLabelMessages = /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
154
154
|
flat: true
|
|
155
155
|
}, "Teste");
|
|
156
156
|
|
|
@@ -162,7 +162,7 @@ describe('LabelMessages', function () {
|
|
|
162
162
|
});
|
|
163
163
|
});
|
|
164
164
|
describe('Square', function () {
|
|
165
|
-
var squareLabelMessages = /*#__PURE__*/_react
|
|
165
|
+
var squareLabelMessages = /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
166
166
|
square: true
|
|
167
167
|
}, "Teste");
|
|
168
168
|
|
|
@@ -4,29 +4,19 @@ 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 _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
|
|
11
|
-
|
|
12
9
|
var _excluded = ["className"];
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
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); }
|
|
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 DangerLabel = function DangerLabel(_ref) {
|
|
23
15
|
var className = _ref.className,
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
26
17
|
return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
|
|
27
18
|
className: "-danger"
|
|
28
19
|
}, rest));
|
|
29
20
|
};
|
|
30
|
-
|
|
31
21
|
var _default = DangerLabel;
|
|
32
22
|
exports.default = _default;
|
|
@@ -1,65 +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 = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
13
|
-
|
|
14
10
|
var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
|
|
15
|
-
|
|
16
11
|
var _permissionValidations = require("../permissionValidations");
|
|
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
|
-
function
|
|
31
|
-
|
|
32
|
-
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
|
-
|
|
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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
34
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
-
|
|
36
21
|
var DefaultLabel = function DefaultLabel(_ref) {
|
|
37
22
|
var style = _ref.style,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
23
|
+
targetRef = _ref.targetRef,
|
|
24
|
+
iconName = _ref.iconName,
|
|
25
|
+
icon = _ref.icon,
|
|
26
|
+
children = _ref.children,
|
|
27
|
+
_ref$visible = _ref.visible,
|
|
28
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
29
|
+
customClass = _ref.customClass,
|
|
30
|
+
className = _ref.className,
|
|
31
|
+
disabled = _ref.disabled,
|
|
32
|
+
size = _ref.size,
|
|
33
|
+
_ref$iconAlign = _ref.iconAlign,
|
|
34
|
+
iconAlign = _ref$iconAlign === void 0 ? 'left' : _ref$iconAlign,
|
|
35
|
+
bordered = _ref.bordered,
|
|
36
|
+
permissionAttr = _ref.permissionAttr,
|
|
37
|
+
skeletonize = _ref.skeletonize;
|
|
53
38
|
var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
|
|
54
|
-
|
|
55
39
|
var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
40
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
41
|
+
onDenied = _useState2[0];
|
|
59
42
|
var getClass = function getClass() {
|
|
60
43
|
return "label-component ".concat(className, " ").concat(customClass, " ").concat(bordered ? '-bordered' : '', " ").concat(disabled ? '-disabled' : '', "\n ").concat(skeletonize ? '-skeletonized' : '', "\n ").concat(size ? "-".concat(size) : '', "\n ").concat(iconAlign ? "icon-".concat(iconAlign) : '');
|
|
61
44
|
};
|
|
62
|
-
|
|
63
45
|
var getIcon = function getIcon() {
|
|
64
46
|
if (icon) {
|
|
65
47
|
return icon;
|
|
@@ -69,10 +51,8 @@ var DefaultLabel = function DefaultLabel(_ref) {
|
|
|
69
51
|
size: 16
|
|
70
52
|
});
|
|
71
53
|
}
|
|
72
|
-
|
|
73
54
|
return null;
|
|
74
55
|
};
|
|
75
|
-
|
|
76
56
|
if (!visible || onDenied.unvisible) return null;
|
|
77
57
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
78
58
|
style: style,
|
|
@@ -82,7 +62,5 @@ var DefaultLabel = function DefaultLabel(_ref) {
|
|
|
82
62
|
}
|
|
83
63
|
}, getIcon(), children);
|
|
84
64
|
};
|
|
85
|
-
|
|
86
65
|
var _default = (0, _withTooltip.default)(DefaultLabel);
|
|
87
|
-
|
|
88
66
|
exports.default = _default;
|
package/lib/labels/InfoLabel.js
CHANGED
|
@@ -4,29 +4,19 @@ 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 _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
|
|
11
|
-
|
|
12
9
|
var _excluded = ["className"];
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
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); }
|
|
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 InfoLabel = function InfoLabel(_ref) {
|
|
23
15
|
var className = _ref.className,
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
26
17
|
return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
|
|
27
18
|
className: "-info"
|
|
28
19
|
}, rest));
|
|
29
20
|
};
|
|
30
|
-
|
|
31
21
|
var _default = InfoLabel;
|
|
32
22
|
exports.default = _default;
|