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