@zohodesk/components 1.0.0-temp-188 → 1.0.0-temp-189
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/.cli/propValidation_report.html +1 -1
- package/README.md +4 -0
- package/es/Accordion/Accordion.js +7 -3
- package/es/Accordion/AccordionItem.js +4 -2
- package/es/Animation/Animation.js +3 -3
- package/es/AppContainer/AppContainer.js +14 -3
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/Avatar/Avatar.js +23 -11
- 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/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -2
- package/es/Button/Button.js +4 -3
- package/es/Button/css/Button.module.css +70 -70
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Buttongroup/Buttongroup.module.css +13 -15
- package/es/Card/Card.js +21 -10
- package/es/CheckBox/CheckBox.js +5 -3
- package/es/CheckBox/CheckBox.module.css +20 -49
- package/es/DateTime/CalendarView.js +32 -20
- package/es/DateTime/DateTime.js +69 -6
- package/es/DateTime/DateTime.module.css +40 -40
- package/es/DateTime/DateTimePopupFooter.js +4 -1
- package/es/DateTime/DateTimePopupHeader.js +8 -2
- package/es/DateTime/DateWidget.js +98 -35
- package/es/DateTime/DateWidget.module.css +5 -5
- package/es/DateTime/DaysRow.js +4 -1
- package/es/DateTime/Time.js +10 -1
- package/es/DateTime/YearView.js +28 -4
- package/es/DateTime/YearView.module.css +15 -15
- package/es/DateTime/common.js +3 -0
- package/es/DateTime/constants.js +1 -0
- package/es/DateTime/dateFormatUtils/dateFormat.js +65 -30
- package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
- package/es/DateTime/dateFormatUtils/index.js +31 -1
- package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
- package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
- package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
- package/es/DateTime/objectUtils.js +14 -20
- package/es/DateTime/typeChecker.js +3 -0
- package/es/DateTime/validator.js +58 -6
- package/es/DropBox/DropBox.js +6 -2
- package/es/DropBox/DropBoxElement/DropBoxElement.js +7 -0
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +73 -76
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -3
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
- package/es/DropBox/css/DropBox.module.css +6 -6
- package/es/DropBox/props/defaultProps.js +1 -2
- package/es/DropBox/props/propTypes.js +1 -2
- package/es/DropDown/DropDown.js +7 -1
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.js +4 -5
- package/es/DropDown/DropDownHeading.module.css +6 -6
- package/es/DropDown/DropDownItem.js +6 -0
- package/es/DropDown/DropDownItem.module.css +12 -12
- package/es/DropDown/DropDownSearch.js +4 -0
- package/es/DropDown/DropDownSearch.module.css +3 -3
- package/es/DropDown/DropDownSeparator.js +1 -0
- package/es/DropDown/DropDownSeparator.module.css +2 -2
- package/es/DropDown/props/propTypes.js +1 -2
- package/es/Heading/Heading.js +2 -3
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.js +2 -3
- package/es/Label/Label.module.css +5 -5
- package/es/Label/__tests__/Label.spec.js +1 -2
- package/es/Layout/Box.js +15 -2
- package/es/Layout/Container.js +14 -3
- package/es/Layout/Layout.module.css +15 -15
- package/es/Layout/index.js +1 -2
- package/es/Layout/utils.js +1 -0
- package/es/ListItem/ListContainer.js +8 -3
- package/es/ListItem/ListItem.js +9 -3
- package/es/ListItem/ListItem.module.css +27 -38
- package/es/ListItem/ListItemWithAvatar.js +9 -3
- package/es/ListItem/ListItemWithCheckBox.js +7 -2
- package/es/ListItem/ListItemWithIcon.js +8 -3
- package/es/ListItem/ListItemWithRadio.js +7 -3
- package/es/ListItem/props/defaultProps.js +1 -1
- package/es/Modal/Modal.js +28 -11
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +89 -13
- package/es/MultiSelect/AdvancedMultiSelect.js +32 -9
- package/es/MultiSelect/EmptyState.js +2 -0
- package/es/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
- package/es/MultiSelect/MultiSelect.js +99 -30
- package/es/MultiSelect/MultiSelect.module.css +31 -31
- package/es/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/MultiSelect/MultiSelectWithAvatar.js +10 -3
- package/es/MultiSelect/SelectedOptions.js +6 -3
- package/es/MultiSelect/SelectedOptions.module.css +5 -5
- package/es/MultiSelect/Suggestions.js +7 -3
- package/es/MultiSelect/props/propTypes.js +2 -2
- package/es/PopOver/PopOver.js +16 -0
- package/es/Popup/Popup.js +77 -24
- package/es/Popup/viewPort.js +16 -4
- package/es/Provider/IdProvider.js +10 -5
- package/es/Provider/LibraryContext.js +6 -4
- package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/Provider/ZindexProvider.js +9 -2
- package/es/Radio/Radio.js +3 -0
- package/es/Radio/Radio.module.css +9 -9
- package/es/Responsive/CustomResponsive.js +30 -18
- package/es/Responsive/RefWrapper.js +6 -7
- package/es/Responsive/ResizeComponent.js +35 -25
- package/es/Responsive/ResizeObserver.js +26 -6
- package/es/Responsive/Responsive.js +34 -20
- package/es/Responsive/index.js +1 -3
- package/es/Responsive/sizeObservers.js +28 -7
- package/es/Responsive/utils/index.js +7 -5
- package/es/Responsive/utils/shallowCompare.js +7 -2
- package/es/Responsive/windowResizeObserver.js +7 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/es/ResponsiveDropBox/props/propTypes.js +1 -2
- package/es/Ribbon/Ribbon.js +3 -2
- package/es/Ribbon/Ribbon.module.css +45 -48
- package/es/RippleEffect/RippleEffect.js +4 -5
- package/es/RippleEffect/props/defaultProps.js +1 -0
- package/es/RippleEffect/props/propTypes.js +1 -0
- package/es/Select/GroupSelect.js +58 -14
- package/es/Select/Select.js +79 -33
- package/es/Select/Select.module.css +23 -23
- package/es/Select/SelectWithAvatar.js +17 -4
- package/es/Select/SelectWithIcon.js +46 -5
- package/es/Select/props/propTypes.js +2 -2
- package/es/Stencils/Stencils.js +3 -3
- package/es/Stencils/Stencils.module.css +11 -11
- package/es/Switch/Switch.js +5 -3
- 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 +1 -0
- package/es/Tab/TabContentWrapper.js +3 -0
- package/es/Tab/TabWrapper.js +5 -2
- package/es/Tab/Tabs.js +54 -7
- package/es/Tab/Tabs.module.css +22 -22
- package/es/Tag/Tag.js +6 -3
- package/es/Tag/Tag.module.css +36 -95
- package/es/TextBox/TextBox.js +16 -3
- package/es/TextBox/TextBox.module.css +9 -10
- package/es/TextBoxIcon/TextBoxIcon.js +9 -2
- package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/es/TextBoxIcon/props/propTypes.js +1 -2
- package/es/Textarea/Textarea.js +12 -3
- package/es/Textarea/Textarea.module.css +22 -51
- package/es/Tooltip/Tooltip.js +58 -14
- package/es/Tooltip/Tooltip.module.css +5 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
- 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/PortalLayer/PortalLayer.js +25 -20
- package/es/semantic/Button/Button.js +3 -2
- package/es/semantic/Button/semanticButton.module.css +1 -1
- package/es/utils/Common.js +54 -9
- package/es/utils/ContextOptimizer.js +4 -5
- package/es/utils/constructFullName.js +2 -0
- package/es/utils/datetime/common.js +16 -5
- package/es/utils/debounce.js +5 -1
- package/es/utils/dropDownUtils.js +68 -11
- package/es/utils/getInitial.js +4 -0
- package/es/utils/shallowEqual.js +6 -0
- package/es/v1/Accordion/Accordion.js +4 -3
- package/es/v1/Accordion/AccordionItem.js +4 -2
- package/es/v1/Animation/Animation.js +1 -3
- package/es/v1/AppContainer/AppContainer.js +9 -9
- package/es/v1/Avatar/Avatar.js +18 -6
- package/es/v1/AvatarTeam/AvatarTeam.js +1 -0
- package/es/v1/Button/Button.js +3 -3
- package/es/v1/Card/Card.js +16 -8
- package/es/v1/CheckBox/CheckBox.js +6 -3
- package/es/v1/DateTime/CalendarView.js +32 -20
- package/es/v1/DateTime/DateTime.js +69 -6
- package/es/v1/DateTime/DateTimePopupFooter.js +4 -1
- package/es/v1/DateTime/DateTimePopupHeader.js +8 -2
- package/es/v1/DateTime/DateWidget.js +98 -35
- package/es/v1/DateTime/DaysRow.js +4 -1
- package/es/v1/DateTime/Time.js +10 -1
- package/es/v1/DateTime/YearView.js +28 -4
- package/es/v1/DropBox/DropBox.js +6 -2
- package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +7 -0
- package/es/v1/DropBox/props/defaultProps.js +1 -2
- package/es/v1/DropBox/props/propTypes.js +1 -2
- package/es/v1/DropDown/DropDown.js +3 -0
- package/es/v1/DropDown/DropDownHeading.js +2 -2
- package/es/v1/DropDown/DropDownItem.js +5 -0
- package/es/v1/DropDown/DropDownSearch.js +3 -2
- package/es/v1/DropDown/props/propTypes.js +1 -2
- package/es/v1/Heading/Heading.js +1 -3
- package/es/v1/Layout/Box.js +15 -2
- package/es/v1/Layout/Container.js +14 -3
- package/es/v1/ListItem/ListContainer.js +8 -3
- package/es/v1/ListItem/ListItem.js +10 -3
- package/es/v1/ListItem/ListItemWithAvatar.js +9 -1
- package/es/v1/ListItem/ListItemWithCheckBox.js +8 -2
- package/es/v1/ListItem/ListItemWithIcon.js +9 -3
- package/es/v1/ListItem/ListItemWithRadio.js +8 -3
- package/es/v1/Modal/Modal.js +17 -1
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +90 -15
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +32 -9
- package/es/v1/MultiSelect/EmptyState.js +2 -0
- package/es/v1/MultiSelect/MultiSelect.js +100 -31
- package/es/v1/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +11 -3
- package/es/v1/MultiSelect/SelectedOptions.js +6 -3
- package/es/v1/MultiSelect/Suggestions.js +7 -3
- package/es/v1/MultiSelect/props/propTypes.js +2 -2
- package/es/v1/PopOver/PopOver.js +11 -0
- package/es/v1/Popup/Popup.js +77 -24
- package/es/v1/Provider/IdProvider.js +10 -5
- package/es/v1/Provider/LibraryContext.js +6 -4
- package/es/v1/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/v1/Provider/ZindexProvider.js +9 -2
- package/es/v1/Radio/Radio.js +5 -2
- package/es/v1/Responsive/CustomResponsive.js +30 -18
- package/es/v1/Responsive/RefWrapper.js +6 -7
- package/es/v1/Responsive/ResizeComponent.js +35 -25
- package/es/v1/Responsive/ResizeObserver.js +26 -6
- package/es/v1/Responsive/Responsive.js +34 -20
- package/es/v1/Responsive/index.js +1 -3
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +1 -0
- package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -2
- package/es/v1/RippleEffect/RippleEffect.js +3 -2
- package/es/v1/RippleEffect/props/defaultProps.js +1 -0
- package/es/v1/RippleEffect/props/propTypes.js +1 -0
- package/es/v1/Select/GroupSelect.js +58 -14
- package/es/v1/Select/Select.js +81 -37
- package/es/v1/Select/SelectWithAvatar.js +17 -4
- package/es/v1/Select/SelectWithIcon.js +46 -5
- package/es/v1/Select/props/propTypes.js +2 -2
- package/es/v1/Stencils/Stencils.js +2 -0
- package/es/v1/Switch/Switch.js +6 -3
- package/es/v1/Tab/Tab.js +3 -3
- package/es/v1/Tab/TabContent.js +1 -0
- package/es/v1/Tab/TabContentWrapper.js +3 -0
- package/es/v1/Tab/TabWrapper.js +5 -2
- package/es/v1/Tab/Tabs.js +54 -9
- package/es/v1/Tab/v1Tab.module.css +14 -14
- package/es/v1/Tab/v1Tabs.module.css +22 -22
- package/es/v1/Tag/Tag.js +5 -1
- package/es/v1/TextBox/TextBox.js +14 -0
- package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -2
- package/es/v1/TextBoxIcon/props/propTypes.js +1 -2
- package/es/v1/Textarea/Textarea.js +10 -3
- package/es/v1/Tooltip/Tooltip.js +58 -14
- package/es/v1/Typography/Typography.js +2 -0
- package/es/v1/Typography/css/Typography.module.css +31 -31
- package/es/v1/Typography/css/cssJSLogic.js +3 -0
- package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -2
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -4
- package/es/v1/semantic/Button/Button.js +1 -2
- package/lib/Accordion/Accordion.js +42 -18
- package/lib/Accordion/AccordionItem.js +40 -18
- package/lib/Accordion/index.js +3 -0
- package/lib/Accordion/props/propTypes.js +3 -0
- package/lib/Animation/Animation.js +38 -18
- package/lib/Animation/props/propTypes.js +3 -0
- package/lib/Animation/utils.js +3 -0
- package/lib/AppContainer/AppContainer.js +58 -20
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/AppContainer/props/propTypes.js +3 -0
- package/lib/Avatar/Avatar.js +78 -38
- package/lib/Avatar/Avatar.module.css +18 -18
- package/lib/Avatar/__tests__/Avatar.spec.js +95 -71
- package/lib/Avatar/props/propTypes.js +3 -0
- package/lib/AvatarTeam/AvatarTeam.js +52 -30
- package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +77 -61
- package/lib/AvatarTeam/props/propTypes.js +3 -0
- package/lib/Button/Button.js +33 -22
- package/lib/Button/__tests__/Button.spec.js +65 -48
- package/lib/Button/css/Button.module.css +70 -70
- package/lib/Button/css/cssJSLogic.js +18 -17
- package/lib/Button/index.js +3 -0
- package/lib/Button/props/defaultProps.js +2 -0
- package/lib/Button/props/propTypes.js +3 -0
- package/lib/Buttongroup/Buttongroup.js +32 -12
- package/lib/Buttongroup/Buttongroup.module.css +13 -15
- package/lib/Buttongroup/__tests__/Buttongroup.spec.js +18 -10
- package/lib/Buttongroup/props/propTypes.js +3 -0
- package/lib/Card/Card.js +102 -46
- package/lib/Card/index.js +4 -0
- package/lib/Card/props/propTypes.js +3 -0
- package/lib/CheckBox/CheckBox.js +71 -47
- package/lib/CheckBox/CheckBox.module.css +20 -49
- package/lib/CheckBox/props/propTypes.js +3 -0
- package/lib/DateTime/CalendarView.js +82 -42
- package/lib/DateTime/DateTime.js +244 -156
- package/lib/DateTime/DateTime.module.css +40 -40
- package/lib/DateTime/DateTimePopupFooter.js +33 -8
- package/lib/DateTime/DateTimePopupHeader.js +49 -17
- package/lib/DateTime/DateWidget.js +350 -249
- package/lib/DateTime/DateWidget.module.css +5 -5
- package/lib/DateTime/DaysRow.js +28 -5
- package/lib/DateTime/Time.js +75 -32
- package/lib/DateTime/YearView.js +76 -27
- package/lib/DateTime/YearView.module.css +15 -15
- package/lib/DateTime/common.js +6 -0
- package/lib/DateTime/constants.js +1 -0
- package/lib/DateTime/dateFormatUtils/dateFormat.js +187 -122
- package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/lib/DateTime/dateFormatUtils/dayChange.js +15 -7
- package/lib/DateTime/dateFormatUtils/index.js +73 -16
- package/lib/DateTime/dateFormatUtils/monthChange.js +20 -9
- package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
- package/lib/DateTime/dateFormatUtils/yearChange.js +23 -11
- package/lib/DateTime/index.js +2 -0
- package/lib/DateTime/objectUtils.js +24 -20
- package/lib/DateTime/props/propTypes.js +11 -1
- package/lib/DateTime/typeChecker.js +4 -0
- package/lib/DateTime/validator.js +73 -10
- package/lib/DropBox/DropBox.js +45 -21
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +59 -38
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +73 -76
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +42 -34
- package/lib/DropBox/DropBoxElement/props/propTypes.js +3 -0
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
- package/lib/DropBox/css/DropBox.module.css +6 -6
- package/lib/DropBox/css/cssJSLogic.js +3 -1
- package/lib/DropBox/props/defaultProps.js +8 -4
- package/lib/DropBox/props/propTypes.js +10 -4
- package/lib/DropDown/DropDown.js +51 -5
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.js +39 -20
- package/lib/DropDown/DropDownHeading.module.css +6 -6
- package/lib/DropDown/DropDownItem.js +42 -20
- package/lib/DropDown/DropDownItem.module.css +12 -12
- package/lib/DropDown/DropDownSearch.js +40 -17
- package/lib/DropDown/DropDownSearch.module.css +3 -3
- package/lib/DropDown/DropDownSeparator.js +24 -4
- package/lib/DropDown/DropDownSeparator.module.css +2 -2
- package/lib/DropDown/index.js +9 -0
- package/lib/DropDown/props/propTypes.js +10 -4
- package/lib/Heading/Heading.js +37 -15
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Heading/props/propTypes.js +3 -0
- package/lib/Label/Label.js +41 -21
- package/lib/Label/Label.module.css +5 -5
- package/lib/Label/__tests__/Label.spec.js +48 -34
- package/lib/Label/props/propTypes.js +3 -0
- package/lib/Layout/Box.js +35 -15
- package/lib/Layout/Container.js +33 -14
- package/lib/Layout/Layout.module.css +15 -15
- package/lib/Layout/index.js +3 -0
- package/lib/Layout/props/propTypes.js +3 -0
- package/lib/Layout/utils.js +11 -0
- package/lib/ListItem/ListContainer.js +55 -30
- package/lib/ListItem/ListItem.js +74 -45
- package/lib/ListItem/ListItem.module.css +27 -38
- package/lib/ListItem/ListItemWithAvatar.js +80 -48
- package/lib/ListItem/ListItemWithCheckBox.js +70 -40
- package/lib/ListItem/ListItemWithIcon.js +73 -44
- package/lib/ListItem/ListItemWithRadio.js +71 -42
- package/lib/ListItem/index.js +7 -0
- package/lib/ListItem/props/defaultProps.js +1 -1
- package/lib/ListItem/props/propTypes.js +6 -4
- package/lib/Modal/Modal.js +45 -10
- package/lib/Modal/props/propTypes.js +3 -0
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +293 -166
- package/lib/MultiSelect/AdvancedMultiSelect.js +202 -125
- package/lib/MultiSelect/EmptyState.js +45 -24
- package/lib/MultiSelect/MobileHeader/MobileHeader.js +14 -5
- package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
- package/lib/MultiSelect/MobileHeader/props/propTypes.js +3 -0
- package/lib/MultiSelect/MultiSelect.js +333 -214
- package/lib/MultiSelect/MultiSelect.module.css +31 -31
- package/lib/MultiSelect/MultiSelectHeader.js +29 -7
- package/lib/MultiSelect/MultiSelectWithAvatar.js +85 -43
- package/lib/MultiSelect/SelectedOptions.js +43 -17
- package/lib/MultiSelect/SelectedOptions.module.css +5 -5
- package/lib/MultiSelect/Suggestions.js +64 -32
- package/lib/MultiSelect/index.js +5 -0
- package/lib/MultiSelect/props/defaultProps.js +2 -0
- package/lib/MultiSelect/props/propTypes.js +14 -4
- package/lib/PopOver/PopOver.js +94 -47
- package/lib/PopOver/index.js +4 -0
- package/lib/PopOver/props/propTypes.js +3 -0
- package/lib/Popup/Popup.js +158 -81
- package/lib/Popup/viewPort.js +28 -14
- package/lib/Provider/AvatarSize.js +4 -0
- package/lib/Provider/Config.js +2 -0
- package/lib/Provider/CssProvider.js +4 -0
- package/lib/Provider/IdProvider.js +17 -6
- package/lib/Provider/LibraryContext.js +35 -15
- package/lib/Provider/LibraryContextInit.js +4 -0
- package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
- package/lib/Provider/ZindexProvider.js +15 -3
- package/lib/Provider/index.js +5 -0
- package/lib/Radio/Radio.js +60 -36
- package/lib/Radio/Radio.module.css +9 -9
- package/lib/Radio/__tests__/Radio.spec.js +134 -103
- package/lib/Radio/props/propTypes.js +3 -0
- package/lib/Responsive/CustomResponsive.js +73 -29
- package/lib/Responsive/RefWrapper.js +17 -11
- package/lib/Responsive/ResizeComponent.js +62 -36
- package/lib/Responsive/ResizeObserver.js +24 -10
- package/lib/Responsive/Responsive.js +80 -30
- package/lib/Responsive/index.js +4 -0
- package/lib/Responsive/props/propTypes.js +3 -0
- package/lib/Responsive/sizeObservers.js +53 -17
- package/lib/Responsive/utils/index.js +11 -3
- package/lib/Responsive/utils/shallowCompare.js +11 -2
- package/lib/Responsive/windowResizeObserver.js +8 -0
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/lib/ResponsiveDropBox/props/propTypes.js +9 -4
- package/lib/Ribbon/Ribbon.js +33 -13
- package/lib/Ribbon/Ribbon.module.css +45 -48
- package/lib/Ribbon/__tests__/Ribbon.spec.js +24 -14
- package/lib/Ribbon/props/propTypes.js +3 -0
- package/lib/RippleEffect/RippleEffect.js +22 -13
- package/lib/RippleEffect/__tests__/RippleEffect.spec.js +34 -22
- package/lib/RippleEffect/props/defaultProps.js +1 -0
- package/lib/RippleEffect/props/propTypes.js +4 -0
- package/lib/Select/GroupSelect.js +229 -130
- package/lib/Select/Select.js +295 -211
- package/lib/Select/Select.module.css +23 -23
- package/lib/Select/SelectWithAvatar.js +102 -56
- package/lib/Select/SelectWithIcon.js +131 -76
- package/lib/Select/index.js +5 -0
- package/lib/Select/props/defaultProps.js +5 -4
- package/lib/Select/props/propTypes.js +10 -4
- package/lib/Stencils/Stencils.js +29 -10
- package/lib/Stencils/Stencils.module.css +11 -11
- package/lib/Stencils/__tests__/Stencils.spec.js +22 -13
- package/lib/Stencils/props/propTypes.js +3 -0
- package/lib/Switch/Switch.js +57 -34
- package/lib/Switch/Switch.module.css +23 -23
- package/lib/Switch/__tests__/Switch.spec.js +91 -72
- package/lib/Switch/props/propTypes.js +3 -0
- package/lib/Tab/Tab.js +40 -27
- package/lib/Tab/Tab.module.css +14 -14
- package/lib/Tab/TabContent.js +12 -5
- package/lib/Tab/TabContentWrapper.js +16 -8
- package/lib/Tab/TabWrapper.js +37 -19
- package/lib/Tab/Tabs.js +171 -91
- package/lib/Tab/Tabs.module.css +22 -22
- package/lib/Tab/index.js +6 -0
- package/lib/Tab/props/propTypes.js +3 -0
- package/lib/Tag/Tag.js +72 -43
- package/lib/Tag/Tag.module.css +36 -95
- package/lib/Tag/props/propTypes.js +3 -0
- package/lib/TextBox/TextBox.js +86 -60
- package/lib/TextBox/TextBox.module.css +9 -10
- package/lib/TextBox/props/propTypes.js +6 -4
- package/lib/TextBoxIcon/TextBoxIcon.js +80 -53
- package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/lib/TextBoxIcon/props/propTypes.js +9 -4
- package/lib/Textarea/Textarea.js +54 -29
- package/lib/Textarea/Textarea.module.css +22 -51
- package/lib/Textarea/props/propTypes.js +3 -0
- package/lib/Tooltip/Tooltip.js +94 -31
- package/lib/Tooltip/Tooltip.module.css +5 -5
- package/lib/Tooltip/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/index.js +3 -0
- package/lib/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 +40 -0
- package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
- package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
- package/lib/index.js +58 -0
- package/lib/semantic/Button/Button.js +42 -22
- package/lib/semantic/Button/props/propTypes.js +3 -0
- package/lib/semantic/Button/semanticButton.module.css +1 -1
- package/lib/semantic/index.js +2 -0
- package/lib/utils/Common.js +111 -18
- package/lib/utils/ContextOptimizer.js +16 -10
- package/lib/utils/constructFullName.js +13 -4
- package/lib/utils/datetime/common.js +34 -5
- package/lib/utils/debounce.js +6 -1
- package/lib/utils/dropDownUtils.js +175 -59
- package/lib/utils/dummyFunction.js +2 -0
- package/lib/utils/getHTMLFontSize.js +1 -0
- package/lib/utils/getInitial.js +6 -0
- package/lib/utils/index.js +1 -0
- package/lib/utils/scrollTo.js +2 -0
- package/lib/utils/shallowEqual.js +8 -0
- package/lib/v1/Accordion/Accordion.js +38 -19
- package/lib/v1/Accordion/AccordionItem.js +23 -13
- package/lib/v1/Accordion/index.js +3 -0
- package/lib/v1/Accordion/props/propTypes.js +3 -0
- package/lib/v1/Animation/Animation.js +20 -14
- package/lib/v1/Animation/props/propTypes.js +3 -0
- package/lib/v1/Animation/utils.js +3 -0
- package/lib/v1/AppContainer/AppContainer.js +40 -23
- package/lib/v1/AppContainer/props/propTypes.js +3 -0
- package/lib/v1/Avatar/Avatar.js +68 -32
- package/lib/v1/Avatar/props/propTypes.js +3 -0
- package/lib/v1/AvatarTeam/AvatarTeam.js +32 -24
- package/lib/v1/AvatarTeam/props/propTypes.js +3 -0
- package/lib/v1/Button/Button.js +32 -22
- package/lib/v1/Button/props/defaultProps.js +2 -0
- package/lib/v1/Button/props/propTypes.js +3 -0
- package/lib/v1/Buttongroup/Buttongroup.js +13 -5
- package/lib/v1/Buttongroup/props/propTypes.js +3 -0
- package/lib/v1/Card/Card.js +78 -44
- package/lib/v1/Card/index.js +4 -0
- package/lib/v1/Card/props/propTypes.js +3 -0
- package/lib/v1/CheckBox/CheckBox.js +52 -41
- package/lib/v1/CheckBox/props/propTypes.js +3 -0
- package/lib/v1/DateTime/CalendarView.js +89 -48
- package/lib/v1/DateTime/DateTime.js +246 -158
- package/lib/v1/DateTime/DateTimePopupFooter.js +33 -8
- package/lib/v1/DateTime/DateTimePopupHeader.js +49 -17
- package/lib/v1/DateTime/DateWidget.js +352 -251
- package/lib/v1/DateTime/DaysRow.js +28 -5
- package/lib/v1/DateTime/Time.js +75 -32
- package/lib/v1/DateTime/YearView.js +76 -27
- package/lib/v1/DateTime/index.js +2 -0
- package/lib/v1/DateTime/props/propTypes.js +11 -1
- package/lib/v1/DropBox/DropBox.js +45 -21
- package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +59 -38
- package/lib/v1/DropBox/DropBoxElement/props/propTypes.js +3 -0
- package/lib/v1/DropBox/props/defaultProps.js +8 -4
- package/lib/v1/DropBox/props/propTypes.js +10 -4
- package/lib/v1/DropDown/DropDown.js +23 -3
- package/lib/v1/DropDown/DropDownHeading.js +20 -13
- package/lib/v1/DropDown/DropDownItem.js +26 -11
- package/lib/v1/DropDown/DropDownSearch.js +28 -16
- package/lib/v1/DropDown/DropDownSeparator.js +7 -1
- package/lib/v1/DropDown/props/propTypes.js +10 -4
- package/lib/v1/Heading/Heading.js +19 -14
- package/lib/v1/Heading/props/propTypes.js +3 -0
- package/lib/v1/Label/Label.js +22 -14
- package/lib/v1/Label/props/propTypes.js +3 -0
- package/lib/v1/Layout/Box.js +35 -15
- package/lib/v1/Layout/Container.js +33 -14
- package/lib/v1/Layout/index.js +3 -0
- package/lib/v1/Layout/props/propTypes.js +3 -0
- package/lib/v1/ListItem/ListContainer.js +55 -30
- package/lib/v1/ListItem/ListItem.js +53 -38
- package/lib/v1/ListItem/ListItemWithAvatar.js +62 -39
- package/lib/v1/ListItem/ListItemWithCheckBox.js +49 -34
- package/lib/v1/ListItem/ListItemWithIcon.js +52 -37
- package/lib/v1/ListItem/ListItemWithRadio.js +49 -35
- package/lib/v1/ListItem/index.js +7 -0
- package/lib/v1/ListItem/props/propTypes.js +6 -4
- package/lib/v1/Modal/Modal.js +46 -9
- package/lib/v1/Modal/props/propTypes.js +3 -0
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +294 -168
- package/lib/v1/MultiSelect/AdvancedMultiSelect.js +202 -125
- package/lib/v1/MultiSelect/EmptyState.js +45 -24
- package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js +14 -5
- package/lib/v1/MultiSelect/MobileHeader/props/propTypes.js +3 -0
- package/lib/v1/MultiSelect/MultiSelect.js +335 -216
- package/lib/v1/MultiSelect/MultiSelectHeader.js +29 -7
- package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +86 -43
- package/lib/v1/MultiSelect/SelectedOptions.js +43 -17
- package/lib/v1/MultiSelect/Suggestions.js +64 -32
- package/lib/v1/MultiSelect/index.js +5 -0
- package/lib/v1/MultiSelect/props/defaultProps.js +2 -0
- package/lib/v1/MultiSelect/props/propTypes.js +14 -4
- package/lib/v1/PopOver/PopOver.js +71 -40
- package/lib/v1/PopOver/props/propTypes.js +3 -0
- package/lib/v1/Popup/Popup.js +158 -81
- package/lib/v1/Provider/AvatarSize.js +4 -0
- package/lib/v1/Provider/Config.js +2 -0
- package/lib/v1/Provider/CssProvider.js +4 -0
- package/lib/v1/Provider/IdProvider.js +17 -6
- package/lib/v1/Provider/LibraryContext.js +35 -15
- package/lib/v1/Provider/LibraryContextInit.js +4 -0
- package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +44 -15
- package/lib/v1/Provider/ZindexProvider.js +15 -3
- package/lib/v1/Provider/index.js +5 -0
- package/lib/v1/Radio/Radio.js +42 -32
- package/lib/v1/Radio/props/propTypes.js +3 -0
- package/lib/v1/Responsive/CustomResponsive.js +73 -29
- package/lib/v1/Responsive/RefWrapper.js +17 -11
- package/lib/v1/Responsive/ResizeComponent.js +62 -36
- package/lib/v1/Responsive/ResizeObserver.js +24 -10
- package/lib/v1/Responsive/Responsive.js +80 -30
- package/lib/v1/Responsive/index.js +4 -0
- package/lib/v1/Responsive/props/propTypes.js +3 -0
- package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +27 -13
- package/lib/v1/ResponsiveDropBox/props/propTypes.js +9 -4
- package/lib/v1/Ribbon/Ribbon.js +14 -7
- package/lib/v1/Ribbon/props/propTypes.js +3 -0
- package/lib/v1/RippleEffect/RippleEffect.js +21 -10
- package/lib/v1/RippleEffect/props/defaultProps.js +1 -0
- package/lib/v1/RippleEffect/props/propTypes.js +4 -0
- package/lib/v1/Select/GroupSelect.js +229 -130
- package/lib/v1/Select/Select.js +297 -214
- package/lib/v1/Select/SelectWithAvatar.js +102 -56
- package/lib/v1/Select/SelectWithIcon.js +131 -76
- package/lib/v1/Select/index.js +5 -0
- package/lib/v1/Select/props/defaultProps.js +5 -4
- package/lib/v1/Select/props/propTypes.js +10 -4
- package/lib/v1/Stencils/Stencils.js +13 -3
- package/lib/v1/Stencils/props/propTypes.js +3 -0
- package/lib/v1/Switch/Switch.js +38 -25
- package/lib/v1/Switch/props/propTypes.js +3 -0
- package/lib/v1/Tab/Tab.js +40 -27
- package/lib/v1/Tab/TabContent.js +12 -5
- package/lib/v1/Tab/TabContentWrapper.js +16 -8
- package/lib/v1/Tab/TabWrapper.js +37 -19
- package/lib/v1/Tab/Tabs.js +170 -83
- package/lib/v1/Tab/index.js +6 -0
- package/lib/v1/Tab/props/propTypes.js +3 -0
- package/lib/v1/Tab/v1Tab.module.css +14 -14
- package/lib/v1/Tab/v1Tabs.module.css +22 -22
- package/lib/v1/Tag/Tag.js +50 -32
- package/lib/v1/Tag/props/propTypes.js +3 -0
- package/lib/v1/TextBox/TextBox.js +70 -47
- package/lib/v1/TextBox/props/propTypes.js +6 -4
- package/lib/v1/TextBoxIcon/TextBoxIcon.js +80 -55
- package/lib/v1/TextBoxIcon/props/propTypes.js +9 -4
- package/lib/v1/Textarea/Textarea.js +45 -28
- package/lib/v1/Textarea/props/propTypes.js +3 -0
- package/lib/v1/Tooltip/Tooltip.js +94 -31
- package/lib/v1/Tooltip/props/propTypes.js +3 -0
- package/lib/v1/Typography/Typography.js +26 -15
- package/lib/v1/Typography/css/Typography.module.css +31 -31
- package/lib/v1/Typography/css/cssJSLogic.js +25 -20
- package/lib/v1/Typography/props/propTypes.js +3 -0
- package/lib/v1/Typography/utils/index.js +1 -0
- package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +25 -12
- package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +38 -22
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/v1/semantic/Button/Button.js +24 -18
- package/lib/v1/semantic/Button/props/propTypes.js +3 -0
- package/lib/v1/semantic/index.js +2 -0
- package/package.json +5 -5
- package/result.json +1 -1
- package/.DS_Store +0 -0
- package/.cli/AppearanceThemeValidationExcludeFiles.js +0 -1
|
@@ -26,17 +26,15 @@
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
[dir=ltr] .footer {
|
|
29
|
-
--buttongroup_padding:
|
|
30
|
-
/*rtl: 20px 60px 20px 0*/
|
|
31
|
-
;
|
|
29
|
+
--buttongroup_padding: var(--zd_size20) 0 var(--zd_size20) var(--zd_size60);
|
|
32
30
|
}
|
|
33
31
|
|
|
34
32
|
[dir=rtl] .footer {
|
|
35
|
-
--buttongroup_padding:
|
|
33
|
+
--buttongroup_padding: var(--zd_size20) 0 var(--zd_size20) var(--zd_size60);
|
|
36
34
|
}
|
|
37
35
|
|
|
38
36
|
.header {
|
|
39
|
-
--buttongroup_padding:
|
|
37
|
+
--buttongroup_padding: var(--zd_size12) var(--zd_size20);
|
|
40
38
|
--buttongroup_border_width: 0 0 1px 0;
|
|
41
39
|
}
|
|
42
40
|
|
|
@@ -69,41 +67,41 @@
|
|
|
69
67
|
}
|
|
70
68
|
|
|
71
69
|
[dir=ltr] .alignleft>button:first-child {
|
|
72
|
-
margin-left: 0;
|
|
70
|
+
margin-left: 0 ;
|
|
73
71
|
}
|
|
74
72
|
|
|
75
73
|
[dir=rtl] .alignleft>button:first-child {
|
|
76
|
-
margin-right: 0;
|
|
74
|
+
margin-right: 0 ;
|
|
77
75
|
}
|
|
78
76
|
|
|
79
77
|
[dir=ltr] .alignleft>button {
|
|
80
|
-
margin-left:
|
|
78
|
+
margin-left: var(--zd_size15) ;
|
|
81
79
|
}
|
|
82
80
|
|
|
83
81
|
[dir=rtl] .alignleft>button {
|
|
84
|
-
margin-right:
|
|
82
|
+
margin-right: var(--zd_size15) ;
|
|
85
83
|
}
|
|
86
84
|
|
|
87
85
|
[dir=ltr] .alignright>button:last-child {
|
|
88
|
-
margin-right: 0;
|
|
86
|
+
margin-right: 0 ;
|
|
89
87
|
}
|
|
90
88
|
|
|
91
89
|
[dir=rtl] .alignright>button:last-child {
|
|
92
|
-
margin-left: 0;
|
|
90
|
+
margin-left: 0 ;
|
|
93
91
|
}
|
|
94
92
|
|
|
95
93
|
[dir=ltr] .alignright>button {
|
|
96
|
-
margin-right:
|
|
94
|
+
margin-right: var(--zd_size15) ;
|
|
97
95
|
}
|
|
98
96
|
|
|
99
97
|
[dir=rtl] .alignright>button {
|
|
100
|
-
margin-left:
|
|
98
|
+
margin-left: var(--zd_size15) ;
|
|
101
99
|
}
|
|
102
100
|
|
|
103
101
|
[dir=ltr] .aligncenter>button {
|
|
104
|
-
margin-right:
|
|
102
|
+
margin-right: var(--zd_size15) ;
|
|
105
103
|
}
|
|
106
104
|
|
|
107
105
|
[dir=rtl] .aligncenter>button {
|
|
108
|
-
margin-left:
|
|
106
|
+
margin-left: var(--zd_size15) ;
|
|
109
107
|
}
|
|
@@ -1,36 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
+
|
|
4
5
|
var _Buttongroup = _interopRequireDefault(require("../Buttongroup.js"));
|
|
6
|
+
|
|
5
7
|
var _react2 = require("@testing-library/react");
|
|
8
|
+
|
|
6
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
|
|
7
11
|
describe('Buttongrop - ', function () {
|
|
8
12
|
test('rendering the default props', function () {
|
|
9
13
|
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], null)),
|
|
10
|
-
|
|
14
|
+
asFragment = _render.asFragment;
|
|
15
|
+
|
|
11
16
|
expect(asFragment()).toMatchSnapshot();
|
|
12
17
|
});
|
|
13
18
|
var buttonPosition = ['left', 'right', 'center'];
|
|
14
19
|
test.each(buttonPosition)('rendering the "buttonPosition" to - %s', function (buttonPosition) {
|
|
15
20
|
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
21
|
+
buttonPosition: buttonPosition
|
|
22
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, "Element 1"), /*#__PURE__*/_react["default"].createElement("span", null, "Element 2"), /*#__PURE__*/_react["default"].createElement("span", null, "Element 3"))),
|
|
23
|
+
asFragment = _render2.asFragment;
|
|
24
|
+
|
|
19
25
|
expect(asFragment()).toMatchSnapshot();
|
|
20
26
|
});
|
|
21
27
|
test('Checking the "customclass"', function () {
|
|
22
28
|
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
29
|
+
customClass: "customClassButtonGroup"
|
|
30
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, "Element 1"), /*#__PURE__*/_react["default"].createElement("span", null, "Element 2"), /*#__PURE__*/_react["default"].createElement("span", null, "Element 3"))),
|
|
31
|
+
asFragment = _render3.asFragment;
|
|
32
|
+
|
|
26
33
|
expect(asFragment()).toMatchSnapshot();
|
|
27
34
|
});
|
|
28
35
|
var type = ['footer', 'header', 'tab'];
|
|
29
36
|
test.each(type)('rendering the "type" - %s', function (type) {
|
|
30
37
|
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Buttongroup["default"], {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
38
|
+
type: type
|
|
39
|
+
}, /*#__PURE__*/_react["default"].createElement("span", null, "Element 1"), /*#__PURE__*/_react["default"].createElement("span", null, "Element 2"), /*#__PURE__*/_react["default"].createElement("span", null, "Element 3"))),
|
|
40
|
+
asFragment = _render4.asFragment;
|
|
41
|
+
|
|
34
42
|
expect(asFragment()).toMatchSnapshot();
|
|
35
43
|
});
|
|
36
44
|
});
|
|
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
+
|
|
7
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
9
12
|
var propTypes = {
|
|
10
13
|
buttonPosition: _propTypes["default"].oneOf(['left', 'right', 'center']),
|
|
11
14
|
children: _propTypes["default"].node,
|
package/lib/Card/Card.js
CHANGED
|
@@ -1,49 +1,75 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = exports.CardHeader = exports.CardFooter = exports.CardContent = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _propTypes = require("./props/propTypes");
|
|
13
|
+
|
|
10
14
|
var _defaultProps = require("./props/defaultProps");
|
|
15
|
+
|
|
11
16
|
var _Layout = require("../Layout");
|
|
17
|
+
|
|
12
18
|
var _Config = require("../Provider/Config");
|
|
19
|
+
|
|
13
20
|
var _CardModule = _interopRequireDefault(require("./Card.module.css"));
|
|
21
|
+
|
|
14
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
+
|
|
15
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
16
26
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
|
|
17
28
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
18
|
-
|
|
29
|
+
|
|
30
|
+
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); } }
|
|
31
|
+
|
|
19
32
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
20
|
-
|
|
21
|
-
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); }
|
|
33
|
+
|
|
22
34
|
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); }
|
|
35
|
+
|
|
23
36
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
37
|
+
|
|
24
38
|
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); }; }
|
|
39
|
+
|
|
25
40
|
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); }
|
|
41
|
+
|
|
26
42
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
43
|
+
|
|
27
44
|
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; } }
|
|
45
|
+
|
|
28
46
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
47
|
+
|
|
29
48
|
/* eslint-disable react/forbid-component-props */
|
|
49
|
+
|
|
30
50
|
/*
|
|
31
51
|
isscroll header border change use ref
|
|
32
52
|
scroll logic remove from here
|
|
33
53
|
scroll logic move to virtualizer list
|
|
34
54
|
*/
|
|
55
|
+
|
|
35
56
|
/* performance handling pending in card component moving to ref instead of setState */
|
|
36
57
|
var CardHeader = /*#__PURE__*/function (_Component) {
|
|
37
58
|
_inherits(CardHeader, _Component);
|
|
59
|
+
|
|
38
60
|
var _super = _createSuper(CardHeader);
|
|
61
|
+
|
|
39
62
|
function CardHeader(props) {
|
|
40
63
|
var _this;
|
|
64
|
+
|
|
41
65
|
_classCallCheck(this, CardHeader);
|
|
66
|
+
|
|
42
67
|
_this = _super.call(this, props);
|
|
43
68
|
_this.getCardHeaderDom = _this.getCardHeaderDom.bind(_assertThisInitialized(_this));
|
|
44
69
|
_this.cardHeader = null;
|
|
45
70
|
return _this;
|
|
46
71
|
}
|
|
72
|
+
|
|
47
73
|
_createClass(CardHeader, [{
|
|
48
74
|
key: "getCardHeaderDom",
|
|
49
75
|
value: function getCardHeaderDom(ele) {
|
|
@@ -60,11 +86,11 @@ var CardHeader = /*#__PURE__*/function (_Component) {
|
|
|
60
86
|
key: "render",
|
|
61
87
|
value: function render() {
|
|
62
88
|
var _this$props = this.props,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
89
|
+
isScroll = _this$props.isScroll,
|
|
90
|
+
children = _this$props.children,
|
|
91
|
+
dataId = _this$props.dataId,
|
|
92
|
+
dataSelectorId = _this$props.dataSelectorId,
|
|
93
|
+
customClass = _this$props.customClass;
|
|
68
94
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
69
95
|
className: "".concat(isScroll ? _CardModule["default"].scroll : _CardModule["default"].notScroll, " ").concat(customClass),
|
|
70
96
|
eleRef: this.getCardHeaderDom,
|
|
@@ -73,32 +99,39 @@ var CardHeader = /*#__PURE__*/function (_Component) {
|
|
|
73
99
|
}, children);
|
|
74
100
|
}
|
|
75
101
|
}]);
|
|
102
|
+
|
|
76
103
|
return CardHeader;
|
|
77
104
|
}(_react.Component);
|
|
105
|
+
|
|
78
106
|
exports.CardHeader = CardHeader;
|
|
79
107
|
CardHeader.propTypes = _propTypes.CardHeader_propTypes;
|
|
80
108
|
CardHeader.defaultProps = _defaultProps.CardHeader_defaultProps;
|
|
109
|
+
|
|
81
110
|
var CardContent = /*#__PURE__*/function (_Component2) {
|
|
82
111
|
_inherits(CardContent, _Component2);
|
|
112
|
+
|
|
83
113
|
var _super2 = _createSuper(CardContent);
|
|
114
|
+
|
|
84
115
|
function CardContent() {
|
|
85
116
|
_classCallCheck(this, CardContent);
|
|
117
|
+
|
|
86
118
|
return _super2.apply(this, arguments);
|
|
87
119
|
}
|
|
120
|
+
|
|
88
121
|
_createClass(CardContent, [{
|
|
89
122
|
key: "render",
|
|
90
123
|
value: function render() {
|
|
91
124
|
var _this$props2 = this.props,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
125
|
+
onScroll = _this$props2.onScroll,
|
|
126
|
+
eleRef = _this$props2.eleRef,
|
|
127
|
+
children = _this$props2.children,
|
|
128
|
+
scroll = _this$props2.scroll,
|
|
129
|
+
isScrollAttribute = _this$props2.isScrollAttribute,
|
|
130
|
+
dataId = _this$props2.dataId,
|
|
131
|
+
dataSelectorId = _this$props2.dataSelectorId,
|
|
132
|
+
shrink = _this$props2.shrink,
|
|
133
|
+
customClass = _this$props2.customClass,
|
|
134
|
+
preventParentScroll = _this$props2.preventParentScroll;
|
|
102
135
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
103
136
|
flexible: true,
|
|
104
137
|
onScroll: onScroll,
|
|
@@ -113,33 +146,41 @@ var CardContent = /*#__PURE__*/function (_Component2) {
|
|
|
113
146
|
}, children);
|
|
114
147
|
}
|
|
115
148
|
}]);
|
|
149
|
+
|
|
116
150
|
return CardContent;
|
|
117
151
|
}(_react.Component);
|
|
152
|
+
|
|
118
153
|
exports.CardContent = CardContent;
|
|
119
154
|
CardContent.propTypes = _propTypes.CardContent_propTypes;
|
|
120
155
|
CardContent.defaultProps = _defaultProps.CardContent_defaultProps;
|
|
156
|
+
|
|
121
157
|
var Card = /*#__PURE__*/function (_Component3) {
|
|
122
158
|
_inherits(Card, _Component3);
|
|
159
|
+
|
|
123
160
|
var _super3 = _createSuper(Card);
|
|
161
|
+
|
|
124
162
|
function Card(props) {
|
|
125
163
|
var _this2;
|
|
164
|
+
|
|
126
165
|
_classCallCheck(this, Card);
|
|
166
|
+
|
|
127
167
|
_this2 = _super3.call(this, props);
|
|
128
168
|
_this2.state = {
|
|
129
169
|
isScroll: false
|
|
130
170
|
};
|
|
131
171
|
var from = props.from,
|
|
132
|
-
|
|
172
|
+
limit = props.limit;
|
|
133
173
|
_this2.from = from;
|
|
134
174
|
_this2.limit = limit;
|
|
135
175
|
_this2.to = from + 3 * limit;
|
|
136
176
|
_this2.isFetching = false;
|
|
137
177
|
_this2.lastScrollTop = 0;
|
|
138
|
-
_this2.onScroll = _this2.onScroll.bind(_assertThisInitialized(_this2));
|
|
139
|
-
//this.onSetScroll = debounce(this.setScroll.bind(this, true), 10, true);
|
|
178
|
+
_this2.onScroll = _this2.onScroll.bind(_assertThisInitialized(_this2)); //this.onSetScroll = debounce(this.setScroll.bind(this, true), 10, true);
|
|
140
179
|
//this.onClearScroll = debounce(this.setScroll.bind(this, false), 500);
|
|
180
|
+
|
|
141
181
|
return _this2;
|
|
142
182
|
}
|
|
183
|
+
|
|
143
184
|
_createClass(Card, [{
|
|
144
185
|
key: "componentWillReceiveProps",
|
|
145
186
|
value: function componentWillReceiveProps(nextProps) {
|
|
@@ -151,6 +192,7 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
151
192
|
key: "onScroll",
|
|
152
193
|
value: function onScroll(e) {
|
|
153
194
|
var _this3 = this;
|
|
195
|
+
|
|
154
196
|
var scrollContainerObj = e.currentTarget;
|
|
155
197
|
var scrollHeight = scrollContainerObj.scrollHeight;
|
|
156
198
|
var scrollTop = scrollContainerObj.scrollTop;
|
|
@@ -158,21 +200,25 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
158
200
|
var onScroll = this.props.onScroll;
|
|
159
201
|
onScroll && onScroll(e);
|
|
160
202
|
var _this$props3 = this.props,
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
203
|
+
fetchData = _this$props3.fetchData,
|
|
204
|
+
noMoreData = _this$props3.noMoreData,
|
|
205
|
+
scrollAt = _this$props3.scrollAt,
|
|
206
|
+
noNeedUpScroll = _this$props3.noNeedUpScroll,
|
|
207
|
+
isPercentageScroll = _this$props3.isPercentageScroll;
|
|
208
|
+
|
|
166
209
|
if (scrollTop > this.lastScrollTop) {
|
|
167
210
|
this.scrollDirection = 'down';
|
|
168
211
|
} else {
|
|
169
212
|
this.scrollDirection = 'up';
|
|
170
213
|
}
|
|
214
|
+
|
|
171
215
|
this.lastScrollTop = scrollTop;
|
|
216
|
+
|
|
172
217
|
if (fetchData && !this.isFetching) {
|
|
173
218
|
if (this.scrollDirection === 'down' && !noMoreData) {
|
|
174
219
|
var scrollingPercentage = (scrollTop + offsetHeight) / (scrollHeight - scrollAt) * 100;
|
|
175
220
|
var prefetch = isPercentageScroll ? scrollingPercentage >= (0, _Config.getLibraryConfig)('scrollFetchLimit') : scrollHeight - scrollAt <= scrollTop + offsetHeight;
|
|
221
|
+
|
|
176
222
|
if (prefetch) {
|
|
177
223
|
this.isFetching = true;
|
|
178
224
|
fetchData(this.from + this.limit, this.limit + this.to, this.scrollDirection).then(function () {
|
|
@@ -194,19 +240,18 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
194
240
|
}
|
|
195
241
|
}
|
|
196
242
|
}
|
|
243
|
+
|
|
197
244
|
if (fetchData && !noNeedUpScroll) {
|
|
198
245
|
if (this.from !== 0 && scrollTop === 0 && !noNeedUpScroll) {
|
|
199
246
|
scrollContainerObj.scrollTop = scrollTop + offsetHeight / 3;
|
|
200
247
|
} else if (scrollHeight === scrollTop + offsetHeight && !noMoreData) {
|
|
201
248
|
scrollContainerObj.scrollTop = scrollTop - offsetHeight / 2;
|
|
202
249
|
}
|
|
203
|
-
}
|
|
204
|
-
// if (isScrollShadow) {
|
|
250
|
+
} // if (isScrollShadow) {
|
|
205
251
|
// this.onSetScroll();
|
|
206
252
|
// }
|
|
207
|
-
}
|
|
208
253
|
|
|
209
|
-
// setScroll(isScroll) {
|
|
254
|
+
} // setScroll(isScroll) {
|
|
210
255
|
// let { isScroll: stateIsScroll } = this.state;
|
|
211
256
|
// if (isScroll && !stateIsScroll) {
|
|
212
257
|
// this.setState({ isScroll: true }, () => {
|
|
@@ -216,20 +261,22 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
216
261
|
// this.setState({ isScroll: false });
|
|
217
262
|
// }
|
|
218
263
|
// }
|
|
264
|
+
|
|
219
265
|
}, {
|
|
220
266
|
key: "render",
|
|
221
267
|
value: function render() {
|
|
222
268
|
var _this4 = this;
|
|
269
|
+
|
|
223
270
|
var _this$props4 = this.props,
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
271
|
+
onClick = _this$props4.onClick,
|
|
272
|
+
children = _this$props4.children,
|
|
273
|
+
isScrollAttribute = _this$props4.isScrollAttribute,
|
|
274
|
+
dataId = _this$props4.dataId,
|
|
275
|
+
eleRef = _this$props4.eleRef,
|
|
276
|
+
_this$props4$customCl = _this$props4.customClass,
|
|
277
|
+
customClass = _this$props4$customCl === void 0 ? '' : _this$props4$customCl,
|
|
278
|
+
htmlId = _this$props4.htmlId,
|
|
279
|
+
a11y = _this$props4.a11y;
|
|
233
280
|
var isScroll = this.state.isScroll;
|
|
234
281
|
var role = a11y.role;
|
|
235
282
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
@@ -242,6 +289,7 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
242
289
|
if (!child) {
|
|
243
290
|
return child;
|
|
244
291
|
}
|
|
292
|
+
|
|
245
293
|
if (child.type === CardHeader || _this4.props.childTypes && child.type === _this4.props.childTypes.cardHeader) {
|
|
246
294
|
return /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
247
295
|
isScroll: isScroll
|
|
@@ -262,17 +310,18 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
262
310
|
dataSelectorId: child.props.dataSelectorId
|
|
263
311
|
}, child.props.children);
|
|
264
312
|
}
|
|
313
|
+
|
|
265
314
|
return child;
|
|
266
315
|
}));
|
|
267
316
|
}
|
|
268
317
|
}]);
|
|
318
|
+
|
|
269
319
|
return Card;
|
|
270
320
|
}(_react.Component);
|
|
321
|
+
|
|
271
322
|
exports["default"] = Card;
|
|
272
323
|
Card.propTypes = _propTypes.Card_propTypes;
|
|
273
|
-
Card.defaultProps = _defaultProps.Card_defaultProps;
|
|
274
|
-
|
|
275
|
-
// if (__DOCS__) {
|
|
324
|
+
Card.defaultProps = _defaultProps.Card_defaultProps; // if (__DOCS__) {
|
|
276
325
|
// Card.docs = {
|
|
277
326
|
// componentGroup: 'Template',
|
|
278
327
|
// folderName: 'Style Guide',
|
|
@@ -280,21 +329,26 @@ Card.defaultProps = _defaultProps.Card_defaultProps;
|
|
|
280
329
|
// description: ' '
|
|
281
330
|
// };
|
|
282
331
|
// }
|
|
332
|
+
|
|
283
333
|
var CardFooter = /*#__PURE__*/function (_Component4) {
|
|
284
334
|
_inherits(CardFooter, _Component4);
|
|
335
|
+
|
|
285
336
|
var _super4 = _createSuper(CardFooter);
|
|
337
|
+
|
|
286
338
|
function CardFooter() {
|
|
287
339
|
_classCallCheck(this, CardFooter);
|
|
340
|
+
|
|
288
341
|
return _super4.apply(this, arguments);
|
|
289
342
|
}
|
|
343
|
+
|
|
290
344
|
_createClass(CardFooter, [{
|
|
291
345
|
key: "render",
|
|
292
346
|
value: function render() {
|
|
293
347
|
var _this$props5 = this.props,
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
348
|
+
children = _this$props5.children,
|
|
349
|
+
dataId = _this$props5.dataId,
|
|
350
|
+
customClass = _this$props5.customClass,
|
|
351
|
+
dataSelectorId = _this$props5.dataSelectorId;
|
|
298
352
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
299
353
|
className: "".concat(customClass),
|
|
300
354
|
dataId: dataId,
|
|
@@ -302,8 +356,10 @@ var CardFooter = /*#__PURE__*/function (_Component4) {
|
|
|
302
356
|
}, children);
|
|
303
357
|
}
|
|
304
358
|
}]);
|
|
359
|
+
|
|
305
360
|
return CardFooter;
|
|
306
361
|
}(_react.Component);
|
|
362
|
+
|
|
307
363
|
exports.CardFooter = CardFooter;
|
|
308
364
|
CardFooter.propTypes = _propTypes.CardFooter_propTypes;
|
|
309
365
|
CardFooter.defaultProps = _defaultProps.CardFooter_defaultProps;
|
package/lib/Card/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
@@ -28,6 +29,9 @@ Object.defineProperty(exports, "CardHeader", {
|
|
|
28
29
|
return _Card.CardHeader;
|
|
29
30
|
}
|
|
30
31
|
});
|
|
32
|
+
|
|
31
33
|
var _Card = _interopRequireWildcard(require("./Card"));
|
|
34
|
+
|
|
32
35
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
36
|
+
|
|
33
37
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Card_propTypes = exports.CardHeader_propTypes = exports.CardFooter_propTypes = exports.CardContent_propTypes = void 0;
|
|
7
|
+
|
|
7
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
9
12
|
var CardHeader_propTypes = {
|
|
10
13
|
children: _propTypes["default"].element,
|
|
11
14
|
dataId: _propTypes["default"].string,
|