linear-react-components-ui 1.0.2 → 1.0.3-beta.1
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 +21 -5
- package/lib/alerts/AlertProvider.js +45 -15
- package/lib/alerts/BaseAlert.js +20 -4
- package/lib/alerts/Message.js +32 -21
- package/lib/alerts/alert.spec.js +133 -0
- package/lib/alerts/helpers.js +2 -0
- package/lib/alerts/index.d.ts +1 -4
- package/lib/alerts/index.js +4 -0
- package/lib/alerts/types.d.ts +4 -4
- package/lib/alerts/withAlert.js +12 -1
- package/lib/avatar/avatar.spec.js +190 -0
- package/lib/avatar/index.js +35 -20
- package/lib/badge/badge.spec.js +127 -0
- package/lib/badge/index.js +14 -9
- package/lib/buttons/ActivateButton.js +6 -0
- package/lib/buttons/AddButton.js +7 -0
- package/lib/buttons/Button.js +15 -2
- package/lib/buttons/ButtonGroups.js +4 -0
- package/lib/buttons/CancelButton.js +11 -1
- package/lib/buttons/DangerButton.js +11 -1
- package/lib/buttons/DefaultButton.js +81 -45
- package/lib/buttons/DestroyButton.js +12 -1
- package/lib/buttons/EditButton.js +6 -0
- package/lib/buttons/InactivateButton.js +6 -0
- package/lib/buttons/InfoButton.js +11 -1
- package/lib/buttons/PrimaryButton.js +11 -1
- package/lib/buttons/RestoreButton.js +6 -0
- package/lib/buttons/SaveButton.js +11 -1
- package/lib/buttons/SpinnerLoading.js +230 -0
- package/lib/buttons/SuccessButton.js +11 -1
- package/lib/buttons/WarningButton.js +11 -1
- package/lib/buttons/button_container/index.js +11 -5
- package/lib/buttons/buttons.spec.js +504 -0
- package/lib/buttons/index.d.ts +1 -4
- package/lib/buttons/index.js +18 -0
- package/lib/buttons/split_button/index.js +17 -11
- package/lib/calendar/DangerCalendar.js +11 -1
- package/lib/calendar/InfoCalendar.js +11 -1
- package/lib/calendar/PrimaryCalendar.js +11 -1
- package/lib/calendar/SuccessCalendar.js +11 -1
- package/lib/calendar/WarningCalendar.js +11 -1
- package/lib/calendar/base/Day.js +13 -2
- package/lib/calendar/base/Month.js +18 -1
- package/lib/calendar/base/Week.js +18 -2
- package/lib/calendar/base/helpers.js +24 -8
- package/lib/calendar/base/index.js +37 -13
- package/lib/calendar/calendar.spec.js +171 -0
- package/lib/calendar/index.d.ts +1 -4
- package/lib/calendar/index.js +8 -0
- package/lib/checkbox/Label.js +7 -1
- package/lib/checkbox/checkbox.spec.js +215 -0
- package/lib/checkbox/index.js +53 -28
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/Alert.js +8 -0
- package/lib/dialog/Custom.js +17 -5
- package/lib/dialog/Error.js +8 -0
- package/lib/dialog/Information.js +8 -0
- package/lib/dialog/Question.js +15 -4
- package/lib/dialog/Warning.js +8 -0
- package/lib/dialog/base/Content.js +6 -1
- package/lib/dialog/base/Footer.js +4 -0
- package/lib/dialog/base/Header.js +13 -5
- package/lib/dialog/base/index.js +28 -7
- package/lib/dialog/base/style.js +2 -0
- package/lib/dialog/dialog.spec.js +488 -0
- package/lib/dialog/form/index.js +29 -9
- package/lib/dialog/index.d.ts +1 -4
- package/lib/dialog/index.js +9 -0
- package/lib/drawer/Content.d.ts +0 -1
- package/lib/drawer/Content.js +13 -2
- package/lib/drawer/Drawer.d.ts +0 -1
- package/lib/drawer/Drawer.js +55 -22
- package/lib/drawer/Drawer.spec.js +258 -0
- package/lib/drawer/Header.d.ts +0 -1
- package/lib/drawer/Header.js +27 -10
- package/lib/drawer/helpers.d.ts +0 -1
- package/lib/drawer/helpers.js +4 -0
- package/lib/drawer/index.d.ts +0 -1
- package/lib/drawer/index.js +8 -0
- package/lib/drawer/types.d.ts +1 -2
- package/lib/dropdown/Popup.js +32 -19
- package/lib/dropdown/dropdown.spec.js +169 -0
- package/lib/dropdown/helper.js +4 -0
- package/lib/dropdown/withDropdown.js +47 -18
- package/lib/fieldset/fieldset.spec.js +329 -0
- package/lib/fieldset/index.js +46 -21
- package/lib/form/Field.js +42 -16
- package/lib/form/FieldArray.js +32 -15
- package/lib/form/FieldNumber.js +20 -6
- package/lib/form/FieldPeriod.js +21 -9
- package/lib/form/form.spec.js +293 -0
- package/lib/form/helpers.js +30 -5
- package/lib/form/index.js +91 -36
- package/lib/form/types.d.ts +6 -6
- package/lib/form/withFieldHOC.js +34 -15
- package/lib/form/withFormSecurity.js +28 -5
- package/lib/gridlayout/GridCol.js +11 -5
- package/lib/gridlayout/GridRow.js +9 -3
- package/lib/gridlayout/gridLayout.spec.js +169 -0
- package/lib/gridlayout/index.d.ts +1 -4
- package/lib/gridlayout/index.js +4 -0
- package/lib/icons/icons.spec.js +86 -0
- package/lib/icons/index.js +26 -16
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +10 -0
- package/lib/inputs/base/InputTextBase.js +75 -50
- package/lib/inputs/base/base.spec.js +690 -0
- package/lib/inputs/base/helpers.d.ts +1 -1
- package/lib/inputs/base/helpers.js +40 -7
- package/lib/inputs/base/index.js +1 -0
- package/lib/inputs/base/types.d.ts +1 -0
- package/lib/inputs/color/color_input.spec.js +174 -0
- package/lib/inputs/color/index.js +38 -11
- package/lib/inputs/date/Dialog.js +7 -2
- package/lib/inputs/date/Dropdown.js +8 -1
- package/lib/inputs/date/date.spec.js +354 -0
- package/lib/inputs/date/helpers.js +11 -2
- package/lib/inputs/date/index.js +101 -48
- package/lib/inputs/file/DefaultFile.js +42 -13
- package/lib/inputs/file/DragDropFile.js +90 -37
- package/lib/inputs/file/File.js +25 -4
- package/lib/inputs/file/FileButtonSettings.js +11 -5
- package/lib/inputs/file/helpers.js +5 -0
- package/lib/inputs/file/index.d.ts +1 -4
- package/lib/inputs/file/index.js +6 -0
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.d.ts +1 -2
- package/lib/inputs/inputHOC.js +34 -10
- package/lib/inputs/mask/BaseMask.js +17 -1
- package/lib/inputs/mask/Cnpj.js +37 -12
- package/lib/inputs/mask/Cpf.js +33 -10
- package/lib/inputs/mask/Phone.js +6 -0
- package/lib/inputs/mask/ZipCode.js +6 -0
- package/lib/inputs/mask/helpers.d.ts +1 -2
- package/lib/inputs/mask/helpers.js +20 -8
- package/lib/inputs/mask/imaskHOC.d.ts +1 -2
- package/lib/inputs/mask/imaskHOC.js +83 -52
- package/lib/inputs/mask/index.d.ts +1 -4
- package/lib/inputs/mask/index.js +7 -0
- package/lib/inputs/mask/input_mask.spec.js +607 -0
- package/lib/inputs/multiSelect/ActionButtons.js +13 -4
- package/lib/inputs/multiSelect/Dropdown.js +45 -22
- package/lib/inputs/multiSelect/helper.js +4 -2
- package/lib/inputs/multiSelect/index.js +104 -40
- package/lib/inputs/number/BaseNumber.d.ts +1 -2
- package/lib/inputs/number/BaseNumber.js +16 -3
- package/lib/inputs/number/Currency.d.ts +1 -2
- package/lib/inputs/number/Currency.js +7 -1
- package/lib/inputs/number/Decimal.d.ts +1 -2
- package/lib/inputs/number/Decimal.js +5 -0
- package/lib/inputs/number/format_number.js +7 -0
- package/lib/inputs/number/index.d.ts +1 -2
- package/lib/inputs/number/index.js +13 -3
- package/lib/inputs/number/numberfield.spec.js +215 -0
- package/lib/inputs/number/types.d.ts +1 -2
- package/lib/inputs/period/Dialog.js +7 -2
- package/lib/inputs/period/Dropdown.js +7 -0
- package/lib/inputs/period/PeriodList.js +7 -1
- package/lib/inputs/period/helper.js +12 -2
- package/lib/inputs/period/index.js +114 -43
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.d.ts +1 -2
- package/lib/inputs/search/index.js +68 -27
- package/lib/inputs/search/search_input.spec.js +209 -0
- package/lib/inputs/select/ActionButtons.d.ts +1 -2
- package/lib/inputs/select/ActionButtons.js +12 -4
- package/lib/inputs/select/Dropdown.d.ts +1 -2
- package/lib/inputs/select/Dropdown.js +48 -28
- package/lib/inputs/select/helper.d.ts +1 -2
- package/lib/inputs/select/helper.js +25 -9
- package/lib/inputs/select/index.d.ts +1 -1
- package/lib/inputs/select/index.js +18 -3
- package/lib/inputs/select/multiple/Selecteds.d.ts +1 -1
- package/lib/inputs/select/multiple/Selecteds.js +7 -3
- package/lib/inputs/select/multiple/index.d.ts +1 -1
- package/lib/inputs/select/multiple/index.js +96 -37
- package/lib/inputs/select/select.spec.js +395 -0
- package/lib/inputs/select/simple/index.d.ts +1 -1
- package/lib/inputs/select/simple/index.js +118 -54
- package/lib/inputs/select/types.d.ts +7 -2
- package/lib/inputs/text/index.js +5 -1
- package/lib/inputs/text/textfield.spec.js +215 -0
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +10 -4
- package/lib/inputs/textarea/textarea.spec.js +59 -0
- package/lib/inputs/types.d.ts +3 -9
- package/lib/internals/withTooltip.js +70 -25
- package/lib/labelMessages/index.js +45 -25
- package/lib/labelMessages/labelMessages.spec.js +176 -0
- package/lib/labels/DangerLabel.js +11 -1
- package/lib/labels/DefaultLabel.js +41 -19
- package/lib/labels/InfoLabel.js +11 -1
- package/lib/labels/PrimaryLabel.js +11 -1
- package/lib/labels/SuccessLabel.js +11 -1
- package/lib/labels/WarningLabel.js +11 -1
- package/lib/labels/index.d.ts +1 -4
- package/lib/labels/index.js +10 -0
- package/lib/labels/label.spec.js +162 -0
- package/lib/labels/label_container/index.js +7 -3
- package/lib/list/Header.js +7 -3
- package/lib/list/Item.js +68 -33
- package/lib/list/Separator.js +4 -0
- package/lib/list/helpers.js +4 -0
- package/lib/list/index.js +60 -25
- package/lib/list/list.spec.js +769 -0
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +26 -9
- package/lib/menus/float/SubMenuContainer.js +17 -5
- package/lib/menus/float/float-menu.spec.js +221 -0
- package/lib/menus/float/helpers.js +4 -0
- package/lib/menus/float/index.js +21 -8
- package/lib/menus/index.d.ts +1 -4
- package/lib/menus/index.js +3 -0
- package/lib/menus/sidenav/ExpandMenu.js +7 -2
- package/lib/menus/sidenav/MenuLink.js +12 -3
- package/lib/menus/sidenav/NavMenuGroup.js +12 -3
- package/lib/menus/sidenav/NavMenuItem.js +56 -27
- package/lib/menus/sidenav/NavSubMenuItem.js +27 -8
- package/lib/menus/sidenav/helpers.js +9 -0
- package/lib/menus/sidenav/index.js +75 -26
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +45 -15
- package/lib/menus/sidenav/sidenav.spec.js +379 -0
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +6 -0
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +22 -7
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +7 -0
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +44 -20
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +27 -12
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +7 -0
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +7 -0
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +7 -0
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +5 -0
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +7 -0
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +10 -2
- package/lib/panel/index.d.ts +2 -5
- package/lib/panel/index.js +11 -0
- package/lib/panel/panel.spec.js +216 -0
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +15 -3
- package/lib/popover/PopoverText.js +4 -0
- package/lib/popover/PopoverTitle.js +4 -0
- package/lib/popover/index.js +29 -16
- package/lib/popover/popover.spec.js +146 -0
- package/lib/popover/types.d.ts +2 -1
- package/lib/progress/Bar.js +33 -20
- package/lib/progress/index.js +14 -5
- package/lib/progress/progress.spec.js +94 -0
- package/lib/radio/index.js +46 -23
- package/lib/radio/radio.spec.js +189 -0
- package/lib/skeleton/SkeletonContainer.js +9 -3
- package/lib/skeleton/index.js +22 -10
- package/lib/spinner/SpinnerLoading.js +7 -3
- package/lib/spinner/index.js +40 -18
- package/lib/spinner/spinner.spec.js +152 -0
- package/lib/split/Split.js +83 -32
- package/lib/split/SplitSide.js +18 -6
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -0
- package/lib/split/index.d.ts +1 -4
- package/lib/split/index.js +5 -0
- package/lib/split/split.spec.js +163 -0
- package/lib/table/Body.js +29 -15
- package/lib/table/Header.js +28 -5
- package/lib/table/HeaderColumn.js +21 -10
- package/lib/table/Row.js +28 -18
- package/lib/table/RowColumn.js +29 -12
- package/lib/table/helpers.js +7 -0
- package/lib/table/index.js +62 -32
- package/lib/table/table.spec.js +352 -0
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +21 -12
- package/lib/tabs/Menu.js +15 -5
- package/lib/tabs/MenuItems.js +33 -23
- package/lib/tabs/Panel.js +39 -14
- package/lib/tabs/index.js +113 -46
- package/lib/tabs/tabHelpers.js +16 -3
- package/lib/tabs/tabs.spec.js +321 -0
- package/lib/toolbar/ButtonBar.js +29 -13
- package/lib/toolbar/LabelBar.js +28 -11
- package/lib/toolbar/Separator.js +4 -0
- package/lib/toolbar/ToolBarGroup.js +6 -2
- package/lib/toolbar/helpers.js +2 -0
- package/lib/toolbar/index.js +23 -7
- package/lib/toolbar/toolbar.spec.js +394 -0
- package/lib/tooltip/index.js +25 -10
- package/lib/tooltip/tooltip.spec.js +215 -0
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +27 -9
- package/lib/treetable/Header.js +11 -1
- package/lib/treetable/Row.js +113 -58
- package/lib/treetable/helpers.js +10 -0
- package/lib/treetable/index.js +11 -0
- package/lib/treeview/Header.js +6 -2
- package/lib/treeview/Node.js +111 -47
- package/lib/treeview/constants.js +4 -0
- package/lib/treeview/index.js +134 -54
- package/lib/treeview/treeview.spec.js +279 -0
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +6 -1
- package/lib/treeview_old/Node.js +32 -5
- package/lib/treeview_old/index.js +9 -1
- package/lib/{types-90c43ae1.d.ts → types-3c6f1c20.d.ts} +1 -1
- package/lib/uitour/index.js +73 -33
- package/lib/uitour/types.d.ts +1 -1
- package/lib/uitour/uitour.spec.js +176 -0
- package/package.json +1 -1
package/lib/alerts/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { PositionAlert } from '../@types/PositionAlert.js';
|
|
3
3
|
|
|
4
|
-
type AlertContainerMethods = {
|
|
4
|
+
declare type AlertContainerMethods = {
|
|
5
5
|
default: (messageConfig: DefaultMessageConfigType) => void;
|
|
6
6
|
info: (message: string, options: IMessageProps) => void;
|
|
7
7
|
custom: (message: string, options: IMessageProps) => void;
|
|
@@ -9,7 +9,7 @@ type AlertContainerMethods = {
|
|
|
9
9
|
warning: (message: string, options: IMessageProps) => void;
|
|
10
10
|
success: (message: string, options: IMessageProps) => void;
|
|
11
11
|
};
|
|
12
|
-
type DefaultMessageConfigType = {
|
|
12
|
+
declare type DefaultMessageConfigType = {
|
|
13
13
|
message: string;
|
|
14
14
|
options: IMessageProps & {
|
|
15
15
|
type: 'info' | 'warning' | 'danger' | 'success';
|
|
@@ -37,11 +37,11 @@ interface IAlertProviderProps {
|
|
|
37
37
|
interface WithAlertContextProps {
|
|
38
38
|
alert?: AlertContainerMethods;
|
|
39
39
|
}
|
|
40
|
-
type GetClassParams = {
|
|
40
|
+
declare type GetClassParams = {
|
|
41
41
|
customClass?: string;
|
|
42
42
|
className?: string;
|
|
43
43
|
};
|
|
44
|
-
type MessagesState = {
|
|
44
|
+
declare type MessagesState = {
|
|
45
45
|
[key: string]: Array<IMessageProps>;
|
|
46
46
|
};
|
|
47
47
|
|
package/lib/alerts/withAlert.js
CHANGED
|
@@ -1,25 +1,36 @@
|
|
|
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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
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
|
+
|
|
12
18
|
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
|
+
|
|
13
20
|
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
|
+
|
|
14
22
|
var withAlert = function withAlert(WrapperComponent) {
|
|
15
23
|
var GetAlert = function GetAlert(props) {
|
|
16
24
|
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
17
|
-
|
|
25
|
+
alert = _useContext.alert;
|
|
26
|
+
|
|
18
27
|
return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
|
|
19
28
|
alert: alert
|
|
20
29
|
}));
|
|
21
30
|
};
|
|
31
|
+
|
|
22
32
|
return GetAlert;
|
|
23
33
|
};
|
|
34
|
+
|
|
24
35
|
var _default = withAlert;
|
|
25
36
|
exports.default = _default;
|
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
var _react = _interopRequireDefault(require("react"));
|
|
6
|
+
|
|
7
|
+
require("babel-polyfill");
|
|
8
|
+
|
|
9
|
+
require("@testing-library/jest-dom/extend-expect");
|
|
10
|
+
|
|
11
|
+
var _react2 = require("@testing-library/react");
|
|
12
|
+
|
|
13
|
+
var _ = _interopRequireDefault(require("."));
|
|
14
|
+
|
|
15
|
+
var _icons = _interopRequireDefault(require("../icons"));
|
|
16
|
+
|
|
17
|
+
var _list = _interopRequireWildcard(require("../list"));
|
|
18
|
+
|
|
19
|
+
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); }
|
|
20
|
+
|
|
21
|
+
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; }
|
|
22
|
+
|
|
23
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
24
|
+
|
|
25
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
26
|
+
|
|
27
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
28
|
+
|
|
29
|
+
describe('Avatar', function () {
|
|
30
|
+
it('should render correctly', function () {
|
|
31
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
32
|
+
label: "B"
|
|
33
|
+
})),
|
|
34
|
+
container = _render.container;
|
|
35
|
+
|
|
36
|
+
expect(container.firstChild).toHaveClass('avatar-component -default');
|
|
37
|
+
expect(container.firstChild).toHaveTextContent('B');
|
|
38
|
+
expect(_react2.screen.getByRole('button')).toBeInTheDocument();
|
|
39
|
+
});
|
|
40
|
+
it('should apply customClass', function () {
|
|
41
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
42
|
+
label: "B",
|
|
43
|
+
customClass: "avatarteste"
|
|
44
|
+
})),
|
|
45
|
+
container = _render2.container;
|
|
46
|
+
|
|
47
|
+
expect(container.firstChild).toHaveClass('avatarteste');
|
|
48
|
+
});
|
|
49
|
+
it('should change color', function () {
|
|
50
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
51
|
+
label: "B",
|
|
52
|
+
color: "#333"
|
|
53
|
+
})),
|
|
54
|
+
container = _render3.container;
|
|
55
|
+
|
|
56
|
+
expect(container.firstChild).toHaveStyle('background-color: #333');
|
|
57
|
+
});
|
|
58
|
+
it('should change to square', function () {
|
|
59
|
+
var _render4 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
60
|
+
label: "B",
|
|
61
|
+
square: true
|
|
62
|
+
})),
|
|
63
|
+
container = _render4.container;
|
|
64
|
+
|
|
65
|
+
expect(container.firstChild).toHaveClass('-square');
|
|
66
|
+
});
|
|
67
|
+
it('should change to mini', function () {
|
|
68
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
69
|
+
label: "B",
|
|
70
|
+
size: "mini"
|
|
71
|
+
})),
|
|
72
|
+
container = _render5.container;
|
|
73
|
+
|
|
74
|
+
expect(container.firstChild).toHaveClass('-mini');
|
|
75
|
+
});
|
|
76
|
+
it('should render icon with iconName', function () {
|
|
77
|
+
var _render6 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
78
|
+
iconName: "calc"
|
|
79
|
+
})),
|
|
80
|
+
container = _render6.container;
|
|
81
|
+
|
|
82
|
+
expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
|
|
83
|
+
});
|
|
84
|
+
it('should render Icon with icon', function () {
|
|
85
|
+
var _render7 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
86
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
87
|
+
name: "user"
|
|
88
|
+
})
|
|
89
|
+
})),
|
|
90
|
+
container = _render7.container;
|
|
91
|
+
|
|
92
|
+
expect(container.firstChild).toContainElement(_react2.screen.getByTestId('icon'));
|
|
93
|
+
});
|
|
94
|
+
it('should render with image', function () {
|
|
95
|
+
var mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
|
|
96
|
+
src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
|
|
97
|
+
srcAlt: "Avatar Teste"
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
var _render8 = (0, _react2.render)(mockAvatar),
|
|
101
|
+
container = _render8.container;
|
|
102
|
+
|
|
103
|
+
expect(container.firstChild).toContainElement(_react2.screen.getByAltText('Avatar Teste'));
|
|
104
|
+
expect(_react2.screen.getByAltText('Avatar Teste')).toHaveClass('imgavatar');
|
|
105
|
+
});
|
|
106
|
+
it('should not render icon if has image', function () {
|
|
107
|
+
var mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
|
|
108
|
+
src: "https://yt3.ggpht.com/a-/AAuE7mDGQh9L3n_EULfeZEO9rs_JR4BY376CSrlxdw=s900-mo-c-c0xffffffff-rj-k-no",
|
|
109
|
+
srcAlt: "Avatar Teste"
|
|
110
|
+
});
|
|
111
|
+
|
|
112
|
+
var _render9 = (0, _react2.render)(mockAvatar),
|
|
113
|
+
container = _render9.container;
|
|
114
|
+
|
|
115
|
+
expect(container.firstChild).not.toContainElement(document.querySelector('.icon-component'));
|
|
116
|
+
});
|
|
117
|
+
it('should change size', function () {
|
|
118
|
+
var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
119
|
+
label: "B",
|
|
120
|
+
width: "56px",
|
|
121
|
+
height: "56px"
|
|
122
|
+
})),
|
|
123
|
+
container = _render10.container;
|
|
124
|
+
|
|
125
|
+
expect(container.firstChild).toHaveStyle('width: 56px; height:56px');
|
|
126
|
+
});
|
|
127
|
+
it('should open dropdown and render chilren', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
128
|
+
var mockAvatar, _render11, container;
|
|
129
|
+
|
|
130
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
131
|
+
while (1) {
|
|
132
|
+
switch (_context.prev = _context.next) {
|
|
133
|
+
case 0:
|
|
134
|
+
mockAvatar = /*#__PURE__*/_react.default.createElement(_.default, {
|
|
135
|
+
label: "B",
|
|
136
|
+
dropdown: true
|
|
137
|
+
}, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
138
|
+
rightIconName: "exclamation",
|
|
139
|
+
text: "Icone na direita"
|
|
140
|
+
}), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
141
|
+
rightIconName: "user",
|
|
142
|
+
text: "Icone na direita"
|
|
143
|
+
}), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
144
|
+
text: "Itemlist sem \xEDcone"
|
|
145
|
+
}), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
146
|
+
text: "Itemlist sem \xEDcone Disabled",
|
|
147
|
+
disabled: true
|
|
148
|
+
})));
|
|
149
|
+
_render11 = (0, _react2.render)(mockAvatar), container = _render11.container;
|
|
150
|
+
|
|
151
|
+
_react2.fireEvent.click(container.firstChild);
|
|
152
|
+
|
|
153
|
+
_context.next = 5;
|
|
154
|
+
return (0, _react2.waitFor)(function () {
|
|
155
|
+
return _react2.screen.getByTestId('dropdown-component');
|
|
156
|
+
});
|
|
157
|
+
|
|
158
|
+
case 5:
|
|
159
|
+
expect(container.firstChild).toHaveTextContent('B');
|
|
160
|
+
expect(_react2.screen.getByTestId('dropdown-component')).toBeInTheDocument();
|
|
161
|
+
|
|
162
|
+
case 7:
|
|
163
|
+
case "end":
|
|
164
|
+
return _context.stop();
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}, _callee);
|
|
168
|
+
})));
|
|
169
|
+
it('should callback function onClick', function () {
|
|
170
|
+
var mockOnClick = jest.fn();
|
|
171
|
+
|
|
172
|
+
var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
173
|
+
label: "B",
|
|
174
|
+
onClick: mockOnClick
|
|
175
|
+
})),
|
|
176
|
+
container = _render12.container;
|
|
177
|
+
|
|
178
|
+
_react2.fireEvent.click(container.firstChild);
|
|
179
|
+
|
|
180
|
+
expect(mockOnClick).toBeCalledTimes(1);
|
|
181
|
+
});
|
|
182
|
+
it('should use targetRef', function () {
|
|
183
|
+
var mockTargetRef = jest.fn();
|
|
184
|
+
(0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.default, {
|
|
185
|
+
label: "B",
|
|
186
|
+
targetRef: mockTargetRef
|
|
187
|
+
}));
|
|
188
|
+
expect(mockTargetRef).toBeCalledTimes(1);
|
|
189
|
+
});
|
|
190
|
+
});
|
package/lib/avatar/index.js
CHANGED
|
@@ -1,26 +1,37 @@
|
|
|
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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _icons = _interopRequireDefault(require("../../lib/icons"));
|
|
13
|
+
|
|
10
14
|
require("../assets/styles/avatar.scss");
|
|
15
|
+
|
|
11
16
|
var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
13
20
|
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
|
+
|
|
14
22
|
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
|
+
|
|
15
24
|
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); }
|
|
25
|
+
|
|
16
26
|
var getClass = function getClass(_ref) {
|
|
17
27
|
var className = _ref.className,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
28
|
+
square = _ref.square,
|
|
29
|
+
disabled = _ref.disabled,
|
|
30
|
+
_ref$size = _ref.size,
|
|
31
|
+
size = _ref$size === void 0 ? 'default' : _ref$size;
|
|
22
32
|
return "avatar-component ".concat(className).concat(disabled && '-disabled', " \n ").concat(square && '-square', " ").concat(size && "-".concat(size));
|
|
23
33
|
};
|
|
34
|
+
|
|
24
35
|
var getIcon = function getIcon(iconName, icon) {
|
|
25
36
|
if (icon) {
|
|
26
37
|
return icon;
|
|
@@ -30,26 +41,28 @@ var getIcon = function getIcon(iconName, icon) {
|
|
|
30
41
|
size: 16
|
|
31
42
|
});
|
|
32
43
|
}
|
|
44
|
+
|
|
33
45
|
return null;
|
|
34
46
|
};
|
|
47
|
+
|
|
35
48
|
var Avatar = function Avatar(props) {
|
|
36
49
|
var width = props.width,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
height = props.height,
|
|
51
|
+
_onClick = props.onClick,
|
|
52
|
+
color = props.color,
|
|
53
|
+
iconName = props.iconName,
|
|
54
|
+
icon = props.icon,
|
|
55
|
+
src = props.src,
|
|
56
|
+
_props$srcAlt = props.srcAlt,
|
|
57
|
+
srcAlt = _props$srcAlt === void 0 ? 'Avatar' : _props$srcAlt,
|
|
58
|
+
customClass = props.customClass,
|
|
59
|
+
targetRef = props.targetRef,
|
|
60
|
+
label = props.label,
|
|
61
|
+
dropdown = props.dropdown,
|
|
62
|
+
showDropdown = props.showDropdown,
|
|
63
|
+
getDropdownPopup = props.getDropdownPopup,
|
|
64
|
+
style = props.style,
|
|
65
|
+
id = props.id;
|
|
53
66
|
var dropdownRef = (0, _react.useRef)(null);
|
|
54
67
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
55
68
|
"data-testid": "avatar",
|
|
@@ -82,5 +95,7 @@ var Avatar = function Avatar(props) {
|
|
|
82
95
|
alt: srcAlt
|
|
83
96
|
}), label), dropdown && getDropdownPopup && getDropdownPopup(dropdownRef.current));
|
|
84
97
|
};
|
|
98
|
+
|
|
85
99
|
var _default = (0, _withDropdown.default)(Avatar);
|
|
100
|
+
|
|
86
101
|
exports.default = _default;
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
5
|
+
var _react2 = require("@testing-library/react");
|
|
6
|
+
|
|
7
|
+
require("@testing-library/jest-dom/extend-expect");
|
|
8
|
+
|
|
9
|
+
var _ = _interopRequireDefault(require("."));
|
|
10
|
+
|
|
11
|
+
var _icons = _interopRequireDefault(require("../icons"));
|
|
12
|
+
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
|
|
15
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
16
|
+
|
|
17
|
+
var mockBadge = function mockBadge(props) {
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_.default, _extends({
|
|
19
|
+
customClass: "mockBadge",
|
|
20
|
+
customClassForBadge: "classforbadge",
|
|
21
|
+
content: "10"
|
|
22
|
+
}, props), /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
23
|
+
name: "bell_alert"
|
|
24
|
+
}));
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
describe('Badges', function () {
|
|
28
|
+
it('should render correctly', function () {
|
|
29
|
+
var _render = (0, _react2.render)(mockBadge()),
|
|
30
|
+
container = _render.container;
|
|
31
|
+
|
|
32
|
+
expect(container.firstChild).toBeTruthy();
|
|
33
|
+
});
|
|
34
|
+
it('should render children', function () {
|
|
35
|
+
var _render2 = (0, _react2.render)(mockBadge()),
|
|
36
|
+
container = _render2.container,
|
|
37
|
+
getByTestId = _render2.getByTestId;
|
|
38
|
+
|
|
39
|
+
expect(container.firstChild).toContainElement(getByTestId('icon'));
|
|
40
|
+
});
|
|
41
|
+
it('should render content', function () {
|
|
42
|
+
var _render3 = (0, _react2.render)(mockBadge()),
|
|
43
|
+
container = _render3.container;
|
|
44
|
+
|
|
45
|
+
expect(container.firstChild).toHaveTextContent('10');
|
|
46
|
+
});
|
|
47
|
+
it('should apply custom class', function () {
|
|
48
|
+
var _render4 = (0, _react2.render)(mockBadge()),
|
|
49
|
+
container = _render4.container;
|
|
50
|
+
|
|
51
|
+
expect(container.firstChild).toHaveClass('mockBadge');
|
|
52
|
+
});
|
|
53
|
+
it('should apply custom class', function () {
|
|
54
|
+
var _render5 = (0, _react2.render)(mockBadge()),
|
|
55
|
+
container = _render5.container;
|
|
56
|
+
|
|
57
|
+
expect(container.firstChild).toHaveClass('mockBadge');
|
|
58
|
+
});
|
|
59
|
+
it('should apply custom class for badge', function () {
|
|
60
|
+
var _render6 = (0, _react2.render)(mockBadge()),
|
|
61
|
+
container = _render6.container;
|
|
62
|
+
|
|
63
|
+
expect(container.querySelector('.badge')).toHaveClass('classforbadge');
|
|
64
|
+
});
|
|
65
|
+
it('should apply custom top', function () {
|
|
66
|
+
var _render7 = (0, _react2.render)(mockBadge({
|
|
67
|
+
top: '10px'
|
|
68
|
+
})),
|
|
69
|
+
container = _render7.container;
|
|
70
|
+
|
|
71
|
+
expect(container.querySelector('.badge')).toHaveStyle('top: 10px;');
|
|
72
|
+
});
|
|
73
|
+
it('should apply custom right', function () {
|
|
74
|
+
var _render8 = (0, _react2.render)(mockBadge({
|
|
75
|
+
right: '10px'
|
|
76
|
+
})),
|
|
77
|
+
container = _render8.container;
|
|
78
|
+
|
|
79
|
+
expect(container.querySelector('.badge')).toHaveStyle('right: 10px;');
|
|
80
|
+
});
|
|
81
|
+
it('should apply default color', function () {
|
|
82
|
+
var _render9 = (0, _react2.render)(mockBadge()),
|
|
83
|
+
container = _render9.container;
|
|
84
|
+
|
|
85
|
+
expect(container.querySelector('.badge')).toHaveClass('-default');
|
|
86
|
+
});
|
|
87
|
+
it('should apply primary color', function () {
|
|
88
|
+
var _render10 = (0, _react2.render)(mockBadge({
|
|
89
|
+
color: 'primary'
|
|
90
|
+
})),
|
|
91
|
+
container = _render10.container;
|
|
92
|
+
|
|
93
|
+
expect(container.querySelector('.badge')).toHaveClass('-primary');
|
|
94
|
+
});
|
|
95
|
+
it('should apply danger color', function () {
|
|
96
|
+
var _render11 = (0, _react2.render)(mockBadge({
|
|
97
|
+
color: 'danger'
|
|
98
|
+
})),
|
|
99
|
+
container = _render11.container;
|
|
100
|
+
|
|
101
|
+
expect(container.querySelector('.badge')).toHaveClass('-danger');
|
|
102
|
+
});
|
|
103
|
+
it('should apply warning color', function () {
|
|
104
|
+
var _render12 = (0, _react2.render)(mockBadge({
|
|
105
|
+
color: 'warning'
|
|
106
|
+
})),
|
|
107
|
+
container = _render12.container;
|
|
108
|
+
|
|
109
|
+
expect(container.querySelector('.badge')).toHaveClass('-warning');
|
|
110
|
+
});
|
|
111
|
+
it('should apply success color', function () {
|
|
112
|
+
var _render13 = (0, _react2.render)(mockBadge({
|
|
113
|
+
color: 'success'
|
|
114
|
+
})),
|
|
115
|
+
container = _render13.container;
|
|
116
|
+
|
|
117
|
+
expect(container.querySelector('.badge')).toHaveClass('-success');
|
|
118
|
+
});
|
|
119
|
+
it('should apply info color', function () {
|
|
120
|
+
var _render14 = (0, _react2.render)(mockBadge({
|
|
121
|
+
color: 'info'
|
|
122
|
+
})),
|
|
123
|
+
container = _render14.container;
|
|
124
|
+
|
|
125
|
+
expect(container.querySelector('.badge')).toHaveClass('-info');
|
|
126
|
+
});
|
|
127
|
+
});
|
package/lib/badge/index.js
CHANGED
|
@@ -4,20 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
require("../assets/styles/badge.scss");
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
var Badge = function Badge(props) {
|
|
11
15
|
var _props$color = props.color,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
color = _props$color === void 0 ? 'default' : _props$color,
|
|
17
|
+
customClass = props.customClass,
|
|
18
|
+
customClassForBadge = props.customClassForBadge,
|
|
19
|
+
children = props.children,
|
|
20
|
+
content = props.content,
|
|
21
|
+
_props$top = props.top,
|
|
22
|
+
top = _props$top === void 0 ? '-16px' : _props$top,
|
|
23
|
+
_props$right = props.right,
|
|
24
|
+
right = _props$right === void 0 ? '-11px' : _props$right;
|
|
21
25
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
22
26
|
className: "badge-component ".concat(customClass)
|
|
23
27
|
}, children, /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -28,5 +32,6 @@ var Badge = function Badge(props) {
|
|
|
28
32
|
}
|
|
29
33
|
}, content));
|
|
30
34
|
};
|
|
35
|
+
|
|
31
36
|
var _default = Badge;
|
|
32
37
|
exports.default = _default;
|
|
@@ -4,14 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
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); }
|
|
15
|
+
|
|
11
16
|
var ActivateButton = function ActivateButton(props) {
|
|
12
17
|
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({}, props, {
|
|
13
18
|
iconName: "undo"
|
|
14
19
|
}));
|
|
15
20
|
};
|
|
21
|
+
|
|
16
22
|
var _default = ActivateButton;
|
|
17
23
|
exports.default = _default;
|
package/lib/buttons/AddButton.js
CHANGED
|
@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _SuccessButton = _interopRequireDefault(require("./SuccessButton"));
|
|
11
|
+
|
|
9
12
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
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
|
+
|
|
12
18
|
var AddButton = function AddButton(props) {
|
|
13
19
|
return /*#__PURE__*/_react.default.createElement(_SuccessButton.default, _extends({}, props, {
|
|
14
20
|
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
@@ -17,5 +23,6 @@ var AddButton = function AddButton(props) {
|
|
|
17
23
|
})
|
|
18
24
|
}));
|
|
19
25
|
};
|
|
26
|
+
|
|
20
27
|
var _default = AddButton;
|
|
21
28
|
exports.default = _default;
|
package/lib/buttons/Button.js
CHANGED
|
@@ -1,24 +1,37 @@
|
|
|
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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _DefaultButton = _interopRequireDefault(require("./DefaultButton"));
|
|
13
|
+
|
|
10
14
|
var _split_button = _interopRequireDefault(require("./split_button"));
|
|
15
|
+
|
|
11
16
|
var _excluded = ["split"];
|
|
17
|
+
|
|
12
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
+
|
|
13
20
|
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
|
+
|
|
14
22
|
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
|
+
|
|
15
24
|
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; }
|
|
25
|
+
|
|
16
26
|
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; }
|
|
27
|
+
|
|
17
28
|
var Button = function Button(_ref) {
|
|
18
29
|
var _ref$split = _ref.split,
|
|
19
|
-
|
|
20
|
-
|
|
30
|
+
split = _ref$split === void 0 ? false : _ref$split,
|
|
31
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
32
|
+
|
|
21
33
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, split ? /*#__PURE__*/_react.default.createElement(_split_button.default, rest) : /*#__PURE__*/_react.default.createElement(_DefaultButton.default, rest));
|
|
22
34
|
};
|
|
35
|
+
|
|
23
36
|
var _default = Button;
|
|
24
37
|
exports.default = _default;
|
|
@@ -4,13 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
9
12
|
var ButtonsGroup = function ButtonsGroup(_ref) {
|
|
10
13
|
var children = _ref.children;
|
|
11
14
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
12
15
|
className: "btn-group"
|
|
13
16
|
}, children);
|
|
14
17
|
};
|
|
18
|
+
|
|
15
19
|
var _default = ButtonsGroup;
|
|
16
20
|
exports.default = _default;
|
|
@@ -4,19 +4,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
11
|
+
|
|
9
12
|
var _excluded = ["customClass"];
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
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
|
+
|
|
12
18
|
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
|
+
|
|
13
20
|
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
|
+
|
|
14
22
|
var CancelButton = function CancelButton(_ref) {
|
|
15
23
|
var customClass = _ref.customClass,
|
|
16
|
-
|
|
24
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
|
|
17
26
|
return /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
|
|
18
27
|
customClass: customClass
|
|
19
28
|
}, rest));
|
|
20
29
|
};
|
|
30
|
+
|
|
21
31
|
var _default = CancelButton;
|
|
22
32
|
exports.default = _default;
|