@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/Card/Card.js
CHANGED
|
@@ -1,75 +1,47 @@
|
|
|
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"] = exports.CardHeader = exports.CardFooter = exports.CardContent = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = require("./props/propTypes");
|
|
13
|
-
|
|
14
10
|
var _defaultProps = require("./props/defaultProps");
|
|
15
|
-
|
|
16
11
|
var _Layout = require("../Layout");
|
|
17
|
-
|
|
18
12
|
var _Config = require("../Provider/Config");
|
|
19
|
-
|
|
20
13
|
var _CardModule = _interopRequireDefault(require("./Card.module.css"));
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
|
-
|
|
24
15
|
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
|
-
|
|
26
16
|
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
|
-
|
|
28
17
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
29
|
-
|
|
30
18
|
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
|
-
|
|
32
19
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
33
|
-
|
|
34
20
|
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
|
-
|
|
36
21
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
37
|
-
|
|
38
22
|
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
|
-
|
|
40
23
|
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
|
-
|
|
42
24
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
43
|
-
|
|
44
25
|
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
|
-
|
|
46
26
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
47
|
-
|
|
48
27
|
/* eslint-disable react/forbid-component-props */
|
|
49
|
-
|
|
50
28
|
/*
|
|
51
29
|
isscroll header border change use ref
|
|
52
30
|
scroll logic remove from here
|
|
53
31
|
scroll logic move to virtualizer list
|
|
54
32
|
*/
|
|
55
|
-
|
|
56
33
|
/* performance handling pending in card component moving to ref instead of setState */
|
|
57
34
|
var CardHeader = /*#__PURE__*/function (_Component) {
|
|
58
35
|
_inherits(CardHeader, _Component);
|
|
59
|
-
|
|
60
36
|
var _super = _createSuper(CardHeader);
|
|
61
|
-
|
|
62
37
|
function CardHeader(props) {
|
|
63
38
|
var _this;
|
|
64
|
-
|
|
65
39
|
_classCallCheck(this, CardHeader);
|
|
66
|
-
|
|
67
40
|
_this = _super.call(this, props);
|
|
68
41
|
_this.getCardHeaderDom = _this.getCardHeaderDom.bind(_assertThisInitialized(_this));
|
|
69
42
|
_this.cardHeader = null;
|
|
70
43
|
return _this;
|
|
71
44
|
}
|
|
72
|
-
|
|
73
45
|
_createClass(CardHeader, [{
|
|
74
46
|
key: "getCardHeaderDom",
|
|
75
47
|
value: function getCardHeaderDom(ele) {
|
|
@@ -86,12 +58,12 @@ var CardHeader = /*#__PURE__*/function (_Component) {
|
|
|
86
58
|
key: "render",
|
|
87
59
|
value: function render() {
|
|
88
60
|
var _this$props = this.props,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
61
|
+
isScroll = _this$props.isScroll,
|
|
62
|
+
children = _this$props.children,
|
|
63
|
+
_this$props$dataId = _this$props.dataId,
|
|
64
|
+
dataId = _this$props$dataId === void 0 ? 'CardHeader' : _this$props$dataId,
|
|
65
|
+
_this$props$customCla = _this$props.customClass,
|
|
66
|
+
customClass = _this$props$customCla === void 0 ? '' : _this$props$customCla;
|
|
95
67
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
96
68
|
className: "".concat(isScroll ? _CardModule["default"].scroll : _CardModule["default"].notScroll, " ").concat(customClass),
|
|
97
69
|
eleRef: this.getCardHeaderDom,
|
|
@@ -99,37 +71,30 @@ var CardHeader = /*#__PURE__*/function (_Component) {
|
|
|
99
71
|
}, children);
|
|
100
72
|
}
|
|
101
73
|
}]);
|
|
102
|
-
|
|
103
74
|
return CardHeader;
|
|
104
75
|
}(_react.Component);
|
|
105
|
-
|
|
106
76
|
exports.CardHeader = CardHeader;
|
|
107
77
|
CardHeader.propTypes = _propTypes.CardHeader_propTypes;
|
|
108
|
-
|
|
109
78
|
var CardContent = /*#__PURE__*/function (_Component2) {
|
|
110
79
|
_inherits(CardContent, _Component2);
|
|
111
|
-
|
|
112
80
|
var _super2 = _createSuper(CardContent);
|
|
113
|
-
|
|
114
81
|
function CardContent() {
|
|
115
82
|
_classCallCheck(this, CardContent);
|
|
116
|
-
|
|
117
83
|
return _super2.apply(this, arguments);
|
|
118
84
|
}
|
|
119
|
-
|
|
120
85
|
_createClass(CardContent, [{
|
|
121
86
|
key: "render",
|
|
122
87
|
value: function render() {
|
|
123
88
|
var _this$props2 = this.props,
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
89
|
+
onScroll = _this$props2.onScroll,
|
|
90
|
+
eleRef = _this$props2.eleRef,
|
|
91
|
+
children = _this$props2.children,
|
|
92
|
+
scroll = _this$props2.scroll,
|
|
93
|
+
isScrollAttribute = _this$props2.isScrollAttribute,
|
|
94
|
+
dataId = _this$props2.dataId,
|
|
95
|
+
shrink = _this$props2.shrink,
|
|
96
|
+
customClass = _this$props2.customClass,
|
|
97
|
+
preventParentScroll = _this$props2.preventParentScroll;
|
|
133
98
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
134
99
|
flexible: true,
|
|
135
100
|
onScroll: onScroll,
|
|
@@ -143,41 +108,33 @@ var CardContent = /*#__PURE__*/function (_Component2) {
|
|
|
143
108
|
}, children);
|
|
144
109
|
}
|
|
145
110
|
}]);
|
|
146
|
-
|
|
147
111
|
return CardContent;
|
|
148
112
|
}(_react.Component);
|
|
149
|
-
|
|
150
113
|
exports.CardContent = CardContent;
|
|
151
114
|
CardContent.propTypes = _propTypes.CardContent_propTypes;
|
|
152
115
|
CardContent.defaultProps = _defaultProps.CardContent_defaultProps;
|
|
153
|
-
|
|
154
116
|
var Card = /*#__PURE__*/function (_Component3) {
|
|
155
117
|
_inherits(Card, _Component3);
|
|
156
|
-
|
|
157
118
|
var _super3 = _createSuper(Card);
|
|
158
|
-
|
|
159
119
|
function Card(props) {
|
|
160
120
|
var _this2;
|
|
161
|
-
|
|
162
121
|
_classCallCheck(this, Card);
|
|
163
|
-
|
|
164
122
|
_this2 = _super3.call(this, props);
|
|
165
123
|
_this2.state = {
|
|
166
124
|
isScroll: false
|
|
167
125
|
};
|
|
168
126
|
var from = props.from,
|
|
169
|
-
|
|
127
|
+
limit = props.limit;
|
|
170
128
|
_this2.from = from;
|
|
171
129
|
_this2.limit = limit;
|
|
172
130
|
_this2.to = from + 3 * limit;
|
|
173
131
|
_this2.isFetching = false;
|
|
174
132
|
_this2.lastScrollTop = 0;
|
|
175
|
-
_this2.onScroll = _this2.onScroll.bind(_assertThisInitialized(_this2));
|
|
133
|
+
_this2.onScroll = _this2.onScroll.bind(_assertThisInitialized(_this2));
|
|
134
|
+
//this.onSetScroll = debounce(this.setScroll.bind(this, true), 10, true);
|
|
176
135
|
//this.onClearScroll = debounce(this.setScroll.bind(this, false), 500);
|
|
177
|
-
|
|
178
136
|
return _this2;
|
|
179
137
|
}
|
|
180
|
-
|
|
181
138
|
_createClass(Card, [{
|
|
182
139
|
key: "componentWillReceiveProps",
|
|
183
140
|
value: function componentWillReceiveProps(nextProps) {
|
|
@@ -189,7 +146,6 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
189
146
|
key: "onScroll",
|
|
190
147
|
value: function onScroll(e) {
|
|
191
148
|
var _this3 = this;
|
|
192
|
-
|
|
193
149
|
var scrollContainerObj = e.currentTarget;
|
|
194
150
|
var scrollHeight = scrollContainerObj.scrollHeight;
|
|
195
151
|
var scrollTop = scrollContainerObj.scrollTop;
|
|
@@ -197,25 +153,21 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
197
153
|
var onScroll = this.props.onScroll;
|
|
198
154
|
onScroll && onScroll(e);
|
|
199
155
|
var _this$props3 = this.props,
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
156
|
+
fetchData = _this$props3.fetchData,
|
|
157
|
+
noMoreData = _this$props3.noMoreData,
|
|
158
|
+
scrollAt = _this$props3.scrollAt,
|
|
159
|
+
noNeedUpScroll = _this$props3.noNeedUpScroll,
|
|
160
|
+
isPercentageScroll = _this$props3.isPercentageScroll;
|
|
206
161
|
if (scrollTop > this.lastScrollTop) {
|
|
207
162
|
this.scrollDirection = 'down';
|
|
208
163
|
} else {
|
|
209
164
|
this.scrollDirection = 'up';
|
|
210
165
|
}
|
|
211
|
-
|
|
212
166
|
this.lastScrollTop = scrollTop;
|
|
213
|
-
|
|
214
167
|
if (fetchData && !this.isFetching) {
|
|
215
168
|
if (this.scrollDirection === 'down' && !noMoreData) {
|
|
216
169
|
var scrollingPercentage = (scrollTop + offsetHeight) / (scrollHeight - scrollAt) * 100;
|
|
217
170
|
var prefetch = isPercentageScroll ? scrollingPercentage >= (0, _Config.getLibraryConfig)('scrollFetchLimit') : scrollHeight - scrollAt <= scrollTop + offsetHeight;
|
|
218
|
-
|
|
219
171
|
if (prefetch) {
|
|
220
172
|
this.isFetching = true;
|
|
221
173
|
fetchData(this.from + this.limit, this.limit + this.to, this.scrollDirection).then(function () {
|
|
@@ -237,18 +189,19 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
237
189
|
}
|
|
238
190
|
}
|
|
239
191
|
}
|
|
240
|
-
|
|
241
192
|
if (fetchData && !noNeedUpScroll) {
|
|
242
193
|
if (this.from !== 0 && scrollTop === 0 && !noNeedUpScroll) {
|
|
243
194
|
scrollContainerObj.scrollTop = scrollTop + offsetHeight / 3;
|
|
244
195
|
} else if (scrollHeight === scrollTop + offsetHeight && !noMoreData) {
|
|
245
196
|
scrollContainerObj.scrollTop = scrollTop - offsetHeight / 2;
|
|
246
197
|
}
|
|
247
|
-
}
|
|
198
|
+
}
|
|
199
|
+
// if (isScrollShadow) {
|
|
248
200
|
// this.onSetScroll();
|
|
249
201
|
// }
|
|
202
|
+
}
|
|
250
203
|
|
|
251
|
-
|
|
204
|
+
// setScroll(isScroll) {
|
|
252
205
|
// let { isScroll: stateIsScroll } = this.state;
|
|
253
206
|
// if (isScroll && !stateIsScroll) {
|
|
254
207
|
// this.setState({ isScroll: true }, () => {
|
|
@@ -258,22 +211,20 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
258
211
|
// this.setState({ isScroll: false });
|
|
259
212
|
// }
|
|
260
213
|
// }
|
|
261
|
-
|
|
262
214
|
}, {
|
|
263
215
|
key: "render",
|
|
264
216
|
value: function render() {
|
|
265
217
|
var _this4 = this;
|
|
266
|
-
|
|
267
218
|
var _this$props4 = this.props,
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
219
|
+
onClick = _this$props4.onClick,
|
|
220
|
+
children = _this$props4.children,
|
|
221
|
+
isScrollAttribute = _this$props4.isScrollAttribute,
|
|
222
|
+
dataId = _this$props4.dataId,
|
|
223
|
+
eleRef = _this$props4.eleRef,
|
|
224
|
+
_this$props4$customCl = _this$props4.customClass,
|
|
225
|
+
customClass = _this$props4$customCl === void 0 ? '' : _this$props4$customCl,
|
|
226
|
+
htmlId = _this$props4.htmlId,
|
|
227
|
+
a11y = _this$props4.a11y;
|
|
277
228
|
var isScroll = this.state.isScroll;
|
|
278
229
|
var role = a11y.role;
|
|
279
230
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
@@ -286,7 +237,6 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
286
237
|
if (!child) {
|
|
287
238
|
return child;
|
|
288
239
|
}
|
|
289
|
-
|
|
290
240
|
if (child.type === CardHeader || _this4.props.childTypes && child.type === _this4.props.childTypes.cardHeader) {
|
|
291
241
|
return /*#__PURE__*/_react["default"].cloneElement(child, {
|
|
292
242
|
isScroll: isScroll
|
|
@@ -306,19 +256,15 @@ var Card = /*#__PURE__*/function (_Component3) {
|
|
|
306
256
|
className: child.props.customClass
|
|
307
257
|
}, child.props.children);
|
|
308
258
|
}
|
|
309
|
-
|
|
310
259
|
return child;
|
|
311
260
|
}));
|
|
312
261
|
}
|
|
313
262
|
}]);
|
|
314
|
-
|
|
315
263
|
return Card;
|
|
316
264
|
}(_react.Component);
|
|
317
|
-
|
|
318
265
|
exports["default"] = Card;
|
|
319
266
|
Card.propTypes = _propTypes.Card_propTypes;
|
|
320
267
|
Card.defaultProps = _defaultProps.Card_defaultProps;
|
|
321
|
-
|
|
322
268
|
if (false) {
|
|
323
269
|
Card.docs = {
|
|
324
270
|
componentGroup: 'Template',
|
|
@@ -327,36 +273,29 @@ if (false) {
|
|
|
327
273
|
description: ' '
|
|
328
274
|
};
|
|
329
275
|
}
|
|
330
|
-
|
|
331
276
|
var CardFooter = /*#__PURE__*/function (_Component4) {
|
|
332
277
|
_inherits(CardFooter, _Component4);
|
|
333
|
-
|
|
334
278
|
var _super4 = _createSuper(CardFooter);
|
|
335
|
-
|
|
336
279
|
function CardFooter() {
|
|
337
280
|
_classCallCheck(this, CardFooter);
|
|
338
|
-
|
|
339
281
|
return _super4.apply(this, arguments);
|
|
340
282
|
}
|
|
341
|
-
|
|
342
283
|
_createClass(CardFooter, [{
|
|
343
284
|
key: "render",
|
|
344
285
|
value: function render() {
|
|
345
286
|
var _this$props5 = this.props,
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
287
|
+
children = _this$props5.children,
|
|
288
|
+
_this$props5$dataId = _this$props5.dataId,
|
|
289
|
+
dataId = _this$props5$dataId === void 0 ? 'CardFooter' : _this$props5$dataId,
|
|
290
|
+
_this$props5$customCl = _this$props5.customClass,
|
|
291
|
+
customClass = _this$props5$customCl === void 0 ? '' : _this$props5$customCl;
|
|
351
292
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
|
|
352
293
|
className: "".concat(customClass),
|
|
353
294
|
dataId: dataId
|
|
354
295
|
}, children);
|
|
355
296
|
}
|
|
356
297
|
}]);
|
|
357
|
-
|
|
358
298
|
return CardFooter;
|
|
359
299
|
}(_react.Component);
|
|
360
|
-
|
|
361
300
|
exports.CardFooter = CardFooter;
|
|
362
301
|
CardFooter.propTypes = _propTypes.CardFooter_propTypes;
|
|
@@ -1,27 +1,20 @@
|
|
|
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 _reactDom = _interopRequireDefault(require("react-dom"));
|
|
8
|
-
|
|
9
6
|
var _Card = _interopRequireWildcard(require("../Card"));
|
|
10
|
-
|
|
11
7
|
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); }
|
|
12
|
-
|
|
13
8
|
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; }
|
|
14
|
-
|
|
15
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
-
|
|
17
10
|
//https://github.com/facebook/react/issues/4971
|
|
11
|
+
|
|
18
12
|
var data = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29];
|
|
19
13
|
describe('Button component', function () {
|
|
20
14
|
it('should display text', function () {
|
|
21
15
|
var div = document.createElement('div');
|
|
22
16
|
document.body.appendChild(div);
|
|
23
17
|
var scrollElement;
|
|
24
|
-
|
|
25
18
|
_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
|
|
26
19
|
style: {
|
|
27
20
|
height: '400px'
|
|
@@ -45,12 +38,10 @@ describe('Button component', function () {
|
|
|
45
38
|
}
|
|
46
39
|
}, val);
|
|
47
40
|
})), /*#__PURE__*/_react["default"].createElement(_Card.CardFooter, null, /*#__PURE__*/_react["default"].createElement("div", null, "Footer")))), div);
|
|
48
|
-
|
|
49
41
|
scrollElement.scrollTop = 310;
|
|
50
42
|
TestUtils.Simulate.scroll(scrollElement, {
|
|
51
43
|
deltaY: 310
|
|
52
44
|
});
|
|
53
|
-
|
|
54
45
|
_reactDom["default"].unmountComponentAtNode(div);
|
|
55
46
|
});
|
|
56
47
|
});
|
package/lib/Card/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
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
|
});
|
|
@@ -29,9 +28,6 @@ Object.defineProperty(exports, "CardHeader", {
|
|
|
29
28
|
return _Card.CardHeader;
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
|
|
33
31
|
var _Card = _interopRequireWildcard(require("./Card"));
|
|
34
|
-
|
|
35
32
|
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
|
-
|
|
37
33
|
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,11 +4,8 @@ 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
|
-
|
|
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 CardHeader_propTypes = {
|
|
13
10
|
children: _propTypes["default"].element,
|
|
14
11
|
dataId: _propTypes["default"].string,
|
|
@@ -22,10 +19,10 @@ var CardContent_propTypes = {
|
|
|
22
19
|
eleRef: _propTypes["default"].func,
|
|
23
20
|
isScrollAttribute: _propTypes["default"].bool,
|
|
24
21
|
onScroll: _propTypes["default"].func,
|
|
25
|
-
scroll: _propTypes["default"].
|
|
22
|
+
scroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'none']),
|
|
26
23
|
shrink: _propTypes["default"].bool,
|
|
27
24
|
customClass: _propTypes["default"].string,
|
|
28
|
-
preventParentScroll: _propTypes["default"].
|
|
25
|
+
preventParentScroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both'])
|
|
29
26
|
};
|
|
30
27
|
exports.CardContent_propTypes = CardContent_propTypes;
|
|
31
28
|
var Card_propTypes = {
|
package/lib/CheckBox/CheckBox.js
CHANGED
|
@@ -1,120 +1,94 @@
|
|
|
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 _propTypes = require("./props/propTypes");
|
|
13
|
-
|
|
14
10
|
var _defaultProps = require("./props/defaultProps");
|
|
15
|
-
|
|
16
11
|
var _Label = _interopRequireDefault(require("../Label/Label"));
|
|
17
|
-
|
|
18
12
|
var _Layout = require("../Layout");
|
|
19
|
-
|
|
20
13
|
var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
|
|
21
|
-
|
|
22
14
|
var _CheckBoxModule = _interopRequireDefault(require("./CheckBox.module.css"));
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
|
-
|
|
28
17
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
29
|
-
|
|
30
18
|
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
|
-
|
|
32
19
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
33
|
-
|
|
34
20
|
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
|
-
|
|
36
21
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
37
|
-
|
|
38
22
|
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
|
-
|
|
40
23
|
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
|
-
|
|
42
24
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
43
|
-
|
|
44
25
|
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
|
-
|
|
46
26
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
47
|
-
|
|
48
27
|
var CheckBox = /*#__PURE__*/function (_React$Component) {
|
|
49
28
|
_inherits(CheckBox, _React$Component);
|
|
50
|
-
|
|
51
29
|
var _super = _createSuper(CheckBox);
|
|
52
|
-
|
|
53
30
|
function CheckBox(props) {
|
|
54
31
|
var _this;
|
|
55
|
-
|
|
56
32
|
_classCallCheck(this, CheckBox);
|
|
57
|
-
|
|
58
33
|
_this = _super.call(this, props);
|
|
59
34
|
_this.onChange = _this.onChange.bind(_assertThisInitialized(_this));
|
|
60
35
|
return _this;
|
|
61
36
|
}
|
|
62
|
-
|
|
63
37
|
_createClass(CheckBox, [{
|
|
64
38
|
key: "onChange",
|
|
65
39
|
value: function onChange(e) {
|
|
66
40
|
var _this$props = this.props,
|
|
67
|
-
|
|
68
|
-
|
|
41
|
+
onChange = _this$props.onChange,
|
|
42
|
+
checked = _this$props.checked;
|
|
69
43
|
onChange && onChange(!checked, e);
|
|
70
44
|
}
|
|
71
45
|
}, {
|
|
72
46
|
key: "render",
|
|
73
47
|
value: function render() {
|
|
74
48
|
var _this$props2 = this.props,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
49
|
+
id = _this$props2.id,
|
|
50
|
+
checked = _this$props2.checked,
|
|
51
|
+
disabled = _this$props2.disabled,
|
|
52
|
+
isReadOnly = _this$props2.isReadOnly,
|
|
53
|
+
disabledTitle = _this$props2.disabledTitle,
|
|
54
|
+
title = _this$props2.title,
|
|
55
|
+
palette = _this$props2.palette,
|
|
56
|
+
text = _this$props2.text,
|
|
57
|
+
size = _this$props2.size,
|
|
58
|
+
labelPalette = _this$props2.labelPalette,
|
|
59
|
+
labelSize = _this$props2.labelSize,
|
|
60
|
+
isFilled = _this$props2.isFilled,
|
|
61
|
+
isClipped = _this$props2.isClipped,
|
|
62
|
+
getRef = _this$props2.getRef,
|
|
63
|
+
variant = _this$props2.variant,
|
|
64
|
+
active = _this$props2.active,
|
|
65
|
+
dataId = _this$props2.dataId,
|
|
66
|
+
name = _this$props2.name,
|
|
67
|
+
activeStyle = _this$props2.activeStyle,
|
|
68
|
+
a11y = _this$props2.a11y,
|
|
69
|
+
customClass = _this$props2.customClass,
|
|
70
|
+
customProps = _this$props2.customProps;
|
|
97
71
|
var _customProps$CheckBox = customProps.CheckBoxProps,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
72
|
+
CheckBoxProps = _customProps$CheckBox === void 0 ? {} : _customProps$CheckBox,
|
|
73
|
+
_customProps$LabelPro = customProps.LabelProps,
|
|
74
|
+
LabelProps = _customProps$LabelPro === void 0 ? {} : _customProps$LabelPro;
|
|
101
75
|
var _customClass$customCh = customClass.customCheckBox,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
76
|
+
customCheckBox = _customClass$customCh === void 0 ? '' : _customClass$customCh,
|
|
77
|
+
_customClass$customLa = customClass.customLabel,
|
|
78
|
+
customLabel = _customClass$customLa === void 0 ? '' : _customClass$customLa,
|
|
79
|
+
_customClass$customCB = customClass.customCBoxSize,
|
|
80
|
+
customCBoxSize = _customClass$customCB === void 0 ? '' : _customClass$customCB,
|
|
81
|
+
_customClass$customTi = customClass.customTickSize,
|
|
82
|
+
customTickSize = _customClass$customTi === void 0 ? '' : _customClass$customTi;
|
|
109
83
|
var accessMode = isReadOnly ? _CheckBoxModule["default"].readonly : disabled ? (0, _CssProvider["default"])('isDisabled') : _CheckBoxModule["default"].pointer;
|
|
110
84
|
var toolTip = disabled ? disabledTitle : title ? title : null;
|
|
111
85
|
var ariaLabel = a11y.ariaLabel,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
86
|
+
ariaLabelledby = a11y.ariaLabelledby,
|
|
87
|
+
ariaHidden = a11y.ariaHidden,
|
|
88
|
+
_a11y$role = a11y.role,
|
|
89
|
+
role = _a11y$role === void 0 ? 'checkbox' : _a11y$role,
|
|
90
|
+
_a11y$ariaChecked = a11y.ariaChecked,
|
|
91
|
+
ariaChecked = _a11y$ariaChecked === void 0 ? checked : _a11y$ariaChecked;
|
|
118
92
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
|
|
119
93
|
dataId: dataId,
|
|
120
94
|
isCover: false,
|
|
@@ -196,14 +170,11 @@ var CheckBox = /*#__PURE__*/function (_React$Component) {
|
|
|
196
170
|
}, LabelProps))));
|
|
197
171
|
}
|
|
198
172
|
}]);
|
|
199
|
-
|
|
200
173
|
return CheckBox;
|
|
201
174
|
}(_react["default"].Component);
|
|
202
|
-
|
|
203
175
|
exports["default"] = CheckBox;
|
|
204
176
|
CheckBox.defaultProps = _defaultProps.defaultProps;
|
|
205
177
|
CheckBox.propTypes = _propTypes.propTypes;
|
|
206
|
-
|
|
207
178
|
if (false) {
|
|
208
179
|
CheckBox.docs = {
|
|
209
180
|
componentGroup: 'Form Elements',
|
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _CheckBox = _interopRequireDefault(require("../CheckBox"));
|
|
6
|
-
|
|
7
5
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
8
|
-
|
|
9
6
|
describe('CheckBox component', function () {
|
|
10
7
|
it('should display', function () {
|
|
11
8
|
var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_CheckBox["default"], {
|
|
@@ -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
|
active: _propTypes["default"].bool,
|
|
14
11
|
activeStyle: _propTypes["default"].oneOf(['tick', 'minus']),
|