@zohodesk/components 1.2.23 → 1.2.24
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 +4 -0
- package/es/Accordion/Accordion.js +7 -3
- package/es/Accordion/AccordionItem.js +4 -2
- package/es/Animation/Animation.js +7 -89
- package/es/Animation/utils.js +83 -0
- package/es/AppContainer/AppContainer.js +14 -3
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/Avatar/Avatar.js +23 -11
- package/es/Avatar/Avatar.module.css +18 -18
- package/es/AvatarTeam/AvatarTeam.js +3 -3
- package/es/AvatarTeam/AvatarTeam.module.css +35 -35
- package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -2
- package/es/Button/Button.js +4 -3
- package/es/Button/css/Button.module.css +70 -70
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Buttongroup/Buttongroup.module.css +13 -15
- package/es/Card/Card.js +21 -10
- package/es/CheckBox/CheckBox.js +5 -3
- package/es/CheckBox/CheckBox.module.css +15 -15
- package/es/DateTime/CalendarView.js +32 -20
- package/es/DateTime/DateTime.js +69 -6
- package/es/DateTime/DateTime.module.css +40 -40
- package/es/DateTime/DateTimePopupFooter.js +4 -1
- package/es/DateTime/DateTimePopupHeader.js +8 -2
- package/es/DateTime/DateWidget.js +98 -35
- package/es/DateTime/DateWidget.module.css +5 -5
- package/es/DateTime/DaysRow.js +4 -1
- package/es/DateTime/Time.js +10 -1
- package/es/DateTime/YearView.js +28 -4
- package/es/DateTime/YearView.module.css +15 -15
- package/es/DateTime/common.js +3 -0
- package/es/DateTime/constants.js +1 -0
- package/es/DateTime/dateFormatUtils/dateFormat.js +65 -30
- package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
- package/es/DateTime/dateFormatUtils/index.js +31 -1
- package/es/DateTime/dateFormatUtils/monthChange.js +8 -0
- package/es/DateTime/dateFormatUtils/timeChange.js +22 -6
- package/es/DateTime/dateFormatUtils/yearChange.js +11 -2
- package/es/DateTime/objectUtils.js +14 -20
- package/es/DateTime/typeChecker.js +3 -0
- package/es/DateTime/validator.js +58 -6
- package/es/DropBox/DropBox.js +6 -2
- package/es/DropBox/DropBoxElement/DropBoxElement.js +7 -0
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +73 -76
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +5 -3
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
- package/es/DropBox/css/DropBox.module.css +6 -6
- package/es/DropBox/props/defaultProps.js +1 -2
- package/es/DropBox/props/propTypes.js +1 -2
- package/es/DropDown/DropDown.js +7 -1
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.js +4 -5
- package/es/DropDown/DropDownHeading.module.css +6 -6
- package/es/DropDown/DropDownItem.js +6 -0
- package/es/DropDown/DropDownItem.module.css +12 -12
- package/es/DropDown/DropDownSearch.js +4 -0
- package/es/DropDown/DropDownSearch.module.css +3 -3
- package/es/DropDown/DropDownSeparator.js +1 -0
- package/es/DropDown/DropDownSeparator.module.css +2 -2
- package/es/DropDown/props/propTypes.js +1 -2
- package/es/Heading/Heading.js +2 -3
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.js +2 -3
- package/es/Label/Label.module.css +5 -5
- package/es/Label/__tests__/Label.spec.js +1 -2
- package/es/Layout/Box.js +15 -2
- package/es/Layout/Container.js +14 -3
- package/es/Layout/Layout.module.css +15 -15
- package/es/Layout/index.js +1 -2
- package/es/Layout/utils.js +1 -0
- package/es/ListItem/ListContainer.js +8 -3
- package/es/ListItem/ListItem.js +9 -3
- package/es/ListItem/ListItem.module.css +27 -38
- package/es/ListItem/ListItemWithAvatar.js +9 -3
- package/es/ListItem/ListItemWithCheckBox.js +7 -2
- package/es/ListItem/ListItemWithIcon.js +8 -3
- package/es/ListItem/ListItemWithRadio.js +7 -3
- package/es/Modal/Modal.js +28 -11
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +89 -13
- package/es/MultiSelect/AdvancedMultiSelect.js +32 -9
- package/es/MultiSelect/EmptyState.js +2 -0
- package/es/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
- package/es/MultiSelect/MultiSelect.js +99 -30
- package/es/MultiSelect/MultiSelect.module.css +31 -31
- package/es/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/MultiSelect/MultiSelectWithAvatar.js +10 -3
- package/es/MultiSelect/SelectedOptions.js +6 -3
- package/es/MultiSelect/SelectedOptions.module.css +5 -5
- package/es/MultiSelect/Suggestions.js +7 -3
- package/es/MultiSelect/props/propTypes.js +2 -2
- package/es/PopOver/PopOver.js +16 -0
- package/es/Popup/Popup.js +77 -24
- package/es/Popup/viewPort.js +16 -4
- package/es/Provider/IdProvider.js +10 -5
- package/es/Provider/LibraryContext.js +6 -4
- package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/Provider/ZindexProvider.js +9 -2
- package/es/Radio/Radio.js +3 -0
- package/es/Radio/Radio.module.css +9 -9
- package/es/Responsive/CustomResponsive.js +30 -18
- package/es/Responsive/RefWrapper.js +6 -7
- package/es/Responsive/ResizeComponent.js +35 -25
- package/es/Responsive/ResizeObserver.js +26 -6
- package/es/Responsive/Responsive.js +34 -20
- package/es/Responsive/index.js +1 -3
- package/es/Responsive/sizeObservers.js +28 -7
- package/es/Responsive/utils/index.js +7 -5
- package/es/Responsive/utils/shallowCompare.js +7 -2
- package/es/Responsive/windowResizeObserver.js +7 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +4 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/es/ResponsiveDropBox/props/propTypes.js +1 -2
- package/es/Ribbon/Ribbon.js +3 -2
- package/es/Ribbon/Ribbon.module.css +45 -48
- package/es/RippleEffect/RippleEffect.js +1 -3
- package/es/Select/GroupSelect.js +58 -14
- package/es/Select/Select.js +79 -33
- package/es/Select/Select.module.css +23 -23
- package/es/Select/SelectWithAvatar.js +17 -4
- package/es/Select/SelectWithIcon.js +46 -5
- package/es/Select/props/propTypes.js +2 -2
- package/es/Stencils/Stencils.js +3 -3
- package/es/Stencils/Stencils.module.css +11 -11
- package/es/Switch/Switch.js +5 -3
- package/es/Switch/Switch.module.css +23 -23
- package/es/Tab/Tab.js +4 -4
- package/es/Tab/Tab.module.css +14 -14
- package/es/Tab/TabContent.js +1 -0
- package/es/Tab/TabContentWrapper.js +3 -0
- package/es/Tab/TabWrapper.js +5 -2
- package/es/Tab/Tabs.js +54 -7
- package/es/Tab/Tabs.module.css +22 -22
- package/es/Tag/Tag.js +6 -3
- package/es/Tag/Tag.module.css +24 -25
- package/es/TextBox/TextBox.js +16 -3
- package/es/TextBox/TextBox.module.css +9 -9
- package/es/TextBoxIcon/TextBoxIcon.js +9 -2
- package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/es/TextBoxIcon/props/propTypes.js +1 -2
- package/es/Textarea/Textarea.js +12 -3
- package/es/Textarea/Textarea.module.css +21 -21
- package/es/Tooltip/Tooltip.js +58 -14
- package/es/Tooltip/Tooltip.module.css +5 -5
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -2
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +7 -5
- package/es/common/animation.module.css +8 -8
- package/es/common/avatarsizes.module.css +16 -16
- package/es/common/basicReset.module.css +3 -3
- package/es/common/common.module.css +24 -24
- package/es/common/customscroll.module.css +2 -2
- package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
- package/es/semantic/Button/Button.js +3 -2
- package/es/semantic/Button/semanticButton.module.css +1 -1
- package/es/utils/Common.js +54 -9
- package/es/utils/ContextOptimizer.js +4 -5
- package/es/utils/constructFullName.js +2 -0
- package/es/utils/datetime/common.js +16 -5
- package/es/utils/debounce.js +5 -1
- package/es/utils/dropDownUtils.js +68 -11
- package/es/utils/getInitial.js +4 -0
- package/es/utils/shallowEqual.js +6 -0
- package/es/v1/Accordion/Accordion.js +4 -3
- package/es/v1/Accordion/AccordionItem.js +4 -2
- package/es/v1/Animation/Animation.js +5 -89
- package/es/v1/Animation/utils.js +83 -0
- package/es/v1/AppContainer/AppContainer.js +9 -3
- package/es/v1/Avatar/Avatar.js +18 -6
- package/es/v1/AvatarTeam/AvatarTeam.js +1 -0
- package/es/v1/Button/Button.js +3 -3
- package/es/v1/Card/Card.js +16 -8
- package/es/v1/CheckBox/CheckBox.js +6 -3
- package/es/v1/DateTime/CalendarView.js +32 -20
- package/es/v1/DateTime/DateTime.js +69 -6
- package/es/v1/DateTime/DateTimePopupFooter.js +4 -1
- package/es/v1/DateTime/DateTimePopupHeader.js +8 -2
- package/es/v1/DateTime/DateWidget.js +98 -35
- package/es/v1/DateTime/DaysRow.js +4 -1
- package/es/v1/DateTime/Time.js +10 -1
- package/es/v1/DateTime/YearView.js +28 -4
- package/es/v1/DropBox/DropBox.js +6 -2
- package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +7 -0
- package/es/v1/DropBox/props/defaultProps.js +1 -2
- package/es/v1/DropBox/props/propTypes.js +1 -2
- package/es/v1/DropDown/DropDown.js +3 -0
- package/es/v1/DropDown/DropDownHeading.js +2 -2
- package/es/v1/DropDown/DropDownItem.js +5 -0
- package/es/v1/DropDown/DropDownSearch.js +3 -2
- package/es/v1/DropDown/props/propTypes.js +1 -2
- package/es/v1/Heading/Heading.js +1 -3
- package/es/v1/Layout/Box.js +15 -2
- package/es/v1/Layout/Container.js +14 -3
- package/es/v1/ListItem/ListContainer.js +8 -3
- package/es/v1/ListItem/ListItem.js +10 -3
- package/es/v1/ListItem/ListItemWithAvatar.js +9 -1
- package/es/v1/ListItem/ListItemWithCheckBox.js +8 -2
- package/es/v1/ListItem/ListItemWithIcon.js +9 -3
- package/es/v1/ListItem/ListItemWithRadio.js +8 -3
- package/es/v1/Modal/Modal.js +17 -1
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +90 -15
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +32 -9
- package/es/v1/MultiSelect/EmptyState.js +2 -0
- package/es/v1/MultiSelect/MultiSelect.js +100 -31
- package/es/v1/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +11 -3
- package/es/v1/MultiSelect/SelectedOptions.js +6 -3
- package/es/v1/MultiSelect/Suggestions.js +7 -3
- package/es/v1/MultiSelect/props/propTypes.js +2 -2
- package/es/v1/PopOver/PopOver.js +11 -0
- package/es/v1/Popup/Popup.js +77 -24
- package/es/v1/Provider/IdProvider.js +10 -5
- package/es/v1/Provider/LibraryContext.js +6 -4
- package/es/v1/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/v1/Provider/ZindexProvider.js +9 -2
- package/es/v1/Radio/Radio.js +5 -2
- package/es/v1/Responsive/CustomResponsive.js +30 -18
- package/es/v1/Responsive/RefWrapper.js +6 -7
- package/es/v1/Responsive/ResizeComponent.js +35 -25
- package/es/v1/Responsive/ResizeObserver.js +26 -6
- package/es/v1/Responsive/Responsive.js +34 -20
- package/es/v1/Responsive/index.js +1 -3
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +1 -0
- package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -2
- package/es/v1/Select/GroupSelect.js +58 -14
- package/es/v1/Select/Select.js +81 -37
- package/es/v1/Select/SelectWithAvatar.js +17 -4
- package/es/v1/Select/SelectWithIcon.js +46 -5
- package/es/v1/Select/props/propTypes.js +2 -2
- package/es/v1/Stencils/Stencils.js +2 -0
- package/es/v1/Switch/Switch.js +6 -3
- package/es/v1/Tab/Tab.js +3 -3
- package/es/v1/Tab/TabContent.js +1 -0
- package/es/v1/Tab/TabContentWrapper.js +3 -0
- package/es/v1/Tab/TabWrapper.js +5 -2
- package/es/v1/Tab/Tabs.js +54 -9
- package/es/v1/Tab/v1Tab.module.css +14 -14
- package/es/v1/Tab/v1Tabs.module.css +22 -22
- package/es/v1/Tag/Tag.js +5 -1
- package/es/v1/TextBox/TextBox.js +14 -0
- package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -2
- package/es/v1/TextBoxIcon/props/propTypes.js +1 -2
- package/es/v1/Textarea/Textarea.js +10 -3
- package/es/v1/Tooltip/Tooltip.js +58 -14
- package/es/v1/Typography/Typography.js +2 -0
- package/es/v1/Typography/css/Typography.module.css +31 -31
- package/es/v1/Typography/css/cssJSLogic.js +3 -0
- package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -2
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -4
- package/es/v1/semantic/Button/Button.js +1 -2
- package/lib/Accordion/Accordion.js +42 -18
- package/lib/Accordion/AccordionItem.js +40 -18
- package/lib/Accordion/index.js +3 -0
- package/lib/Accordion/props/propTypes.js +3 -0
- package/lib/Animation/Animation.js +42 -104
- package/lib/Animation/props/propTypes.js +3 -0
- package/lib/Animation/utils.js +94 -0
- package/lib/AppContainer/AppContainer.js +58 -20
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/AppContainer/props/propTypes.js +3 -0
- package/lib/Avatar/Avatar.js +78 -38
- package/lib/Avatar/Avatar.module.css +18 -18
- package/lib/Avatar/__tests__/Avatar.spec.js +95 -71
- package/lib/Avatar/props/propTypes.js +3 -0
- package/lib/AvatarTeam/AvatarTeam.js +52 -30
- package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +77 -61
- package/lib/AvatarTeam/props/propTypes.js +3 -0
- package/lib/Button/Button.js +33 -22
- package/lib/Button/__tests__/Button.spec.js +65 -48
- package/lib/Button/css/Button.module.css +70 -70
- package/lib/Button/css/cssJSLogic.js +18 -17
- package/lib/Button/index.js +3 -0
- package/lib/Button/props/defaultProps.js +2 -0
- package/lib/Button/props/propTypes.js +3 -0
- package/lib/Buttongroup/Buttongroup.js +32 -12
- package/lib/Buttongroup/Buttongroup.module.css +13 -15
- package/lib/Buttongroup/__tests__/Buttongroup.spec.js +18 -10
- package/lib/Buttongroup/props/propTypes.js +3 -0
- package/lib/Card/Card.js +102 -46
- package/lib/Card/index.js +4 -0
- package/lib/Card/props/propTypes.js +3 -0
- package/lib/CheckBox/CheckBox.js +71 -47
- package/lib/CheckBox/CheckBox.module.css +15 -15
- package/lib/CheckBox/props/propTypes.js +3 -0
- package/lib/DateTime/CalendarView.js +82 -42
- package/lib/DateTime/DateTime.js +244 -156
- package/lib/DateTime/DateTime.module.css +40 -40
- package/lib/DateTime/DateTimePopupFooter.js +33 -8
- package/lib/DateTime/DateTimePopupHeader.js +49 -17
- package/lib/DateTime/DateWidget.js +350 -249
- package/lib/DateTime/DateWidget.module.css +5 -5
- package/lib/DateTime/DaysRow.js +28 -5
- package/lib/DateTime/Time.js +75 -32
- package/lib/DateTime/YearView.js +76 -27
- package/lib/DateTime/YearView.module.css +15 -15
- package/lib/DateTime/common.js +6 -0
- package/lib/DateTime/constants.js +1 -0
- package/lib/DateTime/dateFormatUtils/dateFormat.js +187 -122
- package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/lib/DateTime/dateFormatUtils/dayChange.js +15 -7
- package/lib/DateTime/dateFormatUtils/index.js +73 -16
- package/lib/DateTime/dateFormatUtils/monthChange.js +20 -9
- package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
- package/lib/DateTime/dateFormatUtils/yearChange.js +23 -11
- package/lib/DateTime/index.js +2 -0
- package/lib/DateTime/objectUtils.js +24 -20
- package/lib/DateTime/props/propTypes.js +11 -1
- package/lib/DateTime/typeChecker.js +4 -0
- package/lib/DateTime/validator.js +73 -10
- package/lib/DropBox/DropBox.js +45 -21
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +59 -38
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +73 -76
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +42 -34
- package/lib/DropBox/DropBoxElement/props/propTypes.js +3 -0
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
- package/lib/DropBox/css/DropBox.module.css +6 -6
- package/lib/DropBox/css/cssJSLogic.js +3 -1
- package/lib/DropBox/props/defaultProps.js +8 -4
- package/lib/DropBox/props/propTypes.js +10 -4
- package/lib/DropDown/DropDown.js +51 -5
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.js +39 -20
- package/lib/DropDown/DropDownHeading.module.css +6 -6
- package/lib/DropDown/DropDownItem.js +42 -20
- package/lib/DropDown/DropDownItem.module.css +12 -12
- package/lib/DropDown/DropDownSearch.js +40 -17
- package/lib/DropDown/DropDownSearch.module.css +3 -3
- package/lib/DropDown/DropDownSeparator.js +24 -4
- package/lib/DropDown/DropDownSeparator.module.css +2 -2
- package/lib/DropDown/index.js +9 -0
- package/lib/DropDown/props/propTypes.js +10 -4
- package/lib/Heading/Heading.js +37 -15
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Heading/props/propTypes.js +3 -0
- package/lib/Label/Label.js +41 -21
- package/lib/Label/Label.module.css +5 -5
- package/lib/Label/__tests__/Label.spec.js +48 -34
- package/lib/Label/props/propTypes.js +3 -0
- package/lib/Layout/Box.js +35 -15
- package/lib/Layout/Container.js +33 -14
- package/lib/Layout/Layout.module.css +15 -15
- package/lib/Layout/index.js +3 -0
- package/lib/Layout/props/propTypes.js +3 -0
- package/lib/Layout/utils.js +11 -0
- package/lib/ListItem/ListContainer.js +55 -30
- package/lib/ListItem/ListItem.js +74 -45
- package/lib/ListItem/ListItem.module.css +27 -38
- package/lib/ListItem/ListItemWithAvatar.js +80 -48
- package/lib/ListItem/ListItemWithCheckBox.js +70 -40
- package/lib/ListItem/ListItemWithIcon.js +73 -44
- package/lib/ListItem/ListItemWithRadio.js +71 -42
- package/lib/ListItem/index.js +7 -0
- package/lib/ListItem/props/propTypes.js +6 -4
- package/lib/Modal/Modal.js +45 -10
- package/lib/Modal/props/propTypes.js +3 -0
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +293 -166
- package/lib/MultiSelect/AdvancedMultiSelect.js +202 -125
- package/lib/MultiSelect/EmptyState.js +45 -24
- package/lib/MultiSelect/MobileHeader/MobileHeader.js +14 -5
- package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +5 -5
- package/lib/MultiSelect/MobileHeader/props/propTypes.js +3 -0
- package/lib/MultiSelect/MultiSelect.js +333 -214
- package/lib/MultiSelect/MultiSelect.module.css +31 -31
- package/lib/MultiSelect/MultiSelectHeader.js +29 -7
- package/lib/MultiSelect/MultiSelectWithAvatar.js +85 -43
- package/lib/MultiSelect/SelectedOptions.js +43 -17
- package/lib/MultiSelect/SelectedOptions.module.css +5 -5
- package/lib/MultiSelect/Suggestions.js +64 -32
- package/lib/MultiSelect/index.js +5 -0
- package/lib/MultiSelect/props/defaultProps.js +2 -0
- package/lib/MultiSelect/props/propTypes.js +14 -4
- package/lib/PopOver/PopOver.js +94 -47
- package/lib/PopOver/index.js +4 -0
- package/lib/PopOver/props/propTypes.js +3 -0
- package/lib/Popup/Popup.js +158 -81
- package/lib/Popup/viewPort.js +28 -14
- package/lib/Provider/AvatarSize.js +4 -0
- package/lib/Provider/Config.js +2 -0
- package/lib/Provider/CssProvider.js +4 -0
- package/lib/Provider/IdProvider.js +17 -6
- package/lib/Provider/LibraryContext.js +35 -15
- package/lib/Provider/LibraryContextInit.js +4 -0
- package/lib/Provider/NumberGenerator/NumberGenerator.js +44 -15
- package/lib/Provider/ZindexProvider.js +15 -3
- package/lib/Provider/index.js +5 -0
- package/lib/Radio/Radio.js +60 -36
- package/lib/Radio/Radio.module.css +9 -9
- package/lib/Radio/__tests__/Radio.spec.js +134 -103
- package/lib/Radio/props/propTypes.js +3 -0
- package/lib/Responsive/CustomResponsive.js +73 -29
- package/lib/Responsive/RefWrapper.js +17 -11
- package/lib/Responsive/ResizeComponent.js +62 -36
- package/lib/Responsive/ResizeObserver.js +24 -10
- package/lib/Responsive/Responsive.js +80 -30
- package/lib/Responsive/index.js +4 -0
- package/lib/Responsive/props/propTypes.js +3 -0
- package/lib/Responsive/sizeObservers.js +53 -17
- package/lib/Responsive/utils/index.js +11 -3
- package/lib/Responsive/utils/shallowCompare.js +11 -2
- package/lib/Responsive/windowResizeObserver.js +8 -0
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +45 -17
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/lib/ResponsiveDropBox/props/propTypes.js +9 -4
- package/lib/Ribbon/Ribbon.js +33 -13
- package/lib/Ribbon/Ribbon.module.css +45 -48
- package/lib/Ribbon/__tests__/Ribbon.spec.js +24 -14
- package/lib/Ribbon/props/propTypes.js +3 -0
- package/lib/RippleEffect/RippleEffect.js +18 -10
- package/lib/RippleEffect/__tests__/RippleEffect.spec.js +34 -22
- package/lib/RippleEffect/props/propTypes.js +3 -0
- package/lib/Select/GroupSelect.js +229 -130
- package/lib/Select/Select.js +295 -211
- package/lib/Select/Select.module.css +23 -23
- package/lib/Select/SelectWithAvatar.js +102 -56
- package/lib/Select/SelectWithIcon.js +131 -76
- package/lib/Select/index.js +5 -0
- package/lib/Select/props/defaultProps.js +5 -4
- package/lib/Select/props/propTypes.js +10 -4
- package/lib/Stencils/Stencils.js +29 -10
- package/lib/Stencils/Stencils.module.css +11 -11
- package/lib/Stencils/__tests__/Stencils.spec.js +22 -13
- package/lib/Stencils/props/propTypes.js +3 -0
- package/lib/Switch/Switch.js +57 -34
- package/lib/Switch/Switch.module.css +23 -23
- package/lib/Switch/__tests__/Switch.spec.js +91 -72
- package/lib/Switch/props/propTypes.js +3 -0
- package/lib/Tab/Tab.js +40 -27
- package/lib/Tab/Tab.module.css +14 -14
- package/lib/Tab/TabContent.js +12 -5
- package/lib/Tab/TabContentWrapper.js +16 -8
- package/lib/Tab/TabWrapper.js +37 -19
- package/lib/Tab/Tabs.js +171 -91
- package/lib/Tab/Tabs.module.css +22 -22
- package/lib/Tab/index.js +6 -0
- package/lib/Tab/props/propTypes.js +3 -0
- package/lib/Tag/Tag.js +72 -43
- package/lib/Tag/Tag.module.css +24 -25
- package/lib/Tag/props/propTypes.js +3 -0
- package/lib/TextBox/TextBox.js +86 -60
- package/lib/TextBox/TextBox.module.css +9 -9
- package/lib/TextBox/props/propTypes.js +6 -4
- package/lib/TextBoxIcon/TextBoxIcon.js +80 -53
- package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/lib/TextBoxIcon/props/propTypes.js +9 -4
- package/lib/Textarea/Textarea.js +54 -29
- package/lib/Textarea/Textarea.module.css +21 -21
- package/lib/Textarea/props/propTypes.js +3 -0
- package/lib/Tooltip/Tooltip.js +94 -31
- package/lib/Tooltip/Tooltip.module.css +5 -5
- package/lib/Tooltip/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +40 -16
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +53 -25
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/index.js +3 -0
- package/lib/common/animation.module.css +8 -8
- package/lib/common/avatarsizes.module.css +16 -16
- package/lib/common/basicReset.module.css +3 -3
- package/lib/common/common.module.css +24 -24
- package/lib/common/customscroll.module.css +2 -2
- package/lib/css.js +40 -0
- package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
- package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
- package/lib/index.js +58 -0
- package/lib/semantic/Button/Button.js +42 -22
- package/lib/semantic/Button/props/propTypes.js +3 -0
- package/lib/semantic/Button/semanticButton.module.css +1 -1
- package/lib/semantic/index.js +2 -0
- package/lib/utils/Common.js +111 -18
- package/lib/utils/ContextOptimizer.js +16 -10
- package/lib/utils/constructFullName.js +13 -4
- package/lib/utils/datetime/common.js +34 -5
- package/lib/utils/debounce.js +6 -1
- package/lib/utils/dropDownUtils.js +175 -59
- package/lib/utils/dummyFunction.js +2 -0
- package/lib/utils/getHTMLFontSize.js +1 -0
- package/lib/utils/getInitial.js +6 -0
- package/lib/utils/index.js +1 -0
- package/lib/utils/scrollTo.js +2 -0
- package/lib/utils/shallowEqual.js +8 -0
- package/lib/v1/Accordion/Accordion.js +38 -19
- package/lib/v1/Accordion/AccordionItem.js +23 -13
- package/lib/v1/Accordion/index.js +3 -0
- package/lib/v1/Accordion/props/propTypes.js +3 -0
- package/lib/v1/Animation/Animation.js +24 -100
- package/lib/v1/Animation/props/propTypes.js +3 -0
- package/lib/v1/Animation/utils.js +94 -0
- package/lib/v1/AppContainer/AppContainer.js +46 -17
- package/lib/v1/AppContainer/props/propTypes.js +3 -0
- package/lib/v1/Avatar/Avatar.js +68 -32
- package/lib/v1/Avatar/props/propTypes.js +3 -0
- package/lib/v1/AvatarTeam/AvatarTeam.js +32 -24
- package/lib/v1/AvatarTeam/props/propTypes.js +3 -0
- package/lib/v1/Button/Button.js +32 -22
- package/lib/v1/Button/props/defaultProps.js +2 -0
- package/lib/v1/Button/props/propTypes.js +3 -0
- package/lib/v1/Buttongroup/Buttongroup.js +13 -5
- package/lib/v1/Buttongroup/props/propTypes.js +3 -0
- package/lib/v1/Card/Card.js +78 -44
- package/lib/v1/Card/index.js +4 -0
- package/lib/v1/Card/props/propTypes.js +3 -0
- package/lib/v1/CheckBox/CheckBox.js +52 -41
- package/lib/v1/CheckBox/props/propTypes.js +3 -0
- package/lib/v1/DateTime/CalendarView.js +89 -48
- package/lib/v1/DateTime/DateTime.js +246 -158
- package/lib/v1/DateTime/DateTimePopupFooter.js +33 -8
- package/lib/v1/DateTime/DateTimePopupHeader.js +49 -17
- package/lib/v1/DateTime/DateWidget.js +352 -251
- package/lib/v1/DateTime/DaysRow.js +28 -5
- package/lib/v1/DateTime/Time.js +75 -32
- package/lib/v1/DateTime/YearView.js +76 -27
- package/lib/v1/DateTime/index.js +2 -0
- package/lib/v1/DateTime/props/propTypes.js +11 -1
- package/lib/v1/DropBox/DropBox.js +45 -21
- package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +59 -38
- package/lib/v1/DropBox/DropBoxElement/props/propTypes.js +3 -0
- package/lib/v1/DropBox/props/defaultProps.js +8 -4
- package/lib/v1/DropBox/props/propTypes.js +10 -4
- package/lib/v1/DropDown/DropDown.js +23 -3
- package/lib/v1/DropDown/DropDownHeading.js +20 -13
- package/lib/v1/DropDown/DropDownItem.js +26 -11
- package/lib/v1/DropDown/DropDownSearch.js +28 -16
- package/lib/v1/DropDown/DropDownSeparator.js +7 -1
- package/lib/v1/DropDown/props/propTypes.js +10 -4
- package/lib/v1/Heading/Heading.js +19 -14
- package/lib/v1/Heading/props/propTypes.js +3 -0
- package/lib/v1/Label/Label.js +22 -14
- package/lib/v1/Label/props/propTypes.js +3 -0
- package/lib/v1/Layout/Box.js +35 -15
- package/lib/v1/Layout/Container.js +33 -14
- package/lib/v1/Layout/index.js +3 -0
- package/lib/v1/Layout/props/propTypes.js +3 -0
- package/lib/v1/ListItem/ListContainer.js +55 -30
- package/lib/v1/ListItem/ListItem.js +53 -38
- package/lib/v1/ListItem/ListItemWithAvatar.js +62 -39
- package/lib/v1/ListItem/ListItemWithCheckBox.js +49 -34
- package/lib/v1/ListItem/ListItemWithIcon.js +52 -37
- package/lib/v1/ListItem/ListItemWithRadio.js +49 -35
- package/lib/v1/ListItem/index.js +7 -0
- package/lib/v1/ListItem/props/propTypes.js +6 -4
- package/lib/v1/Modal/Modal.js +46 -9
- package/lib/v1/Modal/props/propTypes.js +3 -0
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +294 -168
- package/lib/v1/MultiSelect/AdvancedMultiSelect.js +202 -125
- package/lib/v1/MultiSelect/EmptyState.js +45 -24
- package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js +14 -5
- package/lib/v1/MultiSelect/MobileHeader/props/propTypes.js +3 -0
- package/lib/v1/MultiSelect/MultiSelect.js +335 -216
- package/lib/v1/MultiSelect/MultiSelectHeader.js +29 -7
- package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +86 -43
- package/lib/v1/MultiSelect/SelectedOptions.js +43 -17
- package/lib/v1/MultiSelect/Suggestions.js +64 -32
- package/lib/v1/MultiSelect/index.js +5 -0
- package/lib/v1/MultiSelect/props/defaultProps.js +2 -0
- package/lib/v1/MultiSelect/props/propTypes.js +14 -4
- package/lib/v1/PopOver/PopOver.js +71 -40
- package/lib/v1/PopOver/props/propTypes.js +3 -0
- package/lib/v1/Popup/Popup.js +158 -81
- package/lib/v1/Provider/AvatarSize.js +4 -0
- package/lib/v1/Provider/Config.js +2 -0
- package/lib/v1/Provider/CssProvider.js +4 -0
- package/lib/v1/Provider/IdProvider.js +17 -6
- package/lib/v1/Provider/LibraryContext.js +35 -15
- package/lib/v1/Provider/LibraryContextInit.js +4 -0
- package/lib/v1/Provider/NumberGenerator/NumberGenerator.js +44 -15
- package/lib/v1/Provider/ZindexProvider.js +15 -3
- package/lib/v1/Provider/index.js +5 -0
- package/lib/v1/Radio/Radio.js +42 -32
- package/lib/v1/Radio/props/propTypes.js +3 -0
- package/lib/v1/Responsive/CustomResponsive.js +73 -29
- package/lib/v1/Responsive/RefWrapper.js +17 -11
- package/lib/v1/Responsive/ResizeComponent.js +62 -36
- package/lib/v1/Responsive/ResizeObserver.js +24 -10
- package/lib/v1/Responsive/Responsive.js +80 -30
- package/lib/v1/Responsive/index.js +4 -0
- package/lib/v1/Responsive/props/propTypes.js +3 -0
- package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +27 -13
- package/lib/v1/ResponsiveDropBox/props/propTypes.js +9 -4
- package/lib/v1/Ribbon/Ribbon.js +14 -7
- package/lib/v1/Ribbon/props/propTypes.js +3 -0
- package/lib/v1/RippleEffect/RippleEffect.js +17 -7
- package/lib/v1/RippleEffect/props/propTypes.js +3 -0
- package/lib/v1/Select/GroupSelect.js +229 -130
- package/lib/v1/Select/Select.js +297 -214
- package/lib/v1/Select/SelectWithAvatar.js +102 -56
- package/lib/v1/Select/SelectWithIcon.js +131 -76
- package/lib/v1/Select/index.js +5 -0
- package/lib/v1/Select/props/defaultProps.js +5 -4
- package/lib/v1/Select/props/propTypes.js +10 -4
- package/lib/v1/Stencils/Stencils.js +13 -3
- package/lib/v1/Stencils/props/propTypes.js +3 -0
- package/lib/v1/Switch/Switch.js +38 -25
- package/lib/v1/Switch/props/propTypes.js +3 -0
- package/lib/v1/Tab/Tab.js +40 -27
- package/lib/v1/Tab/TabContent.js +12 -5
- package/lib/v1/Tab/TabContentWrapper.js +16 -8
- package/lib/v1/Tab/TabWrapper.js +37 -19
- package/lib/v1/Tab/Tabs.js +170 -83
- package/lib/v1/Tab/index.js +6 -0
- package/lib/v1/Tab/props/propTypes.js +3 -0
- package/lib/v1/Tab/v1Tab.module.css +14 -14
- package/lib/v1/Tab/v1Tabs.module.css +22 -22
- package/lib/v1/Tag/Tag.js +50 -32
- package/lib/v1/Tag/props/propTypes.js +3 -0
- package/lib/v1/TextBox/TextBox.js +70 -47
- package/lib/v1/TextBox/props/propTypes.js +6 -4
- package/lib/v1/TextBoxIcon/TextBoxIcon.js +80 -55
- package/lib/v1/TextBoxIcon/props/propTypes.js +9 -4
- package/lib/v1/Textarea/Textarea.js +45 -28
- package/lib/v1/Textarea/props/propTypes.js +3 -0
- package/lib/v1/Tooltip/Tooltip.js +94 -31
- package/lib/v1/Tooltip/props/propTypes.js +3 -0
- package/lib/v1/Typography/Typography.js +26 -15
- package/lib/v1/Typography/css/Typography.module.css +31 -31
- package/lib/v1/Typography/css/cssJSLogic.js +25 -20
- package/lib/v1/Typography/props/propTypes.js +3 -0
- package/lib/v1/Typography/utils/index.js +1 -0
- package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +25 -12
- package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +38 -22
- package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/v1/semantic/Button/Button.js +24 -18
- package/lib/v1/semantic/Button/props/propTypes.js +3 -0
- package/lib/v1/semantic/index.js +2 -0
- package/package.json +2 -2
- package/result.json +1 -1
- package/.DS_Store +0 -0
|
@@ -4,26 +4,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getChangedDay = getChangedDay;
|
|
7
|
+
|
|
7
8
|
var _index = require("./index");
|
|
9
|
+
|
|
8
10
|
var _Common = require("../../utils/Common");
|
|
9
|
-
/** * Methods ** */
|
|
10
11
|
|
|
12
|
+
/** * Methods ** */
|
|
11
13
|
function getChangedDay(values, event, focusOrders, keyActions) {
|
|
12
14
|
var keyCode = event.keyCode,
|
|
13
|
-
|
|
15
|
+
which = event.which;
|
|
14
16
|
var _values$day = values.day,
|
|
15
|
-
|
|
17
|
+
day = _values$day === void 0 ? '' : _values$day;
|
|
16
18
|
var isChanged = false;
|
|
17
|
-
var newDay = Number.parseInt(day) || 0;
|
|
18
|
-
// const newMonth = Number.parseInt(month) || 0;
|
|
19
|
+
var newDay = Number.parseInt(day) || 0; // const newMonth = Number.parseInt(month) || 0;
|
|
19
20
|
// const newYear = Number.parseInt(year) || 0;
|
|
20
21
|
|
|
21
22
|
var focusOrder = focusOrders.focusOrder;
|
|
22
23
|
var newFocusOrder = focusOrder;
|
|
23
24
|
var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
|
|
25
|
+
|
|
24
26
|
var _getDayDetails = (0, _index.getDayDetails)(),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
startPoint = _getDayDetails.startPoint,
|
|
28
|
+
endPoint = _getDayDetails.endPoint;
|
|
29
|
+
|
|
27
30
|
if (keyCode === 38) {
|
|
28
31
|
//up arrow
|
|
29
32
|
if (newDay === endPoint || !newDay) {
|
|
@@ -46,15 +49,19 @@ function getChangedDay(values, event, focusOrders, keyActions) {
|
|
|
46
49
|
var keyString = (0, _Common.getKeyValue)(event);
|
|
47
50
|
var newValue = isNewType ? keyString : day.toString() + keyString;
|
|
48
51
|
newValue = Number.parseInt(newValue);
|
|
52
|
+
|
|
49
53
|
if (isNewType) {
|
|
50
54
|
isChanged = true;
|
|
55
|
+
|
|
51
56
|
if (newValue * 10 > endPoint) {
|
|
52
57
|
newFocusOrder += 1;
|
|
53
58
|
}
|
|
59
|
+
|
|
54
60
|
newDay = newValue;
|
|
55
61
|
} else {
|
|
56
62
|
isChanged = true;
|
|
57
63
|
newFocusOrder += 1;
|
|
64
|
+
|
|
58
65
|
if (newValue > endPoint) {
|
|
59
66
|
newDay = endPoint;
|
|
60
67
|
} else if (!newValue) {
|
|
@@ -67,6 +74,7 @@ function getChangedDay(values, event, focusOrders, keyActions) {
|
|
|
67
74
|
isChanged = true;
|
|
68
75
|
newDay = '';
|
|
69
76
|
}
|
|
77
|
+
|
|
70
78
|
return {
|
|
71
79
|
day: newDay,
|
|
72
80
|
isChanged: isChanged,
|
|
@@ -26,22 +26,27 @@ exports.getMonthDetails = getMonthDetails;
|
|
|
26
26
|
exports.getNoonDetails = getNoonDetails;
|
|
27
27
|
exports.getYearDetails = getYearDetails;
|
|
28
28
|
exports.removeYearPattern = removeYearPattern;
|
|
29
|
+
|
|
29
30
|
var _common = require("../../utils/datetime/common");
|
|
31
|
+
|
|
30
32
|
var _constants = require("../constants");
|
|
33
|
+
|
|
31
34
|
var _dateFormat = require("./dateFormat");
|
|
35
|
+
|
|
32
36
|
/* eslint-disable no-param-reassign */
|
|
33
37
|
|
|
34
38
|
/** * Methods ** */
|
|
35
39
|
|
|
36
40
|
/** * Constants ** */
|
|
37
|
-
|
|
38
41
|
function convertYearToTwoDigit(year) {
|
|
39
42
|
return parseInt(year.toString().slice(-2));
|
|
40
43
|
}
|
|
44
|
+
|
|
41
45
|
function addZero() {
|
|
42
46
|
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
43
47
|
var length = arguments.length > 1 ? arguments[1] : undefined;
|
|
44
48
|
var newValue = value.toString();
|
|
49
|
+
|
|
45
50
|
for (var i = 0; i < length; i++) {
|
|
46
51
|
if (newValue.length < length) {
|
|
47
52
|
newValue = "0".concat(newValue);
|
|
@@ -49,56 +54,70 @@ function addZero() {
|
|
|
49
54
|
break;
|
|
50
55
|
}
|
|
51
56
|
}
|
|
57
|
+
|
|
52
58
|
return newValue;
|
|
53
59
|
}
|
|
60
|
+
|
|
54
61
|
function getDayEnd(month, year) {
|
|
55
62
|
month -= 1;
|
|
56
63
|
var monthend = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
|
64
|
+
|
|
57
65
|
if (month && year) {
|
|
58
66
|
return (0, _common.getMonthEnd)(month, year);
|
|
59
67
|
} else if (month) {
|
|
60
68
|
return monthend[month];
|
|
61
69
|
}
|
|
70
|
+
|
|
62
71
|
return 31;
|
|
63
72
|
}
|
|
73
|
+
|
|
64
74
|
function getIsNumberTyped(event) {
|
|
65
75
|
var keyCode = event.keyCode,
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
76
|
+
ctrlKey = event.ctrlKey,
|
|
77
|
+
metaKey = event.metaKey,
|
|
78
|
+
shiftKey = event.shiftKey;
|
|
79
|
+
|
|
69
80
|
if ((keyCode >= 48 && keyCode <= 57 || keyCode >= 96 && keyCode <= 105) && !ctrlKey && !metaKey && !shiftKey) {
|
|
70
81
|
return true;
|
|
71
82
|
}
|
|
83
|
+
|
|
72
84
|
return false;
|
|
73
85
|
}
|
|
86
|
+
|
|
74
87
|
function getIsDeleteTyped(keyCode) {
|
|
75
88
|
if (keyCode === 8) {
|
|
76
89
|
return true;
|
|
77
90
|
}
|
|
91
|
+
|
|
78
92
|
return false;
|
|
79
93
|
}
|
|
94
|
+
|
|
80
95
|
function getIsNewValueType(focusOrders, keyActions) {
|
|
81
96
|
var focusOrder = focusOrders.focusOrder,
|
|
82
|
-
|
|
97
|
+
oldFocusOrder = focusOrders.oldFocusOrder;
|
|
83
98
|
var oldKeyAction = keyActions.oldKeyAction,
|
|
84
|
-
|
|
99
|
+
keyAction = keyActions.keyAction;
|
|
85
100
|
return focusOrder !== oldFocusOrder || oldKeyAction !== keyAction;
|
|
86
101
|
}
|
|
102
|
+
|
|
87
103
|
function getDayDetails() {
|
|
88
104
|
return {
|
|
89
105
|
startPoint: 1,
|
|
90
106
|
endPoint: 31
|
|
91
107
|
};
|
|
92
108
|
}
|
|
109
|
+
|
|
93
110
|
function getMonthDetails() {
|
|
94
111
|
return {
|
|
95
112
|
startPoint: 1,
|
|
96
113
|
endPoint: 12
|
|
97
114
|
};
|
|
98
115
|
}
|
|
116
|
+
|
|
99
117
|
function getYearDetails(yearLength) {
|
|
100
118
|
var dateObj = new Date();
|
|
101
119
|
var year = dateObj.getFullYear();
|
|
120
|
+
|
|
102
121
|
if (yearLength === 2) {
|
|
103
122
|
return {
|
|
104
123
|
startPoint: 0,
|
|
@@ -106,12 +125,14 @@ function getYearDetails(yearLength) {
|
|
|
106
125
|
currentYear: year
|
|
107
126
|
};
|
|
108
127
|
}
|
|
128
|
+
|
|
109
129
|
return {
|
|
110
130
|
startPoint: 1850,
|
|
111
131
|
endPoint: 9999,
|
|
112
132
|
currentYear: year
|
|
113
133
|
};
|
|
114
134
|
}
|
|
135
|
+
|
|
115
136
|
function convertTwoDigitToYear() {
|
|
116
137
|
var digitValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
117
138
|
var selectedYear = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
@@ -119,106 +140,139 @@ function convertTwoDigitToYear() {
|
|
|
119
140
|
var year = dateObj.getFullYear();
|
|
120
141
|
var digitValueStr = addZero(digitValue.toString(), 2);
|
|
121
142
|
year = selectedYear ? selectedYear : year;
|
|
143
|
+
|
|
122
144
|
if (digitValueStr && digitValueStr.length <= 2) {
|
|
123
145
|
return parseInt(year.toString().slice(0, 2) + digitValueStr);
|
|
124
146
|
}
|
|
147
|
+
|
|
125
148
|
return digitValue;
|
|
126
149
|
}
|
|
150
|
+
|
|
127
151
|
function getHourDetails(is24Hour) {
|
|
128
152
|
return {
|
|
129
153
|
startPoint: is24Hour ? 0 : 1,
|
|
130
154
|
endPoint: is24Hour ? 23 : 12
|
|
131
155
|
};
|
|
132
156
|
}
|
|
157
|
+
|
|
133
158
|
function getHourSuggestions(is24Hour) {
|
|
134
159
|
var _getHourDetails = getHourDetails(is24Hour),
|
|
135
|
-
|
|
136
|
-
|
|
160
|
+
startPoint = _getHourDetails.startPoint,
|
|
161
|
+
endPoint = _getHourDetails.endPoint;
|
|
162
|
+
|
|
137
163
|
var hourArr = [];
|
|
164
|
+
|
|
138
165
|
for (var hour = startPoint; hour <= endPoint; hour++) {
|
|
139
166
|
var htxt = addZeroIfNeeded(hour);
|
|
140
167
|
hourArr.push(htxt);
|
|
141
168
|
}
|
|
169
|
+
|
|
142
170
|
return hourArr;
|
|
143
171
|
}
|
|
172
|
+
|
|
144
173
|
function getMinuteDetails() {
|
|
145
174
|
return {
|
|
146
175
|
startPoint: 0,
|
|
147
176
|
endPoint: 59
|
|
148
177
|
};
|
|
149
178
|
}
|
|
179
|
+
|
|
150
180
|
function getMinuteSuggestions() {
|
|
151
181
|
var _getMinuteDetails = getMinuteDetails(),
|
|
152
|
-
|
|
153
|
-
|
|
182
|
+
startPoint = _getMinuteDetails.startPoint,
|
|
183
|
+
endPoint = _getMinuteDetails.endPoint;
|
|
184
|
+
|
|
154
185
|
var minArr = [];
|
|
186
|
+
|
|
155
187
|
for (var minute = startPoint; minute <= endPoint; minute++) {
|
|
156
188
|
var mtxt = addZeroIfNeeded(minute);
|
|
157
189
|
minArr.push(mtxt);
|
|
158
190
|
}
|
|
191
|
+
|
|
159
192
|
return minArr;
|
|
160
193
|
}
|
|
194
|
+
|
|
161
195
|
function addZeroIfNeeded(value) {
|
|
162
196
|
return value < 10 ? "0".concat(value) : value;
|
|
163
197
|
}
|
|
198
|
+
|
|
164
199
|
function getIsNoonValueTyped(event) {
|
|
165
200
|
var keyCode = event.keyCode;
|
|
201
|
+
|
|
166
202
|
if (keyCode === 65 || keyCode === 77 || keyCode === 80) {
|
|
167
203
|
//A -65
|
|
168
204
|
//M -77
|
|
169
205
|
//P -80
|
|
170
206
|
return true;
|
|
171
207
|
}
|
|
208
|
+
|
|
172
209
|
return false;
|
|
173
210
|
}
|
|
211
|
+
|
|
174
212
|
function getNoonDetails() {
|
|
175
213
|
return {
|
|
176
214
|
allowedValues: ['AM', 'PM']
|
|
177
215
|
};
|
|
178
216
|
}
|
|
217
|
+
|
|
179
218
|
function getIsArrowTyped(keyCode) {
|
|
180
219
|
var arrowKeycodes = [37, 38, 39, 40];
|
|
220
|
+
|
|
181
221
|
if (arrowKeycodes.indexOf(keyCode) >= 0) {
|
|
182
222
|
return true;
|
|
183
223
|
}
|
|
224
|
+
|
|
184
225
|
return false;
|
|
185
226
|
}
|
|
227
|
+
|
|
186
228
|
function getIsSupportedKey(event) {
|
|
187
229
|
var keyCode = event.keyCode;
|
|
230
|
+
|
|
188
231
|
if (getIsArrowTyped(keyCode) || getIsDeleteTyped(keyCode) || getIsNumberTyped(event) || getIsNoonValueTyped(event)) {
|
|
189
232
|
return true;
|
|
190
233
|
}
|
|
234
|
+
|
|
191
235
|
return false;
|
|
192
236
|
}
|
|
237
|
+
|
|
193
238
|
function arrayIsNotEqual(a, b) {
|
|
194
239
|
return a.some(function (val, index) {
|
|
195
240
|
return val !== b[index];
|
|
196
241
|
});
|
|
197
242
|
}
|
|
243
|
+
|
|
198
244
|
function getIsEmptyValue(value, startPoint, endPoint) {
|
|
199
245
|
var newValue = parseInt(value) || 0;
|
|
246
|
+
|
|
200
247
|
if (newValue >= startPoint && newValue <= endPoint) {
|
|
201
248
|
return false;
|
|
202
249
|
}
|
|
250
|
+
|
|
203
251
|
return true;
|
|
204
252
|
}
|
|
253
|
+
|
|
205
254
|
function getIsEmptyHour(value, is24Hour) {
|
|
206
255
|
var _getHourDetails2 = getHourDetails(is24Hour),
|
|
207
|
-
|
|
208
|
-
|
|
256
|
+
startPoint = _getHourDetails2.startPoint,
|
|
257
|
+
endPoint = _getHourDetails2.endPoint;
|
|
258
|
+
|
|
209
259
|
return getIsEmptyValue(value, startPoint, endPoint);
|
|
210
260
|
}
|
|
261
|
+
|
|
211
262
|
function getIsEmptyYear(value, yearLength) {
|
|
212
263
|
var _getYearDetails = getYearDetails(yearLength),
|
|
213
|
-
|
|
214
|
-
|
|
264
|
+
startPoint = _getYearDetails.startPoint,
|
|
265
|
+
endPoint = _getYearDetails.endPoint;
|
|
266
|
+
|
|
215
267
|
return getIsEmptyValue(value, startPoint, endPoint);
|
|
216
268
|
}
|
|
269
|
+
|
|
217
270
|
function getIsCurrentYear(_ref) {
|
|
218
271
|
var isDateTime = _ref.isDateTime,
|
|
219
|
-
|
|
220
|
-
|
|
272
|
+
value = _ref.value,
|
|
273
|
+
timeZone = _ref.timeZone;
|
|
221
274
|
var isCurrentYear = false;
|
|
275
|
+
|
|
222
276
|
if (value && value !== _constants.INVALID_DATE) {
|
|
223
277
|
var dateObj = (0, _dateFormat.getDateText)(value, isDateTime, timeZone);
|
|
224
278
|
var currentDateObj = new Date();
|
|
@@ -226,16 +280,19 @@ function getIsCurrentYear(_ref) {
|
|
|
226
280
|
var selectedYear = dateObj.getFullYear();
|
|
227
281
|
isCurrentYear = currentYear === selectedYear;
|
|
228
282
|
}
|
|
283
|
+
|
|
229
284
|
return {
|
|
230
285
|
isCurrentYear: isCurrentYear
|
|
231
286
|
};
|
|
232
287
|
}
|
|
288
|
+
|
|
233
289
|
function removeYearPattern(dateFormatArr, patternArr) {
|
|
234
290
|
var newDateFormatArr = [];
|
|
235
291
|
var newPatternArr = [];
|
|
236
292
|
var yearIndex = '';
|
|
237
293
|
dateFormatArr.forEach(function (val, index) {
|
|
238
294
|
var type = _constants.flags[val].type;
|
|
295
|
+
|
|
239
296
|
if (type === 'year') {
|
|
240
297
|
yearIndex = index;
|
|
241
298
|
} else {
|
|
@@ -4,19 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getChangedMonth = getChangedMonth;
|
|
7
|
+
|
|
7
8
|
var _index = require("./index");
|
|
9
|
+
|
|
8
10
|
var _Common = require("../../utils/Common");
|
|
9
|
-
/** * Methods ** */
|
|
10
11
|
|
|
12
|
+
/** * Methods ** */
|
|
11
13
|
function getChangedMonth(values, event, focusOrders, keyActions) {
|
|
12
14
|
var keyCode = event.keyCode,
|
|
13
|
-
|
|
15
|
+
which = event.which;
|
|
14
16
|
var _values$day = values.day,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
day = _values$day === void 0 ? '' : _values$day,
|
|
18
|
+
_values$month = values.month,
|
|
19
|
+
month = _values$month === void 0 ? '' : _values$month,
|
|
20
|
+
_values$year = values.year,
|
|
21
|
+
year = _values$year === void 0 ? '' : _values$year;
|
|
20
22
|
var isChanged = false;
|
|
21
23
|
var newDay = Number.parseInt(day) || 0;
|
|
22
24
|
var newMonth = Number.parseInt(month) || 0;
|
|
@@ -24,9 +26,11 @@ function getChangedMonth(values, event, focusOrders, keyActions) {
|
|
|
24
26
|
var focusOrder = focusOrders.focusOrder;
|
|
25
27
|
var newFocusOrder = focusOrder;
|
|
26
28
|
var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
|
|
29
|
+
|
|
27
30
|
var _getMonthDetails = (0, _index.getMonthDetails)(),
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
startPoint = _getMonthDetails.startPoint,
|
|
32
|
+
endPoint = _getMonthDetails.endPoint;
|
|
33
|
+
|
|
30
34
|
if (keyCode === 38) {
|
|
31
35
|
//up arrow
|
|
32
36
|
if (newMonth === endPoint || !newMonth) {
|
|
@@ -49,15 +53,19 @@ function getChangedMonth(values, event, focusOrders, keyActions) {
|
|
|
49
53
|
var keyString = (0, _Common.getKeyValue)(event);
|
|
50
54
|
var newValue = isNewType ? keyString : month.toString() + keyString;
|
|
51
55
|
newValue = Number.parseInt(newValue);
|
|
56
|
+
|
|
52
57
|
if (isNewType) {
|
|
53
58
|
isChanged = true;
|
|
59
|
+
|
|
54
60
|
if (newValue * 10 > endPoint) {
|
|
55
61
|
newFocusOrder += 1;
|
|
56
62
|
}
|
|
63
|
+
|
|
57
64
|
newMonth = newValue;
|
|
58
65
|
} else {
|
|
59
66
|
isChanged = true;
|
|
60
67
|
newFocusOrder += 1;
|
|
68
|
+
|
|
61
69
|
if (newValue > endPoint) {
|
|
62
70
|
newMonth = endPoint;
|
|
63
71
|
} else if (!newValue) {
|
|
@@ -70,12 +78,15 @@ function getChangedMonth(values, event, focusOrders, keyActions) {
|
|
|
70
78
|
isChanged = true;
|
|
71
79
|
newMonth = '';
|
|
72
80
|
}
|
|
81
|
+
|
|
73
82
|
var dayEnd = (0, _index.getDayEnd)(newMonth, newYear);
|
|
74
83
|
var dayChanged = false;
|
|
84
|
+
|
|
75
85
|
if (newDay && newDay > dayEnd) {
|
|
76
86
|
dayChanged = true;
|
|
77
87
|
newDay = dayEnd;
|
|
78
88
|
}
|
|
89
|
+
|
|
79
90
|
return {
|
|
80
91
|
day: dayChanged ? newDay : day,
|
|
81
92
|
month: newMonth,
|
|
@@ -6,30 +6,42 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getChangedHour = getChangedHour;
|
|
7
7
|
exports.getChangedMinute = getChangedMinute;
|
|
8
8
|
exports.getChangedNoon = getChangedNoon;
|
|
9
|
+
|
|
9
10
|
var _index = require("./index");
|
|
11
|
+
|
|
10
12
|
var _Common = require("../../utils/Common");
|
|
13
|
+
|
|
11
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
|
+
|
|
12
16
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
+
|
|
13
18
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
14
|
-
|
|
15
|
-
function
|
|
19
|
+
|
|
20
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
21
|
+
|
|
22
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
23
|
+
|
|
16
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
25
|
+
|
|
17
26
|
function getChangedHour(values, event, focusOrders, keyActions) {
|
|
18
27
|
var _ref = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
|
|
19
|
-
|
|
20
|
-
|
|
28
|
+
_ref$is24Hour = _ref.is24Hour,
|
|
29
|
+
is24Hour = _ref$is24Hour === void 0 ? false : _ref$is24Hour;
|
|
30
|
+
|
|
21
31
|
var keyCode = event.keyCode,
|
|
22
|
-
|
|
32
|
+
which = event.which;
|
|
23
33
|
var _values$hour = values.hour,
|
|
24
|
-
|
|
34
|
+
hour = _values$hour === void 0 ? '' : _values$hour;
|
|
25
35
|
var isChanged = false;
|
|
26
36
|
var newHour = Number.parseInt(hour) || 0;
|
|
27
37
|
var focusOrder = focusOrders.focusOrder;
|
|
28
38
|
var newFocusOrder = focusOrder;
|
|
29
39
|
var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
|
|
40
|
+
|
|
30
41
|
var _getHourDetails = (0, _index.getHourDetails)(is24Hour),
|
|
31
|
-
|
|
32
|
-
|
|
42
|
+
startPoint = _getHourDetails.startPoint,
|
|
43
|
+
endPoint = _getHourDetails.endPoint;
|
|
44
|
+
|
|
33
45
|
if (keyCode === 38) {
|
|
34
46
|
//up arrow
|
|
35
47
|
if (newHour === endPoint || (0, _index.getIsEmptyHour)(newHour, is24Hour)) {
|
|
@@ -52,15 +64,19 @@ function getChangedHour(values, event, focusOrders, keyActions) {
|
|
|
52
64
|
var keyString = (0, _Common.getKeyValue)(event);
|
|
53
65
|
var newValue = isNewType ? keyString : hour.toString() + keyString;
|
|
54
66
|
newValue = Number.parseInt(newValue);
|
|
67
|
+
|
|
55
68
|
if (isNewType) {
|
|
56
69
|
isChanged = true;
|
|
70
|
+
|
|
57
71
|
if (newValue * 10 > endPoint) {
|
|
58
72
|
newFocusOrder += 1;
|
|
59
73
|
}
|
|
74
|
+
|
|
60
75
|
newHour = newValue;
|
|
61
76
|
} else {
|
|
62
77
|
isChanged = true;
|
|
63
78
|
newFocusOrder += 1;
|
|
79
|
+
|
|
64
80
|
if (newValue > endPoint) {
|
|
65
81
|
newHour = endPoint;
|
|
66
82
|
} else if (!newValue) {
|
|
@@ -73,26 +89,30 @@ function getChangedHour(values, event, focusOrders, keyActions) {
|
|
|
73
89
|
isChanged = true;
|
|
74
90
|
newHour = '';
|
|
75
91
|
}
|
|
92
|
+
|
|
76
93
|
return {
|
|
77
94
|
hour: newHour,
|
|
78
95
|
isChanged: isChanged,
|
|
79
96
|
focusOrder: newFocusOrder
|
|
80
97
|
};
|
|
81
98
|
}
|
|
99
|
+
|
|
82
100
|
function getChangedMinute(values, event, focusOrders, keyActions) {
|
|
83
101
|
var keyCode = event.keyCode,
|
|
84
|
-
|
|
102
|
+
which = event.which;
|
|
85
103
|
var _values$minute = values.minute,
|
|
86
|
-
|
|
104
|
+
minute = _values$minute === void 0 ? '' : _values$minute;
|
|
87
105
|
var isChanged = false;
|
|
88
106
|
var isEmptyMinute = (0, _Common.getIsEmptyValue)(minute);
|
|
89
107
|
var newMinute = isEmptyMinute ? '' : Number.parseInt(minute);
|
|
90
108
|
var focusOrder = focusOrders.focusOrder;
|
|
91
109
|
var newFocusOrder = focusOrder;
|
|
92
110
|
var isNewType = (0, _index.getIsNewValueType)(focusOrders, keyActions);
|
|
111
|
+
|
|
93
112
|
var _getMinuteDetails = (0, _index.getMinuteDetails)(),
|
|
94
|
-
|
|
95
|
-
|
|
113
|
+
startPoint = _getMinuteDetails.startPoint,
|
|
114
|
+
endPoint = _getMinuteDetails.endPoint;
|
|
115
|
+
|
|
96
116
|
if (keyCode === 38) {
|
|
97
117
|
//up arrow
|
|
98
118
|
if (newMinute === endPoint || isEmptyMinute) {
|
|
@@ -115,15 +135,19 @@ function getChangedMinute(values, event, focusOrders, keyActions) {
|
|
|
115
135
|
var keyString = (0, _Common.getKeyValue)(event);
|
|
116
136
|
var newValue = isNewType ? keyString : minute.toString() + keyString;
|
|
117
137
|
newValue = Number.parseInt(newValue);
|
|
138
|
+
|
|
118
139
|
if (isNewType) {
|
|
119
140
|
isChanged = true;
|
|
141
|
+
|
|
120
142
|
if (newValue * 10 > endPoint) {
|
|
121
143
|
newFocusOrder += 1;
|
|
122
144
|
}
|
|
145
|
+
|
|
123
146
|
newMinute = newValue;
|
|
124
147
|
} else {
|
|
125
148
|
isChanged = true;
|
|
126
149
|
newFocusOrder += 1;
|
|
150
|
+
|
|
127
151
|
if (newValue > endPoint) {
|
|
128
152
|
newMinute = endPoint;
|
|
129
153
|
} else {
|
|
@@ -134,30 +158,35 @@ function getChangedMinute(values, event, focusOrders, keyActions) {
|
|
|
134
158
|
isChanged = true;
|
|
135
159
|
newMinute = '';
|
|
136
160
|
}
|
|
161
|
+
|
|
137
162
|
return {
|
|
138
163
|
minute: newMinute,
|
|
139
164
|
isChanged: isChanged,
|
|
140
165
|
focusOrder: newFocusOrder
|
|
141
166
|
};
|
|
142
167
|
}
|
|
143
|
-
|
|
168
|
+
|
|
169
|
+
function getChangedNoon(values, event, focusOrders
|
|
170
|
+
/*keyActions*/
|
|
171
|
+
) {
|
|
144
172
|
var keyCode = event.keyCode,
|
|
145
|
-
|
|
173
|
+
which = event.which;
|
|
146
174
|
var _values$noon = values.noon,
|
|
147
|
-
|
|
175
|
+
noon = _values$noon === void 0 ? '' : _values$noon;
|
|
148
176
|
var isChanged = false;
|
|
149
177
|
var newNoon = noon;
|
|
150
178
|
var focusOrder = focusOrders.focusOrder;
|
|
151
|
-
var newFocusOrder = focusOrder;
|
|
152
|
-
|
|
153
|
-
// const isNewType = getIsNewValueType(focusOrders, keyActions);
|
|
179
|
+
var newFocusOrder = focusOrder; // const isNewType = getIsNewValueType(focusOrders, keyActions);
|
|
154
180
|
|
|
155
181
|
var _getNoonDetails = (0, _index.getNoonDetails)(),
|
|
156
|
-
|
|
182
|
+
allowedValues = _getNoonDetails.allowedValues;
|
|
183
|
+
|
|
157
184
|
var _allowedValues = _slicedToArray(allowedValues, 1),
|
|
158
|
-
|
|
185
|
+
startPoint = _allowedValues[0];
|
|
186
|
+
|
|
159
187
|
var endPoint = allowedValues[allowedValues.length - 1];
|
|
160
188
|
var currentNoonIndex = allowedValues.indexOf(newNoon);
|
|
189
|
+
|
|
161
190
|
if (keyCode === 38) {
|
|
162
191
|
//up arrow
|
|
163
192
|
if (newNoon === endPoint || !newNoon) {
|
|
@@ -177,11 +206,11 @@ function getChangedNoon(values, event, focusOrders /*keyActions*/) {
|
|
|
177
206
|
newNoon = allowedValues[currentNoonIndex - 1];
|
|
178
207
|
}
|
|
179
208
|
} else if ((0, _index.getIsNoonValueTyped)(event)) {
|
|
180
|
-
var keyString = (0, _Common.getKeyValue)(event).toUpperCase();
|
|
209
|
+
var keyString = (0, _Common.getKeyValue)(event).toUpperCase(); // let newValue = isNewType ? keyString : noon.toString() + keyString;
|
|
181
210
|
|
|
182
|
-
// let newValue = isNewType ? keyString : noon.toString() + keyString;
|
|
183
211
|
var newValue = keyString;
|
|
184
212
|
var needChangeNoon = newNoon.indexOf(newValue) === -1 ? true : false;
|
|
213
|
+
|
|
185
214
|
if (needChangeNoon) {
|
|
186
215
|
var newValueIndex = currentNoonIndex;
|
|
187
216
|
allowedValues.some(function (val, index) {
|
|
@@ -189,8 +218,10 @@ function getChangedNoon(values, event, focusOrders /*keyActions*/) {
|
|
|
189
218
|
newValueIndex = index;
|
|
190
219
|
return true;
|
|
191
220
|
}
|
|
221
|
+
|
|
192
222
|
return false;
|
|
193
223
|
});
|
|
224
|
+
|
|
194
225
|
if (currentNoonIndex !== newValueIndex) {
|
|
195
226
|
isChanged = true;
|
|
196
227
|
newNoon = allowedValues[newValueIndex];
|
|
@@ -200,6 +231,7 @@ function getChangedNoon(values, event, focusOrders /*keyActions*/) {
|
|
|
200
231
|
isChanged = true;
|
|
201
232
|
newNoon = '';
|
|
202
233
|
}
|
|
234
|
+
|
|
203
235
|
return {
|
|
204
236
|
noon: newNoon,
|
|
205
237
|
isChanged: isChanged,
|