@zohodesk/components 1.0.0-alpha-269 → 1.0.0-alpha-271
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -0
- package/es/Accordion/Accordion.js +3 -7
- package/es/Accordion/AccordionItem.js +2 -4
- package/es/Animation/Animation.js +3 -3
- package/es/AppContainer/AppContainer.js +5 -13
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/Avatar/Avatar.js +11 -23
- package/es/Avatar/Avatar.module.css +18 -18
- package/es/AvatarTeam/AvatarTeam.js +3 -3
- package/es/AvatarTeam/AvatarTeam.module.css +35 -35
- package/es/Button/Button.js +3 -4
- package/es/Button/css/Button.module.css +70 -70
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Buttongroup/Buttongroup.module.css +15 -14
- package/es/Card/Card.js +10 -21
- package/es/CheckBox/CheckBox.js +3 -5
- package/es/CheckBox/CheckBox.module.css +15 -15
- package/es/DateTime/CalendarView.js +20 -32
- package/es/DateTime/DateTime.js +6 -67
- package/es/DateTime/DateTime.module.css +39 -39
- package/es/DateTime/DateTimePopupFooter.js +2 -4
- package/es/DateTime/DateTimePopupHeader.js +2 -8
- package/es/DateTime/DateWidget.js +35 -98
- package/es/DateTime/DateWidget.module.css +5 -5
- package/es/DateTime/DaysRow.js +2 -4
- package/es/DateTime/Time.js +2 -10
- package/es/DateTime/YearView.js +4 -28
- package/es/DateTime/YearView.module.css +15 -15
- package/es/DateTime/__tests__/CalendarView.spec.js +0 -1
- package/es/DateTime/__tests__/DateTime.spec.js +0 -1
- package/es/DateTime/__tests__/DateWidget.spec.js +3 -2
- package/es/DateTime/common.js +0 -3
- package/es/DateTime/constants.js +0 -1
- package/es/DateTime/dateFormatUtils/dateFormat.js +30 -63
- package/es/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/es/DateTime/dateFormatUtils/dayChange.js +4 -13
- package/es/DateTime/dateFormatUtils/index.js +2 -32
- package/es/DateTime/dateFormatUtils/monthChange.js +0 -8
- package/es/DateTime/dateFormatUtils/timeChange.js +6 -22
- package/es/DateTime/dateFormatUtils/yearChange.js +2 -11
- package/es/DateTime/objectUtils.js +20 -14
- package/es/DateTime/typeChecker.js +0 -3
- package/es/DateTime/validator.js +6 -58
- package/es/DropBox/DropBox.js +5 -9
- package/es/DropBox/DropBoxElement/DropBoxElement.js +8 -13
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -7
- package/es/DropBox/DropBoxElement/props/propTypes.js +1 -1
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +0 -3
- package/es/DropBox/__tests__/DropBox.spec.js +2 -2
- package/es/DropBox/css/DropBox.module.css +6 -6
- package/es/DropBox/props/defaultProps.js +2 -1
- package/es/DropBox/props/propTypes.js +2 -1
- package/es/DropDown/DropDown.js +4 -8
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.js +5 -4
- package/es/DropDown/DropDownHeading.module.css +6 -6
- package/es/DropDown/DropDownItem.js +0 -6
- package/es/DropDown/DropDownItem.module.css +12 -12
- package/es/DropDown/DropDownSearch.js +0 -4
- package/es/DropDown/DropDownSearch.module.css +3 -3
- package/es/DropDown/DropDownSeparator.js +0 -1
- package/es/DropDown/DropDownSeparator.module.css +2 -2
- package/es/DropDown/__tests__/DropDown.spec.js +2 -1
- package/es/Heading/Heading.js +3 -2
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.js +3 -2
- package/es/Label/Label.module.css +5 -5
- package/es/Layout/Box.js +0 -13
- package/es/Layout/Container.js +1 -12
- package/es/Layout/Layout.module.css +15 -15
- package/es/Layout/index.js +2 -1
- package/es/ListItem/ListContainer.js +3 -8
- package/es/ListItem/ListItem.js +3 -9
- package/es/ListItem/ListItem.module.css +38 -38
- package/es/ListItem/ListItemWithAvatar.js +3 -9
- package/es/ListItem/ListItemWithCheckBox.js +2 -7
- package/es/ListItem/ListItemWithIcon.js +3 -8
- package/es/ListItem/ListItemWithRadio.js +3 -7
- package/es/Modal/Modal.js +11 -28
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +13 -89
- package/es/MultiSelect/AdvancedMultiSelect.js +9 -32
- package/es/MultiSelect/EmptyState.js +0 -2
- package/es/MultiSelect/MultiSelect.js +32 -99
- package/es/MultiSelect/MultiSelect.module.css +31 -31
- package/es/MultiSelect/MultiSelectHeader.js +0 -3
- package/es/MultiSelect/MultiSelectWithAvatar.js +6 -12
- package/es/MultiSelect/SelectedOptions.js +3 -6
- package/es/MultiSelect/SelectedOptions.module.css +5 -5
- package/es/MultiSelect/Suggestions.js +3 -7
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +6 -4
- package/es/MultiSelect/props/propTypes.js +0 -2
- package/es/PopOver/PopOver.js +2 -18
- package/es/PopOver/__tests__/PopOver.spec.js +1 -2
- package/es/Popup/Popup.js +24 -77
- package/es/Popup/__tests__/Popup.spec.js +5 -17
- package/es/Popup/viewPort.js +4 -16
- package/es/Provider/IdProvider.js +5 -10
- package/es/Provider/LibraryContext.js +4 -6
- package/es/Provider/NumberGenerator/NumberGenerator.js +7 -21
- package/es/Provider/ZindexProvider.js +2 -9
- package/es/Radio/Radio.js +2 -4
- package/es/Radio/Radio.module.css +9 -9
- package/es/Responsive/CustomResponsive.js +18 -30
- package/es/Responsive/RefWrapper.js +7 -6
- package/es/Responsive/ResizeComponent.js +25 -35
- package/es/Responsive/ResizeObserver.js +6 -26
- package/es/Responsive/Responsive.js +20 -34
- package/es/Responsive/index.js +3 -1
- package/es/Responsive/sizeObservers.js +7 -28
- package/es/Responsive/utils/index.js +5 -7
- package/es/Responsive/utils/shallowCompare.js +2 -7
- package/es/Responsive/windowResizeObserver.js +0 -7
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +0 -4
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/es/Ribbon/Ribbon.js +2 -3
- package/es/Ribbon/Ribbon.module.css +48 -46
- package/es/RippleEffect/RippleEffect.js +3 -1
- package/es/Select/GroupSelect.js +14 -58
- package/es/Select/Select.js +33 -79
- package/es/Select/Select.module.css +23 -23
- package/es/Select/SelectWithAvatar.js +4 -17
- package/es/Select/SelectWithIcon.js +5 -46
- package/es/Select/__tests__/Select.spec.js +8 -6
- package/es/Select/props/propTypes.js +0 -1
- package/es/Stencils/Stencils.js +3 -3
- package/es/Stencils/Stencils.module.css +11 -11
- package/es/Switch/Switch.js +3 -5
- package/es/Switch/Switch.module.css +23 -23
- package/es/Tab/Tab.js +4 -4
- package/es/Tab/Tab.module.css +14 -14
- package/es/Tab/TabContent.js +0 -1
- package/es/Tab/TabContentWrapper.js +0 -2
- package/es/Tab/TabWrapper.js +2 -5
- package/es/Tab/Tabs.js +7 -54
- package/es/Tab/Tabs.module.css +30 -37
- package/es/Tab/__tests__/Tab.spec.js +3 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +0 -1
- package/es/Tag/Tag.js +3 -6
- package/es/Tag/Tag.module.css +25 -25
- package/es/TextBox/TextBox.js +3 -15
- package/es/TextBox/TextBox.module.css +9 -9
- package/es/TextBox/__tests__/TextBox.spec.js +4 -1
- package/es/TextBoxIcon/TextBoxIcon.js +2 -9
- package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +7 -2
- package/es/Textarea/Textarea.js +3 -12
- package/es/Textarea/Textarea.module.css +21 -21
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Tooltip/Tooltip.js +14 -58
- package/es/Tooltip/Tooltip.module.css +5 -5
- package/es/Tooltip/__tests__/Tooltip.spec.js +0 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -3
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -7
- package/es/common/animation.module.css +8 -8
- package/es/common/avatarsizes.module.css +16 -16
- package/es/common/basicReset.module.css +3 -3
- package/es/common/common.module.css +24 -24
- package/es/common/customscroll.module.css +2 -2
- package/es/deprecated/AdvancedMultiSelect.module.css +18 -18
- package/es/deprecated/PortalLayer/PortalLayer.js +20 -25
- package/es/semantic/Button/Button.js +2 -3
- package/es/semantic/Button/semanticButton.module.css +1 -1
- package/es/utils/Common.js +13 -54
- package/es/utils/ContextOptimizer.js +5 -4
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +0 -2
- package/es/utils/css/compileClassNames.js +0 -5
- package/es/utils/css/mergeStyle.js +7 -8
- package/es/utils/css/utils.js +0 -1
- package/es/utils/datetime/common.js +5 -16
- package/es/utils/debounce.js +1 -5
- package/es/utils/dropDownUtils.js +11 -68
- package/es/utils/getInitial.js +0 -4
- package/es/utils/shallowEqual.js +0 -6
- package/lib/Accordion/Accordion.js +18 -42
- package/lib/Accordion/AccordionItem.js +18 -40
- package/lib/Accordion/__tests__/Accordion.spec.js +0 -3
- package/lib/Accordion/index.js +0 -3
- package/lib/Accordion/props/propTypes.js +0 -3
- package/lib/Animation/Animation.js +18 -38
- package/lib/Animation/__tests__/Animation.spec.js +7 -11
- package/lib/Animation/props/propTypes.js +0 -3
- package/lib/AppContainer/AppContainer.js +21 -56
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/AppContainer/props/propTypes.js +0 -3
- package/lib/Avatar/Avatar.js +38 -78
- package/lib/Avatar/Avatar.module.css +18 -18
- package/lib/Avatar/__tests__/Avatar.spec.js +0 -44
- package/lib/Avatar/props/propTypes.js +0 -3
- package/lib/AvatarTeam/AvatarTeam.js +30 -52
- package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -13
- package/lib/AvatarTeam/props/propTypes.js +0 -3
- package/lib/Button/Button.js +20 -31
- package/lib/Button/css/Button.module.css +70 -70
- package/lib/Button/css/cssJSLogic.js +17 -18
- package/lib/Button/index.js +0 -3
- package/lib/Button/props/defaultProps.js +0 -2
- package/lib/Button/props/propTypes.js +0 -3
- package/lib/Buttongroup/Buttongroup.js +12 -32
- package/lib/Buttongroup/Buttongroup.module.css +15 -14
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -10
- package/lib/Buttongroup/props/propTypes.js +0 -3
- package/lib/Card/Card.js +46 -102
- package/lib/Card/__tests__/Card.spec.js +1 -10
- package/lib/Card/index.js +0 -4
- package/lib/Card/props/propTypes.js +0 -3
- package/lib/CheckBox/CheckBox.js +47 -71
- package/lib/CheckBox/CheckBox.module.css +15 -15
- package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -3
- package/lib/CheckBox/props/propTypes.js +0 -3
- package/lib/DateTime/CalendarView.js +42 -82
- package/lib/DateTime/DateTime.js +155 -239
- package/lib/DateTime/DateTime.module.css +39 -39
- package/lib/DateTime/DateTimePopupFooter.js +8 -31
- package/lib/DateTime/DateTimePopupHeader.js +17 -48
- package/lib/DateTime/DateWidget.js +250 -352
- package/lib/DateTime/DateWidget.module.css +5 -5
- package/lib/DateTime/DaysRow.js +5 -27
- package/lib/DateTime/Time.js +32 -73
- package/lib/DateTime/YearView.js +28 -77
- package/lib/DateTime/YearView.module.css +15 -15
- package/lib/DateTime/__tests__/CalendarView.spec.js +5 -13
- package/lib/DateTime/__tests__/DateTime.spec.js +37 -51
- package/lib/DateTime/__tests__/DateWidget.spec.js +8 -10
- package/lib/DateTime/common.js +0 -6
- package/lib/DateTime/constants.js +0 -1
- package/lib/DateTime/dateFormatUtils/dateFormat.js +122 -184
- package/lib/DateTime/dateFormatUtils/dateFormats.js +1 -0
- package/lib/DateTime/dateFormatUtils/dayChange.js +7 -14
- package/lib/DateTime/dateFormatUtils/index.js +16 -74
- package/lib/DateTime/dateFormatUtils/monthChange.js +9 -19
- package/lib/DateTime/dateFormatUtils/timeChange.js +22 -54
- package/lib/DateTime/dateFormatUtils/yearChange.js +11 -22
- package/lib/DateTime/index.js +0 -2
- package/lib/DateTime/objectUtils.js +20 -24
- package/lib/DateTime/props/propTypes.js +1 -11
- package/lib/DateTime/typeChecker.js +0 -4
- package/lib/DateTime/validator.js +10 -73
- package/lib/DropBox/DropBox.js +12 -36
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +44 -63
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +35 -42
- package/lib/DropBox/DropBoxElement/props/propTypes.js +1 -4
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +9 -14
- package/lib/DropBox/__tests__/DropBox.spec.js +4 -8
- package/lib/DropBox/css/DropBox.module.css +6 -6
- package/lib/DropBox/css/cssJSLogic.js +1 -3
- package/lib/DropBox/props/defaultProps.js +4 -8
- package/lib/DropBox/props/propTypes.js +4 -10
- package/lib/DropDown/DropDown.js +8 -52
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.js +20 -39
- package/lib/DropDown/DropDownHeading.module.css +6 -6
- package/lib/DropDown/DropDownItem.js +20 -42
- package/lib/DropDown/DropDownItem.module.css +12 -12
- package/lib/DropDown/DropDownSearch.js +17 -40
- package/lib/DropDown/DropDownSearch.module.css +3 -3
- package/lib/DropDown/DropDownSeparator.js +4 -24
- package/lib/DropDown/DropDownSeparator.module.css +2 -2
- package/lib/DropDown/__tests__/DropDown.spec.js +9 -15
- package/lib/DropDown/__tests__/DropDownItem.spec.js +4 -9
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -3
- package/lib/DropDown/index.js +0 -9
- package/lib/DropDown/props/propTypes.js +4 -6
- package/lib/Heading/Heading.js +15 -37
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Heading/props/propTypes.js +0 -3
- package/lib/Label/Label.js +19 -39
- package/lib/Label/Label.module.css +5 -5
- package/lib/Label/__tests__/Label.spec.js +1 -14
- package/lib/Label/props/propTypes.js +0 -3
- package/lib/Layout/Box.js +11 -31
- package/lib/Layout/Container.js +10 -29
- package/lib/Layout/Layout.module.css +15 -15
- package/lib/Layout/__tests__/Box.spec.js +49 -65
- package/lib/Layout/__tests__/Container.spec.js +50 -67
- package/lib/Layout/index.js +0 -3
- package/lib/Layout/props/propTypes.js +0 -3
- package/lib/Layout/utils.js +0 -10
- package/lib/ListItem/ListContainer.js +27 -48
- package/lib/ListItem/ListItem.js +45 -69
- package/lib/ListItem/ListItem.module.css +38 -38
- package/lib/ListItem/ListItemWithAvatar.js +48 -75
- package/lib/ListItem/ListItemWithCheckBox.js +39 -64
- package/lib/ListItem/ListItemWithIcon.js +44 -68
- package/lib/ListItem/ListItemWithRadio.js +41 -65
- package/lib/ListItem/index.js +0 -7
- package/lib/ListItem/props/propTypes.js +4 -6
- package/lib/Modal/Modal.js +10 -45
- package/lib/Modal/props/propTypes.js +0 -3
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +166 -294
- package/lib/MultiSelect/AdvancedMultiSelect.js +125 -202
- package/lib/MultiSelect/EmptyState.js +24 -45
- package/lib/MultiSelect/MultiSelect.js +206 -323
- package/lib/MultiSelect/MultiSelect.module.css +31 -31
- package/lib/MultiSelect/MultiSelectHeader.js +8 -30
- package/lib/MultiSelect/MultiSelectWithAvatar.js +63 -105
- package/lib/MultiSelect/SelectedOptions.js +17 -43
- package/lib/MultiSelect/SelectedOptions.module.css +5 -5
- package/lib/MultiSelect/Suggestions.js +32 -64
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +75 -86
- package/lib/MultiSelect/index.js +0 -5
- package/lib/MultiSelect/props/defaultProps.js +0 -2
- package/lib/MultiSelect/props/propTypes.js +0 -5
- package/lib/PopOver/PopOver.js +49 -95
- package/lib/PopOver/__tests__/PopOver.spec.js +1 -4
- package/lib/PopOver/index.js +0 -4
- package/lib/PopOver/props/propTypes.js +0 -3
- package/lib/Popup/Popup.js +81 -158
- package/lib/Popup/__tests__/Popup.spec.js +8 -43
- package/lib/Popup/viewPort.js +14 -28
- package/lib/Provider/AvatarSize.js +0 -4
- package/lib/Provider/Config.js +0 -2
- package/lib/Provider/CssProvider.js +0 -4
- package/lib/Provider/IdProvider.js +6 -17
- package/lib/Provider/LibraryContext.js +15 -35
- package/lib/Provider/LibraryContextInit.js +0 -4
- package/lib/Provider/NumberGenerator/NumberGenerator.js +15 -44
- package/lib/Provider/ZindexProvider.js +3 -15
- package/lib/Provider/index.js +0 -5
- package/lib/Radio/Radio.js +38 -61
- package/lib/Radio/Radio.module.css +9 -9
- package/lib/Radio/__tests__/Radiospec.js +5 -9
- package/lib/Radio/props/propTypes.js +0 -3
- package/lib/Responsive/CustomResponsive.js +29 -73
- package/lib/Responsive/RefWrapper.js +11 -17
- package/lib/Responsive/ResizeComponent.js +36 -62
- package/lib/Responsive/ResizeObserver.js +10 -24
- package/lib/Responsive/Responsive.js +30 -80
- package/lib/Responsive/index.js +0 -4
- package/lib/Responsive/props/propTypes.js +0 -3
- package/lib/Responsive/sizeObservers.js +17 -53
- package/lib/Responsive/utils/index.js +3 -11
- package/lib/Responsive/utils/shallowCompare.js +2 -11
- package/lib/Responsive/windowResizeObserver.js +0 -8
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +17 -45
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/lib/ResponsiveDropBox/props/propTypes.js +0 -3
- package/lib/Ribbon/Ribbon.js +13 -33
- package/lib/Ribbon/Ribbon.module.css +48 -46
- package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -22
- package/lib/Ribbon/props/propTypes.js +0 -3
- package/lib/RippleEffect/RippleEffect.js +10 -18
- package/lib/RippleEffect/props/propTypes.js +0 -3
- package/lib/Select/GroupSelect.js +130 -229
- package/lib/Select/Select.js +209 -290
- package/lib/Select/Select.module.css +23 -23
- package/lib/Select/SelectWithAvatar.js +56 -102
- package/lib/Select/SelectWithIcon.js +76 -132
- package/lib/Select/__tests__/Select.spec.js +91 -133
- package/lib/Select/index.js +0 -5
- package/lib/Select/props/defaultProps.js +4 -5
- package/lib/Select/props/propTypes.js +0 -4
- package/lib/Stencils/Stencils.js +10 -29
- package/lib/Stencils/Stencils.module.css +11 -11
- package/lib/Stencils/__tests__/Stencils.spec.js +0 -12
- package/lib/Stencils/props/propTypes.js +0 -3
- package/lib/Switch/Switch.js +34 -57
- package/lib/Switch/Switch.module.css +23 -23
- package/lib/Switch/props/propTypes.js +0 -3
- package/lib/Tab/Tab.js +27 -40
- package/lib/Tab/Tab.module.css +14 -14
- package/lib/Tab/TabContent.js +5 -12
- package/lib/Tab/TabContentWrapper.js +6 -13
- package/lib/Tab/TabWrapper.js +19 -37
- package/lib/Tab/Tabs.js +91 -171
- package/lib/Tab/Tabs.module.css +30 -37
- package/lib/Tab/__tests__/Tab.spec.js +58 -67
- package/lib/Tab/__tests__/TabContent.spec.js +6 -10
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +20 -28
- package/lib/Tab/__tests__/TabWrapper.spec.js +0 -12
- package/lib/Tab/__tests__/Tabs.spec.js +39 -53
- package/lib/Tab/index.js +0 -6
- package/lib/Tab/props/propTypes.js +0 -3
- package/lib/Tag/Tag.js +43 -72
- package/lib/Tag/Tag.module.css +25 -25
- package/lib/Tag/__tests__/Tag.spec.js +8 -14
- package/lib/Tag/props/propTypes.js +0 -3
- package/lib/TextBox/TextBox.js +59 -85
- package/lib/TextBox/TextBox.module.css +9 -9
- package/lib/TextBox/__tests__/TextBox.spec.js +4 -14
- package/lib/TextBox/props/propTypes.js +4 -6
- package/lib/TextBoxIcon/TextBoxIcon.js +52 -79
- package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +5 -14
- package/lib/TextBoxIcon/props/propTypes.js +0 -3
- package/lib/Textarea/Textarea.js +29 -54
- package/lib/Textarea/Textarea.module.css +21 -21
- package/lib/Textarea/__tests__/Textarea.spec.js +2 -14
- package/lib/Textarea/props/propTypes.js +0 -3
- package/lib/Tooltip/Tooltip.js +31 -94
- package/lib/Tooltip/Tooltip.module.css +5 -5
- package/lib/Tooltip/__tests__/Tooltip.spec.js +3 -24
- package/lib/Tooltip/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +16 -40
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +25 -53
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +0 -3
- package/lib/VelocityAnimation/index.js +0 -3
- package/lib/common/animation.module.css +8 -8
- package/lib/common/avatarsizes.module.css +16 -16
- package/lib/common/basicReset.module.css +3 -3
- package/lib/common/common.module.css +24 -24
- package/lib/common/customscroll.module.css +2 -2
- package/lib/css.js +0 -40
- package/lib/deprecated/AdvancedMultiSelect.module.css +18 -18
- package/lib/deprecated/PortalLayer/PortalLayer.js +23 -46
- package/lib/deprecated/PortalLayer/props/propTypes.js +0 -3
- package/lib/index.js +0 -57
- package/lib/semantic/Button/Button.js +22 -42
- package/lib/semantic/Button/props/propTypes.js +0 -3
- package/lib/semantic/Button/semanticButton.module.css +1 -1
- package/lib/semantic/index.js +0 -2
- package/lib/utils/Common.js +25 -109
- package/lib/utils/ContextOptimizer.js +10 -16
- package/lib/utils/__tests__/constructFullName.spec.js +0 -1
- package/lib/utils/__tests__/debounce.spec.js +2 -3
- package/lib/utils/__tests__/getInitial.spec.js +0 -1
- package/lib/utils/constructFullName.js +4 -13
- package/lib/utils/css/compileClassNames.js +0 -6
- package/lib/utils/css/mergeStyle.js +8 -11
- package/lib/utils/css/utils.js +0 -8
- package/lib/utils/datetime/common.js +5 -32
- package/lib/utils/debounce.js +1 -6
- package/lib/utils/dropDownUtils.js +59 -175
- package/lib/utils/dummyFunction.js +0 -2
- package/lib/utils/getHTMLFontSize.js +0 -1
- package/lib/utils/getInitial.js +0 -6
- package/lib/utils/index.js +0 -4
- package/lib/utils/scrollTo.js +0 -2
- package/lib/utils/shallowEqual.js +0 -8
- package/package.json +1 -1
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
--textbox_border_width: 0;
|
|
6
6
|
--textbox_border_style: solid;
|
|
7
7
|
--textbox_border_color: var(--zdt_textbox_default_border);
|
|
8
|
-
--textbox_font_size:
|
|
8
|
+
--textbox_font_size: 14px;
|
|
9
9
|
--textbox_width: 100%;
|
|
10
|
-
--textbox_height:
|
|
10
|
+
--textbox_height: 35px;
|
|
11
11
|
--textbox_border_radius: none;
|
|
12
12
|
--textbox_font_family: var(--zd_regular);
|
|
13
13
|
/* Variable:Ignore */
|
|
@@ -111,24 +111,24 @@
|
|
|
111
111
|
/* Size */
|
|
112
112
|
.xmedium,
|
|
113
113
|
.medium {
|
|
114
|
-
--textbox_font_size:
|
|
114
|
+
--textbox_font_size: 14px;
|
|
115
115
|
}
|
|
116
116
|
.xmedium {
|
|
117
|
-
--textbox_height:
|
|
117
|
+
--textbox_height: 28px;
|
|
118
118
|
--textbox_line_height: 28px;
|
|
119
119
|
}
|
|
120
120
|
.medium {
|
|
121
|
-
--textbox_height:
|
|
121
|
+
--textbox_height: 35px;
|
|
122
122
|
--textbox_line_height: 35px;
|
|
123
123
|
}
|
|
124
124
|
.small {
|
|
125
|
-
--textbox_font_size:
|
|
126
|
-
--textbox_height:
|
|
125
|
+
--textbox_font_size: 12px;
|
|
126
|
+
--textbox_height: 28px;
|
|
127
127
|
--textbox_line_height: 28px;
|
|
128
128
|
}
|
|
129
129
|
.xsmall {
|
|
130
|
-
--textbox_font_size:
|
|
131
|
-
--textbox_height:
|
|
130
|
+
--textbox_font_size: 13px;
|
|
131
|
+
--textbox_height: 25px;
|
|
132
132
|
--textbox_line_height: 25px;
|
|
133
133
|
}
|
|
134
134
|
.default,
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _TextBox = _interopRequireDefault(require("../TextBox"));
|
|
6
|
-
|
|
7
5
|
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
-
|
|
9
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
7
|
describe('TextBox component', function () {
|
|
12
8
|
it('should display size small', function () {
|
|
13
9
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
|
|
@@ -16,7 +12,6 @@ describe('TextBox component', function () {
|
|
|
16
12
|
size: "small",
|
|
17
13
|
variant: "default"
|
|
18
14
|
}));
|
|
19
|
-
|
|
20
15
|
var tree = ele.toJSON();
|
|
21
16
|
expect(tree).toMatchSnapshot();
|
|
22
17
|
});
|
|
@@ -27,7 +22,6 @@ describe('TextBox component', function () {
|
|
|
27
22
|
size: "medium",
|
|
28
23
|
variant: "default"
|
|
29
24
|
}));
|
|
30
|
-
|
|
31
25
|
var tree = ele.toJSON();
|
|
32
26
|
expect(tree).toMatchSnapshot();
|
|
33
27
|
});
|
|
@@ -38,7 +32,6 @@ describe('TextBox component', function () {
|
|
|
38
32
|
size: "xmedium",
|
|
39
33
|
variant: "default"
|
|
40
34
|
}));
|
|
41
|
-
|
|
42
35
|
var tree = ele.toJSON();
|
|
43
36
|
expect(tree).toMatchSnapshot();
|
|
44
37
|
});
|
|
@@ -49,7 +42,6 @@ describe('TextBox component', function () {
|
|
|
49
42
|
size: "small",
|
|
50
43
|
variant: "primary"
|
|
51
44
|
}));
|
|
52
|
-
|
|
53
45
|
var tree = ele.toJSON();
|
|
54
46
|
expect(tree).toMatchSnapshot();
|
|
55
47
|
});
|
|
@@ -60,7 +52,6 @@ describe('TextBox component', function () {
|
|
|
60
52
|
size: "medium",
|
|
61
53
|
variant: "primary"
|
|
62
54
|
}));
|
|
63
|
-
|
|
64
55
|
var tree = ele.toJSON();
|
|
65
56
|
expect(tree).toMatchSnapshot();
|
|
66
57
|
});
|
|
@@ -71,7 +62,6 @@ describe('TextBox component', function () {
|
|
|
71
62
|
size: "xmedium",
|
|
72
63
|
variant: "primary"
|
|
73
64
|
}));
|
|
74
|
-
|
|
75
65
|
var tree = ele.toJSON();
|
|
76
66
|
expect(tree).toMatchSnapshot();
|
|
77
67
|
});
|
|
@@ -82,7 +72,6 @@ describe('TextBox component', function () {
|
|
|
82
72
|
size: "small",
|
|
83
73
|
variant: "secondary"
|
|
84
74
|
}));
|
|
85
|
-
|
|
86
75
|
var tree = ele.toJSON();
|
|
87
76
|
expect(tree).toMatchSnapshot();
|
|
88
77
|
});
|
|
@@ -93,7 +82,6 @@ describe('TextBox component', function () {
|
|
|
93
82
|
size: "medium",
|
|
94
83
|
variant: "secondary"
|
|
95
84
|
}));
|
|
96
|
-
|
|
97
85
|
var tree = ele.toJSON();
|
|
98
86
|
expect(tree).toMatchSnapshot();
|
|
99
87
|
});
|
|
@@ -104,7 +92,6 @@ describe('TextBox component', function () {
|
|
|
104
92
|
size: "xmedium",
|
|
105
93
|
variant: "secondary"
|
|
106
94
|
}));
|
|
107
|
-
|
|
108
95
|
var tree = ele.toJSON();
|
|
109
96
|
expect(tree).toMatchSnapshot();
|
|
110
97
|
});
|
|
@@ -127,7 +114,9 @@ describe('TextBox component', function () {
|
|
|
127
114
|
text: "Text Box Working"
|
|
128
115
|
}));
|
|
129
116
|
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox').getAttribute('placeholder')).toMatch(/Text Box/);
|
|
130
|
-
});
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
// it('Check disabled works', () => {
|
|
131
120
|
// let renderedDOM = TestUtils.renderIntoDocument(
|
|
132
121
|
// <TextBox maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' disabled />
|
|
133
122
|
// );
|
|
@@ -143,6 +132,7 @@ describe('TextBox component', function () {
|
|
|
143
132
|
// pass
|
|
144
133
|
// ).toBe(true);
|
|
145
134
|
// });
|
|
135
|
+
|
|
146
136
|
// it('Check readOnly works', () => {
|
|
147
137
|
// let renderedDOM = TestUtils.renderIntoDocument(
|
|
148
138
|
// <TextBox maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' readOnly />
|
|
@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.propTypes = void 0;
|
|
7
|
-
|
|
8
7
|
var _propTypes2 = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
|
|
10
8
|
var _propTypes;
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
-
|
|
10
|
+
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); }
|
|
11
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
12
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
|
+
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); }
|
|
16
14
|
var propTypes = (_propTypes = {
|
|
17
15
|
autofocus: _propTypes2["default"].bool,
|
|
18
16
|
borderColor: _propTypes2["default"].oneOf(['transparent', 'default']),
|
|
@@ -1,63 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _defaultProps = require("./props/defaultProps");
|
|
13
|
-
|
|
14
10
|
var _propTypes = require("./props/propTypes");
|
|
15
|
-
|
|
16
11
|
var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
|
|
17
|
-
|
|
18
12
|
var _Layout = require("../Layout");
|
|
19
|
-
|
|
20
13
|
var _icons = require("@zohodesk/icons");
|
|
21
|
-
|
|
22
14
|
var _semanticButtonModule = _interopRequireDefault(require("../semantic/Button/semanticButton.module.css"));
|
|
23
|
-
|
|
24
15
|
var _TextBoxIconModule = _interopRequireDefault(require("./TextBoxIcon.module.css"));
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
|
-
|
|
28
17
|
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); }
|
|
29
|
-
|
|
30
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
31
|
-
|
|
32
|
-
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); } }
|
|
33
|
-
|
|
19
|
+
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, _toPropertyKey(descriptor.key), descriptor); } }
|
|
34
20
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
35
|
-
|
|
21
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
22
|
+
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); }
|
|
36
23
|
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); }
|
|
37
|
-
|
|
38
24
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
39
|
-
|
|
40
25
|
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); }; }
|
|
41
|
-
|
|
42
26
|
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); }
|
|
43
|
-
|
|
44
27
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
45
|
-
|
|
46
28
|
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; } }
|
|
47
|
-
|
|
48
29
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
49
|
-
|
|
50
30
|
/* eslint-disable react/forbid-component-props */
|
|
51
31
|
var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
|
|
52
32
|
_inherits(TextBoxIcon, _React$Component);
|
|
53
|
-
|
|
54
33
|
var _super = _createSuper(TextBoxIcon);
|
|
55
|
-
|
|
56
34
|
function TextBoxIcon(props) {
|
|
57
35
|
var _this;
|
|
58
|
-
|
|
59
36
|
_classCallCheck(this, TextBoxIcon);
|
|
60
|
-
|
|
61
37
|
_this = _super.call(this, props);
|
|
62
38
|
_this.state = {
|
|
63
39
|
isActive: false
|
|
@@ -68,7 +44,6 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
68
44
|
_this.handleClear = _this.handleClear.bind(_assertThisInitialized(_this));
|
|
69
45
|
return _this;
|
|
70
46
|
}
|
|
71
|
-
|
|
72
47
|
_createClass(TextBoxIcon, [{
|
|
73
48
|
key: "handleRef",
|
|
74
49
|
value: function handleRef(ele) {
|
|
@@ -89,10 +64,9 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
89
64
|
key: "handleFocus",
|
|
90
65
|
value: function handleFocus(e) {
|
|
91
66
|
var _this$props = this.props,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
67
|
+
onFocus = _this$props.onFocus,
|
|
68
|
+
needReadOnlyStyle = _this$props.needReadOnlyStyle,
|
|
69
|
+
isReadOnly = _this$props.isReadOnly;
|
|
96
70
|
if (!needReadOnlyStyle || !isReadOnly && needReadOnlyStyle) {
|
|
97
71
|
this.setState({
|
|
98
72
|
isActive: true
|
|
@@ -113,54 +87,54 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
113
87
|
key: "render",
|
|
114
88
|
value: function render() {
|
|
115
89
|
var _this$props2 = this.props,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
90
|
+
type = _this$props2.type,
|
|
91
|
+
name = _this$props2.name,
|
|
92
|
+
id = _this$props2.id,
|
|
93
|
+
maxLength = _this$props2.maxLength,
|
|
94
|
+
placeHolder = _this$props2.placeHolder,
|
|
95
|
+
size = _this$props2.size,
|
|
96
|
+
onKeyUp = _this$props2.onKeyUp,
|
|
97
|
+
isReadOnly = _this$props2.isReadOnly,
|
|
98
|
+
isDisabled = _this$props2.isDisabled,
|
|
99
|
+
children = _this$props2.children,
|
|
100
|
+
onKeyDown = _this$props2.onKeyDown,
|
|
101
|
+
onClick = _this$props2.onClick,
|
|
102
|
+
value = _this$props2.value,
|
|
103
|
+
iconRotated = _this$props2.iconRotated,
|
|
104
|
+
needBorder = _this$props2.needBorder,
|
|
105
|
+
variant = _this$props2.variant,
|
|
106
|
+
onClear = _this$props2.onClear,
|
|
107
|
+
onChange = _this$props2.onChange,
|
|
108
|
+
title = _this$props2.title,
|
|
109
|
+
dataId = _this$props2.dataId,
|
|
110
|
+
dataSelectorId = _this$props2.dataSelectorId,
|
|
111
|
+
needReadOnlyStyle = _this$props2.needReadOnlyStyle,
|
|
112
|
+
isClickable = _this$props2.isClickable,
|
|
113
|
+
needEffect = _this$props2.needEffect,
|
|
114
|
+
onKeyPress = _this$props2.onKeyPress,
|
|
115
|
+
borderColor = _this$props2.borderColor,
|
|
116
|
+
onMouseDown = _this$props2.onMouseDown,
|
|
117
|
+
showClearIcon = _this$props2.showClearIcon,
|
|
118
|
+
htmlId = _this$props2.htmlId,
|
|
119
|
+
i18nKeys = _this$props2.i18nKeys,
|
|
120
|
+
customClass = _this$props2.customClass,
|
|
121
|
+
iconOnHover = _this$props2.iconOnHover,
|
|
122
|
+
isFocus = _this$props2.isFocus,
|
|
123
|
+
onClearMouseDown = _this$props2.onClearMouseDown,
|
|
124
|
+
customProps = _this$props2.customProps;
|
|
151
125
|
var isActive = this.state.isActive;
|
|
152
126
|
var _customClass$customTB = customClass.customTBoxWrap,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
127
|
+
customTBoxWrap = _customClass$customTB === void 0 ? '' : _customClass$customTB,
|
|
128
|
+
_customClass$customTe = customClass.customTextBox,
|
|
129
|
+
customTextBox = _customClass$customTe === void 0 ? '' : _customClass$customTe,
|
|
130
|
+
_customClass$customTB2 = customClass.customTBoxIcon,
|
|
131
|
+
customTBoxIcon = _customClass$customTB2 === void 0 ? '' : _customClass$customTB2,
|
|
132
|
+
_customClass$customTB3 = customClass.customTBoxLine,
|
|
133
|
+
customTBoxLine = _customClass$customTB3 === void 0 ? '' : _customClass$customTB3;
|
|
160
134
|
var _i18nKeys$clearText = i18nKeys.clearText,
|
|
161
|
-
|
|
135
|
+
clearText = _i18nKeys$clearText === void 0 ? 'Clear' : _i18nKeys$clearText;
|
|
162
136
|
var _customProps$TextBoxP = customProps.TextBoxProps,
|
|
163
|
-
|
|
137
|
+
TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP;
|
|
164
138
|
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
|
|
165
139
|
alignBox: "row",
|
|
166
140
|
isCover: false,
|
|
@@ -220,13 +194,12 @@ var TextBoxIcon = /*#__PURE__*/function (_React$Component) {
|
|
|
220
194
|
}));
|
|
221
195
|
}
|
|
222
196
|
}]);
|
|
223
|
-
|
|
224
197
|
return TextBoxIcon;
|
|
225
198
|
}(_react["default"].Component);
|
|
226
|
-
|
|
227
199
|
exports["default"] = TextBoxIcon;
|
|
228
200
|
TextBoxIcon.defaultProps = _defaultProps.defaultProps;
|
|
229
|
-
TextBoxIcon.propTypes = _propTypes.propTypes;
|
|
201
|
+
TextBoxIcon.propTypes = _propTypes.propTypes;
|
|
202
|
+
// if (__DOCS__) {
|
|
230
203
|
// TextBoxIcon.docs = {
|
|
231
204
|
// componentGroup: 'Form Elements',
|
|
232
205
|
// folderName: 'Style Guide',
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
.varClass {
|
|
2
2
|
/* textboxicon default variables */
|
|
3
|
-
--textboxicon_line_height:
|
|
3
|
+
--textboxicon_line_height: 1px;
|
|
4
4
|
--textboxicon_line_color: var(--zdt_textboxicon_default_line_bg);
|
|
5
5
|
|
|
6
6
|
/* textboxicon icon default variables */
|
|
7
|
-
--textboxicon_icon_margin: 0
|
|
7
|
+
--textboxicon_icon_margin: 0 5px;
|
|
8
8
|
--textboxicon_icon_cursor: pointer;
|
|
9
9
|
--textboxicon_icon_color: var(--zdt_textboxicon_default_icon);
|
|
10
10
|
}
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
}
|
|
36
36
|
.line {
|
|
37
37
|
position: absolute;
|
|
38
|
-
bottom: 0
|
|
38
|
+
bottom: 0;
|
|
39
39
|
/* Variable:Ignore */
|
|
40
40
|
min-height: 1px;
|
|
41
41
|
transition: var(--zd_transition2);
|
|
@@ -43,12 +43,12 @@
|
|
|
43
43
|
transform: perspective(1px);
|
|
44
44
|
}
|
|
45
45
|
[dir=ltr] .line {
|
|
46
|
-
left: 0
|
|
47
|
-
right: 0
|
|
46
|
+
left: 0;
|
|
47
|
+
right: 0;
|
|
48
48
|
}
|
|
49
49
|
[dir=rtl] .line {
|
|
50
|
-
right: 0
|
|
51
|
-
left: 0
|
|
50
|
+
right: 0;
|
|
51
|
+
left: 0;
|
|
52
52
|
}
|
|
53
53
|
.line, .borderColor_default {
|
|
54
54
|
background-color: var(--textboxicon_line_color);
|
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
4
|
var _TextBoxIcon = _interopRequireDefault(require("../TextBoxIcon"));
|
|
6
|
-
|
|
7
5
|
var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
|
|
8
|
-
|
|
9
6
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
|
|
11
7
|
// children: PropTypes.node,
|
|
12
8
|
// disabled: PropTypes.bool,
|
|
13
9
|
// iconRotated: PropTypes.bool,
|
|
@@ -31,6 +27,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
31
27
|
// type: PropTypes.oneOf(['text', 'password', 'number']),
|
|
32
28
|
// value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
33
29
|
// variant: PropTypes.oneOf(['primary', 'secondary', 'default'])
|
|
30
|
+
|
|
34
31
|
describe('TextBoxIcon component', function () {
|
|
35
32
|
it('should display size small', function () {
|
|
36
33
|
var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBoxIcon["default"], {
|
|
@@ -39,7 +36,6 @@ describe('TextBoxIcon component', function () {
|
|
|
39
36
|
size: "small",
|
|
40
37
|
variant: "default"
|
|
41
38
|
}));
|
|
42
|
-
|
|
43
39
|
var tree = ele.toJSON();
|
|
44
40
|
expect(tree).toMatchSnapshot();
|
|
45
41
|
});
|
|
@@ -50,7 +46,6 @@ describe('TextBoxIcon component', function () {
|
|
|
50
46
|
size: "medium",
|
|
51
47
|
variant: "default"
|
|
52
48
|
}));
|
|
53
|
-
|
|
54
49
|
var tree = ele.toJSON();
|
|
55
50
|
expect(tree).toMatchSnapshot();
|
|
56
51
|
});
|
|
@@ -61,7 +56,6 @@ describe('TextBoxIcon component', function () {
|
|
|
61
56
|
size: "xmedium",
|
|
62
57
|
variant: "default"
|
|
63
58
|
}));
|
|
64
|
-
|
|
65
59
|
var tree = ele.toJSON();
|
|
66
60
|
expect(tree).toMatchSnapshot();
|
|
67
61
|
});
|
|
@@ -72,7 +66,6 @@ describe('TextBoxIcon component', function () {
|
|
|
72
66
|
size: "small",
|
|
73
67
|
variant: "primary"
|
|
74
68
|
}));
|
|
75
|
-
|
|
76
69
|
var tree = ele.toJSON();
|
|
77
70
|
expect(tree).toMatchSnapshot();
|
|
78
71
|
});
|
|
@@ -83,7 +76,6 @@ describe('TextBoxIcon component', function () {
|
|
|
83
76
|
size: "medium",
|
|
84
77
|
variant: "primary"
|
|
85
78
|
}));
|
|
86
|
-
|
|
87
79
|
var tree = ele.toJSON();
|
|
88
80
|
expect(tree).toMatchSnapshot();
|
|
89
81
|
});
|
|
@@ -94,7 +86,6 @@ describe('TextBoxIcon component', function () {
|
|
|
94
86
|
size: "xmedium",
|
|
95
87
|
variant: "primary"
|
|
96
88
|
}));
|
|
97
|
-
|
|
98
89
|
var tree = ele.toJSON();
|
|
99
90
|
expect(tree).toMatchSnapshot();
|
|
100
91
|
});
|
|
@@ -105,7 +96,6 @@ describe('TextBoxIcon component', function () {
|
|
|
105
96
|
size: "small",
|
|
106
97
|
variant: "secondary"
|
|
107
98
|
}));
|
|
108
|
-
|
|
109
99
|
var tree = ele.toJSON();
|
|
110
100
|
expect(tree).toMatchSnapshot();
|
|
111
101
|
});
|
|
@@ -116,7 +106,6 @@ describe('TextBoxIcon component', function () {
|
|
|
116
106
|
size: "medium",
|
|
117
107
|
variant: "secondary"
|
|
118
108
|
}));
|
|
119
|
-
|
|
120
109
|
var tree = ele.toJSON();
|
|
121
110
|
expect(tree).toMatchSnapshot();
|
|
122
111
|
});
|
|
@@ -127,7 +116,6 @@ describe('TextBoxIcon component', function () {
|
|
|
127
116
|
size: "xmedium",
|
|
128
117
|
variant: "secondary"
|
|
129
118
|
}));
|
|
130
|
-
|
|
131
119
|
var tree = ele.toJSON();
|
|
132
120
|
expect(tree).toMatchSnapshot();
|
|
133
121
|
});
|
|
@@ -150,7 +138,9 @@ describe('TextBoxIcon component', function () {
|
|
|
150
138
|
text: "Text Box Working"
|
|
151
139
|
}));
|
|
152
140
|
expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBoxIcon').getAttribute('placeholder')).toMatch(/Text Box/);
|
|
153
|
-
});
|
|
141
|
+
});
|
|
142
|
+
|
|
143
|
+
// it('Check disabled works', () => {
|
|
154
144
|
// let renderedDOM = TestUtils.renderIntoDocument(
|
|
155
145
|
// <TextBoxIcon maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' disabled />
|
|
156
146
|
// );
|
|
@@ -166,6 +156,7 @@ describe('TextBoxIcon component', function () {
|
|
|
166
156
|
// pass
|
|
167
157
|
// ).toBe(true);
|
|
168
158
|
// });
|
|
159
|
+
|
|
169
160
|
// it('Check readOnly works', () => {
|
|
170
161
|
// let renderedDOM = TestUtils.renderIntoDocument(
|
|
171
162
|
// <TextBoxIcon maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' readOnly />
|
|
@@ -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
|
borderColor: _propTypes["default"].oneOf(['transparent', 'default', 'error']),
|
|
14
11
|
children: _propTypes["default"].node,
|