@zohodesk/components 1.0.0-test-252 → 1.0.0
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 +161 -1
- package/assets/Appearance/dark/mode/darkMode.module.css +181 -179
- package/assets/Appearance/dark/themes/blue/blueDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +31 -31
- package/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/dark/themes/green/greenDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/dark/themes/orange/orangeDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/dark/themes/red/redDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +30 -30
- package/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/default/mode/defaultMode.module.css +177 -175
- package/assets/Appearance/default/themes/blue/blueDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +31 -31
- package/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/default/themes/green/greenDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/default/themes/orange/orangeDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/default/themes/red/redDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +30 -30
- package/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +182 -180
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +31 -31
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/green/greenPureDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/red/redPureDarkComponentTheme.module.css +3 -0
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTAModifyCategory.module.css +452 -0
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +30 -30
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkComponentTheme.module.css +3 -0
- package/assets/Contrast/darkContrastLightness.module.css +39 -0
- package/assets/Contrast/defaultContrastLightness.module.css +39 -0
- package/assets/Contrast/pureDarkContrastLightness.module.css +39 -0
- package/css_error.log +1 -0
- package/es/Accordion/Accordion.js +19 -9
- package/es/Accordion/AccordionItem.js +13 -8
- package/es/Accordion/props/defaultProps.js +6 -2
- package/es/Accordion/props/propTypes.js +3 -0
- package/es/Animation/Animation.js +10 -9
- package/es/AppContainer/AppContainer.js +38 -15
- package/es/AppContainer/AppContainer.module.css +2 -2
- package/es/AppContainer/props/defaultProps.js +3 -1
- package/es/AppContainer/props/propTypes.js +2 -0
- package/es/Avatar/Avatar.js +48 -25
- package/es/Avatar/Avatar.module.css +59 -18
- package/es/Avatar/props/defaultProps.js +4 -1
- package/es/Avatar/props/propTypes.js +5 -2
- package/es/AvatarTeam/AvatarTeam.js +21 -11
- package/es/AvatarTeam/AvatarTeam.module.css +49 -21
- package/es/AvatarTeam/props/defaultProps.js +5 -1
- package/es/AvatarTeam/props/propTypes.js +5 -1
- package/es/Button/Button.js +55 -51
- package/{lib/Button → es/Button/css}/Button.module.css +62 -58
- package/es/Button/css/cssJSLogic.js +53 -0
- package/es/Button/index.js +2 -0
- package/es/Button/props/defaultProps.js +3 -1
- package/es/Button/props/propTypes.js +6 -2
- package/es/Buttongroup/Buttongroup.js +24 -16
- package/es/Buttongroup/Buttongroup.module.css +45 -28
- package/es/Buttongroup/props/defaultProps.js +3 -1
- package/es/Buttongroup/props/propTypes.js +3 -1
- package/es/Card/Card.js +48 -26
- package/es/Card/props/defaultProps.js +12 -2
- package/es/Card/props/propTypes.js +2 -2
- package/es/CheckBox/CheckBox.js +13 -9
- package/es/CheckBox/CheckBox.module.css +16 -16
- package/es/CheckBox/props/propTypes.js +1 -0
- package/es/DateTime/CalendarView.js +46 -19
- package/es/DateTime/DateTime.js +139 -77
- package/es/DateTime/DateTime.module.css +51 -48
- package/es/DateTime/DateTimePopupFooter.js +4 -2
- package/es/DateTime/DateTimePopupHeader.js +30 -11
- package/es/DateTime/DateWidget.js +122 -51
- package/es/DateTime/DateWidget.module.css +5 -5
- package/es/DateTime/DaysRow.js +6 -3
- package/es/DateTime/Time.js +10 -2
- package/es/DateTime/YearView.js +41 -9
- package/es/DateTime/YearView.module.css +33 -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 +42 -0
- package/es/DateTime/dateFormatUtils/dayChange.js +13 -4
- package/es/DateTime/dateFormatUtils/index.js +59 -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/index.js +1 -1
- package/es/DateTime/objectUtils.js +14 -20
- package/es/DateTime/props/defaultProps.js +2 -1
- package/es/DateTime/props/propTypes.js +5 -2
- package/es/DateTime/typeChecker.js +3 -0
- package/es/DateTime/validator.js +58 -6
- package/es/DropBox/DropBox.js +82 -218
- package/es/DropBox/DropBoxElement/DropBoxElement.js +132 -0
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +435 -0
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +91 -0
- package/es/DropBox/DropBoxElement/props/defaultProps.js +18 -0
- package/es/DropBox/DropBoxElement/props/propTypes.js +45 -0
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +54 -0
- package/es/DropBox/__tests__/DropBox.spec.js +2 -2
- package/es/DropBox/css/DropBox.module.css +59 -0
- package/es/DropBox/css/cssJSLogic.js +14 -0
- package/es/DropBox/props/defaultProps.js +9 -15
- package/es/DropBox/props/propTypes.js +9 -41
- package/es/DropDown/DropDown.js +16 -9
- package/es/DropDown/DropDown.module.css +2 -2
- package/es/DropDown/DropDownHeading.js +18 -11
- package/es/DropDown/DropDownHeading.module.css +3 -3
- package/es/DropDown/DropDownItem.js +8 -1
- package/es/DropDown/DropDownItem.module.css +9 -9
- package/es/DropDown/DropDownSearch.js +4 -0
- 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/DropDown/index.js +7 -0
- package/es/DropDown/props/defaultProps.js +3 -1
- package/es/DropDown/props/propTypes.js +2 -1
- package/es/Heading/Heading.js +8 -7
- package/es/Heading/Heading.module.css +2 -2
- package/es/Label/Label.js +14 -9
- package/es/Label/Label.module.css +1 -1
- package/es/Label/props/defaultProps.js +2 -1
- package/es/Label/props/propTypes.js +1 -0
- package/es/Layout/Box.js +19 -4
- package/es/Layout/Container.js +18 -5
- package/es/Layout/Layout.module.css +15 -15
- package/es/Layout/index.js +9 -10
- package/es/Layout/props/defaultProps.js +6 -2
- package/es/Layout/props/propTypes.js +7 -3
- package/es/Layout/utils.js +5 -1
- package/es/ListItem/ListContainer.js +21 -9
- package/es/ListItem/ListItem.js +30 -14
- package/es/ListItem/ListItem.module.css +37 -30
- package/es/ListItem/ListItemWithAvatar.js +30 -15
- package/es/ListItem/ListItemWithCheckBox.js +22 -10
- package/es/ListItem/ListItemWithIcon.js +29 -14
- package/es/ListItem/ListItemWithRadio.js +22 -10
- package/es/ListItem/index.js +6 -0
- package/es/ListItem/props/defaultProps.js +18 -6
- package/es/ListItem/props/propTypes.js +13 -1
- package/es/Modal/Modal.js +35 -17
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +100 -20
- package/es/MultiSelect/AdvancedMultiSelect.js +45 -19
- package/es/MultiSelect/EmptyState.js +6 -0
- package/es/MultiSelect/MultiSelect.js +129 -46
- package/es/MultiSelect/MultiSelect.module.css +32 -31
- package/es/MultiSelect/MultiSelectHeader.js +3 -0
- package/es/MultiSelect/MultiSelectWithAvatar.js +43 -19
- package/es/MultiSelect/SelectedOptions.js +6 -3
- package/es/MultiSelect/SelectedOptions.module.css +5 -5
- package/es/MultiSelect/Suggestions.js +13 -6
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +4 -6
- package/es/MultiSelect/index.js +4 -0
- package/es/MultiSelect/props/defaultProps.js +11 -4
- package/es/MultiSelect/props/propTypes.js +17 -5
- package/es/PopOver/PopOver.js +25 -9
- package/es/PopOver/__tests__/PopOver.spec.js +2 -1
- package/es/PopOver/index.js +3 -0
- package/es/Popup/Popup.js +80 -31
- package/es/Popup/__tests__/Popup.spec.js +17 -5
- package/es/Popup/viewPort.js +16 -4
- package/es/Provider/AvatarSize.js +1 -0
- package/es/Provider/IdProvider.js +16 -10
- package/es/Provider/LibraryContext.js +6 -4
- package/es/Provider/NumberGenerator/NumberGenerator.js +21 -7
- package/es/Provider/ZindexProvider.js +9 -2
- package/es/Provider/index.js +4 -0
- package/es/Radio/Radio.js +9 -7
- package/es/Radio/Radio.module.css +3 -3
- package/es/Responsive/CustomResponsive.js +37 -21
- 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 +9 -8
- 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 +21 -15
- package/es/Ribbon/Ribbon.module.css +133 -55
- package/es/Ribbon/props/defaultProps.js +2 -1
- package/es/Ribbon/props/propTypes.js +2 -1
- package/es/RippleEffect/RippleEffect.js +6 -7
- package/es/Select/GroupSelect.js +71 -23
- package/es/Select/Select.js +115 -50
- package/es/Select/Select.module.css +23 -23
- package/es/Select/SelectWithAvatar.js +31 -12
- package/es/Select/SelectWithIcon.js +60 -14
- package/es/Select/__tests__/Select.spec.js +6 -8
- package/es/Select/index.js +4 -0
- package/es/Select/props/defaultProps.js +6 -1
- package/es/Select/props/propTypes.js +10 -4
- package/es/Stencils/Stencils.js +10 -9
- package/es/Stencils/Stencils.module.css +2 -2
- package/es/Switch/Switch.js +14 -8
- package/es/Switch/Switch.module.css +49 -32
- package/es/Switch/props/defaultProps.js +2 -1
- package/es/Switch/props/propTypes.js +1 -0
- package/es/Tab/Tab.js +14 -11
- package/es/Tab/Tab.module.css +14 -15
- package/es/Tab/TabContent.js +6 -3
- package/es/Tab/TabContentWrapper.js +6 -2
- package/es/Tab/TabWrapper.js +9 -4
- package/es/Tab/Tabs.js +85 -21
- package/es/Tab/Tabs.module.css +36 -40
- package/es/Tab/__tests__/Tab.spec.js +4 -12
- package/es/Tab/__tests__/TabWrapper.spec.js +1 -0
- package/es/Tab/props/defaultProps.js +10 -5
- package/es/Tab/props/propTypes.js +10 -5
- package/es/Tag/Tag.js +16 -10
- package/es/Tag/Tag.module.css +10 -10
- package/es/Tag/props/defaultProps.js +2 -1
- package/es/Tag/props/propTypes.js +2 -1
- package/es/TextBox/TextBox.js +26 -10
- package/es/TextBox/TextBox.module.css +6 -5
- package/es/TextBox/__tests__/TextBox.spec.js +1 -4
- package/es/TextBox/props/defaultProps.js +2 -1
- package/es/TextBox/props/propTypes.js +2 -1
- package/es/TextBoxIcon/TextBoxIcon.js +39 -13
- package/es/TextBoxIcon/TextBoxIcon.module.css +7 -6
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +2 -7
- package/es/TextBoxIcon/props/defaultProps.js +2 -1
- package/es/TextBoxIcon/props/propTypes.js +1 -0
- package/es/Textarea/Textarea.js +23 -10
- package/es/Textarea/Textarea.module.css +6 -6
- package/es/Textarea/__tests__/Textarea.spec.js +2 -2
- package/es/Textarea/props/defaultProps.js +2 -1
- package/es/Textarea/props/propTypes.js +1 -0
- package/es/Tooltip/Tooltip.js +67 -21
- package/es/Tooltip/Tooltip.module.css +40 -8
- package/es/Tooltip/__tests__/Tooltip.spec.js +5 -0
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +7 -6
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +11 -8
- package/es/VelocityAnimation/index.js +2 -0
- package/es/common/a11y.module.css +4 -0
- package/es/common/animation.module.css +8 -8
- package/es/common/avatarsizes.module.css +6 -2
- package/es/common/basicReset.module.css +3 -3
- package/es/common/boxShadow.module.css +34 -0
- package/es/common/common.module.css +24 -24
- package/es/common/customscroll.module.css +4 -2
- package/es/common/reset.module.css +1 -0
- package/es/css.js +2 -1
- package/es/deprecated/AdvancedMultiSelect.module.css +18 -18
- package/es/deprecated/PortalLayer/PortalLayer.js +30 -24
- package/es/index.js +30 -146
- package/es/semantic/Button/Button.js +9 -7
- package/es/semantic/Button/semanticButton.module.css +1 -1
- package/es/semantic/index.js +1 -0
- package/es/utils/Common.js +74 -7
- 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 +28 -0
- package/es/utils/css/mergeStyle.js +57 -0
- package/es/utils/css/utils.js +24 -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 +71 -13
- package/es/utils/getInitial.js +4 -0
- package/es/utils/index.js +3 -0
- package/es/utils/shallowEqual.js +6 -0
- package/install.md +10 -0
- package/lib/Accordion/Accordion.js +50 -18
- package/lib/Accordion/AccordionItem.js +47 -20
- package/lib/Accordion/__tests__/Accordion.spec.js +3 -0
- package/lib/Accordion/index.js +3 -0
- package/lib/Accordion/props/defaultProps.js +6 -2
- package/lib/Accordion/props/propTypes.js +6 -0
- package/lib/Animation/Animation.js +44 -21
- package/lib/Animation/__tests__/Animation.spec.js +11 -7
- package/lib/Animation/props/propTypes.js +3 -0
- package/lib/AppContainer/AppContainer.js +75 -27
- package/lib/AppContainer/AppContainer.module.css +2 -2
- package/lib/AppContainer/props/defaultProps.js +3 -1
- package/lib/AppContainer/props/propTypes.js +5 -0
- package/lib/Avatar/Avatar.js +97 -44
- package/lib/Avatar/Avatar.module.css +59 -18
- package/lib/Avatar/__tests__/Avatar.spec.js +44 -0
- package/lib/Avatar/props/defaultProps.js +4 -1
- package/lib/Avatar/props/propTypes.js +8 -2
- package/lib/AvatarTeam/AvatarTeam.js +64 -30
- package/lib/AvatarTeam/AvatarTeam.module.css +49 -21
- package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +13 -0
- package/lib/AvatarTeam/props/defaultProps.js +5 -1
- package/lib/AvatarTeam/props/propTypes.js +8 -1
- package/lib/Button/Button.js +64 -74
- package/{es/Button → lib/Button/css}/Button.module.css +62 -58
- package/lib/Button/css/cssJSLogic.js +41 -0
- package/lib/Button/index.js +23 -0
- package/lib/Button/props/defaultProps.js +5 -1
- package/lib/Button/props/propTypes.js +11 -3
- package/lib/Buttongroup/Buttongroup.js +49 -19
- package/lib/Buttongroup/Buttongroup.module.css +45 -28
- package/lib/Buttongroup/__test__/Buttongroup.spec.js +10 -0
- package/lib/Buttongroup/props/defaultProps.js +3 -1
- package/lib/Buttongroup/props/propTypes.js +6 -1
- package/lib/Card/Card.js +119 -55
- package/lib/Card/__tests__/Card.spec.js +10 -1
- package/lib/Card/index.js +4 -0
- package/lib/Card/props/defaultProps.js +16 -4
- package/lib/Card/props/propTypes.js +5 -2
- package/lib/CheckBox/CheckBox.js +76 -48
- package/lib/CheckBox/CheckBox.module.css +16 -16
- package/lib/CheckBox/__tests__/CheckBox.spec.js +3 -0
- package/lib/CheckBox/props/propTypes.js +4 -0
- package/lib/DateTime/CalendarView.js +95 -38
- package/lib/DateTime/DateTime.js +309 -216
- package/lib/DateTime/DateTime.module.css +51 -48
- package/lib/DateTime/DateTimePopupFooter.js +30 -5
- package/lib/DateTime/DateTimePopupHeader.js +69 -23
- package/lib/DateTime/DateWidget.js +370 -260
- package/lib/DateTime/DateWidget.module.css +5 -5
- package/lib/DateTime/DaysRow.js +28 -3
- package/lib/DateTime/Time.js +72 -29
- package/lib/DateTime/YearView.js +89 -30
- package/lib/DateTime/YearView.module.css +33 -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 +50 -0
- package/lib/DateTime/dateFormatUtils/dayChange.js +14 -7
- package/lib/DateTime/dateFormatUtils/index.js +99 -13
- package/lib/DateTime/dateFormatUtils/monthChange.js +19 -9
- package/lib/DateTime/dateFormatUtils/timeChange.js +52 -20
- package/lib/DateTime/dateFormatUtils/yearChange.js +22 -11
- package/lib/DateTime/index.js +3 -1
- package/lib/DateTime/objectUtils.js +24 -20
- package/lib/DateTime/props/defaultProps.js +2 -1
- package/lib/DateTime/props/propTypes.js +21 -2
- package/lib/DateTime/typeChecker.js +4 -0
- package/lib/DateTime/validator.js +69 -6
- package/lib/DropBox/DropBox.js +102 -249
- package/lib/DropBox/DropBoxElement/DropBoxElement.js +145 -0
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +435 -0
- package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +81 -0
- package/lib/DropBox/DropBoxElement/props/defaultProps.js +25 -0
- package/lib/DropBox/DropBoxElement/props/propTypes.js +56 -0
- package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +60 -0
- package/lib/DropBox/__tests__/DropBox.spec.js +8 -4
- package/lib/DropBox/css/DropBox.module.css +59 -0
- package/lib/DropBox/css/cssJSLogic.js +20 -0
- package/lib/DropBox/props/defaultProps.js +20 -17
- package/lib/DropBox/props/propTypes.js +22 -43
- package/lib/DropDown/DropDown.js +58 -10
- package/lib/DropDown/DropDown.module.css +2 -2
- package/lib/DropDown/DropDownHeading.js +47 -18
- package/lib/DropDown/DropDownHeading.module.css +3 -3
- package/lib/DropDown/DropDownItem.js +43 -18
- package/lib/DropDown/DropDownItem.module.css +9 -9
- package/lib/DropDown/DropDownSearch.js +39 -14
- package/lib/DropDown/DropDownSeparator.js +23 -1
- 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 +65 -0
- package/lib/DropDown/props/defaultProps.js +3 -1
- package/lib/DropDown/props/propTypes.js +7 -1
- package/lib/Heading/Heading.js +42 -16
- package/lib/Heading/Heading.module.css +2 -2
- package/lib/Heading/props/propTypes.js +3 -0
- package/lib/Label/Label.js +47 -19
- package/lib/Label/Label.module.css +1 -1
- package/lib/Label/__tests__/Label.spec.js +14 -1
- package/lib/Label/props/defaultProps.js +2 -1
- package/lib/Label/props/propTypes.js +4 -0
- package/lib/Layout/Box.js +41 -16
- package/lib/Layout/Container.js +39 -15
- 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 +4 -11
- package/lib/Layout/props/defaultProps.js +6 -2
- package/lib/Layout/props/propTypes.js +10 -3
- package/lib/Layout/utils.js +15 -1
- package/lib/ListItem/ListContainer.js +61 -34
- package/lib/ListItem/ListItem.js +92 -50
- package/lib/ListItem/ListItem.module.css +37 -30
- package/lib/ListItem/ListItemWithAvatar.js +98 -54
- package/lib/ListItem/ListItemWithCheckBox.js +82 -41
- package/lib/ListItem/ListItemWithIcon.js +92 -50
- package/lib/ListItem/ListItemWithRadio.js +83 -42
- package/lib/ListItem/index.js +55 -0
- package/lib/ListItem/props/defaultProps.js +18 -6
- package/lib/ListItem/props/propTypes.js +18 -3
- package/lib/Modal/Modal.js +51 -13
- package/lib/Modal/props/propTypes.js +3 -0
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +300 -167
- package/lib/MultiSelect/AdvancedMultiSelect.js +212 -130
- package/lib/MultiSelect/EmptyState.js +48 -21
- package/lib/MultiSelect/MultiSelect.js +341 -205
- package/lib/MultiSelect/MultiSelect.module.css +32 -31
- package/lib/MultiSelect/MultiSelectHeader.js +29 -5
- package/lib/MultiSelect/MultiSelectWithAvatar.js +126 -65
- package/lib/MultiSelect/SelectedOptions.js +42 -14
- package/lib/MultiSelect/SelectedOptions.module.css +5 -5
- package/lib/MultiSelect/Suggestions.js +66 -29
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +86 -75
- package/lib/MultiSelect/index.js +39 -0
- package/lib/MultiSelect/props/defaultProps.js +13 -4
- package/lib/MultiSelect/props/propTypes.js +20 -5
- package/lib/PopOver/PopOver.js +101 -53
- package/lib/PopOver/__tests__/PopOver.spec.js +4 -1
- package/lib/PopOver/index.js +31 -0
- package/lib/PopOver/props/propTypes.js +3 -0
- package/lib/Popup/Popup.js +158 -83
- package/lib/Popup/__tests__/Popup.spec.js +42 -5
- package/lib/Popup/viewPort.js +28 -14
- package/lib/Provider/AvatarSize.js +5 -0
- package/lib/Provider/Config.js +2 -0
- package/lib/Provider/CssProvider.js +4 -0
- package/lib/Provider/IdProvider.js +23 -12
- package/lib/Provider/LibraryContext.js +32 -10
- package/lib/Provider/LibraryContextInit.js +4 -0
- package/lib/Provider/NumberGenerator/NumberGenerator.js +43 -14
- package/lib/Provider/ZindexProvider.js +15 -3
- package/lib/Provider/index.js +81 -0
- package/lib/Radio/Radio.js +65 -40
- package/lib/Radio/Radio.module.css +3 -3
- package/lib/Radio/__tests__/Radiospec.js +9 -5
- package/lib/Radio/props/propTypes.js +3 -0
- package/lib/Responsive/CustomResponsive.js +76 -26
- package/lib/Responsive/RefWrapper.js +15 -7
- package/lib/Responsive/ResizeComponent.js +58 -27
- package/lib/Responsive/ResizeObserver.js +23 -6
- package/lib/Responsive/Responsive.js +76 -24
- package/lib/Responsive/index.js +49 -22
- package/lib/Responsive/props/propTypes.js +3 -0
- package/lib/Responsive/sizeObservers.js +51 -13
- 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 +44 -14
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +2 -2
- package/lib/ResponsiveDropBox/props/propTypes.js +3 -0
- package/lib/Ribbon/Ribbon.js +48 -21
- package/lib/Ribbon/Ribbon.module.css +133 -55
- package/lib/Ribbon/__tests__/Ribbon.spec.js +22 -0
- package/lib/Ribbon/props/defaultProps.js +2 -1
- package/lib/Ribbon/props/propTypes.js +5 -1
- package/lib/RippleEffect/RippleEffect.js +23 -14
- package/lib/RippleEffect/props/propTypes.js +3 -0
- package/lib/Select/GroupSelect.js +240 -137
- package/lib/Select/Select.js +320 -220
- package/lib/Select/Select.module.css +23 -23
- package/lib/Select/SelectWithAvatar.js +112 -59
- package/lib/Select/SelectWithIcon.js +145 -82
- package/lib/Select/__tests__/Select.spec.js +131 -89
- package/lib/Select/index.js +39 -0
- package/lib/Select/props/defaultProps.js +10 -2
- package/lib/Select/props/propTypes.js +13 -4
- package/lib/Stencils/Stencils.js +35 -13
- package/lib/Stencils/Stencils.module.css +2 -2
- package/lib/Stencils/__tests__/Stencils.spec.js +12 -0
- package/lib/Stencils/props/propTypes.js +3 -0
- package/lib/Switch/Switch.js +64 -35
- package/lib/Switch/Switch.module.css +49 -32
- package/lib/Switch/props/defaultProps.js +2 -1
- package/lib/Switch/props/propTypes.js +4 -0
- package/lib/Tab/Tab.js +49 -33
- package/lib/Tab/Tab.module.css +14 -15
- package/lib/Tab/TabContent.js +15 -6
- package/lib/Tab/TabContentWrapper.js +15 -6
- package/lib/Tab/TabWrapper.js +37 -17
- package/lib/Tab/Tabs.js +193 -94
- package/lib/Tab/Tabs.module.css +36 -40
- package/lib/Tab/__tests__/Tab.spec.js +74 -70
- 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/defaultProps.js +10 -5
- package/lib/Tab/props/propTypes.js +13 -5
- package/lib/Tag/Tag.js +82 -48
- package/lib/Tag/Tag.module.css +10 -10
- package/lib/Tag/__tests__/Tag.spec.js +14 -8
- package/lib/Tag/props/defaultProps.js +2 -1
- package/lib/Tag/props/propTypes.js +5 -1
- package/lib/TextBox/TextBox.js +93 -61
- package/lib/TextBox/TextBox.module.css +6 -5
- package/lib/TextBox/__tests__/TextBox.spec.js +14 -4
- package/lib/TextBox/props/defaultProps.js +2 -1
- package/lib/TextBox/props/propTypes.js +6 -1
- package/lib/TextBoxIcon/TextBoxIcon.js +108 -60
- package/lib/TextBoxIcon/TextBoxIcon.module.css +7 -6
- package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +14 -5
- package/lib/TextBoxIcon/props/defaultProps.js +2 -1
- package/lib/TextBoxIcon/props/propTypes.js +4 -0
- package/lib/Textarea/Textarea.js +63 -32
- package/lib/Textarea/Textarea.module.css +6 -6
- package/lib/Textarea/__tests__/Textarea.spec.js +14 -2
- package/lib/Textarea/props/defaultProps.js +2 -1
- package/lib/Textarea/props/propTypes.js +4 -0
- package/lib/Tooltip/Tooltip.js +102 -35
- package/lib/Tooltip/Tooltip.module.css +40 -8
- package/lib/Tooltip/__tests__/Tooltip.spec.js +23 -0
- package/lib/Tooltip/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +43 -17
- package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +55 -24
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +3 -0
- package/lib/VelocityAnimation/index.js +23 -0
- package/lib/common/a11y.module.css +4 -0
- package/lib/common/animation.module.css +8 -8
- package/lib/common/avatarsizes.module.css +6 -2
- package/lib/common/basicReset.module.css +3 -3
- package/lib/common/boxShadow.module.css +34 -0
- package/lib/common/common.module.css +24 -24
- package/lib/common/customscroll.module.css +4 -2
- package/lib/common/reset.module.css +1 -0
- package/lib/css.js +42 -1
- package/lib/deprecated/AdvancedMultiSelect.module.css +18 -18
- package/lib/deprecated/PortalLayer/PortalLayer.js +50 -24
- package/lib/deprecated/PortalLayer/props/propTypes.js +3 -0
- package/lib/index.js +214 -210
- package/lib/semantic/Button/Button.js +47 -24
- package/lib/semantic/Button/props/propTypes.js +3 -0
- package/lib/semantic/Button/semanticButton.module.css +1 -1
- package/lib/semantic/index.js +15 -0
- package/lib/utils/Common.js +136 -17
- 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 +11 -2
- package/lib/utils/css/compileClassNames.js +37 -0
- package/lib/utils/css/mergeStyle.js +69 -0
- package/lib/utils/css/utils.js +41 -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 +177 -56
- 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 +121 -0
- package/lib/utils/scrollTo.js +2 -0
- package/lib/utils/shallowEqual.js +8 -0
- package/package.json +61 -26
- package/postPublish.js +8 -0
- package/prePublish.js +70 -0
- package/docs/external/active-line.js +0 -72
- package/docs/external/autorefresh.js +0 -47
- package/docs/external/codemirror.js +0 -9681
- package/docs/external/css/hopscotch.css +0 -576
- package/docs/external/css/styleGuide.css +0 -1100
- package/docs/external/css.js +0 -466
- package/docs/external/designTokens.js +0 -1
- package/docs/external/foldcode.js +0 -152
- package/docs/external/format.js +0 -129
- package/docs/external/htmlmixed.js +0 -84
- package/docs/external/images/bottom.png +0 -0
- package/docs/external/images/bottombg.jpg +0 -0
- package/docs/external/images/desk.png +0 -0
- package/docs/external/images/desklogo.png +0 -0
- package/docs/external/images/menu.png +0 -0
- package/docs/external/index.html +0 -127
- package/docs/external/javascript.js +0 -422
- package/docs/external/jsx.js +0 -148
- package/docs/external/matchbrackets.js +0 -145
- package/docs/external/xml.js +0 -322
- package/docs/package.json +0 -41
- package/docs/src/index.js +0 -1311
- package/es/Button/__tests__/Button.spec.js +0 -190
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
- package/es/DropBox/DropBox.module.css +0 -406
- package/lib/Button/__tests__/Button.spec.js +0 -193
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
- package/lib/DropBox/DropBox.module.css +0 -406
|
@@ -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,
|