@zohodesk/components 1.0.0-alpha-250 → 1.0.0-alpha-253
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 +24 -0
- package/assets/Appearance/dark/mode/darkMode.module.css +2 -1
- package/assets/Appearance/default/mode/defaultMode.module.css +2 -1
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +2 -1
- package/es/Accordion/Accordion.js +0 -7
- package/es/Accordion/AccordionItem.js +0 -4
- package/es/Animation/Animation.js +0 -3
- package/es/AppContainer/AppContainer.js +2 -13
- package/es/Avatar/Avatar.js +9 -22
- package/es/AvatarTeam/AvatarTeam.js +0 -3
- package/es/Button/Button.js +0 -4
- package/es/Buttongroup/Buttongroup.js +0 -3
- package/es/Card/Card.js +7 -22
- package/es/Card/props/defaultProps.js +0 -1
- package/es/Card/props/propTypes.js +2 -2
- package/es/CheckBox/CheckBox.js +0 -5
- package/es/DateTime/CalendarView.js +30 -36
- package/es/DateTime/DateTime.js +22 -77
- package/es/DateTime/DateTime.module.css +51 -5
- package/es/DateTime/DateTimePopupFooter.js +2 -4
- package/es/DateTime/DateTimePopupHeader.js +23 -16
- package/es/DateTime/DateWidget.js +38 -103
- package/es/DateTime/DaysRow.js +4 -5
- package/es/DateTime/Time.js +2 -10
- package/es/DateTime/YearView.js +16 -32
- package/es/DateTime/YearView.module.css +19 -1
- 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/dayChange.js +4 -13
- package/es/DateTime/dateFormatUtils/index.js +2 -28
- 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/props/propTypes.js +4 -2
- package/es/DateTime/typeChecker.js +0 -3
- package/es/DateTime/validator.js +6 -58
- package/es/DropBox/DropBox.js +5 -28
- package/es/DropDown/DropDown.js +1 -9
- package/es/DropDown/DropDownHeading.js +5 -5
- 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/DropDown/props/propTypes.js +2 -1
- package/es/Heading/Heading.js +0 -2
- package/es/Heading/Heading.module.css +3 -3
- package/es/Label/Label.js +4 -4
- package/es/Layout/Box.js +0 -13
- package/es/Layout/Container.js +1 -12
- package/es/Layout/props/propTypes.js +3 -3
- package/es/ListItem/ListContainer.js +4 -10
- package/es/ListItem/ListItem.js +0 -9
- package/es/ListItem/ListItemWithAvatar.js +1 -9
- package/es/ListItem/ListItemWithCheckBox.js +0 -7
- package/es/ListItem/ListItemWithIcon.js +0 -8
- package/es/ListItem/ListItemWithRadio.js +0 -7
- package/es/Modal/Modal.js +8 -28
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +11 -90
- package/es/MultiSelect/AdvancedMultiSelect.js +21 -39
- package/es/MultiSelect/EmptyState.js +0 -2
- package/es/MultiSelect/MultiSelect.js +53 -114
- package/es/MultiSelect/MultiSelectHeader.js +0 -3
- package/es/MultiSelect/MultiSelectWithAvatar.js +16 -17
- package/es/MultiSelect/SelectedOptions.js +3 -6
- package/es/MultiSelect/Suggestions.js +5 -8
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
- package/es/MultiSelect/props/defaultProps.js +8 -4
- package/es/MultiSelect/props/propTypes.js +8 -6
- package/es/PopOver/PopOver.js +0 -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 +2 -9
- 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 +0 -4
- package/es/Responsive/CustomResponsive.js +25 -31
- 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/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 +0 -3
- package/es/RippleEffect/RippleEffect.js +0 -1
- package/es/Select/GroupSelect.js +28 -67
- package/es/Select/Select.js +54 -101
- package/es/Select/Select.module.css +3 -0
- package/es/Select/SelectWithAvatar.js +15 -24
- package/es/Select/SelectWithIcon.js +75 -54
- package/es/Select/__tests__/Select.spec.js +8 -6
- package/es/Select/props/defaultProps.js +8 -4
- package/es/Select/props/propTypes.js +8 -5
- package/es/Stencils/Stencils.js +0 -3
- package/es/Switch/Switch.js +0 -5
- package/es/Tab/Tab.js +1 -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 +16 -58
- package/es/Tab/Tabs.module.css +1 -1
- package/es/Tab/__tests__/Tab.spec.js +2 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
- package/es/Tag/Tag.js +1 -6
- package/es/TextBox/TextBox.js +0 -15
- package/es/TextBox/__tests__/TextBox.spec.js +4 -1
- package/es/TextBoxIcon/TextBoxIcon.js +0 -7
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
- package/es/Textarea/Textarea.js +0 -12
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Tooltip/Tooltip.js +15 -59
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -3
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +2 -7
- package/es/deprecated/PortalLayer/PortalLayer.js +17 -25
- package/es/index.js +108 -106
- package/es/semantic/Button/Button.js +0 -3
- package/es/utils/Common.js +23 -47
- 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/datetime/common.js +5 -16
- package/es/utils/debounce.js +1 -5
- package/es/utils/dropDownUtils.js +11 -67
- package/es/utils/getInitial.js +0 -4
- package/es/utils/shallowEqual.js +0 -6
- package/lib/Accordion/Accordion.js +10 -39
- package/lib/Accordion/AccordionItem.js +12 -38
- 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 +12 -37
- package/lib/Animation/__tests__/Animation.spec.js +7 -11
- package/lib/Animation/props/propTypes.js +0 -3
- package/lib/AppContainer/AppContainer.js +14 -52
- package/lib/AppContainer/props/propTypes.js +0 -3
- package/lib/Avatar/Avatar.js +29 -72
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
- package/lib/Avatar/props/propTypes.js +0 -3
- package/lib/AvatarTeam/AvatarTeam.js +20 -47
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
- package/lib/AvatarTeam/props/propTypes.js +0 -3
- package/lib/Button/Button.js +19 -44
- package/lib/Button/__tests__/Button.spec.js +0 -40
- package/lib/Button/props/defaultProps.js +0 -2
- package/lib/Button/props/propTypes.js +0 -3
- package/lib/Buttongroup/Buttongroup.js +5 -31
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
- package/lib/Buttongroup/props/propTypes.js +0 -3
- package/lib/Card/Card.js +41 -102
- package/lib/Card/__tests__/Card.spec.js +1 -10
- package/lib/Card/index.js +0 -4
- package/lib/Card/props/defaultProps.js +0 -1
- package/lib/Card/props/propTypes.js +2 -5
- package/lib/CheckBox/CheckBox.js +40 -69
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
- package/lib/CheckBox/props/propTypes.js +0 -3
- package/lib/DateTime/CalendarView.js +44 -81
- package/lib/DateTime/DateTime.js +164 -245
- package/lib/DateTime/DateTime.module.css +51 -5
- package/lib/DateTime/DateTimePopupFooter.js +5 -30
- package/lib/DateTime/DateTimePopupHeader.js +33 -52
- package/lib/DateTime/DateWidget.js +246 -350
- package/lib/DateTime/DaysRow.js +4 -27
- package/lib/DateTime/Time.js +29 -72
- package/lib/DateTime/YearView.js +37 -79
- package/lib/DateTime/YearView.module.css +19 -1
- 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/dayChange.js +7 -14
- package/lib/DateTime/dateFormatUtils/index.js +12 -61
- package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
- package/lib/DateTime/dateFormatUtils/timeChange.js +20 -52
- 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 +4 -5
- package/lib/DateTime/typeChecker.js +0 -4
- package/lib/DateTime/validator.js +6 -69
- package/lib/DropBox/DropBox.js +58 -119
- package/lib/DropBox/__tests__/DropBox.spec.js +2 -6
- package/lib/DropBox/props/propTypes.js +0 -3
- package/lib/DropDown/DropDown.js +3 -53
- package/lib/DropDown/DropDownHeading.js +13 -35
- package/lib/DropDown/DropDownItem.js +17 -41
- package/lib/DropDown/DropDownSearch.js +15 -41
- package/lib/DropDown/DropDownSeparator.js +1 -23
- 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/props/propTypes.js +2 -6
- package/lib/Heading/Heading.js +8 -35
- package/lib/Heading/Heading.module.css +3 -3
- package/lib/Heading/props/propTypes.js +0 -3
- package/lib/Label/Label.js +14 -37
- 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 -4
- package/lib/Layout/props/propTypes.js +3 -6
- package/lib/Layout/utils.js +0 -10
- package/lib/ListItem/ListContainer.js +28 -47
- package/lib/ListItem/ListItem.js +37 -66
- package/lib/ListItem/ListItemWithAvatar.js +41 -72
- package/lib/ListItem/ListItemWithCheckBox.js +32 -61
- package/lib/ListItem/ListItemWithIcon.js +36 -65
- package/lib/ListItem/ListItemWithRadio.js +33 -62
- package/lib/ListItem/props/propTypes.js +0 -5
- package/lib/Modal/Modal.js +4 -44
- package/lib/Modal/props/propTypes.js +0 -3
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +157 -289
- package/lib/MultiSelect/AdvancedMultiSelect.js +130 -203
- package/lib/MultiSelect/EmptyState.js +21 -44
- package/lib/MultiSelect/MultiSelect.js +216 -326
- package/lib/MultiSelect/MultiSelectHeader.js +5 -29
- package/lib/MultiSelect/MultiSelectWithAvatar.js +61 -98
- package/lib/MultiSelect/SelectedOptions.js +15 -44
- package/lib/MultiSelect/Suggestions.js +28 -60
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
- package/lib/MultiSelect/props/defaultProps.js +8 -6
- package/lib/MultiSelect/props/propTypes.js +8 -9
- package/lib/PopOver/PopOver.js +44 -94
- package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
- package/lib/PopOver/props/propTypes.js +0 -3
- package/lib/Popup/Popup.js +77 -156
- package/lib/Popup/__tests__/Popup.spec.js +5 -42
- 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 +3 -17
- package/lib/Provider/LibraryContext.js +10 -32
- package/lib/Provider/LibraryContextInit.js +0 -4
- package/lib/Provider/NumberGenerator/NumberGenerator.js +14 -43
- package/lib/Provider/ZindexProvider.js +3 -15
- package/lib/Radio/Radio.js +33 -60
- package/lib/Radio/__tests__/Radiospec.js +5 -9
- package/lib/Radio/props/propTypes.js +0 -3
- package/lib/Responsive/CustomResponsive.js +30 -70
- package/lib/Responsive/RefWrapper.js +7 -15
- package/lib/Responsive/ResizeComponent.js +27 -58
- package/lib/Responsive/ResizeObserver.js +6 -23
- package/lib/Responsive/Responsive.js +24 -76
- package/lib/Responsive/index.js +0 -2
- package/lib/Responsive/props/propTypes.js +0 -3
- package/lib/Responsive/sizeObservers.js +13 -51
- 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 +14 -44
- package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
- package/lib/Ribbon/Ribbon.js +7 -31
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
- package/lib/Ribbon/props/propTypes.js +0 -3
- package/lib/RippleEffect/RippleEffect.js +7 -18
- package/lib/RippleEffect/props/propTypes.js +0 -3
- package/lib/Select/GroupSelect.js +138 -230
- package/lib/Select/Select.js +220 -301
- package/lib/Select/Select.module.css +3 -0
- package/lib/Select/SelectWithAvatar.js +61 -104
- package/lib/Select/SelectWithIcon.js +151 -144
- package/lib/Select/__tests__/Select.spec.js +89 -131
- package/lib/Select/props/defaultProps.js +7 -8
- package/lib/Select/props/propTypes.js +8 -8
- package/lib/Stencils/Stencils.js +4 -28
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
- package/lib/Stencils/props/propTypes.js +0 -3
- package/lib/Switch/Switch.js +27 -55
- package/lib/Switch/props/propTypes.js +0 -3
- package/lib/Tab/Tab.js +23 -39
- package/lib/Tab/TabContent.js +4 -11
- package/lib/Tab/TabContentWrapper.js +5 -12
- package/lib/Tab/TabWrapper.js +16 -34
- package/lib/Tab/Tabs.js +94 -170
- package/lib/Tab/Tabs.module.css +1 -1
- package/lib/Tab/__tests__/Tab.spec.js +63 -74
- 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 +37 -70
- package/lib/Tag/__tests__/Tag.spec.js +8 -14
- package/lib/Tag/props/propTypes.js +0 -3
- package/lib/TextBox/TextBox.js +52 -83
- package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
- package/lib/TextBox/props/propTypes.js +0 -5
- package/lib/TextBoxIcon/TextBoxIcon.js +48 -80
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
- package/lib/TextBoxIcon/props/propTypes.js +0 -3
- package/lib/Textarea/Textarea.js +22 -52
- package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
- package/lib/Textarea/props/propTypes.js +0 -3
- package/lib/Tooltip/Tooltip.js +29 -93
- package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -23
- package/lib/Tooltip/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +11 -39
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +18 -51
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
- package/lib/css.js +0 -39
- package/lib/deprecated/PortalLayer/PortalLayer.js +17 -45
- package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
- package/lib/index.js +76 -1075
- package/lib/semantic/Button/Button.js +17 -41
- package/lib/semantic/Button/props/propTypes.js +0 -3
- package/lib/utils/Common.js +29 -95
- 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 +2 -11
- package/lib/utils/datetime/common.js +5 -32
- package/lib/utils/debounce.js +1 -6
- package/lib/utils/dropDownUtils.js +54 -171
- package/lib/utils/dummyFunction.js +0 -2
- package/lib/utils/getHTMLFontSize.js +0 -1
- package/lib/utils/getInitial.js +0 -6
- package/lib/utils/scrollTo.js +0 -2
- package/lib/utils/shallowEqual.js +0 -8
- package/package.json +10 -5
- package/es/Accordion/docs/Accordion__Demo.docs.js +0 -80
- package/es/Animation/docs/Animation__default.docs.js +0 -34
- package/es/Animation/docs/Animation__fadeIn.docs.js +0 -34
- package/es/Animation/docs/Animation__scaleIn.docs.js +0 -34
- package/es/Animation/docs/Animation__skewIn.docs.js +0 -34
- package/es/Animation/docs/Animation__slideDown.docs.js +0 -34
- package/es/Animation/docs/Animation__slideLeft.docs.js +0 -34
- package/es/Animation/docs/Animation__zoomIn.docs.js +0 -34
- package/es/AppContainer/docs/AppContainer__default.docs.js +0 -20
- package/es/Avatar/docs/Avatar__custom.docs.js +0 -29
- package/es/Avatar/docs/Avatar__default.docs.js +0 -29
- package/es/Avatar/docs/Avatar__palette.docs.js +0 -49
- package/es/Avatar/docs/Avatar__text.docs.js +0 -28
- package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -73
- package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -31
- package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -50
- package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -49
- package/es/Button/docs/Button__custom.docs.js +0 -771
- package/es/Button/docs/Button__default.docs.js +0 -536
- package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -37
- package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -33
- package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -42
- package/es/Card/docs/Card__Custom.docs.js +0 -34
- package/es/Card/docs/Card__Default.docs.js +0 -37
- package/es/Card/docs/Card__Scroll.docs.js +0 -59
- package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -293
- package/es/CheckBox/docs/CheckBox__default.docs.js +0 -219
- package/es/DateTime/docs/DateTime__default.docs.js +0 -91
- package/es/DateTime/docs/DateWidget__default.docs.js +0 -183
- package/es/DateTime/docs/timezonedata.json +0 -1
- package/es/DropBox/docs/DropBox__custom.docs.js +0 -66
- package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -92
- package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -91
- package/es/DropBox/docs/DropBox__position.docs.js +0 -87
- package/es/DropBox/docs/DropBox__size.docs.js +0 -61
- package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
- package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -21
- package/es/Heading/docs/Heading__default.docs.js +0 -21
- package/es/Label/docs/Label__clipped.docs.js +0 -27
- package/es/Label/docs/Label__custom.docs.js +0 -30
- package/es/Label/docs/Label__palette.docs.js +0 -42
- package/es/Label/docs/Label__size.docs.js +0 -29
- package/es/Label/docs/Label__type.docs.js +0 -37
- package/es/Layout/docs/Layout__Hidden.docs.js +0 -77
- package/es/Layout/docs/Layout__default.docs.js +0 -49
- package/es/Layout/docs/Layout__four_Column.docs.js +0 -79
- package/es/Layout/docs/Layout__three_Column.docs.js +0 -76
- package/es/Layout/docs/Layout__two_Column.docs.js +0 -69
- package/es/LightNightMode/Colors.json +0 -497
- package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -94
- package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -155
- package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -112
- package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -91
- package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -65
- package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -68
- package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -62
- package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -91
- package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -65
- package/es/ListItem/docs/ListItem__custom.docs.js +0 -114
- package/es/ListItem/docs/ListItem__default.docs.js +0 -82
- package/es/Modal/__docs__/Modal__default.docs.js +0 -46
- package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -125
- package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -114
- package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -141
- package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -161
- package/es/PopOver/docs/PopOver__default.docs.js +0 -32
- package/es/Provider/docs/Provider_Id__Class.docs.js +0 -29
- package/es/Provider/docs/Provider_Id__Function.docs.js +0 -18
- package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -32
- package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -23
- package/es/Provider.js +0 -95
- package/es/Radio/docs/Radio__custom.docs.js +0 -245
- package/es/Radio/docs/Radio__default.docs.js +0 -169
- package/es/Responsive/docs/Responsive__Custom.docs.js +0 -206
- package/es/Responsive/docs/Responsive__default.docs.js +0 -97
- package/es/Responsive/docs/style.module.css +0 -56
- package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -386
- package/es/Ribbon/docs/Ribbon__default.docs.js +0 -342
- package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -435
- package/es/Select/docs/GroupSelect__default.docs.js +0 -149
- package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -97
- package/es/Select/docs/SelectWithIcon__default.docs.js +0 -138
- package/es/Select/docs/Select__default.docs.js +0 -288
- package/es/Stencils/docs/Stencils__custom.docs.js +0 -45
- package/es/Stencils/docs/Stencils__default.docs.js +0 -50
- package/es/Switch/docs/Switch__custom.docs.js +0 -153
- package/es/Switch/docs/Switch__default.docs.js +0 -107
- package/es/Tab/docs/Tab__default.docs.js +0 -258
- package/es/Tab/docs/tabdocs.module.css +0 -29
- package/es/Tag/docs/Tag__custom.docs.js +0 -368
- package/es/Tag/docs/Tag__default.docs.js +0 -323
- package/es/TextBox/docs/TextBox__custom.docs.js +0 -43
- package/es/TextBox/docs/TextBox__default.docs.js +0 -40
- package/es/TextBox/docs/TextBox__size.docs.js +0 -38
- package/es/TextBox/docs/TextBox__variant.docs.js +0 -38
- package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -89
- package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -61
- package/es/Textarea/docs/Textarea__animated.docs.js +0 -41
- package/es/Textarea/docs/Textarea__custom.docs.js +0 -82
- package/es/Textarea/docs/Textarea__default.docs.js +0 -76
- package/es/Textarea/docs/Textarea__disabled.docs.js +0 -29
- package/es/Tooltip/docs/Tooltip__default.docs.js +0 -371
- package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -97
- package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -150
- package/es/common/docStyle.module.css +0 -766
- package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -72
- package/es/semantic/Button/docs/Button__default.docs.js +0 -20
- package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
- package/lib/Animation/docs/Animation__default.docs.js +0 -85
- package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
- package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
- package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
- package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
- package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
- package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
- package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
- package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
- package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
- package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
- package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
- package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
- package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
- package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
- package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
- package/lib/Button/docs/Button__custom.docs.js +0 -826
- package/lib/Button/docs/Button__default.docs.js +0 -590
- package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
- package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
- package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
- package/lib/Card/docs/Card__Custom.docs.js +0 -90
- package/lib/Card/docs/Card__Default.docs.js +0 -92
- package/lib/Card/docs/Card__Scroll.docs.js +0 -114
- package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
- package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
- package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
- package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
- package/lib/DateTime/docs/timezonedata.json +0 -1
- package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
- package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
- package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
- package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
- package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
- package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
- package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
- package/lib/Heading/docs/Heading__default.docs.js +0 -74
- package/lib/Label/docs/Label__clipped.docs.js +0 -81
- package/lib/Label/docs/Label__custom.docs.js +0 -85
- package/lib/Label/docs/Label__palette.docs.js +0 -96
- package/lib/Label/docs/Label__size.docs.js +0 -83
- package/lib/Label/docs/Label__type.docs.js +0 -91
- package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
- package/lib/Layout/docs/Layout__default.docs.js +0 -98
- package/lib/Layout/docs/Layout__four_Column.docs.js +0 -129
- package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
- package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
- package/lib/LightNightMode/Colors.json +0 -497
- package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -153
- package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
- package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
- package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
- package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
- package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
- package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
- package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
- package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
- package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
- package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
- package/lib/Modal/__docs__/Modal__default.docs.js +0 -88
- package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
- package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
- package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
- package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
- package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
- package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
- package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
- package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
- package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
- package/lib/Provider.js +0 -175
- package/lib/Radio/docs/Radio__custom.docs.js +0 -299
- package/lib/Radio/docs/Radio__default.docs.js +0 -222
- package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
- package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
- package/lib/Responsive/docs/style.module.css +0 -56
- package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
- package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
- package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
- package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
- package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
- package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
- package/lib/Select/docs/Select__default.docs.js +0 -340
- package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
- package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
- package/lib/Switch/docs/Switch__custom.docs.js +0 -203
- package/lib/Switch/docs/Switch__default.docs.js +0 -156
- package/lib/Tab/docs/Tab__default.docs.js +0 -308
- package/lib/Tab/docs/tabdocs.module.css +0 -29
- package/lib/Tag/docs/Tag__custom.docs.js +0 -423
- package/lib/Tag/docs/Tag__default.docs.js +0 -377
- package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
- package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
- package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
- package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
- package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
- package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
- package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
- package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
- package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
- package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
- package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -430
- package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
- package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
- package/lib/common/docStyle.module.css +0 -766
- package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
- package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
package/lib/Avatar/Avatar.js
CHANGED
|
@@ -1,67 +1,40 @@
|
|
|
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 _getInitial = require("../utils/getInitial");
|
|
17
|
-
|
|
18
12
|
var _AvatarSize = _interopRequireDefault(require("../Provider/AvatarSize"));
|
|
19
|
-
|
|
20
13
|
var _AvatarModule = _interopRequireDefault(require("./Avatar.module.css"));
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
15
|
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
|
-
|
|
26
16
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
27
|
-
|
|
28
17
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
29
|
-
|
|
30
18
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
31
|
-
|
|
32
19
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
33
|
-
|
|
34
20
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
35
|
-
|
|
36
21
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
|
-
|
|
38
22
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
39
|
-
|
|
40
23
|
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); } }
|
|
41
|
-
|
|
42
24
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
43
|
-
|
|
44
25
|
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); }
|
|
45
|
-
|
|
46
26
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
47
|
-
|
|
48
27
|
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); }; }
|
|
49
|
-
|
|
50
28
|
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); }
|
|
51
|
-
|
|
52
29
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
53
|
-
|
|
54
30
|
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; } }
|
|
55
|
-
|
|
56
31
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
57
|
-
|
|
58
32
|
/*
|
|
59
33
|
1. need to change name into firstName lastName
|
|
60
34
|
2. pattern support via context as well as props
|
|
61
35
|
3. prop high priority to arrange firstName lastName
|
|
62
36
|
4. team pass name as lastName and pass pattern via prop
|
|
63
37
|
*/
|
|
64
|
-
|
|
65
38
|
/*
|
|
66
39
|
eslint css-modules/no-unused-class: [2, { markAsUsed: ['circle', 'square',
|
|
67
40
|
'small','medium','xmedium',"xsmall", "large", "xlarge", "primary", "secondary",
|
|
@@ -69,14 +42,10 @@ eslint css-modules/no-unused-class: [2, { markAsUsed: ['circle', 'square',
|
|
|
69
42
|
*/
|
|
70
43
|
var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
71
44
|
_inherits(Avatar, _React$Component);
|
|
72
|
-
|
|
73
45
|
var _super = _createSuper(Avatar);
|
|
74
|
-
|
|
75
46
|
function Avatar(props) {
|
|
76
47
|
var _this;
|
|
77
|
-
|
|
78
48
|
_classCallCheck(this, Avatar);
|
|
79
|
-
|
|
80
49
|
_this = _super.call(this, props);
|
|
81
50
|
_this.state = {
|
|
82
51
|
isLoaded: false
|
|
@@ -86,13 +55,11 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
86
55
|
_this.getInitialByFullName = _this.getInitialByFullName.bind(_assertThisInitialized(_this));
|
|
87
56
|
return _this;
|
|
88
57
|
}
|
|
89
|
-
|
|
90
58
|
_createClass(Avatar, [{
|
|
91
59
|
key: "componentDidUpdate",
|
|
92
60
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
93
61
|
var src = this.props.src;
|
|
94
62
|
var isLoaded = this.state.isLoaded;
|
|
95
|
-
|
|
96
63
|
if (prevProps.src !== src) {
|
|
97
64
|
this.setState({
|
|
98
65
|
isLoaded: !isLoaded
|
|
@@ -103,25 +70,21 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
103
70
|
key: "putInvalidImageURLJSON",
|
|
104
71
|
value: function putInvalidImageURLJSON() {
|
|
105
72
|
var _this$props = this.props,
|
|
106
|
-
|
|
107
|
-
|
|
73
|
+
src = _this$props.src,
|
|
74
|
+
alternateSrc = _this$props.alternateSrc;
|
|
108
75
|
var isLoaded = this.state.isLoaded;
|
|
109
|
-
|
|
110
76
|
var _validImgArr = _toConsumableArray(Avatar.validImageURLs);
|
|
77
|
+
var _invalidImgArr = _toConsumableArray(Avatar.invalidImageURLs);
|
|
111
78
|
|
|
112
|
-
|
|
79
|
+
// if (alternateSrc) {
|
|
113
80
|
// _validImgArr.push(alternateSrc);
|
|
114
81
|
// }
|
|
115
82
|
|
|
116
|
-
|
|
117
83
|
var validIndex = _validImgArr.indexOf(src);
|
|
118
|
-
|
|
119
84
|
if (validIndex !== -1) {
|
|
120
85
|
_validImgArr.splice(validIndex, 1);
|
|
121
86
|
}
|
|
122
|
-
|
|
123
87
|
_invalidImgArr.push(src);
|
|
124
|
-
|
|
125
88
|
Avatar.invalidImageURLs = _invalidImgArr;
|
|
126
89
|
Avatar.validImageURLs = _validImgArr;
|
|
127
90
|
this.setState({
|
|
@@ -135,33 +98,30 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
135
98
|
var isLoaded = this.state.isLoaded;
|
|
136
99
|
var validImgArr = Avatar.validImageURLs;
|
|
137
100
|
var invalidImgArr = Avatar.invalidImageURLs;
|
|
138
|
-
|
|
139
101
|
if (src && validImgArr.indexOf(src) === -1 && invalidImgArr.indexOf(src) === -1) {
|
|
140
102
|
var _validImgArr = _toConsumableArray(validImgArr);
|
|
141
|
-
|
|
142
103
|
_validImgArr.push(src);
|
|
143
|
-
|
|
144
104
|
Avatar.validImageURLs = _validImgArr;
|
|
145
105
|
this.setState({
|
|
146
106
|
isLoaded: !isLoaded
|
|
147
107
|
});
|
|
148
108
|
}
|
|
149
109
|
}
|
|
150
|
-
/* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
|
|
151
110
|
|
|
111
|
+
/* this will cause error if user name already have some space need to move firstName lastName user preference pattern*/
|
|
152
112
|
}, {
|
|
153
113
|
key: "getInitialByFullName",
|
|
154
114
|
value: function getInitialByFullName() {
|
|
155
115
|
var fullName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
156
116
|
fullName = (fullName || '').trim();
|
|
157
117
|
var nameList = fullName.split(' ');
|
|
158
|
-
|
|
159
118
|
if (nameList.length === 1) {
|
|
160
119
|
return (0, _getInitial.getInitial)('', nameList[0]);
|
|
161
120
|
}
|
|
162
|
-
|
|
163
121
|
return (0, _getInitial.getInitial)(nameList[0], nameList[1]);
|
|
164
|
-
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
// componentDidMount() {
|
|
165
125
|
// const { src } = this.props;
|
|
166
126
|
// const validImgArr = Avatar.validImageURLs;
|
|
167
127
|
// if (validImgArr.indexOf(src) === -1) {
|
|
@@ -169,31 +129,30 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
169
129
|
// _validImgArr.push(src);
|
|
170
130
|
// }
|
|
171
131
|
// }
|
|
172
|
-
|
|
173
132
|
}, {
|
|
174
133
|
key: "render",
|
|
175
134
|
value: function render() {
|
|
176
135
|
var _this$props2 = this.props,
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
136
|
+
src = _this$props2.src,
|
|
137
|
+
name = _this$props2.name,
|
|
138
|
+
size = _this$props2.size,
|
|
139
|
+
palette = _this$props2.palette,
|
|
140
|
+
onClick = _this$props2.onClick,
|
|
141
|
+
title = _this$props2.title,
|
|
142
|
+
shape = _this$props2.shape,
|
|
143
|
+
needTitle = _this$props2.needTitle,
|
|
144
|
+
dataId = _this$props2.dataId,
|
|
145
|
+
initial = _this$props2.initial,
|
|
146
|
+
needBorder = _this$props2.needBorder,
|
|
147
|
+
borderOnActive = _this$props2.borderOnActive,
|
|
148
|
+
borderOnHover = _this$props2.borderOnHover,
|
|
149
|
+
textPalette = _this$props2.textPalette,
|
|
150
|
+
customClass = _this$props2.customClass,
|
|
151
|
+
alternateSrc = _this$props2.alternateSrc,
|
|
152
|
+
isAnimate = _this$props2.isAnimate,
|
|
153
|
+
customProps = _this$props2.customProps;
|
|
195
154
|
var _customProps$AvatarPr = customProps.AvatarProps,
|
|
196
|
-
|
|
155
|
+
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
197
156
|
var textStyle = textPalette ? _AvatarModule["default"][textPalette] : palette === 'secondary' ? _AvatarModule["default"].white : _AvatarModule["default"].black;
|
|
198
157
|
var shapeStyle = shape === 'circle' ? 'circle' : "square_".concat(size);
|
|
199
158
|
initial = initial || this.getInitialByFullName(name);
|
|
@@ -219,22 +178,20 @@ var Avatar = /*#__PURE__*/function (_React$Component) {
|
|
|
219
178
|
name: name,
|
|
220
179
|
onError: this.putInvalidImageURLJSON,
|
|
221
180
|
onLoad: this.putValidImageURLJSON,
|
|
222
|
-
src: showAlternateAvatar ? alternateSrc : src
|
|
181
|
+
src: showAlternateAvatar ? alternateSrc : src,
|
|
182
|
+
alt: name
|
|
223
183
|
}), !isValidImageList && !showAlternateAvatar ? null : /*#__PURE__*/_react["default"].createElement("span", {
|
|
224
184
|
className: "".concat(_AvatarModule["default"].shadow, " ").concat(textStyle, " ")
|
|
225
185
|
})));
|
|
226
186
|
}
|
|
227
187
|
}]);
|
|
228
|
-
|
|
229
188
|
return Avatar;
|
|
230
189
|
}(_react["default"].Component);
|
|
231
|
-
|
|
232
190
|
exports["default"] = Avatar;
|
|
233
191
|
Avatar.defaultProps = _defaultProps.defaultProps;
|
|
234
192
|
Avatar.propTypes = _propTypes.propTypes;
|
|
235
193
|
Avatar.invalidImageURLs = [];
|
|
236
194
|
Avatar.validImageURLs = [];
|
|
237
|
-
|
|
238
195
|
if (false) {
|
|
239
196
|
Avatar.docs = {
|
|
240
197
|
componentGroup: 'Avatar Group',
|
|
@@ -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
|
initial: _propTypes["default"].string,
|
|
@@ -1,93 +1,69 @@
|
|
|
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
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, descriptor.key, descriptor); } }
|
|
27
|
-
|
|
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
|
-
|
|
30
18
|
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
19
|
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
20
|
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
21
|
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
22
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
|
-
|
|
40
23
|
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
24
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
|
-
|
|
44
25
|
/* once avatar support firstname lastname and pattern
|
|
45
26
|
pass lastName as team name and pattern ["FIRST_NAME","LAST_NAME"] as props
|
|
46
27
|
|
|
47
28
|
Not going to export to external then can kept inside supportapp
|
|
48
29
|
*/
|
|
49
|
-
|
|
50
30
|
/*
|
|
51
31
|
eslint css-modules/no-unused-class: [2, { markAsUsed: ["primary", "secondary",
|
|
52
32
|
"small", "xsmall", "medium", "xmedium", "large", "xlarge"] }]
|
|
53
33
|
*/
|
|
54
34
|
var AvatarTeam = /*#__PURE__*/function (_React$Component) {
|
|
55
35
|
_inherits(AvatarTeam, _React$Component);
|
|
56
|
-
|
|
57
36
|
var _super = _createSuper(AvatarTeam);
|
|
58
|
-
|
|
59
37
|
function AvatarTeam() {
|
|
60
38
|
_classCallCheck(this, AvatarTeam);
|
|
61
|
-
|
|
62
39
|
return _super.apply(this, arguments);
|
|
63
40
|
}
|
|
64
|
-
|
|
65
41
|
_createClass(AvatarTeam, [{
|
|
66
42
|
key: "render",
|
|
67
43
|
value: function render() {
|
|
68
44
|
var _this$props = this.props,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
45
|
+
src = _this$props.src,
|
|
46
|
+
name = _this$props.name,
|
|
47
|
+
size = _this$props.size,
|
|
48
|
+
palette = _this$props.palette,
|
|
49
|
+
textPalette = _this$props.textPalette,
|
|
50
|
+
onClick = _this$props.onClick,
|
|
51
|
+
title = _this$props.title,
|
|
52
|
+
isFilled = _this$props.isFilled,
|
|
53
|
+
dataId = _this$props.dataId,
|
|
54
|
+
needTitle = _this$props.needTitle,
|
|
55
|
+
customClass = _this$props.customClass,
|
|
56
|
+
borderOnActive = _this$props.borderOnActive,
|
|
57
|
+
borderOnHover = _this$props.borderOnHover,
|
|
58
|
+
customProps = _this$props.customProps;
|
|
83
59
|
var _customProps$AvatarTe = customProps.AvatarTeamProps,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
60
|
+
AvatarTeamProps = _customProps$AvatarTe === void 0 ? {} : _customProps$AvatarTe,
|
|
61
|
+
_customProps$AvatarPr = customProps.AvatarProps,
|
|
62
|
+
AvatarProps = _customProps$AvatarPr === void 0 ? {} : _customProps$AvatarPr;
|
|
87
63
|
var _customClass$customAv = customClass.customAvatar,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
64
|
+
customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
|
|
65
|
+
_customClass$customAv2 = customClass.customAvatarTeam,
|
|
66
|
+
customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
|
|
91
67
|
var border = borderOnHover || onClick;
|
|
92
68
|
return /*#__PURE__*/_react["default"].createElement("span", _extends({
|
|
93
69
|
className: "".concat(_AvatarTeamModule["default"].container, " ").concat(borderOnActive ? _AvatarTeamModule["default"].borderOnActive : border ? _AvatarTeamModule["default"].borderOnHover : '', " "),
|
|
@@ -109,14 +85,11 @@ var AvatarTeam = /*#__PURE__*/function (_React$Component) {
|
|
|
109
85
|
}));
|
|
110
86
|
}
|
|
111
87
|
}]);
|
|
112
|
-
|
|
113
88
|
return AvatarTeam;
|
|
114
89
|
}(_react["default"].Component);
|
|
115
|
-
|
|
116
90
|
exports["default"] = AvatarTeam;
|
|
117
91
|
AvatarTeam.defaultProps = _defaultProps.defaultProps;
|
|
118
92
|
AvatarTeam.propTypes = _propTypes.propTypes;
|
|
119
|
-
|
|
120
93
|
if (false) {
|
|
121
94
|
AvatarTeam.docs = {
|
|
122
95
|
componentGroup: 'Avatar Group',
|
|
@@ -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
|
});
|