@zohodesk/components 1.0.0-temp-164 → 1.0.0-temp-166
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 +34 -0
- package/assets/Appearance/dark/mode/Component_DarkMode.module.css +151 -151
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +30 -30
- package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +30 -30
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +30 -30
- package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +30 -30
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
- package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +30 -30
- package/assets/Appearance/light/mode/Component_LightMode.module.css +148 -148
- package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +30 -30
- package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +30 -30
- package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +30 -30
- package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +30 -30
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
- package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +30 -30
- package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +153 -153
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
- package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +30 -30
- package/es/Accordion/Accordion.js +8 -3
- package/es/Accordion/AccordionItem.js +5 -2
- package/es/Animation/Animation.js +3 -3
- package/es/AppContainer/AppContainer.js +27 -10
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/AppContainer/props/defaultProps.js +2 -1
- package/es/AppContainer/props/propTypes.js +1 -0
- package/es/Avatar/Avatar.js +26 -11
- package/es/Avatar/Avatar.module.css +18 -18
- package/es/AvatarTeam/AvatarTeam.js +4 -3
- package/es/AvatarTeam/AvatarTeam.module.css +35 -35
- package/es/Button/Button.js +5 -3
- package/es/Button/css/Button.module.css +70 -70
- package/es/Buttongroup/Buttongroup.js +4 -3
- package/es/Buttongroup/Buttongroup.module.css +14 -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 +33 -20
- package/es/DateTime/DateTime.js +113 -12
- package/es/DateTime/DateTime.module.css +39 -39
- package/es/DateTime/DateTimePopupFooter.js +4 -2
- package/es/DateTime/DateTimePopupHeader.js +8 -2
- package/es/DateTime/DateWidget.js +100 -35
- package/es/DateTime/DateWidget.module.css +5 -5
- package/es/DateTime/DaysRow.js +4 -2
- package/es/DateTime/Time.js +10 -2
- package/es/DateTime/YearView.js +28 -4
- package/es/DateTime/YearView.module.css +15 -15
- package/es/DateTime/__tests__/CalendarView.spec.js +1 -0
- package/es/DateTime/__tests__/DateTime.spec.js +1 -0
- package/es/DateTime/__tests__/DateWidget.spec.js +2 -3
- package/es/DateTime/common.js +3 -0
- package/es/DateTime/constants.js +1 -0
- package/es/DateTime/dateFormatUtils/dateFormat.js +63 -30
- package/es/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
- package/es/DateTime/dateFormatUtils/index.js +32 -2
- 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/props/defaultProps.js +2 -1
- package/es/DateTime/typeChecker.js +3 -0
- package/es/DateTime/validator.js +58 -6
- package/es/DropBox/DropBox.js +9 -5
- package/es/DropBox/DropBoxElement/DropBoxElement.js +18 -6
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +6 -4
- package/es/DropBox/DropBoxElement/props/propTypes.js +1 -1
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +3 -0
- package/es/DropBox/__tests__/DropBox.spec.js +2 -2
- 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 +10 -5
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.js +5 -5
- package/es/DropDown/DropDownHeading.module.css +6 -6
- package/es/DropDown/DropDownItem.js +8 -1
- 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/__tests__/DropDown.spec.js +1 -2
- package/es/Heading/Heading.js +3 -3
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.js +3 -3
- package/es/Label/Label.module.css +5 -5
- package/es/Layout/Box.js +17 -3
- package/es/Layout/Container.js +16 -4
- package/es/Layout/Layout.module.css +15 -15
- package/es/Layout/index.js +1 -2
- package/es/Layout/props/defaultProps.js +2 -0
- package/es/Layout/props/propTypes.js +2 -0
- package/es/Layout/utils.js +5 -1
- package/es/ListItem/ListContainer.js +8 -3
- package/es/ListItem/ListItem.js +9 -3
- package/es/ListItem/ListItem.module.css +38 -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 +90 -13
- package/es/MultiSelect/AdvancedMultiSelect.js +33 -9
- package/es/MultiSelect/EmptyState.js +6 -0
- package/es/MultiSelect/MultiSelect.js +100 -32
- package/es/MultiSelect/MultiSelect.module.css +31 -31
- package/es/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/MultiSelect/MultiSelectWithAvatar.js +13 -6
- 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/__tests__/MultiSelect.spec.js +4 -6
- package/es/MultiSelect/props/propTypes.js +2 -0
- package/es/PopOver/PopOver.js +18 -2
- package/es/PopOver/__tests__/PopOver.spec.js +2 -1
- package/es/Popup/Popup.js +77 -27
- package/es/Popup/__tests__/Popup.spec.js +17 -5
- 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 +4 -2
- 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/Ribbon/Ribbon.js +4 -2
- package/es/Ribbon/Ribbon.module.css +46 -48
- package/es/RippleEffect/RippleEffect.js +1 -3
- package/es/Select/GroupSelect.js +59 -14
- package/es/Select/Select.js +81 -34
- package/es/Select/Select.module.css +23 -23
- package/es/Select/SelectWithAvatar.js +19 -4
- package/es/Select/SelectWithIcon.js +48 -6
- package/es/Select/__tests__/Select.spec.js +6 -8
- package/es/Select/props/propTypes.js +1 -0
- package/es/Stencils/Stencils.js +3 -3
- package/es/Stencils/Stencils.module.css +11 -11
- package/es/Switch/Switch.js +6 -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 +2 -0
- package/es/Tab/TabWrapper.js +5 -2
- package/es/Tab/Tabs.js +56 -8
- package/es/Tab/Tabs.module.css +24 -42
- package/es/Tab/__tests__/Tab.spec.js +1 -3
- package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
- package/es/Tag/Tag.js +7 -3
- package/es/Tag/Tag.module.css +25 -25
- package/es/TextBox/TextBox.js +16 -3
- package/es/TextBox/TextBox.module.css +9 -9
- package/es/TextBox/__tests__/TextBox.spec.js +1 -4
- package/es/TextBoxIcon/TextBoxIcon.js +9 -2
- package/es/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
- package/es/Textarea/Textarea.js +13 -3
- package/es/Textarea/Textarea.module.css +21 -21
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Tooltip/Tooltip.js +60 -15
- package/es/Tooltip/Tooltip.module.css +5 -5
- package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
- 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/AdvancedMultiSelect.module.css +18 -18
- package/es/deprecated/PortalLayer/PortalLayer.js +25 -20
- package/es/semantic/Button/Button.js +4 -2
- package/es/semantic/Button/semanticButton.module.css +1 -1
- package/es/utils/Common.js +58 -9
- package/es/utils/ContextOptimizer.js +4 -5
- package/es/utils/__tests__/debounce.spec.js +2 -2
- package/es/utils/constructFullName.js +2 -0
- package/es/utils/css/compileClassNames.js +5 -0
- package/es/utils/css/mergeStyle.js +7 -6
- package/es/utils/css/utils.js +1 -0
- package/es/utils/datetime/GMTZones.js +48 -0
- package/es/utils/datetime/common.js +31 -7
- 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/lib/Accordion/Accordion.js +43 -18
- package/lib/Accordion/AccordionItem.js +41 -18
- package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
- package/lib/Accordion/index.js +3 -0
- package/lib/Accordion/props/propTypes.js +3 -0
- package/lib/Animation/Animation.js +38 -18
- package/lib/Animation/__tests__/Animation.spec.js +11 -7
- package/lib/Animation/props/propTypes.js +3 -0
- package/lib/AppContainer/AppContainer.js +66 -26
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/AppContainer/props/defaultProps.js +2 -1
- package/lib/AppContainer/props/propTypes.js +4 -0
- package/lib/Avatar/Avatar.js +81 -38
- package/lib/Avatar/Avatar.module.css +18 -18
- package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
- package/lib/Avatar/props/propTypes.js +3 -0
- package/lib/AvatarTeam/AvatarTeam.js +53 -30
- package/lib/AvatarTeam/AvatarTeam.module.css +35 -35
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
- package/lib/AvatarTeam/props/propTypes.js +3 -0
- package/lib/Button/Button.js +32 -20
- 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 +33 -12
- package/lib/Buttongroup/Buttongroup.module.css +14 -15
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
- package/lib/Buttongroup/props/propTypes.js +3 -0
- package/lib/Card/Card.js +102 -46
- package/lib/Card/__tests__/Card.spec.js +10 -1
- 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/__tests__/CheckBox.spec.js +3 -0
- package/lib/CheckBox/props/propTypes.js +3 -0
- package/lib/DateTime/CalendarView.js +83 -42
- package/lib/DateTime/DateTime.js +287 -160
- package/lib/DateTime/DateTime.module.css +39 -39
- package/lib/DateTime/DateTimePopupFooter.js +31 -8
- package/lib/DateTime/DateTimePopupHeader.js +48 -17
- package/lib/DateTime/DateWidget.js +354 -250
- package/lib/DateTime/DateWidget.module.css +5 -5
- package/lib/DateTime/DaysRow.js +27 -5
- package/lib/DateTime/Time.js +73 -32
- package/lib/DateTime/YearView.js +77 -28
- package/lib/DateTime/YearView.module.css +15 -15
- package/lib/DateTime/__tests__/CalendarView.spec.js +13 -5
- package/lib/DateTime/__tests__/DateTime.spec.js +51 -37
- package/lib/DateTime/__tests__/DateWidget.spec.js +10 -8
- package/lib/DateTime/common.js +6 -0
- package/lib/DateTime/constants.js +1 -0
- package/lib/DateTime/dateFormatUtils/dateFormat.js +184 -122
- package/lib/DateTime/dateFormatUtils/dateFormats.js +0 -1
- package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
- package/lib/DateTime/dateFormatUtils/index.js +74 -16
- package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
- package/lib/DateTime/dateFormatUtils/timeChange.js +54 -22
- package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
- package/lib/DateTime/index.js +2 -0
- package/lib/DateTime/objectUtils.js +24 -20
- package/lib/DateTime/props/defaultProps.js +2 -1
- 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 +36 -12
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +68 -42
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +85 -79
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +43 -34
- package/lib/DropBox/DropBoxElement/props/propTypes.js +4 -1
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +14 -9
- package/lib/DropBox/__tests__/DropBox.spec.js +8 -4
- 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 +54 -9
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.js +40 -20
- package/lib/DropDown/DropDownHeading.module.css +6 -6
- package/lib/DropDown/DropDownItem.js +44 -21
- 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/__tests__/DropDown.spec.js +15 -9
- package/lib/DropDown/__tests__/DropDownItem.spec.js +9 -4
- package/lib/DropDown/__tests__/DropDownSearch.spec.js +3 -0
- package/lib/DropDown/index.js +9 -0
- package/lib/DropDown/props/propTypes.js +6 -4
- package/lib/Heading/Heading.js +39 -16
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Heading/props/propTypes.js +3 -0
- package/lib/Label/Label.js +40 -19
- package/lib/Label/Label.module.css +5 -5
- package/lib/Label/__tests__/Label.spec.js +14 -1
- package/lib/Label/props/propTypes.js +3 -0
- package/lib/Layout/Box.js +39 -15
- package/lib/Layout/Container.js +37 -14
- package/lib/Layout/Layout.module.css +15 -15
- package/lib/Layout/__tests__/Box.spec.js +65 -49
- package/lib/Layout/__tests__/Container.spec.js +67 -50
- package/lib/Layout/index.js +3 -0
- package/lib/Layout/props/defaultProps.js +2 -0
- package/lib/Layout/props/propTypes.js +5 -0
- package/lib/Layout/utils.js +15 -1
- package/lib/ListItem/ListContainer.js +48 -27
- package/lib/ListItem/ListItem.js +69 -45
- package/lib/ListItem/ListItem.module.css +38 -38
- package/lib/ListItem/ListItemWithAvatar.js +75 -48
- package/lib/ListItem/ListItemWithCheckBox.js +64 -39
- package/lib/ListItem/ListItemWithIcon.js +68 -44
- package/lib/ListItem/ListItemWithRadio.js +65 -41
- 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 +295 -166
- package/lib/MultiSelect/AdvancedMultiSelect.js +203 -125
- package/lib/MultiSelect/EmptyState.js +49 -24
- package/lib/MultiSelect/MultiSelect.js +324 -206
- package/lib/MultiSelect/MultiSelect.module.css +31 -31
- package/lib/MultiSelect/MultiSelectHeader.js +30 -8
- package/lib/MultiSelect/MultiSelectWithAvatar.js +106 -63
- 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/__tests__/MultiSelect.spec.js +86 -75
- package/lib/MultiSelect/index.js +5 -0
- package/lib/MultiSelect/props/defaultProps.js +2 -0
- package/lib/MultiSelect/props/propTypes.js +5 -0
- package/lib/PopOver/PopOver.js +95 -49
- package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
- package/lib/PopOver/index.js +4 -0
- package/lib/PopOver/props/propTypes.js +3 -0
- package/lib/Popup/Popup.js +158 -84
- package/lib/Popup/__tests__/Popup.spec.js +43 -8
- 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 +61 -38
- package/lib/Radio/Radio.module.css +9 -9
- package/lib/Radio/__tests__/Radiospec.js +9 -5
- 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 +3 -0
- package/lib/Ribbon/Ribbon.js +34 -13
- package/lib/Ribbon/Ribbon.module.css +46 -48
- package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
- package/lib/Ribbon/props/propTypes.js +3 -0
- package/lib/RippleEffect/RippleEffect.js +18 -10
- package/lib/RippleEffect/props/propTypes.js +3 -0
- package/lib/Select/GroupSelect.js +230 -130
- package/lib/Select/Select.js +292 -210
- package/lib/Select/Select.module.css +23 -23
- package/lib/Select/SelectWithAvatar.js +104 -56
- package/lib/Select/SelectWithIcon.js +134 -77
- package/lib/Select/__tests__/Select.spec.js +133 -91
- package/lib/Select/index.js +5 -0
- package/lib/Select/props/defaultProps.js +5 -4
- package/lib/Select/props/propTypes.js +4 -0
- package/lib/Stencils/Stencils.js +29 -10
- package/lib/Stencils/Stencils.module.css +11 -11
- package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
- package/lib/Stencils/props/propTypes.js +3 -0
- package/lib/Switch/Switch.js +58 -34
- package/lib/Switch/Switch.module.css +23 -23
- 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 +13 -6
- package/lib/Tab/TabWrapper.js +37 -19
- package/lib/Tab/Tabs.js +173 -92
- package/lib/Tab/Tabs.module.css +24 -42
- package/lib/Tab/__tests__/Tab.spec.js +67 -58
- package/lib/Tab/__tests__/TabContent.spec.js +10 -6
- package/lib/Tab/__tests__/TabContentWrapper.spec.js +28 -20
- package/lib/Tab/__tests__/TabWrapper.spec.js +12 -0
- package/lib/Tab/__tests__/Tabs.spec.js +53 -39
- package/lib/Tab/index.js +6 -0
- package/lib/Tab/props/propTypes.js +3 -0
- package/lib/Tag/Tag.js +73 -43
- package/lib/Tag/Tag.module.css +25 -25
- package/lib/Tag/__tests__/Tag.spec.js +14 -8
- package/lib/Tag/props/propTypes.js +3 -0
- package/lib/TextBox/TextBox.js +86 -59
- package/lib/TextBox/TextBox.module.css +9 -9
- package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
- package/lib/TextBox/props/propTypes.js +6 -4
- package/lib/TextBoxIcon/TextBoxIcon.js +79 -52
- package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -7
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
- package/lib/TextBoxIcon/props/propTypes.js +3 -0
- package/lib/Textarea/Textarea.js +55 -29
- package/lib/Textarea/Textarea.module.css +21 -21
- package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
- package/lib/Textarea/props/propTypes.js +3 -0
- package/lib/Tooltip/Tooltip.js +96 -32
- package/lib/Tooltip/Tooltip.module.css +5 -5
- package/lib/Tooltip/__tests__/Tooltip.spec.js +24 -3
- 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/AdvancedMultiSelect.module.css +18 -18
- package/lib/deprecated/PortalLayer/PortalLayer.js +46 -23
- package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
- package/lib/index.js +57 -0
- package/lib/semantic/Button/Button.js +43 -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 +117 -19
- package/lib/utils/ContextOptimizer.js +16 -10
- package/lib/utils/__tests__/constructFullName.spec.js +1 -0
- package/lib/utils/__tests__/debounce.spec.js +3 -2
- package/lib/utils/__tests__/getInitial.spec.js +1 -0
- package/lib/utils/constructFullName.js +13 -4
- package/lib/utils/css/compileClassNames.js +6 -0
- package/lib/utils/css/mergeStyle.js +10 -7
- package/lib/utils/css/utils.js +8 -0
- package/lib/utils/datetime/GMTZones.js +55 -0
- package/lib/utils/datetime/common.js +52 -7
- 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 +4 -0
- package/lib/utils/scrollTo.js +2 -0
- package/lib/utils/shallowEqual.js +8 -0
- package/package.json +18 -27
|
@@ -9,12 +9,19 @@ exports.getDateFormatSelection = getDateFormatSelection;
|
|
|
9
9
|
exports.getDateTimeString = getDateTimeString;
|
|
10
10
|
exports.getIsValidDate = getIsValidDate;
|
|
11
11
|
exports.getSelectedDate = getSelectedDate;
|
|
12
|
+
|
|
12
13
|
var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
|
|
14
|
+
|
|
13
15
|
var _index = require("./index");
|
|
16
|
+
|
|
14
17
|
var _Common = require("../../utils/Common");
|
|
18
|
+
|
|
15
19
|
var _common = require("../../utils/datetime/common");
|
|
20
|
+
|
|
16
21
|
var _constants = require("../constants");
|
|
22
|
+
|
|
17
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
24
|
+
|
|
18
25
|
/* eslint-disable no-param-reassign */
|
|
19
26
|
|
|
20
27
|
/** * Libraries ** */
|
|
@@ -22,7 +29,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
22
29
|
/** * Methods ** */
|
|
23
30
|
|
|
24
31
|
/** * Constants ** */
|
|
25
|
-
|
|
26
32
|
function getDateFormatString() {
|
|
27
33
|
var dateFormatArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
28
34
|
var datePatternArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
@@ -32,15 +38,18 @@ function getDateFormatString() {
|
|
|
32
38
|
return res;
|
|
33
39
|
}, '');
|
|
34
40
|
}
|
|
41
|
+
|
|
35
42
|
function getIsValidPattern() {
|
|
36
43
|
var dateFormatArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
37
44
|
var datePatternArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
45
|
+
|
|
38
46
|
var isValueInArray = function isValueInArray() {
|
|
39
47
|
var possibleFormat = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
40
48
|
return possibleFormat.some(function (str) {
|
|
41
49
|
return dateFormatArr.indexOf(str) >= 0;
|
|
42
50
|
});
|
|
43
51
|
};
|
|
52
|
+
|
|
44
53
|
var haveDay = isValueInArray(_constants.flags.day);
|
|
45
54
|
var haveMonth = isValueInArray(_constants.flags.month);
|
|
46
55
|
var haveYear = isValueInArray(_constants.flags.year);
|
|
@@ -49,34 +58,42 @@ function getIsValidPattern() {
|
|
|
49
58
|
});
|
|
50
59
|
return haveDay && haveMonth && (haveYear || !haveYear) && isValidPattern;
|
|
51
60
|
}
|
|
61
|
+
|
|
52
62
|
function getDateFormatDetails() {
|
|
53
63
|
var dateFormat = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
64
|
+
|
|
54
65
|
var _ref = arguments.length > 1 ? arguments[1] : undefined,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
66
|
+
isHideCurrentYear = _ref.isHideCurrentYear,
|
|
67
|
+
value = _ref.value,
|
|
68
|
+
timeZone = _ref.timeZone,
|
|
69
|
+
isDateTime = _ref.isDateTime;
|
|
70
|
+
|
|
59
71
|
var dayInfo = {};
|
|
60
72
|
var monthInfo = {};
|
|
61
73
|
var yearInfo = {};
|
|
62
74
|
var dateFormatArr = [];
|
|
63
75
|
var patternArr = [];
|
|
76
|
+
|
|
64
77
|
var _getIsCurrentYear = (0, _index.getIsCurrentYear)({
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
78
|
+
value: value,
|
|
79
|
+
timeZone: timeZone,
|
|
80
|
+
isDateTime: isDateTime
|
|
81
|
+
}),
|
|
82
|
+
isCurrentYear = _getIsCurrentYear.isCurrentYear;
|
|
83
|
+
|
|
70
84
|
var isHideYear = isHideCurrentYear ? isCurrentYear : false;
|
|
85
|
+
|
|
71
86
|
function getDateFormat(dateFormat) {
|
|
72
87
|
var token = /D{1,4}|M{1,4}|YY(?:YY)?|([HhmsA])\1?|[LloSZWN]|\[[^\]]*\]|'[^']*'/gi;
|
|
73
88
|
dateFormatArr = [];
|
|
74
89
|
patternArr = [];
|
|
75
90
|
var newDateFormat = dateFormat.replace(token, function (match) {
|
|
76
91
|
var dateFormatArrLen = dateFormatArr.length;
|
|
92
|
+
|
|
77
93
|
if (match in _constants.flags) {
|
|
78
94
|
dateFormatArr.push(match);
|
|
79
95
|
var type = _constants.flags[match].type;
|
|
96
|
+
|
|
80
97
|
if (type === 'day') {
|
|
81
98
|
dayInfo = Object.assign({}, _constants.flags[match], {
|
|
82
99
|
index: dateFormatArrLen
|
|
@@ -90,27 +107,35 @@ function getDateFormatDetails() {
|
|
|
90
107
|
index: dateFormatArrLen
|
|
91
108
|
});
|
|
92
109
|
}
|
|
110
|
+
|
|
93
111
|
return _constants.patternSplitStr;
|
|
94
112
|
}
|
|
113
|
+
|
|
95
114
|
return match.slice(1, match.length - 1);
|
|
96
115
|
});
|
|
97
116
|
patternArr = newDateFormat.split(_constants.patternSplitStr).reduce(function (res, patternStr) {
|
|
98
117
|
if (patternStr) {
|
|
99
118
|
res.push(patternStr);
|
|
100
119
|
}
|
|
120
|
+
|
|
101
121
|
return res;
|
|
102
122
|
}, []);
|
|
103
123
|
}
|
|
124
|
+
|
|
104
125
|
getDateFormat(dateFormat);
|
|
105
126
|
var isValidPattern = getIsValidPattern(dateFormatArr, patternArr);
|
|
127
|
+
|
|
106
128
|
if (!isValidPattern) {
|
|
107
129
|
getDateFormat(_constants.defaultFormat);
|
|
108
130
|
}
|
|
131
|
+
|
|
109
132
|
if (isHideYear) {
|
|
110
133
|
var _removeYearPattern = (0, _index.removeYearPattern)(dateFormatArr, patternArr);
|
|
134
|
+
|
|
111
135
|
dateFormatArr = _removeYearPattern.dateFormatArr;
|
|
112
136
|
patternArr = _removeYearPattern.patternArr;
|
|
113
137
|
}
|
|
138
|
+
|
|
114
139
|
return {
|
|
115
140
|
dateFormat: getDateFormatString(dateFormatArr, patternArr),
|
|
116
141
|
dateFormatArr: dateFormatArr,
|
|
@@ -121,35 +146,43 @@ function getDateFormatDetails() {
|
|
|
121
146
|
isValidPattern: isValidPattern
|
|
122
147
|
};
|
|
123
148
|
}
|
|
149
|
+
|
|
124
150
|
function getDisplayFormatValue(dateVal, formatVal) {
|
|
125
151
|
var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
152
|
+
_ref2$i18nShortMonths = _ref2.i18nShortMonths,
|
|
153
|
+
i18nShortMonths = _ref2$i18nShortMonths === void 0 ? [] : _ref2$i18nShortMonths,
|
|
154
|
+
_ref2$i18nMonths = _ref2.i18nMonths,
|
|
155
|
+
i18nMonths = _ref2$i18nMonths === void 0 ? [] : _ref2$i18nMonths;
|
|
156
|
+
|
|
130
157
|
var _ref3 = _constants.flags[formatVal] || {},
|
|
131
|
-
|
|
132
|
-
|
|
158
|
+
length = _ref3.length,
|
|
159
|
+
type = _ref3.type;
|
|
160
|
+
|
|
133
161
|
if (length === _constants.INCONSTANT) {
|
|
134
162
|
if (dateVal && formatVal === 'MMM' && i18nShortMonths.length) {
|
|
135
163
|
return i18nShortMonths[dateVal - 1];
|
|
136
164
|
} else if (dateVal && formatVal === 'MMMM' && i18nMonths.length) {
|
|
137
165
|
return i18nMonths[dateVal - 1];
|
|
138
166
|
}
|
|
167
|
+
|
|
139
168
|
return (0, _index.addZero)(dateVal, formatVal.length ? formatVal.length : 1);
|
|
140
169
|
} else if (type === 'year' && length === 2) {
|
|
141
170
|
return (0, _index.addZero)((0, _index.convertYearToTwoDigit)(dateVal), length);
|
|
142
171
|
}
|
|
172
|
+
|
|
143
173
|
return (0, _index.addZero)(dateVal, length);
|
|
144
174
|
}
|
|
175
|
+
|
|
145
176
|
function concatDate(values, dateFormatArr, patternArr, fillPlaceHolder) {
|
|
146
177
|
var _ref4 = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {},
|
|
147
|
-
|
|
148
|
-
|
|
178
|
+
i18nShortMonths = _ref4.i18nShortMonths,
|
|
179
|
+
i18nMonths = _ref4.i18nMonths;
|
|
180
|
+
|
|
149
181
|
var dateString = dateFormatArr.reduce(function (res, formatVal, index) {
|
|
150
182
|
var _ref5 = _constants.flags[formatVal] || {},
|
|
151
|
-
|
|
152
|
-
|
|
183
|
+
_ref5$type = _ref5.type,
|
|
184
|
+
dateFormatVal = _ref5$type === void 0 ? '' : _ref5$type;
|
|
185
|
+
|
|
153
186
|
var dateVal = values[dateFormatVal];
|
|
154
187
|
dateVal = !(0, _Common.getIsEmptyValue)(dateVal) ? getDisplayFormatValue(dateVal, formatVal, {
|
|
155
188
|
i18nShortMonths: i18nShortMonths,
|
|
@@ -161,24 +194,27 @@ function concatDate(values, dateFormatArr, patternArr, fillPlaceHolder) {
|
|
|
161
194
|
}, '');
|
|
162
195
|
return dateString;
|
|
163
196
|
}
|
|
197
|
+
|
|
164
198
|
function getDateTimeString() {
|
|
165
199
|
var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
166
200
|
var dateFormatDetails = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
167
201
|
var isDateTime = arguments.length > 2 ? arguments[2] : undefined;
|
|
202
|
+
|
|
168
203
|
var _ref6 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
204
|
+
i18nShortMonths = _ref6.i18nShortMonths,
|
|
205
|
+
i18nMonths = _ref6.i18nMonths,
|
|
206
|
+
is24Hour = _ref6.is24Hour;
|
|
207
|
+
|
|
172
208
|
var day = values.day,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
209
|
+
month = values.month,
|
|
210
|
+
year = values.year,
|
|
211
|
+
noon = values.noon;
|
|
176
212
|
var hour = values.hour,
|
|
177
|
-
|
|
213
|
+
minute = values.minute;
|
|
178
214
|
var _dateFormatDetails$da = dateFormatDetails.dateFormatArr,
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
215
|
+
dateFormatArr = _dateFormatDetails$da === void 0 ? [] : _dateFormatDetails$da,
|
|
216
|
+
_dateFormatDetails$pa = dateFormatDetails.patternArr,
|
|
217
|
+
patternArr = _dateFormatDetails$pa === void 0 ? [] : _dateFormatDetails$pa;
|
|
182
218
|
var dateString = concatDate({
|
|
183
219
|
day: day,
|
|
184
220
|
month: month,
|
|
@@ -188,21 +224,25 @@ function getDateTimeString() {
|
|
|
188
224
|
i18nMonths: i18nMonths
|
|
189
225
|
});
|
|
190
226
|
var timeString = '';
|
|
227
|
+
|
|
191
228
|
if (isDateTime) {
|
|
192
229
|
hour = !(0, _Common.getIsEmptyValue)(hour) ? (0, _index.addZero)(hour, 2) : is24Hour ? 'HH' : 'hh';
|
|
193
230
|
minute = !(0, _Common.getIsEmptyValue)(minute) ? (0, _index.addZero)(minute, 2) : 'mm';
|
|
194
231
|
timeString = " ".concat(hour, ":").concat(minute, " ").concat(is24Hour ? '' : "".concat(noon || '--'));
|
|
195
232
|
}
|
|
233
|
+
|
|
196
234
|
return "".concat(dateString).concat(timeString);
|
|
197
235
|
}
|
|
236
|
+
|
|
198
237
|
function getDateDetails(value, localValues, isDateTime, timeZone, _ref7) {
|
|
199
238
|
var is24Hour = _ref7.is24Hour;
|
|
200
239
|
var day = localValues.day,
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
240
|
+
month = localValues.month,
|
|
241
|
+
year = localValues.year,
|
|
242
|
+
hour = localValues.hour,
|
|
243
|
+
minute = localValues.minute,
|
|
244
|
+
noon = localValues.noon;
|
|
245
|
+
|
|
206
246
|
if (value) {
|
|
207
247
|
var dateObj = isDateTime ? _datetimejs["default"].toDate(_datetimejs["default"].tz.utcToTz(value, timeZone)) : value ? _datetimejs["default"].toDate(value) : new Date();
|
|
208
248
|
var selectedDay = dateObj.getDate();
|
|
@@ -211,13 +251,16 @@ function getDateDetails(value, localValues, isDateTime, timeZone, _ref7) {
|
|
|
211
251
|
var newDay = day ? day : selectedDay;
|
|
212
252
|
var newMonth = month ? month : selectedMonth + 1;
|
|
213
253
|
var newYear = year ? year : selectedYear;
|
|
254
|
+
|
|
214
255
|
if (isDateTime) {
|
|
215
256
|
var selectedHour = dateObj.getHours();
|
|
216
257
|
var selectedMinute = dateObj.getMinutes();
|
|
217
258
|
var selectedNoon = selectedHour < 12 ? 'AM' : 'PM';
|
|
259
|
+
|
|
218
260
|
if (!is24Hour) {
|
|
219
261
|
selectedHour = selectedHour === 0 ? 12 : selectedHour > 12 ? selectedHour - 12 : selectedHour;
|
|
220
262
|
}
|
|
263
|
+
|
|
221
264
|
var newHour = hour ? hour : selectedHour;
|
|
222
265
|
var newMinute = minute ? minute : selectedMinute;
|
|
223
266
|
var newNoon = noon ? noon : selectedNoon;
|
|
@@ -230,22 +273,25 @@ function getDateDetails(value, localValues, isDateTime, timeZone, _ref7) {
|
|
|
230
273
|
noon: newNoon
|
|
231
274
|
};
|
|
232
275
|
}
|
|
276
|
+
|
|
233
277
|
return {
|
|
234
278
|
day: newDay,
|
|
235
279
|
month: newMonth,
|
|
236
280
|
year: newYear
|
|
237
281
|
};
|
|
238
282
|
}
|
|
283
|
+
|
|
239
284
|
return localValues;
|
|
240
285
|
}
|
|
286
|
+
|
|
241
287
|
function getIsValidDate(values, isDateTime, _ref8) {
|
|
242
288
|
var is24Hour = _ref8.is24Hour;
|
|
243
289
|
var day = values.day,
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
290
|
+
month = values.month,
|
|
291
|
+
year = values.year,
|
|
292
|
+
hour = values.hour,
|
|
293
|
+
minute = values.minute,
|
|
294
|
+
noon = values.noon;
|
|
249
295
|
var isError = false;
|
|
250
296
|
var message = '';
|
|
251
297
|
var valuesArr = isDateTime ? is24Hour ? [day, month, year, hour, minute] : [day, month, year, hour, minute, noon] : [day, month, year];
|
|
@@ -255,6 +301,7 @@ function getIsValidDate(values, isDateTime, _ref8) {
|
|
|
255
301
|
var value = parseInt(val);
|
|
256
302
|
return (0, _Common.getIsEmptyValue)(value);
|
|
257
303
|
}
|
|
304
|
+
|
|
258
305
|
return (0, _Common.getIsEmptyValue)(val);
|
|
259
306
|
});
|
|
260
307
|
var haveAllValues = valuesArr.every(function (val, index) {
|
|
@@ -270,26 +317,35 @@ function getIsValidDate(values, isDateTime, _ref8) {
|
|
|
270
317
|
} else if (val) {
|
|
271
318
|
return true;
|
|
272
319
|
}
|
|
320
|
+
|
|
273
321
|
return false;
|
|
274
322
|
});
|
|
323
|
+
|
|
275
324
|
if (haveAllValues) {
|
|
276
325
|
var dayEnd = (0, _index.getDayEnd)(month, year);
|
|
326
|
+
|
|
277
327
|
var _getMonthDetails = (0, _index.getMonthDetails)(),
|
|
278
|
-
|
|
279
|
-
|
|
328
|
+
monthStart = _getMonthDetails.startPoint,
|
|
329
|
+
monthEnd = _getMonthDetails.endPoint;
|
|
330
|
+
|
|
280
331
|
var _getYearDetails = (0, _index.getYearDetails)(),
|
|
281
|
-
|
|
282
|
-
|
|
332
|
+
yearStart = _getYearDetails.startPoint,
|
|
333
|
+
yearEnd = _getYearDetails.endPoint;
|
|
334
|
+
|
|
283
335
|
var _getDayDetails = (0, _index.getDayDetails)(),
|
|
284
|
-
|
|
336
|
+
dayStart = _getDayDetails.startPoint;
|
|
337
|
+
|
|
285
338
|
var _getHourDetails = (0, _index.getHourDetails)(is24Hour),
|
|
286
|
-
|
|
287
|
-
|
|
339
|
+
hourStart = _getHourDetails.startPoint,
|
|
340
|
+
hourEnd = _getHourDetails.endPoint;
|
|
341
|
+
|
|
288
342
|
var _getMinuteDetails = (0, _index.getMinuteDetails)(),
|
|
289
|
-
|
|
290
|
-
|
|
343
|
+
minuteStart = _getMinuteDetails.startPoint,
|
|
344
|
+
minuteEnd = _getMinuteDetails.endPoint;
|
|
345
|
+
|
|
291
346
|
var _getNoonDetails = (0, _index.getNoonDetails)(),
|
|
292
|
-
|
|
347
|
+
noonAllowedValues = _getNoonDetails.allowedValues;
|
|
348
|
+
|
|
293
349
|
if (dayEnd < day || dayStart > day) {
|
|
294
350
|
isError = true;
|
|
295
351
|
message = 'Wrong Day';
|
|
@@ -313,39 +369,45 @@ function getIsValidDate(values, isDateTime, _ref8) {
|
|
|
313
369
|
isError = true;
|
|
314
370
|
message = 'Empty value';
|
|
315
371
|
}
|
|
372
|
+
|
|
316
373
|
return {
|
|
317
374
|
isError: isError,
|
|
318
375
|
message: message,
|
|
319
376
|
isEmptyValError: haveNotAllValues
|
|
320
377
|
};
|
|
321
378
|
}
|
|
379
|
+
|
|
322
380
|
function getSelectedDate(values, props) {
|
|
323
381
|
var month = values.month,
|
|
324
|
-
|
|
382
|
+
hour = values.hour;
|
|
325
383
|
var year = values.year,
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
384
|
+
date = values.day,
|
|
385
|
+
mins = values.minute,
|
|
386
|
+
noon = values.noon;
|
|
329
387
|
var min = props.min,
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
388
|
+
max = props.max,
|
|
389
|
+
timeZone = props.timeZone,
|
|
390
|
+
isDateTime = props.isDateTime,
|
|
391
|
+
is24Hour = props.is24Hour;
|
|
392
|
+
|
|
334
393
|
if (!is24Hour) {
|
|
335
394
|
if (parseInt(hour) === 12) {
|
|
336
395
|
hour = noon === 'AM' ? 0 : 12;
|
|
337
396
|
}
|
|
397
|
+
|
|
338
398
|
if (noon === 'PM') {
|
|
339
399
|
if (hour < 12) {
|
|
340
400
|
hour = parseInt(hour) + 12;
|
|
341
401
|
}
|
|
342
402
|
}
|
|
343
403
|
}
|
|
404
|
+
|
|
344
405
|
month = parseInt(month) - 1;
|
|
345
406
|
var minInMillis = min ? _datetimejs["default"].millis(min) : null,
|
|
346
|
-
|
|
407
|
+
maxInMillis = max ? _datetimejs["default"].millis(max) : null;
|
|
347
408
|
var selectedInMillis,
|
|
348
|
-
|
|
409
|
+
selectedValue = '';
|
|
410
|
+
|
|
349
411
|
if (isDateTime) {
|
|
350
412
|
selectedInMillis = _datetimejs["default"].tz.tzToUtc(Date.UTC(year, month, date, hour, mins), timeZone);
|
|
351
413
|
selectedValue = _datetimejs["default"].ISO(selectedInMillis);
|
|
@@ -353,8 +415,10 @@ function getSelectedDate(values, props) {
|
|
|
353
415
|
selectedInMillis = Date.UTC(year, month, date);
|
|
354
416
|
selectedValue = (0, _common.formatDate)(new Date(year, month, date), 'YYYY-MM-DD');
|
|
355
417
|
}
|
|
418
|
+
|
|
356
419
|
var isError = false;
|
|
357
420
|
var errorType = '';
|
|
421
|
+
|
|
358
422
|
if (minInMillis && minInMillis > selectedInMillis) {
|
|
359
423
|
isError = true;
|
|
360
424
|
errorType = 'MIN';
|
|
@@ -362,87 +426,101 @@ function getSelectedDate(values, props) {
|
|
|
362
426
|
isError = true;
|
|
363
427
|
errorType = 'MAX';
|
|
364
428
|
}
|
|
429
|
+
|
|
365
430
|
return {
|
|
366
431
|
isError: isError,
|
|
367
432
|
errorType: errorType,
|
|
368
433
|
selectedValue: selectedValue
|
|
369
434
|
};
|
|
370
435
|
}
|
|
436
|
+
|
|
371
437
|
function getDateFormatLength(type, length) {
|
|
372
438
|
var formatVal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
|
|
439
|
+
|
|
373
440
|
var _ref9 = arguments.length > 3 ? arguments[3] : undefined,
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
441
|
+
i18nShortMonths = _ref9.i18nShortMonths,
|
|
442
|
+
i18nMonths = _ref9.i18nMonths,
|
|
443
|
+
selectedValue = _ref9.selectedValue,
|
|
444
|
+
day = _ref9.day,
|
|
445
|
+
month = _ref9.month,
|
|
446
|
+
year = _ref9.year,
|
|
447
|
+
hour = _ref9.hour,
|
|
448
|
+
minute = _ref9.minute,
|
|
449
|
+
noon = _ref9.noon,
|
|
450
|
+
timeZone = _ref9.timeZone,
|
|
451
|
+
isDateTime = _ref9.isDateTime,
|
|
452
|
+
is24Hour = _ref9.is24Hour;
|
|
453
|
+
|
|
386
454
|
var _getDateDetails = getDateDetails(selectedValue, {
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
455
|
+
day: day,
|
|
456
|
+
month: month,
|
|
457
|
+
year: year,
|
|
458
|
+
hour: hour,
|
|
459
|
+
minute: minute,
|
|
460
|
+
noon: noon
|
|
461
|
+
}, isDateTime, timeZone, {
|
|
462
|
+
is24Hour: is24Hour
|
|
463
|
+
}),
|
|
464
|
+
selectedMonth = _getDateDetails.month;
|
|
465
|
+
|
|
397
466
|
if (length === _constants.INCONSTANT) {
|
|
398
467
|
if (selectedMonth && formatVal === 'MMM' && i18nShortMonths.length) {
|
|
399
468
|
return i18nShortMonths[selectedMonth - 1].length;
|
|
400
469
|
} else if (selectedMonth && formatVal === 'MMMM' && i18nMonths.length) {
|
|
401
470
|
return i18nMonths[selectedMonth - 1].length;
|
|
402
471
|
}
|
|
472
|
+
|
|
403
473
|
return formatVal.length ? formatVal.length : 1;
|
|
404
474
|
}
|
|
475
|
+
|
|
405
476
|
return length;
|
|
406
477
|
}
|
|
478
|
+
|
|
407
479
|
function getDateFormatSelection(dateFormatDetails, isDateTime) {
|
|
408
480
|
var _ref10 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
481
|
+
i18nShortMonths = _ref10.i18nShortMonths,
|
|
482
|
+
i18nMonths = _ref10.i18nMonths,
|
|
483
|
+
selectedValue = _ref10.selectedValue,
|
|
484
|
+
day = _ref10.day,
|
|
485
|
+
month = _ref10.month,
|
|
486
|
+
year = _ref10.year,
|
|
487
|
+
hour = _ref10.hour,
|
|
488
|
+
minute = _ref10.minute,
|
|
489
|
+
noon = _ref10.noon,
|
|
490
|
+
timeZone = _ref10.timeZone,
|
|
491
|
+
is24Hour = _ref10.is24Hour;
|
|
492
|
+
|
|
420
493
|
var _dateFormatDetails$da2 = dateFormatDetails.dateFormatArr,
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
494
|
+
dateFormatArr = _dateFormatDetails$da2 === void 0 ? [] : _dateFormatDetails$da2,
|
|
495
|
+
_dateFormatDetails$pa2 = dateFormatDetails.patternArr,
|
|
496
|
+
patternArr = _dateFormatDetails$pa2 === void 0 ? [] : _dateFormatDetails$pa2;
|
|
424
497
|
var focusedIndex = {};
|
|
425
498
|
var clickIndex = {};
|
|
426
499
|
var order = [];
|
|
427
500
|
var tempLength = 0;
|
|
501
|
+
|
|
428
502
|
function addResult(type, length) {
|
|
429
503
|
var startIndex = tempLength;
|
|
430
504
|
var endIndex = tempLength + length;
|
|
431
505
|
var orderLen = order.length;
|
|
432
506
|
focusedIndex["".concat(startIndex, "_").concat(endIndex)] = orderLen;
|
|
507
|
+
|
|
433
508
|
for (var i = startIndex; i <= endIndex; i++) {
|
|
434
509
|
clickIndex[i] = orderLen;
|
|
435
510
|
}
|
|
511
|
+
|
|
436
512
|
order.push({
|
|
437
513
|
type: type,
|
|
438
514
|
index: [startIndex, endIndex]
|
|
439
515
|
});
|
|
440
516
|
tempLength += length;
|
|
441
517
|
}
|
|
518
|
+
|
|
442
519
|
dateFormatArr.forEach(function (formatVal, index) {
|
|
443
520
|
var _ref11 = _constants.flags[formatVal] || '',
|
|
444
|
-
|
|
445
|
-
|
|
521
|
+
type = _ref11.type,
|
|
522
|
+
length = _ref11.length;
|
|
523
|
+
|
|
446
524
|
var patternVal = patternArr[index] || '';
|
|
447
525
|
var validLength = getDateFormatLength(type, length, formatVal, {
|
|
448
526
|
i18nShortMonths: i18nShortMonths,
|
|
@@ -461,38 +539,32 @@ function getDateFormatSelection(dateFormatDetails, isDateTime) {
|
|
|
461
539
|
addResult(type, validLength);
|
|
462
540
|
tempLength += patternVal.length;
|
|
463
541
|
});
|
|
542
|
+
|
|
464
543
|
if (isDateTime) {
|
|
465
544
|
//For space between date and time
|
|
466
|
-
tempLength += 1;
|
|
545
|
+
tempLength += 1; //hour
|
|
467
546
|
|
|
468
|
-
//
|
|
469
|
-
addResult('hour', 2);
|
|
547
|
+
addResult('hour', 2); //For :
|
|
470
548
|
|
|
471
|
-
//
|
|
472
|
-
tempLength += 1;
|
|
549
|
+
tempLength += 1; //minute
|
|
473
550
|
|
|
474
|
-
//
|
|
475
|
-
addResult('minute', 2);
|
|
551
|
+
addResult('minute', 2); //For space between time and noon
|
|
476
552
|
|
|
477
|
-
|
|
478
|
-
tempLength += 1;
|
|
553
|
+
tempLength += 1; //noon
|
|
479
554
|
|
|
480
|
-
//noon
|
|
481
555
|
if (!is24Hour) {
|
|
482
556
|
addResult('noon', 2);
|
|
483
557
|
}
|
|
484
558
|
}
|
|
559
|
+
|
|
485
560
|
return {
|
|
486
561
|
focusedIndex: focusedIndex,
|
|
487
562
|
clickIndex: clickIndex,
|
|
488
563
|
order: order
|
|
489
564
|
};
|
|
490
|
-
}
|
|
491
|
-
|
|
492
|
-
// export function getDateValues(date = '', dateFormatDetails = {}) {
|
|
565
|
+
} // export function getDateValues(date = '', dateFormatDetails = {}) {
|
|
493
566
|
// const { dateFormatArr, patternArr, dayInfo, monthInfo, yearInfo } =
|
|
494
567
|
// dateFormatDetails;
|
|
495
|
-
|
|
496
568
|
// const newDate = date.split('').reduce((res, str) => {
|
|
497
569
|
// if (patternArr.indexOf(str) >= 0) {
|
|
498
570
|
// res += patternChangeStr;
|
|
@@ -501,21 +573,16 @@ function getDateFormatSelection(dateFormatDetails, isDateTime) {
|
|
|
501
573
|
// }
|
|
502
574
|
// return res;
|
|
503
575
|
// }, '');
|
|
504
|
-
|
|
505
576
|
// const dateArr = newDate.split(patternChangeStr);
|
|
506
|
-
|
|
507
577
|
// const { index: dayIndex, length: dayLength } = dayInfo;
|
|
508
578
|
// let day = dateArr[dayIndex];
|
|
509
579
|
// day = addZero(day, dayLength);
|
|
510
|
-
|
|
511
580
|
// const { index: monthIndex, length: monthLength } = monthInfo;
|
|
512
581
|
// let month = dateArr[monthIndex];
|
|
513
582
|
// month = addZero(month, monthLength);
|
|
514
|
-
|
|
515
583
|
// const { index: yearIndex, length: yearLength } = yearInfo;
|
|
516
584
|
// let year = dateArr[yearIndex];
|
|
517
585
|
// year = addZero(year, yearLength);
|
|
518
|
-
|
|
519
586
|
// return {
|
|
520
587
|
// day,
|
|
521
588
|
// month,
|
|
@@ -523,21 +590,16 @@ function getDateFormatSelection(dateFormatDetails, isDateTime) {
|
|
|
523
590
|
// dateString: concatDate({ day, month, year }, dateFormatArr, patternArr)
|
|
524
591
|
// };
|
|
525
592
|
// }
|
|
526
|
-
|
|
527
593
|
// export function getDateTimeValues(value = '', dateFormatDetails = {}) {
|
|
528
594
|
// const [date, time = '', noon = ''] = value.split(' ');
|
|
529
|
-
|
|
530
595
|
// let [hour = '', minute = ''] = time.split(':');
|
|
531
596
|
// hour = addZero(hour, 2);
|
|
532
597
|
// minute = addZero(minute, 2);
|
|
533
|
-
|
|
534
598
|
// const { day, month, year, dateString } = getDateValues(
|
|
535
599
|
// date,
|
|
536
600
|
// dateFormatDetails
|
|
537
601
|
// );
|
|
538
|
-
|
|
539
602
|
// const timeString = `${hour}:${minute}`;
|
|
540
|
-
|
|
541
603
|
// return {
|
|
542
604
|
// day,
|
|
543
605
|
// month,
|