@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/Tooltip/Tooltip.js
CHANGED
|
@@ -1,56 +1,34 @@
|
|
|
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 _Config = require("../Provider/Config");
|
|
17
|
-
|
|
18
12
|
var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
|
|
19
|
-
|
|
20
13
|
var _ResizeObserver = _interopRequireDefault(require("../Responsive/ResizeObserver"));
|
|
21
|
-
|
|
14
|
+
var _selectn = _interopRequireDefault(require("selectn"));
|
|
22
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
-
|
|
26
17
|
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
18
|
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
19
|
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
20
|
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
21
|
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
22
|
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
23
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
|
-
|
|
40
24
|
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
25
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
|
-
|
|
44
26
|
var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
45
27
|
_inherits(Tooltip, _React$Component);
|
|
46
|
-
|
|
47
28
|
var _super = _createSuper(Tooltip);
|
|
48
|
-
|
|
49
29
|
function Tooltip(props) {
|
|
50
30
|
var _this;
|
|
51
|
-
|
|
52
31
|
_classCallCheck(this, Tooltip);
|
|
53
|
-
|
|
54
32
|
_this = _super.call(this, props);
|
|
55
33
|
_this.state = {
|
|
56
34
|
title: null,
|
|
@@ -72,7 +50,6 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
72
50
|
_this.tooltipContainerEl = {};
|
|
73
51
|
return _this;
|
|
74
52
|
}
|
|
75
|
-
|
|
76
53
|
_createClass(Tooltip, [{
|
|
77
54
|
key: "onResize",
|
|
78
55
|
value: function onResize(sizeOfObservedEl, observedEl) {
|
|
@@ -95,7 +72,6 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
95
72
|
if (this.isResized) {
|
|
96
73
|
return this.setClientRectOfContEl(el);
|
|
97
74
|
}
|
|
98
|
-
|
|
99
75
|
return this.tooltipContainerClientRect;
|
|
100
76
|
}
|
|
101
77
|
}, {
|
|
@@ -121,7 +97,6 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
121
97
|
key: "reset",
|
|
122
98
|
value: function reset() {
|
|
123
99
|
var title = this.state.title;
|
|
124
|
-
|
|
125
100
|
if (title !== null) {
|
|
126
101
|
this.setState({
|
|
127
102
|
title: null,
|
|
@@ -130,8 +105,8 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
130
105
|
});
|
|
131
106
|
}
|
|
132
107
|
}
|
|
133
|
-
/* left and right screen edge check for top and bottom tooltip position */
|
|
134
108
|
|
|
109
|
+
/* left and right screen edge check for top and bottom tooltip position */
|
|
135
110
|
}, {
|
|
136
111
|
key: "leftRightScreenEdge",
|
|
137
112
|
value: function leftRightScreenEdge(tLeft, toolTipArrowLeft, thisLeft, thisWidth, tooltipoffsetWidth, bodyWidth, rightEdge, bodyLeft) {
|
|
@@ -149,7 +124,6 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
149
124
|
tLeft = parseInt(thisLeft - (tooltipoffsetWidth - thisWidth) / 2);
|
|
150
125
|
toolTipArrowLeft = parseInt(tooltipoffsetWidth / 2 - 4);
|
|
151
126
|
}
|
|
152
|
-
|
|
153
127
|
return {
|
|
154
128
|
tLeft: tLeft,
|
|
155
129
|
toolTipArrowLeft: toolTipArrowLeft,
|
|
@@ -160,8 +134,8 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
160
134
|
rightEdge: rightEdge
|
|
161
135
|
};
|
|
162
136
|
}
|
|
163
|
-
/* top and bottom screen edge check for left and right tooltip position */
|
|
164
137
|
|
|
138
|
+
/* top and bottom screen edge check for left and right tooltip position */
|
|
165
139
|
}, {
|
|
166
140
|
key: "topBottomScreenEdge",
|
|
167
141
|
value: function topBottomScreenEdge(tTop, toolTipArrowTop, thisTop, thisHeight, tooltipoffsetHeight, bodyHeight, bottomEdge) {
|
|
@@ -173,7 +147,6 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
173
147
|
tTop -= bottomEdge;
|
|
174
148
|
toolTipArrowTop += bottomEdge;
|
|
175
149
|
}
|
|
176
|
-
|
|
177
150
|
return {
|
|
178
151
|
tTop: tTop,
|
|
179
152
|
toolTipArrowTop: toolTipArrowTop,
|
|
@@ -188,18 +161,15 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
188
161
|
key: "handleOver",
|
|
189
162
|
value: function handleOver(e, targetElement) {
|
|
190
163
|
var _this2 = this;
|
|
191
|
-
|
|
192
164
|
var containerElement = this.tooltipContainerEl;
|
|
193
165
|
var element = e.target;
|
|
194
166
|
var titleDiv = element.hasAttribute('data-title') || element.hasAttribute('title') ? element : element.closest('[data-title]') || element.closest('[title]');
|
|
195
|
-
|
|
196
167
|
if (titleDiv) {
|
|
197
168
|
var title = titleDiv.getAttribute('data-title') || titleDiv.getAttribute('title');
|
|
198
|
-
/* if data-title-position is left or right change right and left in rtl case */
|
|
199
169
|
|
|
170
|
+
/* if data-title-position is left or right change right and left in rtl case */
|
|
200
171
|
var isPosition = titleDiv.getAttribute('data-title-position');
|
|
201
172
|
var elem = this.getDirection;
|
|
202
|
-
|
|
203
173
|
if (elem.getAttribute('dir') == 'rtl') {
|
|
204
174
|
if (isPosition == 'left') {
|
|
205
175
|
isPosition = 'right';
|
|
@@ -207,42 +177,36 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
207
177
|
isPosition = 'left';
|
|
208
178
|
}
|
|
209
179
|
}
|
|
210
|
-
|
|
211
180
|
if (title !== '' && title) {
|
|
212
181
|
titleDiv.setAttribute('data-title', title);
|
|
213
182
|
titleDiv.removeAttribute('title');
|
|
214
|
-
|
|
215
183
|
if (element.nodeName !== 'I' && element.innerText && element.innerText.trim() !== '') {
|
|
216
184
|
var isContentDotted = '';
|
|
217
|
-
|
|
218
185
|
if (element.scrollWidth !== 0) {
|
|
219
186
|
isContentDotted = element.offsetWidth < element.scrollWidth;
|
|
220
|
-
|
|
221
187
|
if (!isContentDotted) {
|
|
222
188
|
isContentDotted = element.offsetHeight < element.scrollHeight;
|
|
223
|
-
}
|
|
189
|
+
}
|
|
190
|
+
// if (!isContentDotted) {Need to check the code Sivanesh
|
|
224
191
|
// isContentDotted = element.offsetHeight < element.scrollHeight;
|
|
225
192
|
// }
|
|
226
|
-
|
|
227
193
|
} else {
|
|
228
|
-
|
|
194
|
+
var offWidth = (0, _selectn["default"])('parentElement.offsetWidth', element) || 0;
|
|
195
|
+
var scrollWidth = (0, _selectn["default"])('parentElement.scrollWidth', element) || 0;
|
|
196
|
+
isContentDotted = offWidth < scrollWidth;
|
|
229
197
|
}
|
|
230
|
-
|
|
231
198
|
var originText = element.innerText.replace(/\s/g, '').toLowerCase();
|
|
232
199
|
var tooltipText = title.replace(/\s/g, '').toLowerCase();
|
|
233
200
|
var isDefaultTooltip = element.hasAttribute('data-istitle') || element.hasAttribute('istitle') ? element.getAttribute('data-istitle') || element.getAttribute('istitle') : 'false';
|
|
234
201
|
isDefaultTooltip = isDefaultTooltip === 'true';
|
|
235
202
|
var isSameText = originText.indexOf(tooltipText) !== -1 ? true : false;
|
|
236
|
-
|
|
237
203
|
if (!isContentDotted && isSameText && !isDefaultTooltip) {
|
|
238
204
|
return false;
|
|
239
205
|
}
|
|
240
|
-
|
|
241
206
|
if (isContentDotted && titleDiv.getAttribute('data-dottedTitle')) {
|
|
242
207
|
title = titleDiv.getAttribute('data-dottedTitle');
|
|
243
208
|
}
|
|
244
209
|
}
|
|
245
|
-
|
|
246
210
|
var isHtml = titleDiv.getAttribute('data-ishtml');
|
|
247
211
|
var dataTooltipnoArrow = titleDiv.getAttribute('data-tooltip-noarrow') === 'true' ? true : false;
|
|
248
212
|
var dataTooltipWrap = titleDiv.getAttribute('data-title-wrap') === 'true' ? true : false;
|
|
@@ -255,7 +219,6 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
255
219
|
dataTooltipWrap: dataTooltipWrap
|
|
256
220
|
}, function () {
|
|
257
221
|
var tooltip = _this2.toolTip;
|
|
258
|
-
|
|
259
222
|
if (tooltip) {
|
|
260
223
|
/* element top, left, height, width */
|
|
261
224
|
var thisTop = clientRect.top;
|
|
@@ -263,11 +226,9 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
263
226
|
var thisHeight = clientRect.height;
|
|
264
227
|
var thisWidth = clientRect.width;
|
|
265
228
|
/* box layout left spacing */
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
229
|
+
var bodyLeft = boxLayout.left;
|
|
230
|
+
// let checkTop = thisTop + thisHeight;
|
|
269
231
|
/* element left plus element width */
|
|
270
|
-
|
|
271
232
|
var checkLeft = thisLeft + thisWidth;
|
|
272
233
|
var tTop;
|
|
273
234
|
var tLeft;
|
|
@@ -277,7 +238,6 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
277
238
|
var bottomEdge;
|
|
278
239
|
var tooltipLeft;
|
|
279
240
|
/* offset width, height of body */
|
|
280
|
-
|
|
281
241
|
var bodyWidth = containerElement.offsetWidth;
|
|
282
242
|
var bodyHeight = containerElement.offsetHeight;
|
|
283
243
|
var isArrowHorizontal = false;
|
|
@@ -285,16 +245,12 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
285
245
|
var isArrowRight = false;
|
|
286
246
|
var tWidth = '';
|
|
287
247
|
/* overall body height minus element top + element height */
|
|
288
|
-
|
|
289
248
|
var thisBottom = bodyHeight - (thisTop + thisHeight);
|
|
290
249
|
/* overall body width minus element left + element width */
|
|
291
|
-
|
|
292
250
|
var thisRight = bodyWidth - (thisLeft + thisWidth);
|
|
293
251
|
/* tooltip width and height */
|
|
294
|
-
|
|
295
252
|
var tooltipoffsetWidth = tooltip.offsetWidth;
|
|
296
253
|
var tooltipoffsetHeight = tooltip.offsetHeight;
|
|
297
|
-
|
|
298
254
|
if (isPosition) {
|
|
299
255
|
if (isPosition == 'top') {
|
|
300
256
|
/* if top does not have enough space show tooltip in bottom area */
|
|
@@ -322,11 +278,9 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
322
278
|
toolTipArrowLeft = parseInt(tooltipoffsetWidth / 2 - 6);
|
|
323
279
|
isArrowDown = true;
|
|
324
280
|
}
|
|
325
|
-
/* top tooltip left and right corner edge case */
|
|
326
|
-
|
|
327
281
|
|
|
282
|
+
/* top tooltip left and right corner edge case */
|
|
328
283
|
var values = _this2.leftRightScreenEdge(tLeft, toolTipArrowLeft, thisLeft, thisWidth, tooltipoffsetWidth, bodyWidth, rightEdge, bodyLeft);
|
|
329
|
-
|
|
330
284
|
tLeft = values.tLeft, toolTipArrowLeft = values.toolTipArrowLeft, thisLeft = values.thisLeft, thisWidth = values.thisWidth, tooltipoffsetWidth = values.tooltipoffsetWidth, bodyWidth = values.bodyWidth, rightEdge = values.rightEdge;
|
|
331
285
|
} else if (isPosition == 'bottom') {
|
|
332
286
|
/* if bottom does not have enough space show tooltip in top area */
|
|
@@ -354,15 +308,12 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
354
308
|
toolTipArrowLeft = parseInt(tooltipoffsetWidth / 2 - 6);
|
|
355
309
|
isArrowDown = false;
|
|
356
310
|
}
|
|
357
|
-
/* bottom tooltip left and right corner edge case */
|
|
358
|
-
|
|
359
311
|
|
|
312
|
+
/* bottom tooltip left and right corner edge case */
|
|
360
313
|
var _values = _this2.leftRightScreenEdge(tLeft, toolTipArrowLeft, thisLeft, thisWidth, tooltipoffsetWidth, bodyWidth, rightEdge, bodyLeft);
|
|
361
|
-
|
|
362
314
|
tLeft = _values.tLeft, toolTipArrowLeft = _values.toolTipArrowLeft, thisLeft = _values.thisLeft, thisWidth = _values.thisWidth, tooltipoffsetWidth = _values.tooltipoffsetWidth, bodyWidth = _values.bodyWidth, rightEdge = _values.rightEdge;
|
|
363
315
|
} else if (isPosition == 'left') {
|
|
364
316
|
isArrowHorizontal = true;
|
|
365
|
-
|
|
366
317
|
if (thisLeft - bodyLeft <= tooltipoffsetWidth) {
|
|
367
318
|
if (thisLeft - bodyLeft <= thisRight) {
|
|
368
319
|
/* if left does not have enough space show tooltip in right area */
|
|
@@ -391,15 +342,12 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
391
342
|
toolTipArrowLeft = parseInt(tooltipoffsetWidth - 2);
|
|
392
343
|
isArrowRight = true;
|
|
393
344
|
}
|
|
394
|
-
/* left tooltip top and bottom corner edge case */
|
|
395
|
-
|
|
396
345
|
|
|
346
|
+
/* left tooltip top and bottom corner edge case */
|
|
397
347
|
var _values2 = _this2.topBottomScreenEdge(tTop, toolTipArrowTop, thisTop, thisHeight, tooltipoffsetHeight, bodyHeight, bottomEdge);
|
|
398
|
-
|
|
399
348
|
tTop = _values2.tTop, toolTipArrowTop = _values2.toolTipArrowTop, thisTop = _values2.thisTop, thisHeight = _values2.thisHeight, tooltipoffsetHeight = _values2.tooltipoffsetHeight, bodyHeight = _values2.bodyHeight, bottomEdge = _values2.bottomEdge;
|
|
400
349
|
} else if (isPosition == 'right') {
|
|
401
350
|
isArrowHorizontal = true;
|
|
402
|
-
|
|
403
351
|
if (thisRight + bodyLeft <= tooltipoffsetWidth) {
|
|
404
352
|
if (thisLeft + bodyLeft <= thisRight) {
|
|
405
353
|
/* if right space is larger than left space show tooltip in right (default) area */
|
|
@@ -435,14 +383,11 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
435
383
|
toolTipArrowLeft = -1;
|
|
436
384
|
isArrowRight = false;
|
|
437
385
|
}
|
|
438
|
-
/* right tooltip left and right corner edge case */
|
|
439
|
-
|
|
440
386
|
|
|
387
|
+
/* right tooltip left and right corner edge case */
|
|
441
388
|
var _values3 = _this2.topBottomScreenEdge(tTop, toolTipArrowTop, thisTop, thisHeight, tooltipoffsetHeight, bodyHeight, bottomEdge);
|
|
442
|
-
|
|
443
389
|
tTop = _values3.tTop, toolTipArrowTop = _values3.toolTipArrowTop, thisTop = _values3.thisTop, thisHeight = _values3.thisHeight, tooltipoffsetHeight = _values3.tooltipoffsetHeight, bodyHeight = _values3.bodyHeight, bottomEdge = _values3.bottomEdge;
|
|
444
390
|
}
|
|
445
|
-
|
|
446
391
|
_this2.setState({
|
|
447
392
|
top: tTop,
|
|
448
393
|
left: tLeft,
|
|
@@ -457,11 +402,9 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
457
402
|
_this2.setState({
|
|
458
403
|
isArrowRight: null
|
|
459
404
|
});
|
|
460
|
-
|
|
461
405
|
tTop = parseInt(thisTop + thisHeight + 10);
|
|
462
406
|
tLeft = parseInt(thisLeft - (tooltipoffsetWidth / 2 - thisWidth / 2) + 2);
|
|
463
407
|
tooltipLeft = parseInt(tooltipoffsetWidth / 2 - 6);
|
|
464
|
-
|
|
465
408
|
if (tLeft - bodyLeft <= 1) {
|
|
466
409
|
// default left side screen edge case
|
|
467
410
|
tooltipLeft = parseInt(thisLeft - bodyLeft + thisWidth / 2 - 6);
|
|
@@ -475,9 +418,7 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
475
418
|
tLeft = parseInt(thisLeft - (tooltipoffsetWidth - thisWidth) / 2);
|
|
476
419
|
tooltipLeft = parseInt(tooltipoffsetWidth / 2 - 4);
|
|
477
420
|
}
|
|
478
|
-
|
|
479
421
|
isArrowDown = false;
|
|
480
|
-
|
|
481
422
|
if (tTop + tooltipoffsetHeight > bodyHeight) {
|
|
482
423
|
/* if bottom does not have enough space show tooltip in top area */
|
|
483
424
|
if (thisTop > thisBottom) {
|
|
@@ -485,10 +426,8 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
485
426
|
tTop -= tooltipoffsetHeight + thisHeight + 20;
|
|
486
427
|
}
|
|
487
428
|
}
|
|
488
|
-
|
|
489
429
|
if (isArrowDown) {
|
|
490
430
|
var arrowTop = tooltipoffsetHeight - 4;
|
|
491
|
-
|
|
492
431
|
_this2.setState({
|
|
493
432
|
top: tTop,
|
|
494
433
|
left: tLeft,
|
|
@@ -522,21 +461,21 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
522
461
|
key: "render",
|
|
523
462
|
value: function render() {
|
|
524
463
|
var _this$state = this.state,
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
464
|
+
title = _this$state.title,
|
|
465
|
+
left = _this$state.left,
|
|
466
|
+
top = _this$state.top,
|
|
467
|
+
arrowLeft = _this$state.arrowLeft,
|
|
468
|
+
arrowTop = _this$state.arrowTop,
|
|
469
|
+
isArrowDown = _this$state.isArrowDown,
|
|
470
|
+
isArrowRight = _this$state.isArrowRight,
|
|
471
|
+
isArrowHorizontal = _this$state.isArrowHorizontal,
|
|
472
|
+
width = _this$state.width,
|
|
473
|
+
isHtml = _this$state.isHtml,
|
|
474
|
+
dataTooltipnoArrow = _this$state.dataTooltipnoArrow,
|
|
475
|
+
dataTooltipWrap = _this$state.dataTooltipWrap;
|
|
537
476
|
var _this$props = this.props,
|
|
538
|
-
|
|
539
|
-
|
|
477
|
+
dataId = _this$props.dataId,
|
|
478
|
+
customClass = _this$props.customClass;
|
|
540
479
|
var arrowStyle = isArrowHorizontal ? isArrowRight ? _TooltipModule["default"].arrowRight : _TooltipModule["default"].arrowLeft : isArrowDown ? _TooltipModule["default"].arrowDown : _TooltipModule["default"].arrowUp;
|
|
541
480
|
title = title ? title.trim() : null;
|
|
542
481
|
var tooltipCss = "".concat(_TooltipModule["default"].tooltipcont, " ").concat(dataTooltipWrap ? _TooltipModule["default"].tooltipWrapCont : _TooltipModule["default"].tooltipNormalCont);
|
|
@@ -565,14 +504,11 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
|
|
|
565
504
|
}, title)) : null;
|
|
566
505
|
}
|
|
567
506
|
}]);
|
|
568
|
-
|
|
569
507
|
return Tooltip;
|
|
570
508
|
}(_react["default"].Component);
|
|
571
|
-
|
|
572
509
|
exports["default"] = Tooltip;
|
|
573
510
|
Tooltip.propTypes = _propTypes.propTypes;
|
|
574
511
|
Tooltip.defaultProps = _defaultProps.defaultProps;
|
|
575
|
-
|
|
576
512
|
if (false) {
|
|
577
513
|
Tooltip.docs = {
|
|
578
514
|
componentGroup: 'Atom',
|
|
@@ -1,51 +1,31 @@
|
|
|
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
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
-
|
|
9
6
|
var _Tooltip = _interopRequireDefault(require("../Tooltip"));
|
|
10
|
-
|
|
11
7
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
8
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
14
|
-
|
|
15
9
|
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); } }
|
|
16
|
-
|
|
17
10
|
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
11
|
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); }
|
|
20
|
-
|
|
21
12
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
22
|
-
|
|
23
13
|
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); }; }
|
|
24
|
-
|
|
25
14
|
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); }
|
|
26
|
-
|
|
27
15
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
28
|
-
|
|
29
16
|
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; } }
|
|
30
|
-
|
|
31
17
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
32
|
-
|
|
33
18
|
var SampleComponent = /*#__PURE__*/function (_React$Component) {
|
|
34
19
|
_inherits(SampleComponent, _React$Component);
|
|
35
|
-
|
|
36
20
|
var _super = _createSuper(SampleComponent);
|
|
37
|
-
|
|
38
21
|
function SampleComponent(props) {
|
|
39
22
|
var _this;
|
|
40
|
-
|
|
41
23
|
_classCallCheck(this, SampleComponent);
|
|
42
|
-
|
|
43
24
|
_this = _super.call(this, props);
|
|
44
25
|
_this.toolTipRef = /*#__PURE__*/_react["default"].createRef();
|
|
45
26
|
_this.setToolTipRef = _this.setToolTipRef.bind(_assertThisInitialized(_this));
|
|
46
27
|
return _this;
|
|
47
28
|
}
|
|
48
|
-
|
|
49
29
|
_createClass(SampleComponent, [{
|
|
50
30
|
key: "setToolTipRef",
|
|
51
31
|
value: function setToolTipRef(ref) {
|
|
@@ -55,7 +35,6 @@ var SampleComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
55
35
|
key: "render",
|
|
56
36
|
value: function render() {
|
|
57
37
|
var _this2 = this;
|
|
58
|
-
|
|
59
38
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
60
39
|
onMouseOver: function onMouseOver(e) {
|
|
61
40
|
return _this2.toolTipRef && _this2.toolTipRef.handleOver(e);
|
|
@@ -69,10 +48,8 @@ var SampleComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
69
48
|
}));
|
|
70
49
|
}
|
|
71
50
|
}]);
|
|
72
|
-
|
|
73
51
|
return SampleComponent;
|
|
74
52
|
}(_react["default"].Component);
|
|
75
|
-
|
|
76
53
|
describe('Tooltip component conditions', function () {
|
|
77
54
|
it('Is HandleOver Executed', function () {
|
|
78
55
|
var sampleComponent = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(SampleComponent, null));
|
|
@@ -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
|
isHtml: _propTypes["default"].string,
|
|
@@ -1,75 +1,50 @@
|
|
|
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 _velocityReact = require("velocity-react");
|
|
17
|
-
|
|
18
12
|
require("velocity-animate/velocity.ui");
|
|
19
|
-
|
|
20
13
|
var _LibraryContextInit = _interopRequireDefault(require("../../Provider/LibraryContextInit"));
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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
|
var VelocityAnimation = /*#__PURE__*/function (_React$Component) {
|
|
45
26
|
_inherits(VelocityAnimation, _React$Component);
|
|
46
|
-
|
|
47
27
|
var _super = _createSuper(VelocityAnimation);
|
|
48
|
-
|
|
49
28
|
function VelocityAnimation(props) {
|
|
50
29
|
_classCallCheck(this, VelocityAnimation);
|
|
51
|
-
|
|
52
30
|
return _super.call(this, props);
|
|
53
31
|
}
|
|
54
|
-
|
|
55
32
|
_createClass(VelocityAnimation, [{
|
|
56
33
|
key: "render",
|
|
57
34
|
value: function render() {
|
|
58
35
|
var _this$props = this.props,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
36
|
+
children = _this$props.children,
|
|
37
|
+
name = _this$props.name,
|
|
38
|
+
duration = _this$props.duration,
|
|
39
|
+
isActive = _this$props.isActive,
|
|
40
|
+
runOnMount = _this$props.runOnMount,
|
|
41
|
+
delay = _this$props.delay,
|
|
42
|
+
isCustomized = _this$props.isCustomized,
|
|
43
|
+
needUIPack = _this$props.needUIPack,
|
|
44
|
+
isFlex = _this$props.isFlex;
|
|
69
45
|
var _ref = this.context || {},
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
46
|
+
direction = _ref.direction,
|
|
47
|
+
isReducedMotion = _ref.isReducedMotion;
|
|
73
48
|
var enterAnimationObj = {
|
|
74
49
|
fade: 'transition.fadeIn',
|
|
75
50
|
slideDown: 'slideDown',
|
|
@@ -112,15 +87,12 @@ var VelocityAnimation = /*#__PURE__*/function (_React$Component) {
|
|
|
112
87
|
}, children);
|
|
113
88
|
}
|
|
114
89
|
}]);
|
|
115
|
-
|
|
116
90
|
return VelocityAnimation;
|
|
117
91
|
}(_react["default"].Component);
|
|
118
|
-
|
|
119
92
|
exports["default"] = VelocityAnimation;
|
|
120
93
|
VelocityAnimation.defaultProps = _defaultProps.defaultProps;
|
|
121
94
|
VelocityAnimation.propTypes = _propTypes.propTypes;
|
|
122
95
|
VelocityAnimation.contextType = _LibraryContextInit["default"];
|
|
123
|
-
|
|
124
96
|
if (false) {
|
|
125
97
|
VelocityAnimation.docs = {
|
|
126
98
|
componentGroup: 'Animation'
|
|
@@ -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
|
children: _propTypes["default"].node.isRequired,
|
|
14
11
|
delay: _propTypes["default"].number,
|