@zohodesk/components 1.0.0-alpha-269 → 1.0.0-alpha-271
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 +16 -0
- package/es/Accordion/Accordion.js +3 -7
- package/es/Accordion/AccordionItem.js +2 -4
- package/es/Animation/Animation.js +3 -3
- package/es/AppContainer/AppContainer.js +5 -13
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/Avatar/Avatar.js +11 -23
- package/es/Avatar/Avatar.module.css +18 -18
- package/es/AvatarTeam/AvatarTeam.js +3 -3
- package/es/AvatarTeam/AvatarTeam.module.css +35 -35
- package/es/Button/Button.js +3 -4
- package/es/Button/css/Button.module.css +70 -70
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Buttongroup/Buttongroup.module.css +15 -14
- package/es/Card/Card.js +10 -21
- package/es/CheckBox/CheckBox.js +3 -5
- package/es/CheckBox/CheckBox.module.css +15 -15
- package/es/DateTime/CalendarView.js +20 -32
- package/es/DateTime/DateTime.js +6 -67
- package/es/DateTime/DateTime.module.css +39 -39
- package/es/DateTime/DateTimePopupFooter.js +2 -4
- package/es/DateTime/DateTimePopupHeader.js +2 -8
- package/es/DateTime/DateWidget.js +35 -98
- package/es/DateTime/DateWidget.module.css +5 -5
- package/es/DateTime/DaysRow.js +2 -4
- package/es/DateTime/Time.js +2 -10
- package/es/DateTime/YearView.js +4 -28
- package/es/DateTime/YearView.module.css +15 -15
- package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
- package/es/DateTime/__tests__/DateTime.spec.js +0 -1
- package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
- package/es/DateTime/common.js +0 -3
- package/es/DateTime/constants.js +0 -1
- package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
- package/es/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
- package/es/DateTime/dateFormatUtils/index.js +2 -32
- package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
- package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
- package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
- package/es/DateTime/objectUtils.js +20 -14
- package/es/DateTime/typeChecker.js +0 -3
- package/es/DateTime/validator.js +6 -58
- package/es/DropBox/DropBox.js +5 -9
- package/es/DropBox/DropBoxElement/DropBoxElement.js +8 -13
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -7
- package/es/DropBox/DropBoxElement/props/propTypes.js +1 -1
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +0 -3
- package/es/DropBox/__tests__/DropBox.spec.js +2 -2
- package/es/DropBox/css/DropBox.module.css +6 -6
- package/es/DropBox/props/defaultProps.js +2 -1
- package/es/DropBox/props/propTypes.js +2 -1
- package/es/DropDown/DropDown.js +4 -8
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.js +5 -4
- package/es/DropDown/DropDownHeading.module.css +6 -6
- package/es/DropDown/DropDownItem.js +0 -6
- package/es/DropDown/DropDownItem.module.css +12 -12
- package/es/DropDown/DropDownSearch.js +0 -4
- package/es/DropDown/DropDownSearch.module.css +3 -3
- package/es/DropDown/DropDownSeparator.js +0 -1
- package/es/DropDown/DropDownSeparator.module.css +2 -2
- package/es/DropDown/__tests__/DropDown.spec.js +2 -1
- package/es/Heading/Heading.js +3 -2
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.js +3 -2
- package/es/Label/Label.module.css +5 -5
- package/es/Layout/Box.js +0 -13
- package/es/Layout/Container.js +1 -12
- package/es/Layout/Layout.module.css +15 -15
- package/es/Layout/index.js +2 -1
- package/es/ListItem/ListContainer.js +3 -8
- package/es/ListItem/ListItem.js +3 -9
- package/es/ListItem/ListItem.module.css +38 -38
- package/es/ListItem/ListItemWithAvatar.js +3 -9
- package/es/ListItem/ListItemWithCheckBox.js +2 -7
- package/es/ListItem/ListItemWithIcon.js +3 -8
- package/es/ListItem/ListItemWithRadio.js +3 -7
- package/es/Modal/Modal.js +11 -28
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +13 -89
- package/es/MultiSelect/AdvancedMultiSelect.js +9 -32
- package/es/MultiSelect/EmptyState.js +0 -2
- package/es/MultiSelect/MultiSelect.js +32 -99
- package/es/MultiSelect/MultiSelect.module.css +31 -31
- package/es/MultiSelect/MultiSelectHeader.js +0 -3
- package/es/MultiSelect/MultiSelectWithAvatar.js +6 -12
- package/es/MultiSelect/SelectedOptions.js +3 -6
- package/es/MultiSelect/SelectedOptions.module.css +5 -5
- package/es/MultiSelect/Suggestions.js +3 -7
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
- package/es/MultiSelect/props/propTypes.js +0 -2
- package/es/PopOver/PopOver.js +2 -18
- package/es/PopOver/__tests__/PopOver.spec.js +1 -2
- package/es/Popup/Popup.js +24 -77
- package/es/Popup/__tests__/Popup.spec.js +5 -17
- package/es/Popup/viewPort.js +4 -16
- package/es/Provider/IdProvider.js +5 -10
- package/es/Provider/LibraryContext.js +4 -6
- package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
- package/es/Provider/ZindexProvider.js +2 -9
- package/es/Radio/Radio.js +2 -4
- package/es/Radio/Radio.module.css +9 -9
- package/es/Responsive/CustomResponsive.js +18 -30
- package/es/Responsive/RefWrapper.js +7 -6
- package/es/Responsive/ResizeComponent.js +25 -35
- package/es/Responsive/ResizeObserver.js +6 -26
- package/es/Responsive/Responsive.js +20 -34
- package/es/Responsive/index.js +3 -1
- package/es/Responsive/sizeObservers.js +7 -28
- package/es/Responsive/utils/index.js +5 -7
- package/es/Responsive/utils/shallowCompare.js +2 -7
- package/es/Responsive/windowResizeObserver.js +0 -7
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/es/Ribbon/Ribbon.js +2 -3
- package/es/Ribbon/Ribbon.module.css +48 -46
- package/es/RippleEffect/RippleEffect.js +3 -1
- package/es/Select/GroupSelect.js +14 -58
- package/es/Select/Select.js +33 -79
- package/es/Select/Select.module.css +23 -23
- package/es/Select/SelectWithAvatar.js +4 -17
- package/es/Select/SelectWithIcon.js +5 -46
- package/es/Select/__tests__/Select.spec.js +8 -6
- package/es/Select/props/propTypes.js +0 -1
- package/es/Stencils/Stencils.js +3 -3
- package/es/Stencils/Stencils.module.css +11 -11
- package/es/Switch/Switch.js +3 -5
- package/es/Switch/Switch.module.css +23 -23
- package/es/Tab/Tab.js +4 -4
- package/es/Tab/Tab.module.css +14 -14
- package/es/Tab/TabContent.js +0 -1
- package/es/Tab/TabContentWrapper.js +0 -2
- package/es/Tab/TabWrapper.js +2 -5
- package/es/Tab/Tabs.js +7 -54
- package/es/Tab/Tabs.module.css +30 -37
- package/es/Tab/__tests__/Tab.spec.js +3 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
- package/es/Tag/Tag.js +3 -6
- package/es/Tag/Tag.module.css +25 -25
- package/es/TextBox/TextBox.js +3 -15
- package/es/TextBox/TextBox.module.css +9 -9
- package/es/TextBox/__tests__/TextBox.spec.js +4 -1
- package/es/TextBoxIcon/TextBoxIcon.js +2 -9
- package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
- package/es/Textarea/Textarea.js +3 -12
- package/es/Textarea/Textarea.module.css +21 -21
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Tooltip/Tooltip.js +14 -58
- package/es/Tooltip/Tooltip.module.css +5 -5
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -3
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -7
- package/es/common/animation.module.css +8 -8
- package/es/common/avatarsizes.module.css +16 -16
- package/es/common/basicReset.module.css +3 -3
- package/es/common/common.module.css +24 -24
- package/es/common/customscroll.module.css +2 -2
- package/es/deprecated/AdvancedMultiSelect.module.css +18 -18
- package/es/deprecated/PortalLayer/PortalLayer.js +20 -25
- package/es/semantic/Button/Button.js +2 -3
- package/es/semantic/Button/semanticButton.module.css +1 -1
- package/es/utils/Common.js +13 -54
- package/es/utils/ContextOptimizer.js +5 -4
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +0 -2
- package/es/utils/css/compileClassNames.js +0 -5
- package/es/utils/css/mergeStyle.js +7 -8
- package/es/utils/css/utils.js +0 -1
- package/es/utils/datetime/common.js +5 -16
- package/es/utils/debounce.js +1 -5
- package/es/utils/dropDownUtils.js +11 -68
- package/es/utils/getInitial.js +0 -4
- package/es/utils/shallowEqual.js +0 -6
- package/lib/Accordion/Accordion.js +18 -42
- package/lib/Accordion/AccordionItem.js +18 -40
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
- package/lib/Accordion/index.js +0 -3
- package/lib/Accordion/props/propTypes.js +0 -3
- package/lib/Animation/Animation.js +18 -38
- package/lib/Animation/__tests__/Animation.spec.js +7 -11
- package/lib/Animation/props/propTypes.js +0 -3
- package/lib/AppContainer/AppContainer.js +21 -56
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/AppContainer/props/propTypes.js +0 -3
- package/lib/Avatar/Avatar.js +38 -78
- package/lib/Avatar/Avatar.module.css +18 -18
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
- package/lib/Avatar/props/propTypes.js +0 -3
- package/lib/AvatarTeam/AvatarTeam.js +30 -52
- package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
- package/lib/AvatarTeam/props/propTypes.js +0 -3
- package/lib/Button/Button.js +20 -31
- package/lib/Button/css/Button.module.css +70 -70
- package/lib/Button/css/cssJSLogic.js +17 -18
- package/lib/Button/index.js +0 -3
- package/lib/Button/props/defaultProps.js +0 -2
- package/lib/Button/props/propTypes.js +0 -3
- package/lib/Buttongroup/Buttongroup.js +12 -32
- package/lib/Buttongroup/Buttongroup.module.css +15 -14
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
- package/lib/Buttongroup/props/propTypes.js +0 -3
- package/lib/Card/Card.js +46 -102
- package/lib/Card/__tests__/Card.spec.js +1 -10
- package/lib/Card/index.js +0 -4
- package/lib/Card/props/propTypes.js +0 -3
- package/lib/CheckBox/CheckBox.js +47 -71
- package/lib/CheckBox/CheckBox.module.css +15 -15
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
- package/lib/CheckBox/props/propTypes.js +0 -3
- package/lib/DateTime/CalendarView.js +42 -82
- package/lib/DateTime/DateTime.js +155 -239
- package/lib/DateTime/DateTime.module.css +39 -39
- package/lib/DateTime/DateTimePopupFooter.js +8 -31
- package/lib/DateTime/DateTimePopupHeader.js +17 -48
- package/lib/DateTime/DateWidget.js +250 -352
- package/lib/DateTime/DateWidget.module.css +5 -5
- package/lib/DateTime/DaysRow.js +5 -27
- package/lib/DateTime/Time.js +32 -73
- package/lib/DateTime/YearView.js +28 -77
- package/lib/DateTime/YearView.module.css +15 -15
- package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
- package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
- package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
- package/lib/DateTime/common.js +0 -6
- package/lib/DateTime/constants.js +0 -1
- package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
- package/lib/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
- package/lib/DateTime/dateFormatUtils/index.js +16 -74
- package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
- package/lib/DateTime/dateFormatUtils/timeChange.js +22 -54
- package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
- package/lib/DateTime/index.js +0 -2
- package/lib/DateTime/objectUtils.js +20 -24
- package/lib/DateTime/props/propTypes.js +1 -11
- package/lib/DateTime/typeChecker.js +0 -4
- package/lib/DateTime/validator.js +10 -73
- package/lib/DropBox/DropBox.js +12 -36
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +44 -63
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +35 -42
- package/lib/DropBox/DropBoxElement/props/propTypes.js +1 -4
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +9 -14
- package/lib/DropBox/__tests__/DropBox.spec.js +4 -8
- package/lib/DropBox/css/DropBox.module.css +6 -6
- package/lib/DropBox/css/cssJSLogic.js +1 -3
- package/lib/DropBox/props/defaultProps.js +4 -8
- package/lib/DropBox/props/propTypes.js +4 -10
- package/lib/DropDown/DropDown.js +8 -52
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.js +20 -39
- package/lib/DropDown/DropDownHeading.module.css +6 -6
- package/lib/DropDown/DropDownItem.js +20 -42
- package/lib/DropDown/DropDownItem.module.css +12 -12
- package/lib/DropDown/DropDownSearch.js +17 -40
- package/lib/DropDown/DropDownSearch.module.css +3 -3
- package/lib/DropDown/DropDownSeparator.js +4 -24
- package/lib/DropDown/DropDownSeparator.module.css +2 -2
- package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
- package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
- package/lib/DropDown/index.js +0 -9
- package/lib/DropDown/props/propTypes.js +4 -6
- package/lib/Heading/Heading.js +15 -37
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Heading/props/propTypes.js +0 -3
- package/lib/Label/Label.js +19 -39
- package/lib/Label/Label.module.css +5 -5
- 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/Layout.module.css +15 -15
- package/lib/Layout/__tests__/Box.spec.js +49 -65
- package/lib/Layout/__tests__/Container.spec.js +50 -67
- package/lib/Layout/index.js +0 -3
- package/lib/Layout/props/propTypes.js +0 -3
- package/lib/Layout/utils.js +0 -10
- package/lib/ListItem/ListContainer.js +27 -48
- package/lib/ListItem/ListItem.js +45 -69
- package/lib/ListItem/ListItem.module.css +38 -38
- package/lib/ListItem/ListItemWithAvatar.js +48 -75
- package/lib/ListItem/ListItemWithCheckBox.js +39 -64
- package/lib/ListItem/ListItemWithIcon.js +44 -68
- package/lib/ListItem/ListItemWithRadio.js +41 -65
- package/lib/ListItem/index.js +0 -7
- package/lib/ListItem/props/propTypes.js +4 -6
- package/lib/Modal/Modal.js +10 -45
- package/lib/Modal/props/propTypes.js +0 -3
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +166 -294
- package/lib/MultiSelect/AdvancedMultiSelect.js +125 -202
- package/lib/MultiSelect/EmptyState.js +24 -45
- package/lib/MultiSelect/MultiSelect.js +206 -323
- package/lib/MultiSelect/MultiSelect.module.css +31 -31
- package/lib/MultiSelect/MultiSelectHeader.js +8 -30
- package/lib/MultiSelect/MultiSelectWithAvatar.js +63 -105
- package/lib/MultiSelect/SelectedOptions.js +17 -43
- package/lib/MultiSelect/SelectedOptions.module.css +5 -5
- package/lib/MultiSelect/Suggestions.js +32 -64
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
- package/lib/MultiSelect/index.js +0 -5
- package/lib/MultiSelect/props/defaultProps.js +0 -2
- package/lib/MultiSelect/props/propTypes.js +0 -5
- package/lib/PopOver/PopOver.js +49 -95
- package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
- package/lib/PopOver/index.js +0 -4
- package/lib/PopOver/props/propTypes.js +0 -3
- package/lib/Popup/Popup.js +81 -158
- package/lib/Popup/__tests__/Popup.spec.js +8 -43
- package/lib/Popup/viewPort.js +14 -28
- package/lib/Provider/AvatarSize.js +0 -4
- package/lib/Provider/Config.js +0 -2
- package/lib/Provider/CssProvider.js +0 -4
- package/lib/Provider/IdProvider.js +6 -17
- package/lib/Provider/LibraryContext.js +15 -35
- package/lib/Provider/LibraryContextInit.js +0 -4
- package/lib/Provider/NumberGenerator/NumberGenerator.js +15 -44
- package/lib/Provider/ZindexProvider.js +3 -15
- package/lib/Provider/index.js +0 -5
- package/lib/Radio/Radio.js +38 -61
- package/lib/Radio/Radio.module.css +9 -9
- package/lib/Radio/__tests__/Radiospec.js +5 -9
- package/lib/Radio/props/propTypes.js +0 -3
- package/lib/Responsive/CustomResponsive.js +29 -73
- package/lib/Responsive/RefWrapper.js +11 -17
- package/lib/Responsive/ResizeComponent.js +36 -62
- package/lib/Responsive/ResizeObserver.js +10 -24
- package/lib/Responsive/Responsive.js +30 -80
- package/lib/Responsive/index.js +0 -4
- package/lib/Responsive/props/propTypes.js +0 -3
- package/lib/Responsive/sizeObservers.js +17 -53
- package/lib/Responsive/utils/index.js +3 -11
- package/lib/Responsive/utils/shallowCompare.js +2 -11
- package/lib/Responsive/windowResizeObserver.js +0 -8
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +17 -45
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
- package/lib/Ribbon/Ribbon.js +13 -33
- package/lib/Ribbon/Ribbon.module.css +48 -46
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
- package/lib/Ribbon/props/propTypes.js +0 -3
- package/lib/RippleEffect/RippleEffect.js +10 -18
- package/lib/RippleEffect/props/propTypes.js +0 -3
- package/lib/Select/GroupSelect.js +130 -229
- package/lib/Select/Select.js +209 -290
- package/lib/Select/Select.module.css +23 -23
- package/lib/Select/SelectWithAvatar.js +56 -102
- package/lib/Select/SelectWithIcon.js +76 -132
- package/lib/Select/__tests__/Select.spec.js +91 -133
- package/lib/Select/index.js +0 -5
- package/lib/Select/props/defaultProps.js +4 -5
- package/lib/Select/props/propTypes.js +0 -4
- package/lib/Stencils/Stencils.js +10 -29
- package/lib/Stencils/Stencils.module.css +11 -11
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
- package/lib/Stencils/props/propTypes.js +0 -3
- package/lib/Switch/Switch.js +34 -57
- package/lib/Switch/Switch.module.css +23 -23
- package/lib/Switch/props/propTypes.js +0 -3
- package/lib/Tab/Tab.js +27 -40
- package/lib/Tab/Tab.module.css +14 -14
- package/lib/Tab/TabContent.js +5 -12
- package/lib/Tab/TabContentWrapper.js +6 -13
- package/lib/Tab/TabWrapper.js +19 -37
- package/lib/Tab/Tabs.js +91 -171
- package/lib/Tab/Tabs.module.css +30 -37
- package/lib/Tab/__tests__/Tab.spec.js +58 -67
- package/lib/Tab/__tests__/TabContent.spec.js +6 -10
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
- package/lib/Tab/__tests__/Tabs.spec.js +39 -53
- package/lib/Tab/index.js +0 -6
- package/lib/Tab/props/propTypes.js +0 -3
- package/lib/Tag/Tag.js +43 -72
- package/lib/Tag/Tag.module.css +25 -25
- package/lib/Tag/__tests__/Tag.spec.js +8 -14
- package/lib/Tag/props/propTypes.js +0 -3
- package/lib/TextBox/TextBox.js +59 -85
- package/lib/TextBox/TextBox.module.css +9 -9
- package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
- package/lib/TextBox/props/propTypes.js +4 -6
- package/lib/TextBoxIcon/TextBoxIcon.js +52 -79
- package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
- package/lib/TextBoxIcon/props/propTypes.js +0 -3
- package/lib/Textarea/Textarea.js +29 -54
- package/lib/Textarea/Textarea.module.css +21 -21
- package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
- package/lib/Textarea/props/propTypes.js +0 -3
- package/lib/Tooltip/Tooltip.js +31 -94
- package/lib/Tooltip/Tooltip.module.css +5 -5
- package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -24
- package/lib/Tooltip/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +16 -40
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +25 -53
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/index.js +0 -3
- package/lib/common/animation.module.css +8 -8
- package/lib/common/avatarsizes.module.css +16 -16
- package/lib/common/basicReset.module.css +3 -3
- package/lib/common/common.module.css +24 -24
- package/lib/common/customscroll.module.css +2 -2
- package/lib/css.js +0 -40
- package/lib/deprecated/AdvancedMultiSelect.module.css +18 -18
- package/lib/deprecated/PortalLayer/PortalLayer.js +23 -46
- package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
- package/lib/index.js +0 -57
- package/lib/semantic/Button/Button.js +22 -42
- package/lib/semantic/Button/props/propTypes.js +0 -3
- package/lib/semantic/Button/semanticButton.module.css +1 -1
- package/lib/semantic/index.js +0 -2
- package/lib/utils/Common.js +25 -109
- package/lib/utils/ContextOptimizer.js +10 -16
- package/lib/utils/__tests__/constructFullName.spec.js +0 -1
- package/lib/utils/__tests__/debounce.spec.js +2 -3
- package/lib/utils/__tests__/getInitial.spec.js +0 -1
- package/lib/utils/constructFullName.js +4 -13
- package/lib/utils/css/compileClassNames.js +0 -6
- package/lib/utils/css/mergeStyle.js +8 -11
- package/lib/utils/css/utils.js +0 -8
- package/lib/utils/datetime/common.js +5 -32
- package/lib/utils/debounce.js +1 -6
- package/lib/utils/dropDownUtils.js +59 -175
- package/lib/utils/dummyFunction.js +0 -2
- package/lib/utils/getHTMLFontSize.js +0 -1
- package/lib/utils/getInitial.js +0 -6
- package/lib/utils/index.js +0 -4
- package/lib/utils/scrollTo.js +0 -2
- package/lib/utils/shallowEqual.js +0 -8
- package/package.json +1 -1
|
@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = mergeStyle;
|
|
7
|
-
|
|
7
|
+
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); }
|
|
8
8
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9
|
-
|
|
10
9
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
11
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
12
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
13
|
+
var REPLACER_SYMBOL = '$';
|
|
11
14
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var REPLACER_SYMBOL = '$'; // $ startWith is used for replace the existing style.
|
|
15
|
+
// $ startWith is used for replace the existing style.
|
|
15
16
|
// all other will be append
|
|
16
17
|
|
|
17
18
|
function mergeStyle(defaultStyle) {
|
|
@@ -20,16 +21,15 @@ function mergeStyle(defaultStyle) {
|
|
|
20
21
|
// if(!Object.keys(defaultStyle).includes('base')) {
|
|
21
22
|
// throw new Error(`STYLE CUSTOMIZATION RULE - Your style sheet should have "base" class name for customization`);
|
|
22
23
|
// }
|
|
24
|
+
|
|
23
25
|
return Object.keys(customStyle).reduce(function (res, next) {
|
|
24
26
|
if (next.startsWith(REPLACER_SYMBOL)) {
|
|
25
27
|
var styleValue = customStyle[next];
|
|
26
28
|
var styleName = next.replace(REPLACER_SYMBOL, '');
|
|
27
|
-
|
|
28
29
|
if (!defaultStyle[styleName] && !additionalStyle.includes(styleName)) {
|
|
29
30
|
// return res;
|
|
30
31
|
throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(styleName, "\" is not available in that component style"));
|
|
31
32
|
}
|
|
32
|
-
|
|
33
33
|
if (additionalStyle.includes(styleName)) {
|
|
34
34
|
res[styleName] = styleValue;
|
|
35
35
|
} else {
|
|
@@ -38,7 +38,6 @@ function mergeStyle(defaultStyle) {
|
|
|
38
38
|
var styleKey = res[keyName];
|
|
39
39
|
var styleClasses = styleKey.split(' ');
|
|
40
40
|
var ind = styleClasses.indexOf(val);
|
|
41
|
-
|
|
42
41
|
if (ind !== -1) {
|
|
43
42
|
styleClasses[ind] = styleValue;
|
|
44
43
|
res[keyName] = styleClasses.join(' ');
|
|
@@ -51,7 +50,6 @@ function mergeStyle(defaultStyle) {
|
|
|
51
50
|
var styleKey = res[keyName];
|
|
52
51
|
var styleClasses = styleKey.split(' ');
|
|
53
52
|
var ind = styleClasses.indexOf(_val);
|
|
54
|
-
|
|
55
53
|
if (ind !== -1) {
|
|
56
54
|
styleClasses[ind] = styleClasses[ind] + ' ' + customStyle[next];
|
|
57
55
|
res[keyName] = styleClasses.join(' ');
|
|
@@ -61,9 +59,8 @@ function mergeStyle(defaultStyle) {
|
|
|
61
59
|
res[next] = customStyle[next];
|
|
62
60
|
} else if (!defaultStyle[next] && !additionalStyle.includes(next)) {
|
|
63
61
|
// res[next] = customStyle[next];
|
|
64
|
-
"UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style");
|
|
62
|
+
throw new Error("UNKNOWN CLASSNAME DETECTED - Given customStyle's key \"".concat(next, "\" is not available in that component style"));
|
|
65
63
|
}
|
|
66
|
-
|
|
67
64
|
return res;
|
|
68
65
|
}, _objectSpread({}, defaultStyle));
|
|
69
66
|
}
|
package/lib/utils/css/utils.js
CHANGED
|
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isDataTypeOf = exports.getDataType = exports.dataTypes = void 0;
|
|
7
|
-
|
|
8
7
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
9
|
-
|
|
10
8
|
var dataTypes = {
|
|
11
9
|
number: 'number',
|
|
12
10
|
array: 'array',
|
|
@@ -19,23 +17,17 @@ var dataTypes = {
|
|
|
19
17
|
"boolean": 'boolean'
|
|
20
18
|
};
|
|
21
19
|
exports.dataTypes = dataTypes;
|
|
22
|
-
|
|
23
20
|
var getDataType = function getDataType(data) {
|
|
24
21
|
var typeofData = _typeof(data);
|
|
25
|
-
|
|
26
22
|
var isArrayDataType = Array.isArray(data);
|
|
27
|
-
|
|
28
23
|
if (isArrayDataType) {
|
|
29
24
|
return dataTypes.array;
|
|
30
25
|
} else {
|
|
31
26
|
return dataTypes[typeofData];
|
|
32
27
|
}
|
|
33
28
|
};
|
|
34
|
-
|
|
35
29
|
exports.getDataType = getDataType;
|
|
36
|
-
|
|
37
30
|
var isDataTypeOf = function isDataTypeOf(data, type) {
|
|
38
31
|
return getDataType(data) === type;
|
|
39
32
|
};
|
|
40
|
-
|
|
41
33
|
exports.isDataTypeOf = isDataTypeOf;
|
|
@@ -17,15 +17,12 @@ exports.isYesterday = isYesterday;
|
|
|
17
17
|
exports.pad = pad;
|
|
18
18
|
exports.replaceI18NValuesWithRegex = replaceI18NValuesWithRegex;
|
|
19
19
|
exports.unescapeUnicode = unescapeUnicode;
|
|
20
|
-
|
|
21
20
|
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); }
|
|
22
|
-
|
|
23
21
|
var dateFormat = {
|
|
24
22
|
dayNames: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
|
25
23
|
monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
|
|
26
24
|
timeNames: ['a', 'p', 'am', 'pm', 'A', 'P', 'AM', 'PM']
|
|
27
25
|
};
|
|
28
|
-
|
|
29
26
|
function pad(n) {
|
|
30
27
|
var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
31
28
|
var z = arguments.length > 2 ? arguments[2] : undefined;
|
|
@@ -33,7 +30,6 @@ function pad(n) {
|
|
|
33
30
|
n = "".concat(n);
|
|
34
31
|
return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;
|
|
35
32
|
}
|
|
36
|
-
|
|
37
33
|
function formatDate(dateMill, mask) {
|
|
38
34
|
var date = new Date(dateMill);
|
|
39
35
|
var d = date.getDate();
|
|
@@ -80,12 +76,10 @@ function formatDate(dateMill, mask) {
|
|
|
80
76
|
if (match in flags) {
|
|
81
77
|
return flags[match];
|
|
82
78
|
}
|
|
83
|
-
|
|
84
79
|
return match.slice(1, match.length - 1);
|
|
85
80
|
});
|
|
86
81
|
return dat;
|
|
87
82
|
}
|
|
88
|
-
|
|
89
83
|
function replaceI18NValuesWithRegex(i18nStr, values) {
|
|
90
84
|
if (typeof values !== 'undefined') {
|
|
91
85
|
if (Array.isArray(values)) {
|
|
@@ -96,16 +90,13 @@ function replaceI18NValuesWithRegex(i18nStr, values) {
|
|
|
96
90
|
i18nStr = i18nStr.replace(new RegExp('\\{0\\}', 'g'), values);
|
|
97
91
|
}
|
|
98
92
|
}
|
|
99
|
-
|
|
100
93
|
return i18nStr;
|
|
101
94
|
}
|
|
102
|
-
|
|
103
95
|
function unescapeUnicode(str) {
|
|
104
96
|
return str.replace(/\\u([a-fA-F0-9]{4})/g, function (g, m1) {
|
|
105
97
|
return String.fromCharCode(parseInt(m1, 16));
|
|
106
98
|
});
|
|
107
99
|
}
|
|
108
|
-
|
|
109
100
|
function getValues() {
|
|
110
101
|
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
111
102
|
var diff = arguments.length > 1 ? arguments[1] : undefined;
|
|
@@ -113,36 +104,31 @@ function getValues() {
|
|
|
113
104
|
return diff[param];
|
|
114
105
|
});
|
|
115
106
|
}
|
|
116
|
-
|
|
117
107
|
function getI18NValue(i18n) {
|
|
118
108
|
if (typeof i18n === 'undefined') {
|
|
119
109
|
return function (key) {
|
|
120
110
|
return key;
|
|
121
111
|
};
|
|
122
112
|
}
|
|
123
|
-
|
|
124
113
|
return function (key, values) {
|
|
125
114
|
var i18nStr = i18n[key];
|
|
126
|
-
|
|
127
115
|
if (i18nStr === undefined) {
|
|
128
116
|
return key;
|
|
129
117
|
}
|
|
130
|
-
|
|
131
118
|
i18nStr = replaceI18NValuesWithRegex(i18nStr, values);
|
|
132
119
|
return unescapeUnicode(i18nStr);
|
|
133
120
|
};
|
|
134
|
-
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
// function getValues(params = [], diff) {
|
|
135
124
|
// return params.map(param => {
|
|
136
125
|
// return diff[param];
|
|
137
126
|
// });
|
|
138
127
|
// }
|
|
139
|
-
|
|
140
|
-
|
|
141
128
|
function getI18NInfo(toDateObj, props, diffObj) {
|
|
142
129
|
var key = null,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
130
|
+
values,
|
|
131
|
+
text = null;
|
|
146
132
|
if (typeof props === 'function') {
|
|
147
133
|
var value = props(diffObj1);
|
|
148
134
|
key = value.key;
|
|
@@ -153,50 +139,40 @@ function getI18NInfo(toDateObj, props, diffObj) {
|
|
|
153
139
|
} else if (typeof props === 'string') {
|
|
154
140
|
text = toDateObj.format(props);
|
|
155
141
|
}
|
|
156
|
-
|
|
157
142
|
return {
|
|
158
143
|
key: key,
|
|
159
144
|
values: values,
|
|
160
145
|
text: text
|
|
161
146
|
};
|
|
162
147
|
}
|
|
163
|
-
|
|
164
148
|
function isToday(fromDate, toDate) {
|
|
165
149
|
var TODAY = toDate.clone().startOf('day');
|
|
166
150
|
return fromDate.isSame(TODAY, 'd');
|
|
167
151
|
}
|
|
168
|
-
|
|
169
152
|
function isYesterday(fromDate, toDate) {
|
|
170
153
|
var YESTERDAY = toDate.clone().subtract(1, 'days').startOf('day');
|
|
171
154
|
return fromDate.isSame(YESTERDAY, 'd');
|
|
172
155
|
}
|
|
173
|
-
|
|
174
156
|
function isTomorrow(fromDate, toDate) {
|
|
175
157
|
return isYesterday(toDate, fromDate);
|
|
176
158
|
}
|
|
177
|
-
|
|
178
159
|
function isWithinAWeek(fromDate, toDate) {
|
|
179
160
|
var A_WEEK_OLD = toDate.clone().subtract(7, 'days').startOf('day');
|
|
180
161
|
return fromDate.isAfter(A_WEEK_OLD);
|
|
181
162
|
}
|
|
182
|
-
|
|
183
163
|
function isTwoWeeksOrMore(fromDate, toDate) {
|
|
184
164
|
return !isWithinAWeek(fromDate, toDate);
|
|
185
165
|
}
|
|
186
|
-
|
|
187
166
|
var oneYearInMillis = 31536000000;
|
|
188
167
|
var oneDayInMillis = 86400000;
|
|
189
168
|
var oneHourInMillis = 3600000;
|
|
190
169
|
var oneMinuteInMillis = 60000;
|
|
191
|
-
|
|
192
170
|
function convertAsNonExponential(number) {
|
|
193
171
|
if (number.toString().toLowerCase().indexOf('e') !== -1) {
|
|
194
172
|
return number.toFixed(20);
|
|
195
173
|
}
|
|
196
|
-
|
|
197
174
|
return number;
|
|
198
175
|
}
|
|
199
|
-
|
|
200
176
|
function getDiffObj(diff) {
|
|
201
177
|
diff = Math.abs(diff);
|
|
202
178
|
var diffYears = diff / oneYearInMillis;
|
|
@@ -220,14 +196,11 @@ function getDiffObj(diff) {
|
|
|
220
196
|
s: diffSeconds
|
|
221
197
|
};
|
|
222
198
|
}
|
|
223
|
-
|
|
224
199
|
function getMonthEnd(month, year) {
|
|
225
200
|
var monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
|
226
201
|
var isLeapYear = year % 400 === 0 || year % 4 === 0 && year % 100 !== 0;
|
|
227
|
-
|
|
228
202
|
if (month === 1 && isLeapYear) {
|
|
229
203
|
return 29;
|
|
230
204
|
}
|
|
231
|
-
|
|
232
205
|
return monthend[month];
|
|
233
206
|
}
|
package/lib/utils/debounce.js
CHANGED
|
@@ -4,25 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.debounce = debounce;
|
|
7
|
-
|
|
8
7
|
function debounce(func, wait, immediate) {
|
|
9
8
|
var timeout;
|
|
10
9
|
return function () {
|
|
11
10
|
var context = this,
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
args = arguments;
|
|
14
12
|
var later = function later() {
|
|
15
13
|
timeout = null;
|
|
16
|
-
|
|
17
14
|
if (!immediate) {
|
|
18
15
|
func.apply(context, args);
|
|
19
16
|
}
|
|
20
17
|
};
|
|
21
|
-
|
|
22
18
|
var callNow = immediate && !timeout;
|
|
23
19
|
clearTimeout(timeout);
|
|
24
20
|
timeout = setTimeout(later, wait);
|
|
25
|
-
|
|
26
21
|
if (callNow) {
|
|
27
22
|
func.apply(context, args);
|
|
28
23
|
}
|