@zohodesk/components 1.0.0-temp-158 → 1.0.0-temp-160
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/es/Accordion/Accordion.js +3 -7
- package/es/Accordion/AccordionItem.js +2 -4
- package/es/Animation/Animation.js +3 -3
- package/es/AppContainer/AppContainer.js +5 -13
- package/es/Avatar/Avatar.js +11 -23
- package/es/AvatarTeam/AvatarTeam.js +3 -3
- package/es/Button/Button.js +3 -4
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Card/Card.js +10 -21
- package/es/CheckBox/CheckBox.js +3 -5
- package/es/DateTime/CalendarView.js +20 -32
- package/es/DateTime/DateTime.js +6 -67
- package/es/DateTime/DateTimePopupFooter.js +2 -4
- package/es/DateTime/DateTimePopupHeader.js +2 -8
- package/es/DateTime/DateWidget.js +35 -98
- package/es/DateTime/DaysRow.js +2 -4
- package/es/DateTime/Time.js +2 -10
- package/es/DateTime/YearView.js +4 -28
- package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
- package/es/DateTime/__tests__/DateTime.spec.js +0 -1
- package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
- package/es/DateTime/common.js +0 -3
- package/es/DateTime/constants.js +0 -1
- package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
- package/es/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
- package/es/DateTime/dateFormatUtils/index.js +2 -32
- package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
- package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
- package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
- package/es/DateTime/objectUtils.js +20 -14
- package/es/DateTime/typeChecker.js +0 -3
- package/es/DateTime/validator.js +6 -58
- package/es/DropBox/DropBox.js +2 -6
- package/es/DropBox/DropBoxElement/DropBoxElement.js +0 -7
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +3 -5
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +0 -3
- package/es/DropBox/props/defaultProps.js +2 -1
- package/es/DropBox/props/propTypes.js +2 -1
- package/es/DropDown/DropDown.js +4 -8
- package/es/DropDown/DropDownHeading.js +5 -4
- package/es/DropDown/DropDownItem.js +0 -6
- package/es/DropDown/DropDownSearch.js +0 -4
- package/es/DropDown/DropDownSeparator.js +0 -1
- package/es/DropDown/__tests__/DropDown.spec.js +2 -1
- package/es/Heading/Heading.js +3 -2
- package/es/Label/Label.js +3 -2
- package/es/Layout/Box.js +0 -13
- package/es/Layout/Container.js +1 -12
- package/es/Layout/index.js +2 -1
- package/es/ListItem/ListContainer.js +3 -8
- package/es/ListItem/ListItem.js +3 -9
- package/es/ListItem/ListItemWithAvatar.js +3 -9
- package/es/ListItem/ListItemWithCheckBox.js +2 -7
- package/es/ListItem/ListItemWithIcon.js +3 -8
- package/es/ListItem/ListItemWithRadio.js +3 -7
- package/es/Modal/Modal.js +11 -28
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +13 -89
- package/es/MultiSelect/AdvancedMultiSelect.js +9 -32
- package/es/MultiSelect/EmptyState.js +0 -2
- package/es/MultiSelect/MultiSelect.js +32 -99
- package/es/MultiSelect/MultiSelectHeader.js +0 -3
- package/es/MultiSelect/MultiSelectWithAvatar.js +6 -12
- package/es/MultiSelect/SelectedOptions.js +3 -6
- package/es/MultiSelect/Suggestions.js +3 -7
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
- package/es/MultiSelect/props/propTypes.js +0 -2
- package/es/PopOver/PopOver.js +2 -18
- package/es/PopOver/__tests__/PopOver.spec.js +1 -2
- package/es/Popup/Popup.js +24 -77
- package/es/Popup/__tests__/Popup.spec.js +5 -17
- package/es/Popup/viewPort.js +4 -16
- package/es/Provider/IdProvider.js +5 -10
- package/es/Provider/LibraryContext.js +4 -6
- package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
- package/es/Provider/ZindexProvider.js +2 -9
- package/es/Radio/Radio.js +2 -4
- package/es/Responsive/CustomResponsive.js +18 -30
- package/es/Responsive/RefWrapper.js +7 -6
- package/es/Responsive/ResizeComponent.js +25 -35
- package/es/Responsive/ResizeObserver.js +6 -26
- package/es/Responsive/Responsive.js +20 -34
- package/es/Responsive/index.js +3 -1
- package/es/Responsive/sizeObservers.js +7 -28
- package/es/Responsive/utils/index.js +5 -7
- package/es/Responsive/utils/shallowCompare.js +2 -7
- package/es/Responsive/windowResizeObserver.js +0 -7
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
- package/es/Ribbon/Ribbon.js +2 -3
- package/es/RippleEffect/RippleEffect.js +3 -1
- package/es/Select/GroupSelect.js +14 -58
- package/es/Select/Select.js +33 -79
- package/es/Select/SelectWithAvatar.js +4 -17
- package/es/Select/SelectWithIcon.js +5 -46
- package/es/Select/__tests__/Select.spec.js +8 -6
- package/es/Select/props/propTypes.js +0 -1
- package/es/Stencils/Stencils.js +3 -3
- package/es/Switch/Switch.js +3 -5
- package/es/Tab/Tab.js +4 -4
- package/es/Tab/TabContent.js +0 -1
- package/es/Tab/TabContentWrapper.js +0 -2
- package/es/Tab/TabWrapper.js +2 -5
- package/es/Tab/Tabs.js +7 -54
- package/es/Tab/__tests__/Tab.spec.js +3 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
- package/es/Tag/Tag.js +3 -6
- package/es/TextBox/TextBox.js +3 -15
- package/es/TextBox/__tests__/TextBox.spec.js +4 -1
- package/es/TextBoxIcon/TextBoxIcon.js +2 -9
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
- package/es/Textarea/Textarea.js +3 -12
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Tooltip/Tooltip.js +14 -58
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -3
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -7
- package/es/deprecated/PortalLayer/PortalLayer.js +20 -25
- package/es/semantic/Button/Button.js +2 -3
- package/es/utils/Common.js +9 -54
- package/es/utils/ContextOptimizer.js +5 -4
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +0 -2
- package/es/utils/css/compileClassNames.js +0 -5
- package/es/utils/css/mergeStyle.js +6 -7
- package/es/utils/css/utils.js +0 -1
- package/es/utils/datetime/common.js +5 -16
- package/es/utils/debounce.js +1 -5
- package/es/utils/dropDownUtils.js +11 -68
- package/es/utils/getInitial.js +0 -4
- package/es/utils/shallowEqual.js +0 -6
- package/lib/Accordion/Accordion.js +18 -42
- package/lib/Accordion/AccordionItem.js +18 -40
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
- package/lib/Accordion/index.js +0 -3
- package/lib/Accordion/props/propTypes.js +0 -3
- package/lib/Animation/Animation.js +18 -38
- package/lib/Animation/__tests__/Animation.spec.js +7 -11
- package/lib/Animation/props/propTypes.js +0 -3
- package/lib/AppContainer/AppContainer.js +21 -56
- package/lib/AppContainer/props/propTypes.js +0 -3
- package/lib/Avatar/Avatar.js +38 -78
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
- package/lib/Avatar/props/propTypes.js +0 -3
- package/lib/AvatarTeam/AvatarTeam.js +30 -52
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
- package/lib/AvatarTeam/props/propTypes.js +0 -3
- package/lib/Button/Button.js +20 -31
- package/lib/Button/css/cssJSLogic.js +17 -18
- package/lib/Button/index.js +0 -3
- package/lib/Button/props/defaultProps.js +0 -2
- package/lib/Button/props/propTypes.js +0 -3
- package/lib/Buttongroup/Buttongroup.js +12 -32
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
- package/lib/Buttongroup/props/propTypes.js +0 -3
- package/lib/Card/Card.js +46 -102
- package/lib/Card/__tests__/Card.spec.js +1 -10
- package/lib/Card/index.js +0 -4
- package/lib/Card/props/propTypes.js +0 -3
- package/lib/CheckBox/CheckBox.js +47 -71
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
- package/lib/CheckBox/props/propTypes.js +0 -3
- package/lib/DateTime/CalendarView.js +42 -82
- package/lib/DateTime/DateTime.js +156 -240
- package/lib/DateTime/DateTimePopupFooter.js +8 -31
- package/lib/DateTime/DateTimePopupHeader.js +17 -48
- package/lib/DateTime/DateWidget.js +250 -352
- package/lib/DateTime/DaysRow.js +5 -27
- package/lib/DateTime/Time.js +32 -73
- package/lib/DateTime/YearView.js +28 -77
- package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
- package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
- package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
- package/lib/DateTime/common.js +0 -6
- package/lib/DateTime/constants.js +0 -1
- package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
- package/lib/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
- package/lib/DateTime/dateFormatUtils/index.js +16 -74
- package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
- package/lib/DateTime/dateFormatUtils/timeChange.js +22 -54
- package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
- package/lib/DateTime/index.js +0 -2
- package/lib/DateTime/objectUtils.js +20 -24
- package/lib/DateTime/props/propTypes.js +1 -11
- package/lib/DateTime/typeChecker.js +0 -4
- package/lib/DateTime/validator.js +10 -73
- package/lib/DropBox/DropBox.js +10 -34
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +37 -58
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +33 -41
- package/lib/DropBox/DropBoxElement/props/propTypes.js +0 -3
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +9 -14
- package/lib/DropBox/__tests__/DropBox.spec.js +2 -6
- package/lib/DropBox/css/cssJSLogic.js +1 -3
- package/lib/DropBox/props/defaultProps.js +4 -8
- package/lib/DropBox/props/propTypes.js +4 -10
- package/lib/DropDown/DropDown.js +8 -52
- package/lib/DropDown/DropDownHeading.js +20 -39
- package/lib/DropDown/DropDownItem.js +20 -42
- package/lib/DropDown/DropDownSearch.js +17 -40
- package/lib/DropDown/DropDownSeparator.js +4 -24
- package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
- package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
- package/lib/DropDown/index.js +0 -9
- package/lib/DropDown/props/propTypes.js +4 -6
- package/lib/Heading/Heading.js +15 -37
- package/lib/Heading/props/propTypes.js +0 -3
- package/lib/Label/Label.js +19 -39
- package/lib/Label/__tests__/Label.spec.js +1 -14
- package/lib/Label/props/propTypes.js +0 -3
- package/lib/Layout/Box.js +11 -31
- package/lib/Layout/Container.js +10 -29
- package/lib/Layout/__tests__/Box.spec.js +49 -65
- package/lib/Layout/__tests__/Container.spec.js +50 -67
- package/lib/Layout/index.js +0 -3
- package/lib/Layout/props/propTypes.js +0 -3
- package/lib/Layout/utils.js +0 -10
- package/lib/ListItem/ListContainer.js +27 -48
- package/lib/ListItem/ListItem.js +45 -69
- package/lib/ListItem/ListItemWithAvatar.js +48 -75
- package/lib/ListItem/ListItemWithCheckBox.js +39 -64
- package/lib/ListItem/ListItemWithIcon.js +44 -68
- package/lib/ListItem/ListItemWithRadio.js +41 -65
- package/lib/ListItem/index.js +0 -7
- package/lib/ListItem/props/propTypes.js +4 -6
- package/lib/Modal/Modal.js +10 -45
- package/lib/Modal/props/propTypes.js +0 -3
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +166 -294
- package/lib/MultiSelect/AdvancedMultiSelect.js +125 -202
- package/lib/MultiSelect/EmptyState.js +24 -45
- package/lib/MultiSelect/MultiSelect.js +206 -323
- package/lib/MultiSelect/MultiSelectHeader.js +8 -30
- package/lib/MultiSelect/MultiSelectWithAvatar.js +63 -105
- package/lib/MultiSelect/SelectedOptions.js +17 -43
- package/lib/MultiSelect/Suggestions.js +32 -64
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
- package/lib/MultiSelect/index.js +0 -5
- package/lib/MultiSelect/props/defaultProps.js +0 -2
- package/lib/MultiSelect/props/propTypes.js +0 -5
- package/lib/PopOver/PopOver.js +49 -95
- package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
- package/lib/PopOver/index.js +0 -4
- package/lib/PopOver/props/propTypes.js +0 -3
- package/lib/Popup/Popup.js +81 -158
- package/lib/Popup/__tests__/Popup.spec.js +8 -43
- package/lib/Popup/viewPort.js +14 -28
- package/lib/Provider/AvatarSize.js +0 -4
- package/lib/Provider/Config.js +0 -2
- package/lib/Provider/CssProvider.js +0 -4
- package/lib/Provider/IdProvider.js +6 -17
- package/lib/Provider/LibraryContext.js +15 -35
- package/lib/Provider/LibraryContextInit.js +0 -4
- package/lib/Provider/NumberGenerator/NumberGenerator.js +15 -44
- package/lib/Provider/ZindexProvider.js +3 -15
- package/lib/Provider/index.js +0 -5
- package/lib/Radio/Radio.js +38 -61
- package/lib/Radio/__tests__/Radiospec.js +5 -9
- package/lib/Radio/props/propTypes.js +0 -3
- package/lib/Responsive/CustomResponsive.js +29 -73
- package/lib/Responsive/RefWrapper.js +11 -17
- package/lib/Responsive/ResizeComponent.js +36 -62
- package/lib/Responsive/ResizeObserver.js +10 -24
- package/lib/Responsive/Responsive.js +30 -80
- package/lib/Responsive/index.js +0 -4
- package/lib/Responsive/props/propTypes.js +0 -3
- package/lib/Responsive/sizeObservers.js +17 -53
- package/lib/Responsive/utils/index.js +3 -11
- package/lib/Responsive/utils/shallowCompare.js +2 -11
- package/lib/Responsive/windowResizeObserver.js +0 -8
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +17 -45
- package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
- package/lib/Ribbon/Ribbon.js +13 -33
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
- package/lib/Ribbon/props/propTypes.js +0 -3
- package/lib/RippleEffect/RippleEffect.js +10 -18
- package/lib/RippleEffect/props/propTypes.js +0 -3
- package/lib/Select/GroupSelect.js +130 -229
- package/lib/Select/Select.js +209 -290
- package/lib/Select/SelectWithAvatar.js +56 -102
- package/lib/Select/SelectWithIcon.js +76 -132
- package/lib/Select/__tests__/Select.spec.js +91 -133
- package/lib/Select/index.js +0 -5
- package/lib/Select/props/defaultProps.js +4 -5
- package/lib/Select/props/propTypes.js +0 -4
- package/lib/Stencils/Stencils.js +10 -29
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
- package/lib/Stencils/props/propTypes.js +0 -3
- package/lib/Switch/Switch.js +34 -57
- package/lib/Switch/props/propTypes.js +0 -3
- package/lib/Tab/Tab.js +27 -40
- package/lib/Tab/TabContent.js +5 -12
- package/lib/Tab/TabContentWrapper.js +6 -13
- package/lib/Tab/TabWrapper.js +19 -37
- package/lib/Tab/Tabs.js +91 -171
- package/lib/Tab/__tests__/Tab.spec.js +58 -67
- package/lib/Tab/__tests__/TabContent.spec.js +6 -10
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
- package/lib/Tab/__tests__/Tabs.spec.js +39 -53
- package/lib/Tab/index.js +0 -6
- package/lib/Tab/props/propTypes.js +0 -3
- package/lib/Tag/Tag.js +43 -72
- package/lib/Tag/__tests__/Tag.spec.js +8 -14
- package/lib/Tag/props/propTypes.js +0 -3
- package/lib/TextBox/TextBox.js +59 -85
- package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
- package/lib/TextBox/props/propTypes.js +4 -6
- package/lib/TextBoxIcon/TextBoxIcon.js +52 -79
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
- package/lib/TextBoxIcon/props/propTypes.js +0 -3
- package/lib/Textarea/Textarea.js +29 -54
- package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
- package/lib/Textarea/props/propTypes.js +0 -3
- package/lib/Tooltip/Tooltip.js +31 -94
- package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -24
- package/lib/Tooltip/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +16 -40
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +25 -53
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/index.js +0 -3
- package/lib/css.js +0 -40
- package/lib/deprecated/PortalLayer/PortalLayer.js +23 -46
- package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
- package/lib/index.js +0 -57
- package/lib/semantic/Button/Button.js +22 -42
- package/lib/semantic/Button/props/propTypes.js +0 -3
- package/lib/semantic/index.js +0 -2
- package/lib/utils/Common.js +18 -108
- package/lib/utils/ContextOptimizer.js +10 -16
- package/lib/utils/__tests__/constructFullName.spec.js +0 -1
- package/lib/utils/__tests__/debounce.spec.js +2 -3
- package/lib/utils/__tests__/getInitial.spec.js +0 -1
- package/lib/utils/constructFullName.js +4 -13
- package/lib/utils/css/compileClassNames.js +0 -6
- package/lib/utils/css/mergeStyle.js +7 -10
- package/lib/utils/css/utils.js +0 -8
- package/lib/utils/datetime/common.js +5 -34
- package/lib/utils/debounce.js +1 -6
- package/lib/utils/dropDownUtils.js +59 -175
- package/lib/utils/dummyFunction.js +0 -2
- package/lib/utils/getHTMLFontSize.js +0 -1
- package/lib/utils/getInitial.js +0 -6
- package/lib/utils/index.js +0 -4
- package/lib/utils/scrollTo.js +0 -2
- package/lib/utils/shallowEqual.js +0 -8
- package/package.json +2 -2
|
@@ -1,20 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _Avatar = _interopRequireDefault(require("../Avatar"));
|
|
6
|
-
|
|
7
5
|
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
-
|
|
9
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
7
|
var avatarURL = 'avatar.jpg';
|
|
12
8
|
describe('Avatar component', function () {
|
|
13
9
|
it('should display initial', function () {
|
|
14
10
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
15
11
|
name: "vimalesan a"
|
|
16
12
|
}));
|
|
17
|
-
|
|
18
13
|
var tree = ele.toJSON();
|
|
19
14
|
expect(tree).toMatchSnapshot();
|
|
20
15
|
});
|
|
@@ -23,185 +18,146 @@ describe('Avatar component', function () {
|
|
|
23
18
|
name: "vimalesan a",
|
|
24
19
|
src: avatarURL
|
|
25
20
|
}));
|
|
26
|
-
|
|
27
21
|
var tree = ele.toJSON();
|
|
28
22
|
expect(tree).toMatchSnapshot();
|
|
29
23
|
});
|
|
30
24
|
it('should display initial if invalid url', function () {
|
|
31
25
|
_Avatar["default"].invalidImageURLs.push(avatarURL);
|
|
32
|
-
|
|
33
26
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
34
27
|
name: "vimalesan a",
|
|
35
28
|
src: avatarURL
|
|
36
29
|
}));
|
|
37
|
-
|
|
38
30
|
var tree = ele.toJSON();
|
|
39
31
|
expect(tree).toMatchSnapshot();
|
|
40
32
|
});
|
|
41
33
|
it('should display image valid url', function () {
|
|
42
34
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
43
|
-
|
|
44
35
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
45
|
-
|
|
46
36
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
47
37
|
name: "vimalesan a",
|
|
48
38
|
src: avatarURL
|
|
49
39
|
}));
|
|
50
|
-
|
|
51
40
|
var tree = ele.toJSON();
|
|
52
41
|
expect(tree).toMatchSnapshot();
|
|
53
42
|
});
|
|
54
43
|
it('should the palette is default', function () {
|
|
55
44
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
56
|
-
|
|
57
45
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
58
|
-
|
|
59
46
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
60
47
|
name: "vimalesan a",
|
|
61
48
|
src: avatarURL,
|
|
62
49
|
palette: "default"
|
|
63
50
|
}));
|
|
64
|
-
|
|
65
51
|
var tree = ele.toJSON();
|
|
66
52
|
expect(tree).toMatchSnapshot();
|
|
67
53
|
});
|
|
68
54
|
it('should the palette is secondary', function () {
|
|
69
55
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
70
|
-
|
|
71
56
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
72
|
-
|
|
73
57
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
74
58
|
name: "vimalesan a",
|
|
75
59
|
src: avatarURL,
|
|
76
60
|
palette: "secondary"
|
|
77
61
|
}));
|
|
78
|
-
|
|
79
62
|
var tree = ele.toJSON();
|
|
80
63
|
expect(tree).toMatchSnapshot();
|
|
81
64
|
});
|
|
82
65
|
it('should the palette is info', function () {
|
|
83
66
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
84
|
-
|
|
85
67
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
86
|
-
|
|
87
68
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
88
69
|
name: "vimalesan a",
|
|
89
70
|
src: avatarURL,
|
|
90
71
|
palette: "info"
|
|
91
72
|
}));
|
|
92
|
-
|
|
93
73
|
var tree = ele.toJSON();
|
|
94
74
|
expect(tree).toMatchSnapshot();
|
|
95
75
|
});
|
|
96
76
|
it('should the shape is square', function () {
|
|
97
77
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
98
|
-
|
|
99
78
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
100
|
-
|
|
101
79
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
102
80
|
name: "vimalesan a",
|
|
103
81
|
src: avatarURL,
|
|
104
82
|
shape: "square"
|
|
105
83
|
}));
|
|
106
|
-
|
|
107
84
|
var tree = ele.toJSON();
|
|
108
85
|
expect(tree).toMatchSnapshot();
|
|
109
86
|
});
|
|
110
87
|
it('should the size is small', function () {
|
|
111
88
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
112
|
-
|
|
113
89
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
114
|
-
|
|
115
90
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
116
91
|
name: "vimalesan a",
|
|
117
92
|
src: avatarURL,
|
|
118
93
|
size: "square"
|
|
119
94
|
}));
|
|
120
|
-
|
|
121
95
|
var tree = ele.toJSON();
|
|
122
96
|
expect(tree).toMatchSnapshot();
|
|
123
97
|
});
|
|
124
98
|
it('should the size is xsmall', function () {
|
|
125
99
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
126
|
-
|
|
127
100
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
128
|
-
|
|
129
101
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
130
102
|
name: "vimalesan a",
|
|
131
103
|
src: avatarURL,
|
|
132
104
|
size: "xsmall"
|
|
133
105
|
}));
|
|
134
|
-
|
|
135
106
|
var tree = ele.toJSON();
|
|
136
107
|
expect(tree).toMatchSnapshot();
|
|
137
108
|
});
|
|
138
109
|
it('should the size is xmedium', function () {
|
|
139
110
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
140
|
-
|
|
141
111
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
142
|
-
|
|
143
112
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
144
113
|
name: "vimalesan a",
|
|
145
114
|
src: avatarURL,
|
|
146
115
|
size: "xmedium"
|
|
147
116
|
}));
|
|
148
|
-
|
|
149
117
|
var tree = ele.toJSON();
|
|
150
118
|
expect(tree).toMatchSnapshot();
|
|
151
119
|
});
|
|
152
120
|
it('should the size is large', function () {
|
|
153
121
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
154
|
-
|
|
155
122
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
156
|
-
|
|
157
123
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
158
124
|
name: "vimalesan a",
|
|
159
125
|
src: avatarURL,
|
|
160
126
|
size: "large"
|
|
161
127
|
}));
|
|
162
|
-
|
|
163
128
|
var tree = ele.toJSON();
|
|
164
129
|
expect(tree).toMatchSnapshot();
|
|
165
130
|
});
|
|
166
131
|
it('should the size is xlarge', function () {
|
|
167
132
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
168
|
-
|
|
169
133
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
170
|
-
|
|
171
134
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
172
135
|
name: "vimalesan a",
|
|
173
136
|
src: avatarURL,
|
|
174
137
|
size: "xlarge"
|
|
175
138
|
}));
|
|
176
|
-
|
|
177
139
|
var tree = ele.toJSON();
|
|
178
140
|
expect(tree).toMatchSnapshot();
|
|
179
141
|
});
|
|
180
142
|
it('should have title', function () {
|
|
181
143
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
182
|
-
|
|
183
144
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
184
|
-
|
|
185
145
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
186
146
|
name: "vimalesan a",
|
|
187
147
|
src: avatarURL,
|
|
188
148
|
title: "Sample Title"
|
|
189
149
|
}));
|
|
190
|
-
|
|
191
150
|
var tree = ele.toJSON();
|
|
192
151
|
expect(tree).toMatchSnapshot();
|
|
193
152
|
});
|
|
194
153
|
it('should no need title', function () {
|
|
195
154
|
_Avatar["default"].invalidImageURLs.length = 0;
|
|
196
|
-
|
|
197
155
|
_Avatar["default"].validImageURLs.push(avatarURL);
|
|
198
|
-
|
|
199
156
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
|
|
200
157
|
name: "vimalesan a",
|
|
201
158
|
src: avatarURL,
|
|
202
159
|
needTitle: false
|
|
203
160
|
}));
|
|
204
|
-
|
|
205
161
|
var tree = ele.toJSON();
|
|
206
162
|
expect(tree).toMatchSnapshot();
|
|
207
163
|
});
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var propTypes = {
|
|
13
10
|
dataId: _propTypes["default"].string,
|
|
14
11
|
dataSelectorId: _propTypes["default"].string,
|
|
@@ -1,97 +1,75 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
-
|
|
14
10
|
var _propTypes = require("./props/propTypes");
|
|
15
|
-
|
|
16
11
|
var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
|
|
17
|
-
|
|
18
12
|
var _AvatarTeamModule = _interopRequireDefault(require("./AvatarTeam.module.css"));
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
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); }
|
|
23
|
-
|
|
24
15
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
-
|
|
26
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
27
|
-
|
|
16
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
28
17
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
29
|
-
|
|
18
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
19
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
30
20
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
|
-
|
|
32
21
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
|
-
|
|
34
22
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
|
-
|
|
36
23
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
37
|
-
|
|
38
24
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
|
-
|
|
40
25
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
26
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
|
-
|
|
44
27
|
/* once avatar support firstname lastname and pattern
|
|
45
28
|
pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
|
|
46
29
|
|
|
47
30
|
Not going to export to external then can kept inside supportapp
|
|
48
31
|
*/
|
|
49
|
-
|
|
50
32
|
/*
|
|
51
33
|
eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
|
|
52
34
|
"small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
|
|
53
35
|
*/
|
|
54
36
|
var AvatarTeam = /*#__PURE__*/function (_React$Component) {
|
|
55
37
|
_inherits(AvatarTeam, _React$Component);
|
|
56
|
-
|
|
57
38
|
var _super = _createSuper(AvatarTeam);
|
|
58
|
-
|
|
59
39
|
function AvatarTeam() {
|
|
60
40
|
_classCallCheck(this, AvatarTeam);
|
|
61
|
-
|
|
62
41
|
return _super.apply(this, arguments);
|
|
63
42
|
}
|
|
64
|
-
|
|
65
43
|
_createClass(AvatarTeam, [{
|
|
66
44
|
key: "render",
|
|
67
45
|
value: function render() {
|
|
68
46
|
var _this$props = this.props,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
47
|
+
src = _this$props.src,
|
|
48
|
+
name = _this$props.name,
|
|
49
|
+
size = _this$props.size,
|
|
50
|
+
palette = _this$props.palette,
|
|
51
|
+
textPalette = _this$props.textPalette,
|
|
52
|
+
onClick = _this$props.onClick,
|
|
53
|
+
title = _this$props.title,
|
|
54
|
+
isFilled = _this$props.isFilled,
|
|
55
|
+
dataId = _this$props.dataId,
|
|
56
|
+
needTitle = _this$props.needTitle,
|
|
57
|
+
customClass = _this$props.customClass,
|
|
58
|
+
borderOnActive = _this$props.borderOnActive,
|
|
59
|
+
borderOnHover = _this$props.borderOnHover,
|
|
60
|
+
dataSelectorId = _this$props.dataSelectorId,
|
|
61
|
+
customProps = _this$props.customProps,
|
|
62
|
+
needInnerBorder = _this$props.needInnerBorder,
|
|
63
|
+
needBorder = _this$props.needBorder,
|
|
64
|
+
needDefaultBorder = _this$props.needDefaultBorder;
|
|
87
65
|
var _customProps$AvatarTe = customProps.AvatarTeamProps,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
66
|
+
AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
|
|
67
|
+
_customProps$AvatarPr = customProps.AvatarProps,
|
|
68
|
+
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
91
69
|
var _customClass$customAv = customClass.customAvatar,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
70
|
+
customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
|
|
71
|
+
_customClass$customAv2 = customClass.customAvatarTeam,
|
|
72
|
+
customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
|
|
95
73
|
var border = borderOnHover || onClick;
|
|
96
74
|
return /*#__PURE__*/_react["default"].createElement("span", _extends({
|
|
97
75
|
className: "".concat(_AvatarTeamModule["default"].container, " ").concat(borderOnActive ? _AvatarTeamModule["default"].borderOnActive : border ? _AvatarTeamModule["default"].borderOnHover : '', " "),
|
|
@@ -117,13 +95,13 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
|
|
|
117
95
|
}));
|
|
118
96
|
}
|
|
119
97
|
}]);
|
|
120
|
-
|
|
121
98
|
return AvatarTeam;
|
|
122
99
|
}(_react["default"].Component);
|
|
123
|
-
|
|
124
100
|
exports["default"] = AvatarTeam;
|
|
125
101
|
AvatarTeam.defaultProps = _defaultProps.defaultProps;
|
|
126
|
-
AvatarTeam.propTypes = _propTypes.propTypes;
|
|
102
|
+
AvatarTeam.propTypes = _propTypes.propTypes;
|
|
103
|
+
|
|
104
|
+
// if (__DOCS__) {
|
|
127
105
|
// AvatarTeam.docs = {
|
|
128
106
|
// componentGroup: 'Avatar Group',
|
|
129
107
|
// folderName: 'Style Guide',
|
|
@@ -1,19 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam"));
|
|
6
|
-
|
|
7
5
|
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
-
|
|
9
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
7
|
describe('AvatarTeam component', function () {
|
|
12
8
|
it('should display initial', function () {
|
|
13
9
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
|
|
14
10
|
name: "vimalesan a"
|
|
15
11
|
}));
|
|
16
|
-
|
|
17
12
|
var tree = ele.toJSON();
|
|
18
13
|
expect(tree).toMatchSnapshot();
|
|
19
14
|
});
|
|
@@ -22,7 +17,6 @@ describe('AvatarTeam component', function () {
|
|
|
22
17
|
name: "vimalesan a",
|
|
23
18
|
isFilled: true
|
|
24
19
|
}));
|
|
25
|
-
|
|
26
20
|
var tree = ele.toJSON();
|
|
27
21
|
expect(tree).toMatchSnapshot();
|
|
28
22
|
});
|
|
@@ -31,7 +25,6 @@ describe('AvatarTeam component', function () {
|
|
|
31
25
|
name: "vimalesan a",
|
|
32
26
|
palette: "secondary"
|
|
33
27
|
}));
|
|
34
|
-
|
|
35
28
|
var tree = ele.toJSON();
|
|
36
29
|
expect(tree).toMatchSnapshot();
|
|
37
30
|
});
|
|
@@ -40,7 +33,6 @@ describe('AvatarTeam component', function () {
|
|
|
40
33
|
name: "vimalesan a",
|
|
41
34
|
palette: "info"
|
|
42
35
|
}));
|
|
43
|
-
|
|
44
36
|
var tree = ele.toJSON();
|
|
45
37
|
expect(tree).toMatchSnapshot();
|
|
46
38
|
});
|
|
@@ -49,7 +41,6 @@ describe('AvatarTeam component', function () {
|
|
|
49
41
|
name: "vimalesan a",
|
|
50
42
|
size: "small"
|
|
51
43
|
}));
|
|
52
|
-
|
|
53
44
|
var tree = ele.toJSON();
|
|
54
45
|
expect(tree).toMatchSnapshot();
|
|
55
46
|
});
|
|
@@ -58,7 +49,6 @@ describe('AvatarTeam component', function () {
|
|
|
58
49
|
name: "vimalesan a",
|
|
59
50
|
size: "xsmall"
|
|
60
51
|
}));
|
|
61
|
-
|
|
62
52
|
var tree = ele.toJSON();
|
|
63
53
|
expect(tree).toMatchSnapshot();
|
|
64
54
|
});
|
|
@@ -67,7 +57,6 @@ describe('AvatarTeam component', function () {
|
|
|
67
57
|
name: "vimalesan a",
|
|
68
58
|
size: "xmedium"
|
|
69
59
|
}));
|
|
70
|
-
|
|
71
60
|
var tree = ele.toJSON();
|
|
72
61
|
expect(tree).toMatchSnapshot();
|
|
73
62
|
});
|
|
@@ -76,7 +65,6 @@ describe('AvatarTeam component', function () {
|
|
|
76
65
|
name: "vimalesan a",
|
|
77
66
|
size: "large"
|
|
78
67
|
}));
|
|
79
|
-
|
|
80
68
|
var tree = ele.toJSON();
|
|
81
69
|
expect(tree).toMatchSnapshot();
|
|
82
70
|
});
|
|
@@ -85,7 +73,6 @@ describe('AvatarTeam component', function () {
|
|
|
85
73
|
name: "vimalesan a",
|
|
86
74
|
size: "xlarge"
|
|
87
75
|
}));
|
|
88
|
-
|
|
89
76
|
var tree = ele.toJSON();
|
|
90
77
|
expect(tree).toMatchSnapshot();
|
|
91
78
|
});
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var propTypes = {
|
|
13
10
|
dataId: _propTypes["default"].string,
|
|
14
11
|
dataSelectorId: _propTypes["default"].string,
|
package/lib/Button/Button.js
CHANGED
|
@@ -4,53 +4,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = Button;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _defaultProps = require("./props/defaultProps");
|
|
11
|
-
|
|
12
9
|
var _propTypes = require("./props/propTypes");
|
|
13
|
-
|
|
14
10
|
var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
|
|
15
|
-
|
|
16
11
|
var _utils = require("./../utils/");
|
|
17
|
-
|
|
18
12
|
var _ButtonModule = _interopRequireDefault(require("./css/Button.module.css"));
|
|
19
|
-
|
|
20
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
21
|
-
|
|
22
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); }
|
|
23
|
-
|
|
24
15
|
/*
|
|
25
16
|
Button text and children props?
|
|
26
17
|
use children for both cases
|
|
27
18
|
toLowerCase check needed?
|
|
28
19
|
*/
|
|
29
|
-
|
|
30
20
|
/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small','medium','large','xlarge','button_medium','button_small','primary','primaryfilled','danger','dangerfilled','plainprimary', 'plainsecondary', 'secondary', 'secondaryfilled', 'successFilled','tertiaryFilled'] }] */
|
|
31
21
|
function Button(props) {
|
|
32
22
|
var text = props.text,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
23
|
+
disabled = props.disabled,
|
|
24
|
+
onClick = props.onClick,
|
|
25
|
+
status = props.status,
|
|
26
|
+
children = props.children,
|
|
27
|
+
dataId = props.dataId,
|
|
28
|
+
needAppearance = props.needAppearance,
|
|
29
|
+
getRef = props.getRef,
|
|
30
|
+
title = props.title,
|
|
31
|
+
dataSelectorId = props.dataSelectorId,
|
|
32
|
+
customProps = props.customProps,
|
|
33
|
+
customStyle = props.customStyle;
|
|
44
34
|
var finalStyle = (0, _utils.mergeStyle)(_ButtonModule["default"], customStyle);
|
|
45
|
-
|
|
46
35
|
var _cssJSLogic = (0, _cssJSLogic2["default"])({
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
36
|
+
props: props,
|
|
37
|
+
style: finalStyle
|
|
38
|
+
}),
|
|
39
|
+
buttonClass = _cssJSLogic.buttonClass,
|
|
40
|
+
loaderParentClass = _cssJSLogic.loaderParentClass,
|
|
41
|
+
loaderChildClass = _cssJSLogic.loaderChildClass;
|
|
54
42
|
var statusLower = status.toLowerCase();
|
|
55
43
|
return /*#__PURE__*/_react["default"].createElement("button", _extends({
|
|
56
44
|
className: buttonClass,
|
|
@@ -69,9 +57,10 @@ function Button(props) {
|
|
|
69
57
|
className: loaderChildClass
|
|
70
58
|
}))));
|
|
71
59
|
}
|
|
72
|
-
|
|
73
60
|
Button.defaultProps = _defaultProps.defaultProps;
|
|
74
|
-
Button.propTypes = _propTypes.propTypes;
|
|
61
|
+
Button.propTypes = _propTypes.propTypes;
|
|
62
|
+
|
|
63
|
+
// if (__DOCS__) {
|
|
75
64
|
// Button.docs = {
|
|
76
65
|
// componentGroup: 'Form Elements',
|
|
77
66
|
// folderName: 'Style Guide'
|
|
@@ -4,30 +4,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = cssJSLogic;
|
|
7
|
-
|
|
8
7
|
var _utils = require("./../../utils");
|
|
9
|
-
|
|
10
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
-
|
|
8
|
+
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); }
|
|
9
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
10
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
11
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
12
12
|
function cssJSLogic(_ref) {
|
|
13
13
|
var _compileClassNames, _compileClassNames2, _compileClassNames3;
|
|
14
|
-
|
|
15
14
|
var props = _ref.props,
|
|
16
|
-
|
|
15
|
+
style = _ref.style;
|
|
17
16
|
var customClass = props.customClass,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
needAppearance = props.needAppearance,
|
|
18
|
+
isBold = props.isBold,
|
|
19
|
+
rounded = props.rounded,
|
|
20
|
+
size = props.size,
|
|
21
|
+
children = props.children,
|
|
22
|
+
palette = props.palette,
|
|
23
|
+
status = props.status;
|
|
25
24
|
var _customClass$customBu = customClass.customButton,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
customButton = _customClass$customBu === void 0 ? '' : _customClass$customBu,
|
|
26
|
+
_customClass$customSt = customClass.customStatus,
|
|
27
|
+
customStatus = _customClass$customSt === void 0 ? '' : _customClass$customSt,
|
|
28
|
+
_customClass$customSt2 = customClass.customStatusSize,
|
|
29
|
+
customStatusSize = _customClass$customSt2 === void 0 ? '' : _customClass$customSt2;
|
|
31
30
|
var paletteLower = palette.toLowerCase();
|
|
32
31
|
var statusLower = status.toLowerCase();
|
|
33
32
|
var buttonClass = (0, _utils.compileClassNames)((_compileClassNames = {}, _defineProperty(_compileClassNames, customButton, !!customButton), _defineProperty(_compileClassNames, style.bold, isBold), _defineProperty(_compileClassNames, style["default"], !needAppearance), _defineProperty(_compileClassNames, style[paletteLower], needAppearance), _defineProperty(_compileClassNames, style.rounded, needAppearance && rounded), _defineProperty(_compileClassNames, style[size.toLowerCase()], needAppearance && !children), _defineProperty(_compileClassNames, style["".concat(size, "Btn")], needAppearance && children), _defineProperty(_compileClassNames, style["".concat(size, "Btn").concat(paletteLower)], needAppearance && children && rounded), _defineProperty(_compileClassNames, style.loader, !!needAppearance && statusLower !== 'none'), _compileClassNames));
|
package/lib/Button/index.js
CHANGED
|
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "ButtonPropTypes", {
|
|
|
15
15
|
return _propTypes["default"];
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
|
|
19
18
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
20
|
-
|
|
21
19
|
var _propTypes = _interopRequireDefault(require("./props/propTypes"));
|
|
22
|
-
|
|
23
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var propTypes = {
|
|
13
10
|
children: _propTypes["default"].node,
|
|
14
11
|
className: _propTypes["default"].string,
|