@zohodesk/components 1.0.0-temp-227 → 1.0.0-temp-228
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/.cli/propValidation_report.html +1 -1
- package/README.md +31 -20
- package/assets/Appearance/dark/mode/Component_v2_DarkMode.module.css +11 -0
- package/assets/Appearance/light/mode/Component_v2_LightMode.module.css +11 -0
- package/assets/Appearance/pureDark/mode/Component_v2_PureDarkMode.module.css +11 -0
- package/es/Accordion/Accordion.js +2 -2
- package/es/Accordion/AccordionItem.js +4 -4
- package/es/Accordion/__tests__/Accordion.spec.js +1 -1
- package/es/Accordion/__tests__/AccordionItem.spec.js +1 -1
- package/es/Accordion/index.js +2 -2
- package/es/Animation/Animation.js +3 -3
- package/es/Animation/__tests__/Animation.spec.js +1 -1
- package/es/Animation/utils.js +1 -1
- package/es/AppContainer/AppContainer.js +13 -14
- package/es/AppContainer/__tests__/AppContainer.spec.js +1 -1
- package/es/Avatar/Avatar.js +5 -5
- package/es/Avatar/__tests__/Avatar.spec.js +1 -1
- package/es/AvatarTeam/AvatarTeam.js +4 -4
- package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -1
- package/es/AvatarTeam/props/propTypes.js +1 -1
- package/es/Button/Button.js +4 -4
- package/es/Button/__tests__/Button.spec.js +2 -135
- package/es/Button/index.js +2 -2
- package/es/Button/props/defaultProps.js +1 -1
- package/es/Buttongroup/Buttongroup.js +3 -3
- package/es/Buttongroup/__tests__/Buttongroup.spec.js +1 -1
- package/es/Card/Card.js +5 -5
- package/es/Card/__tests__/Card.spec.js +1 -1
- package/es/Card/index.js +4 -4
- package/es/CheckBox/CheckBox.js +6 -6
- package/es/CheckBox/__tests__/CheckBox.spec.js +1 -1
- package/es/DateTime/CalendarView.js +6 -6
- package/es/DateTime/DateTime.js +15 -15
- package/es/DateTime/DateTimePopupFooter.js +5 -5
- package/es/DateTime/DateTimePopupHeader.js +4 -4
- package/es/DateTime/DateWidget.js +17 -17
- package/es/DateTime/DaysRow.js +3 -3
- package/es/DateTime/Time.js +5 -5
- package/es/DateTime/YearView.js +6 -6
- package/es/DateTime/__tests__/CalendarView.spec.js +1 -1
- package/es/DateTime/__tests__/DateTime.spec.js +1 -1
- package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +1 -1
- package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +1 -1
- package/es/DateTime/__tests__/DateWidget.spec.js +1 -1
- package/es/DateTime/__tests__/DaysRow.spec.js +1 -1
- package/es/DateTime/__tests__/Time.spec.js +1 -1
- package/es/DateTime/__tests__/YearView.spec.js +3 -2
- package/es/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +61 -0
- package/es/DateTime/dateFormatUtils/dateFormat.js +4 -4
- package/es/DateTime/dateFormatUtils/dayChange.js +2 -2
- package/es/DateTime/dateFormatUtils/index.js +3 -3
- package/es/DateTime/dateFormatUtils/monthChange.js +2 -2
- package/es/DateTime/dateFormatUtils/timeChange.js +2 -2
- package/es/DateTime/dateFormatUtils/yearChange.js +2 -2
- package/es/DateTime/index.js +1 -1
- package/es/DateTime/props/propTypes.js +1 -1
- package/es/DateTime/validator.js +2 -2
- package/es/DropBox/DropBox.js +9 -9
- package/es/DropBox/DropBoxElement/DropBoxElement.js +6 -6
- package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +1 -1
- package/es/DropBox/DropBoxElement/css/cssJSLogic.js +1 -1
- package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +1 -1
- package/es/DropBox/__tests__/DropBox.spec.js +1 -1
- package/es/DropBox/css/cssJSLogic.js +1 -1
- package/es/DropBox/props/defaultProps.js +1 -1
- package/es/DropBox/props/propTypes.js +1 -1
- package/es/DropBox/utils/isMobilePopover.js +1 -1
- package/es/DropDown/DropDown.js +4 -4
- package/es/DropDown/DropDownHeading.js +3 -3
- package/es/DropDown/DropDownItem.js +3 -3
- package/es/DropDown/DropDownSearch.js +4 -4
- package/es/DropDown/DropDownSeparator.js +2 -2
- package/es/DropDown/__tests__/DropDown.spec.js +1 -1
- package/es/DropDown/__tests__/DropDownHeading.spec.js +1 -1
- package/es/DropDown/__tests__/DropDownItem.spec.js +1 -1
- package/es/DropDown/__tests__/DropDownSearch.spec.js +1 -1
- package/es/DropDown/__tests__/DropDownSeparator.spec.js +1 -1
- package/es/DropDown/index.js +7 -7
- package/es/DropDown/props/propTypes.js +1 -1
- package/es/Heading/Heading.js +4 -4
- package/es/Heading/__tests__/Heading.spec.js +1 -1
- package/es/Label/Label.js +4 -4
- package/es/Label/__tests__/Label.spec.js +1 -1
- package/es/Layout/Box.js +4 -4
- package/es/Layout/Container.js +4 -4
- package/es/Layout/__tests__/Box.spec.js +1 -1
- package/es/Layout/__tests__/Container.spec.js +1 -1
- package/es/Layout/index.js +2 -2
- package/es/ListItem/ListContainer.js +6 -6
- package/es/ListItem/ListItem.js +5 -5
- package/es/ListItem/ListItemWithAvatar.js +7 -7
- package/es/ListItem/ListItemWithCheckBox.js +6 -6
- package/es/ListItem/ListItemWithIcon.js +5 -5
- package/es/ListItem/ListItemWithRadio.js +6 -6
- package/es/ListItem/__tests__/ListContainer.spec.js +1 -1
- package/es/ListItem/__tests__/ListItem.spec.js +1 -1
- package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +1 -1
- package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +1 -1
- package/es/ListItem/__tests__/ListItemWithIcon.spec.js +1 -1
- package/es/ListItem/__tests__/ListItemWithRadio.spec.js +1 -1
- package/es/ListItem/index.js +6 -6
- package/es/ListItem/props/propTypes.js +2 -2
- package/es/Modal/Modal.js +3 -3
- package/es/Modal/__tests__/Modal.spec.js +1 -1
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
- package/es/MultiSelect/AdvancedMultiSelect.js +17 -17
- package/es/MultiSelect/EmptyState.js +3 -3
- package/es/MultiSelect/MobileHeader/MobileHeader.js +5 -5
- package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +1 -1
- package/es/MultiSelect/MultiSelect.js +22 -35
- package/es/MultiSelect/MultiSelectHeader.js +4 -4
- package/es/MultiSelect/MultiSelectWithAvatar.js +16 -16
- package/es/MultiSelect/SelectedOptions.js +5 -5
- package/es/MultiSelect/Suggestions.js +6 -6
- package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +1 -1
- package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +2 -9
- package/es/MultiSelect/__tests__/EmptyState.spec.js +1 -1
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +1 -1
- package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +1 -1
- package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +1 -1
- package/es/MultiSelect/__tests__/SelectedOptions.spec.js +1 -1
- package/es/MultiSelect/__tests__/Suggestions.spec.js +1 -1
- package/es/MultiSelect/index.js +4 -4
- package/es/MultiSelect/props/defaultProps.js +1 -1
- package/es/MultiSelect/props/propTypes.js +1 -3
- package/es/PopOver/PopOver.js +6 -6
- package/es/PopOver/__tests__/PopOver.spec.js +1 -1
- package/es/PopOver/index.js +3 -3
- package/es/Popup/Popup.js +7 -7
- package/es/Provider/AvatarSize.js +1 -1
- package/es/Provider/CssProvider.js +1 -1
- package/es/Provider/IdProvider.js +3 -3
- package/es/Provider/LibraryContext.js +5 -3
- package/es/Provider/ZindexProvider.js +2 -2
- package/es/Provider/index.js +4 -4
- package/es/Radio/Radio.js +6 -6
- package/es/Radio/__tests__/Radio.spec.js +1 -1
- package/es/Responsive/CustomResponsive.js +7 -7
- package/es/Responsive/ResizeComponent.js +2 -2
- package/es/Responsive/Responsive.js +6 -6
- package/es/Responsive/index.js +3 -3
- package/es/Responsive/utils/index.js +1 -1
- package/es/Responsive/windowResizeObserver.js +1 -1
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
- package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +1 -1
- package/es/ResponsiveDropBox/props/propTypes.js +1 -1
- package/es/Ribbon/Ribbon.js +3 -3
- package/es/Ribbon/__tests__/Ribbon.spec.js +1 -1
- package/es/RippleEffect/RippleEffect.js +4 -4
- package/es/RippleEffect/__tests__/RippleEffect.spec.js +1 -1
- package/es/Select/GroupSelect.js +16 -16
- package/es/Select/Select.js +21 -30
- package/es/Select/SelectWithAvatar.js +17 -17
- package/es/Select/SelectWithIcon.js +13 -13
- package/es/Select/__tests__/GroupSelect.spec.js +1 -1
- package/es/Select/__tests__/Select.spec.js +5 -1131
- package/es/Select/__tests__/SelectWithAvatar.spec.js +1 -1
- package/es/Select/__tests__/SelectWithIcon.spec.js +1 -1
- package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +1 -9621
- package/es/Select/index.js +4 -4
- package/es/Select/props/defaultProps.js +1 -1
- package/es/Select/props/propTypes.js +1 -3
- package/es/Stencils/Stencils.js +15 -8
- package/es/Stencils/Stencils.module.css +7 -11
- package/es/Stencils/__tests__/Stencils.spec.js +2 -10
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +11 -27
- package/es/Stencils/props/defaultProps.js +1 -2
- package/es/Stencils/props/propTypes.js +2 -3
- package/es/Switch/Switch.js +5 -5
- package/es/Switch/__tests__/Switch.spec.js +1 -1
- package/es/Tab/Tab.js +6 -7
- package/es/Tab/TabContent.js +4 -4
- package/es/Tab/TabContentWrapper.js +3 -3
- package/es/Tab/TabWrapper.js +4 -5
- package/es/Tab/Tabs.js +23 -23
- package/es/Tab/__tests__/Tab.spec.js +1 -1
- package/es/Tab/__tests__/TabContent.spec.js +1 -1
- package/es/Tab/__tests__/TabContentWrapper.spec.js +1 -1
- package/es/Tab/__tests__/TabWrapper.spec.js +1 -1
- package/es/Tab/__tests__/Tabs.spec.js +1 -1
- package/es/Tab/index.js +5 -5
- package/es/Tab/props/propTypes.js +2 -2
- package/es/Tag/Tag.js +7 -7
- package/es/Tag/__tests__/Tag.spec.js +2 -9
- package/es/Tag/props/propTypes.js +1 -1
- package/es/TextBox/TextBox.js +3 -3
- package/es/TextBox/__tests__/TextBox.spec.js +1 -1
- package/es/TextBoxIcon/TextBoxIcon.js +8 -12
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +1 -1
- package/es/TextBoxIcon/props/propTypes.js +2 -3
- package/es/Textarea/Textarea.js +3 -3
- package/es/Textarea/__tests__/Textarea.spec.js +1 -1
- package/es/Tooltip/Tooltip.js +6 -6
- package/es/Typography/Typography.js +4 -4
- package/es/Typography/css/cssJSLogic.js +1 -1
- package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
- package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +1 -1
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +6 -43
- package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +1 -1
- package/es/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +1 -4
- package/es/VelocityAnimation/index.js +2 -2
- package/es/components-v2/Switch/Switch.js +151 -0
- package/es/components-v2/Switch/contants/index.js +12 -0
- package/es/components-v2/Switch/css/Switch_v2.module.css +140 -0
- package/es/components-v2/Switch/css/cssJSLogic.js +48 -0
- package/es/components-v2/Switch/props/defaultProps.js +12 -0
- package/es/components-v2/Switch/props/propTypes.js +32 -0
- package/es/components-v2/Switch/useSwitch.js +29 -0
- package/es/css.js +37 -37
- package/es/deprecated/PortalLayer/PortalLayer.js +3 -3
- package/es/index.js +39 -39
- package/es/semantic/Button/Button.js +3 -3
- package/es/semantic/Button/__tests__/Button.spec.js +1 -1
- package/es/semantic/index.js +1 -1
- package/es/utils/Common.js +2 -2
- package/es/utils/ContextOptimizer.js +1 -1
- package/es/utils/cssUtils.js +1 -1
- package/es/utils/datetime/common.js +1 -1
- package/es/utils/dropDownUtils.js +1 -1
- package/es/utils/index.js +1 -1
- package/es/v1/Accordion/Accordion.js +2 -2
- package/es/v1/Accordion/AccordionItem.js +4 -4
- package/es/v1/Accordion/index.js +2 -2
- package/es/v1/Animation/Animation.js +3 -3
- package/es/v1/Animation/utils.js +1 -1
- package/es/v1/AppContainer/AppContainer.js +8 -8
- package/es/v1/Avatar/Avatar.js +5 -5
- package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
- package/es/v1/Button/Button.js +4 -4
- package/es/v1/Button/props/defaultProps.js +1 -1
- package/es/v1/Buttongroup/Buttongroup.js +3 -3
- package/es/v1/Card/Card.js +5 -5
- package/es/v1/Card/index.js +4 -4
- package/es/v1/CheckBox/CheckBox.js +6 -6
- package/es/v1/DateTime/CalendarView.js +7 -7
- package/es/v1/DateTime/DateTime.js +15 -15
- package/es/v1/DateTime/DateTimePopupFooter.js +5 -5
- package/es/v1/DateTime/DateTimePopupHeader.js +4 -4
- package/es/v1/DateTime/DateWidget.js +17 -17
- package/es/v1/DateTime/DaysRow.js +3 -3
- package/es/v1/DateTime/Time.js +5 -5
- package/es/v1/DateTime/YearView.js +6 -6
- package/es/v1/DateTime/index.js +1 -1
- package/es/v1/DateTime/props/propTypes.js +1 -1
- package/es/v1/DropBox/DropBox.js +9 -9
- package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +6 -6
- package/es/v1/DropBox/props/defaultProps.js +1 -1
- package/es/v1/DropBox/props/propTypes.js +1 -1
- package/es/v1/DropBox/utils/isMobilePopover.js +1 -1
- package/es/v1/DropDown/DropDown.js +4 -4
- package/es/v1/DropDown/DropDownHeading.js +3 -3
- package/es/v1/DropDown/DropDownItem.js +3 -3
- package/es/v1/DropDown/DropDownSearch.js +4 -4
- package/es/v1/DropDown/DropDownSeparator.js +2 -2
- package/es/v1/DropDown/props/propTypes.js +1 -1
- package/es/v1/Heading/Heading.js +4 -4
- package/es/v1/Label/Label.js +4 -4
- package/es/v1/Layout/Box.js +4 -4
- package/es/v1/Layout/Container.js +4 -4
- package/es/v1/Layout/index.js +2 -2
- package/es/v1/ListItem/ListContainer.js +6 -6
- package/es/v1/ListItem/ListItem.js +5 -5
- package/es/v1/ListItem/ListItemWithAvatar.js +7 -7
- package/es/v1/ListItem/ListItemWithCheckBox.js +6 -6
- package/es/v1/ListItem/ListItemWithIcon.js +5 -5
- package/es/v1/ListItem/ListItemWithRadio.js +6 -6
- package/es/v1/ListItem/index.js +6 -6
- package/es/v1/Modal/Modal.js +3 -3
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +17 -17
- package/es/v1/MultiSelect/AdvancedMultiSelect.js +17 -17
- package/es/v1/MultiSelect/EmptyState.js +3 -3
- package/es/v1/MultiSelect/MobileHeader/MobileHeader.js +5 -5
- package/es/v1/MultiSelect/MultiSelect.js +19 -19
- package/es/v1/MultiSelect/MultiSelectHeader.js +4 -4
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +16 -16
- package/es/v1/MultiSelect/SelectedOptions.js +5 -5
- package/es/v1/MultiSelect/Suggestions.js +6 -6
- package/es/v1/MultiSelect/index.js +4 -4
- package/es/v1/MultiSelect/props/defaultProps.js +1 -1
- package/es/v1/PopOver/PopOver.js +6 -6
- package/es/v1/Popup/Popup.js +3 -3
- package/es/v1/Radio/Radio.js +5 -5
- package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +6 -6
- package/es/v1/ResponsiveDropBox/props/propTypes.js +1 -1
- package/es/v1/Ribbon/Ribbon.js +3 -3
- package/es/v1/RippleEffect/RippleEffect.js +4 -4
- package/es/v1/Select/GroupSelect.js +16 -16
- package/es/v1/Select/Select.js +15 -15
- package/es/v1/Select/SelectWithAvatar.js +17 -17
- package/es/v1/Select/SelectWithIcon.js +13 -13
- package/es/v1/Select/index.js +4 -4
- package/es/v1/Select/props/defaultProps.js +1 -1
- package/es/v1/Stencils/Stencils.js +3 -3
- package/es/v1/Switch/Switch.js +5 -5
- package/es/v1/Tab/Tab.js +5 -5
- package/es/v1/Tab/TabContent.js +4 -4
- package/es/v1/Tab/TabContentWrapper.js +3 -3
- package/es/v1/Tab/TabWrapper.js +3 -3
- package/es/v1/Tab/Tabs.js +13 -13
- package/es/v1/Tab/index.js +5 -5
- package/es/v1/Tag/Tag.js +7 -7
- package/es/v1/TextBox/TextBox.js +3 -3
- package/es/v1/TextBoxIcon/TextBoxIcon.js +6 -6
- package/es/v1/TextBoxIcon/props/propTypes.js +1 -1
- package/es/v1/Textarea/Textarea.js +3 -3
- package/es/v1/Tooltip/Tooltip.js +6 -6
- package/es/v1/Typography/Typography.js +4 -4
- package/es/v1/Typography/css/cssJSLogic.js +1 -1
- package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
- package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
- package/es/v1/semantic/Button/Button.js +3 -3
- package/es/v1/semantic/index.js +1 -1
- package/lib/AppContainer/AppContainer.js +6 -7
- package/lib/Button/__tests__/Button.spec.js +0 -140
- package/lib/DateTime/__tests__/YearView.spec.js +2 -1
- package/lib/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +61 -0
- package/lib/MultiSelect/MultiSelect.js +3 -16
- package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +0 -8
- package/lib/MultiSelect/props/propTypes.js +1 -3
- package/lib/Provider/IdProvider.js +0 -1
- package/lib/Provider/LibraryContext.js +3 -1
- package/lib/Select/Select.js +7 -16
- package/lib/Select/__tests__/Select.spec.js +3 -1364
- package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +1 -9621
- package/lib/Select/props/propTypes.js +1 -3
- package/lib/Stencils/Stencils.js +12 -5
- package/lib/Stencils/Stencils.module.css +7 -11
- package/lib/Stencils/__tests__/Stencils.spec.js +3 -11
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +11 -27
- package/lib/Stencils/props/defaultProps.js +1 -2
- package/lib/Stencils/props/propTypes.js +2 -3
- package/lib/Tab/Tab.js +1 -3
- package/lib/Tab/TabWrapper.js +1 -3
- package/lib/Tab/Tabs.js +10 -11
- package/lib/Tab/props/propTypes.js +2 -2
- package/lib/Tag/__tests__/Tag.spec.js +2 -10
- package/lib/TextBoxIcon/TextBoxIcon.js +2 -6
- package/lib/TextBoxIcon/props/propTypes.js +1 -2
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +26 -80
- package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +1 -4
- package/lib/components-v2/Switch/Switch.js +169 -0
- package/lib/components-v2/Switch/contants/index.js +20 -0
- package/lib/components-v2/Switch/css/Switch_v2.module.css +140 -0
- package/lib/components-v2/Switch/css/cssJSLogic.js +37 -0
- package/lib/components-v2/Switch/props/defaultProps.js +19 -0
- package/lib/components-v2/Switch/props/propTypes.js +43 -0
- package/lib/components-v2/Switch/useSwitch.js +52 -0
- package/lib/utils/Common.js +1 -1
- package/package.json +4 -3
- package/react-cli.config.js +2 -2
- package/result.json +1 -0
- package/es/Tab/__tests__/TabLayout.spec.js +0 -34
- package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +0 -341
- package/es/Tab/utils/tabConfigs.js +0 -18
- package/lib/Tab/__tests__/TabLayout.spec.js +0 -41
- package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +0 -341
- package/lib/Tab/utils/tabConfigs.js +0 -27
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
/** ** Libraries *** */
|
|
4
4
|
import React, { PureComponent } from 'react';
|
|
5
|
-
import { DateTimePopupHeader_propTypes } from
|
|
5
|
+
import { DateTimePopupHeader_propTypes } from './props/propTypes';
|
|
6
6
|
/** ** Components *** */
|
|
7
7
|
|
|
8
|
-
import { Container, Box } from
|
|
8
|
+
import { Container, Box } from '../Layout';
|
|
9
9
|
import { Icon } from '@zohodesk/icons';
|
|
10
|
-
import Heading from
|
|
10
|
+
import Heading from '../Heading/Heading';
|
|
11
11
|
/** ** CSS *** */
|
|
12
12
|
|
|
13
|
-
import style from
|
|
13
|
+
import style from './DateTime.module.css';
|
|
14
14
|
|
|
15
15
|
class Span extends React.PureComponent {
|
|
16
16
|
constructor(props) {
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { DateWidget_propTypes } from
|
|
4
|
-
import { DateWidget_defaultProps } from
|
|
3
|
+
import { DateWidget_propTypes } from './props/propTypes';
|
|
4
|
+
import { DateWidget_defaultProps } from './props/defaultProps';
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
|
-
import DateTime from
|
|
8
|
-
import Popup from
|
|
7
|
+
import DateTime from './DateTime';
|
|
8
|
+
import Popup from '../Popup/Popup';
|
|
9
9
|
import { Icon } from '@zohodesk/icons';
|
|
10
|
-
import { Container } from
|
|
11
|
-
import TextBoxIcon from
|
|
10
|
+
import { Container } from '../Layout';
|
|
11
|
+
import TextBoxIcon from '../TextBoxIcon/TextBoxIcon';
|
|
12
12
|
/**** CSS ****/
|
|
13
13
|
|
|
14
|
-
import style from
|
|
14
|
+
import style from './DateWidget.module.css';
|
|
15
15
|
/**** Methods ****/
|
|
16
16
|
|
|
17
|
-
import validator from
|
|
18
|
-
import { formatDate } from
|
|
19
|
-
import { getIsSupportedKey, arrayIsNotEqual } from
|
|
20
|
-
import { getDateFormatDetails, getDateFormatSelection, getDateTimeString, getDateDetails, getIsValidDate, getSelectedDate, getDateText } from
|
|
21
|
-
import { getChangedDay } from
|
|
22
|
-
import { getChangedMonth } from
|
|
23
|
-
import { getChangedYear } from
|
|
24
|
-
import { getChangedHour, getChangedMinute, getChangedNoon } from
|
|
25
|
-
import { getIsEmptyValue } from
|
|
17
|
+
import validator from './validator';
|
|
18
|
+
import { formatDate } from '../utils/datetime/common';
|
|
19
|
+
import { getIsSupportedKey, arrayIsNotEqual } from './dateFormatUtils';
|
|
20
|
+
import { getDateFormatDetails, getDateFormatSelection, getDateTimeString, getDateDetails, getIsValidDate, getSelectedDate, getDateText } from './dateFormatUtils/dateFormat';
|
|
21
|
+
import { getChangedDay } from './dateFormatUtils/dayChange';
|
|
22
|
+
import { getChangedMonth } from './dateFormatUtils/monthChange';
|
|
23
|
+
import { getChangedYear } from './dateFormatUtils/yearChange';
|
|
24
|
+
import { getChangedHour, getChangedMinute, getChangedNoon } from './dateFormatUtils/timeChange';
|
|
25
|
+
import { getIsEmptyValue } from '../utils/Common';
|
|
26
26
|
/** * Constants ** */
|
|
27
27
|
|
|
28
|
-
import { INVALID_DATE, i18nShortMonths, i18nMonths } from
|
|
28
|
+
import { INVALID_DATE, i18nShortMonths, i18nMonths } from './constants';
|
|
29
29
|
/* eslint-disable react/no-unused-prop-types */
|
|
30
30
|
|
|
31
31
|
/* eslint css-modules/no-unused-class: [0, { markAsUsed: 'inputLine'] }] */
|
package/es/DateTime/DaysRow.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
/** ** Libraries *** */
|
|
4
4
|
import React, { PureComponent } from 'react';
|
|
5
|
-
import { DaysRow_propTypes } from
|
|
5
|
+
import { DaysRow_propTypes } from './props/propTypes';
|
|
6
6
|
/** ** CSS *** */
|
|
7
7
|
|
|
8
|
-
import style from
|
|
8
|
+
import style from './DateTime.module.css';
|
|
9
9
|
/** ** Components *** */
|
|
10
10
|
|
|
11
|
-
import { Container, Box } from
|
|
11
|
+
import { Container, Box } from '../Layout';
|
|
12
12
|
export default class DaysRow extends PureComponent {
|
|
13
13
|
render() {
|
|
14
14
|
const {
|
package/es/DateTime/Time.js
CHANGED
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
/** ** Libraries *** */
|
|
4
4
|
import React, { PureComponent } from 'react';
|
|
5
|
-
import { Time_propTypes } from
|
|
6
|
-
import { Time_defaultProps } from
|
|
5
|
+
import { Time_propTypes } from './props/propTypes';
|
|
6
|
+
import { Time_defaultProps } from './props/defaultProps';
|
|
7
7
|
/**** Components ****/
|
|
8
8
|
|
|
9
|
-
import { Container, Box } from
|
|
10
|
-
import Select from
|
|
9
|
+
import { Container, Box } from '../Layout';
|
|
10
|
+
import Select from '../Select/Select';
|
|
11
11
|
/** ** CSS *** */
|
|
12
12
|
|
|
13
|
-
import style from
|
|
13
|
+
import style from './DateTime.module.css';
|
|
14
14
|
export default class Time extends PureComponent {
|
|
15
15
|
render() {
|
|
16
16
|
const {
|
package/es/DateTime/YearView.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
/**** Libraries ****/
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { YearView_propTypes } from
|
|
4
|
-
import { YearView_defaultProps } from
|
|
3
|
+
import { YearView_propTypes } from './props/propTypes';
|
|
4
|
+
import { YearView_defaultProps } from './props/defaultProps';
|
|
5
5
|
/**** Components ****/
|
|
6
6
|
|
|
7
7
|
import { Virtualizer } from '@zohodesk/virtualizer';
|
|
8
|
-
import { Container, Box } from
|
|
8
|
+
import { Container, Box } from '../Layout';
|
|
9
9
|
import { Icon } from '@zohodesk/icons';
|
|
10
|
-
import Heading from
|
|
10
|
+
import Heading from '../Heading/Heading';
|
|
11
11
|
/**** CSS ****/
|
|
12
12
|
|
|
13
|
-
import style from
|
|
13
|
+
import style from './YearView.module.css';
|
|
14
14
|
/**** Methods ****/
|
|
15
15
|
|
|
16
|
-
import { getYearDetails } from
|
|
16
|
+
import { getYearDetails } from './dateFormatUtils';
|
|
17
17
|
const monthNamesData = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
|
18
18
|
|
|
19
19
|
function getYears() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import DateTimePopupFooter from
|
|
3
|
+
import DateTimePopupFooter from '../DateTimePopupFooter';
|
|
4
4
|
describe('DateTimePopupFooter', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import DateTimePopupHeader from
|
|
3
|
+
import DateTimePopupHeader from '../DateTimePopupHeader';
|
|
4
4
|
describe('DateTimePopupHeader', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import YearView from
|
|
3
|
+
import YearView from '../YearView';
|
|
4
4
|
describe('YearView', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
7
7
|
asFragment
|
|
8
|
-
} = render( /*#__PURE__*/React.createElement(YearView, null));
|
|
8
|
+
} = render( /*#__PURE__*/React.createElement(YearView, null));
|
|
9
|
+
expect(asFragment()).toMatchSnapshot();
|
|
9
10
|
});
|
|
10
11
|
});
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`YearView rendering the defult props 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
class="container virtualizer"
|
|
7
|
+
dataid="yearList"
|
|
8
|
+
>
|
|
9
|
+
<div
|
|
10
|
+
style="order: 0; height: 0px; width: 1px; flex-grow: 0; flex-shrink: 0;"
|
|
11
|
+
/>
|
|
12
|
+
<div
|
|
13
|
+
class="yearBox flex coldir"
|
|
14
|
+
data-id="containerComponent"
|
|
15
|
+
data-selector-id="container"
|
|
16
|
+
data-test-id="containerComponent"
|
|
17
|
+
style="order: 0;"
|
|
18
|
+
>
|
|
19
|
+
<div
|
|
20
|
+
class="year shrinkOff"
|
|
21
|
+
data-id="year_1850"
|
|
22
|
+
data-selector-id="box"
|
|
23
|
+
data-test-id="year_1850"
|
|
24
|
+
>
|
|
25
|
+
<div
|
|
26
|
+
class="flex cover rowdir vCenter"
|
|
27
|
+
data-id="containerComponent"
|
|
28
|
+
data-selector-id="container"
|
|
29
|
+
data-test-id="containerComponent"
|
|
30
|
+
>
|
|
31
|
+
<div
|
|
32
|
+
class="grow basis shrinkOff"
|
|
33
|
+
data-id="boxComponent"
|
|
34
|
+
data-selector-id="box"
|
|
35
|
+
data-test-id="boxComponent"
|
|
36
|
+
>
|
|
37
|
+
<h4
|
|
38
|
+
class="reset yearText"
|
|
39
|
+
data-title="1850"
|
|
40
|
+
tabindex="0"
|
|
41
|
+
>
|
|
42
|
+
1850
|
|
43
|
+
</h4>
|
|
44
|
+
</div>
|
|
45
|
+
<i
|
|
46
|
+
aria-hidden="true"
|
|
47
|
+
class="zd_font_icons basic icon-arrow-down-single fbold arrow "
|
|
48
|
+
data-id="fontIcon"
|
|
49
|
+
data-selector-id="fontIcon"
|
|
50
|
+
data-test-id="fontIcon"
|
|
51
|
+
style="--zd-iconfont-size: var(--zd_font_size7);"
|
|
52
|
+
/>
|
|
53
|
+
</div>
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
<div
|
|
57
|
+
style="order: 8150; height: 8149px; width: 1px; flex-grow: 0; flex-shrink: 0;"
|
|
58
|
+
/>
|
|
59
|
+
</div>
|
|
60
|
+
</DocumentFragment>
|
|
61
|
+
`;
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
import datetime from '@zohodesk/datetimejs';
|
|
5
5
|
/** * Methods ** */
|
|
6
6
|
|
|
7
|
-
import { getDayEnd, convertYearToTwoDigit, addZero, getMonthDetails, getYearDetails, getDayDetails, getHourDetails, getMinuteDetails, getNoonDetails, getIsCurrentYear, removeYearPattern } from
|
|
8
|
-
import { getIsEmptyValue } from
|
|
9
|
-
import { formatDate } from
|
|
7
|
+
import { getDayEnd, convertYearToTwoDigit, addZero, getMonthDetails, getYearDetails, getDayDetails, getHourDetails, getMinuteDetails, getNoonDetails, getIsCurrentYear, removeYearPattern } from './index';
|
|
8
|
+
import { getIsEmptyValue } from '../../utils/Common';
|
|
9
|
+
import { formatDate } from '../../utils/datetime/common';
|
|
10
10
|
/** * Constants ** */
|
|
11
11
|
|
|
12
12
|
import { defaultFormat, supportedPatterns, // patternChangeStr,
|
|
13
|
-
patternSplitStr, INCONSTANT, flags } from
|
|
13
|
+
patternSplitStr, INCONSTANT, flags } from '../constants';
|
|
14
14
|
|
|
15
15
|
function getDateFormatString() {
|
|
16
16
|
let dateFormatArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** * Methods ** */
|
|
2
|
-
import { getIsNewValueType, getDayDetails, getIsNumberTyped, getIsDeleteTyped } from
|
|
3
|
-
import { getKeyValue } from
|
|
2
|
+
import { getIsNewValueType, getDayDetails, getIsNumberTyped, getIsDeleteTyped } from './index';
|
|
3
|
+
import { getKeyValue } from '../../utils/Common';
|
|
4
4
|
export function getChangedDay(values, event, focusOrders, keyActions) {
|
|
5
5
|
const {
|
|
6
6
|
keyCode,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/* eslint-disable no-param-reassign */
|
|
2
2
|
|
|
3
3
|
/** * Methods ** */
|
|
4
|
-
import { getMonthEnd } from
|
|
4
|
+
import { getMonthEnd } from '../../utils/datetime/common';
|
|
5
5
|
/** * Constants ** */
|
|
6
6
|
|
|
7
|
-
import { flags, INVALID_DATE } from
|
|
8
|
-
import { getDateText } from
|
|
7
|
+
import { flags, INVALID_DATE } from '../constants';
|
|
8
|
+
import { getDateText } from './dateFormat';
|
|
9
9
|
export function convertYearToTwoDigit(year) {
|
|
10
10
|
return parseInt(year.toString().slice(-2));
|
|
11
11
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** * Methods ** */
|
|
2
|
-
import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getMonthDetails, getDayEnd } from
|
|
3
|
-
import { getKeyValue } from
|
|
2
|
+
import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getMonthDetails, getDayEnd } from './index';
|
|
3
|
+
import { getKeyValue } from '../../utils/Common';
|
|
4
4
|
export function getChangedMonth(values, event, focusOrders, keyActions) {
|
|
5
5
|
const {
|
|
6
6
|
keyCode,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** * Methods ** */
|
|
2
|
-
import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getHourDetails, getMinuteDetails, getNoonDetails, getIsNoonValueTyped, getIsEmptyHour } from
|
|
3
|
-
import { getKeyValue, getIsEmptyValue } from
|
|
2
|
+
import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getHourDetails, getMinuteDetails, getNoonDetails, getIsNoonValueTyped, getIsEmptyHour } from './index';
|
|
3
|
+
import { getKeyValue, getIsEmptyValue } from '../../utils/Common';
|
|
4
4
|
export function getChangedHour(values, event, focusOrders, keyActions) {
|
|
5
5
|
let {
|
|
6
6
|
is24Hour = false
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** * Methods ** */
|
|
2
|
-
import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getDayEnd, convertYearToTwoDigit, getYearDetails, convertTwoDigitToYear, getIsEmptyYear } from
|
|
3
|
-
import { getKeyValue } from
|
|
2
|
+
import { getIsNewValueType, getIsNumberTyped, getIsDeleteTyped, getDayEnd, convertYearToTwoDigit, getYearDetails, convertTwoDigitToYear, getIsEmptyYear } from './index';
|
|
3
|
+
import { getKeyValue } from '../../utils/Common';
|
|
4
4
|
export function getChangedYear(values, event, focusOrders, keyActions, _ref) {
|
|
5
5
|
let {
|
|
6
6
|
yearInfo
|
package/es/DateTime/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as DateWidget } from
|
|
1
|
+
export { default as DateWidget } from './DateWidget';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
import { dataFormatList } from
|
|
2
|
+
import { dataFormatList } from '../dateFormatUtils/dateFormats';
|
|
3
3
|
export const CalendarView_propTypes = {
|
|
4
4
|
dataId: PropTypes.string,
|
|
5
5
|
date: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
package/es/DateTime/validator.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import typeChecker from
|
|
2
|
-
import { clone } from
|
|
1
|
+
import typeChecker from './typeChecker';
|
|
2
|
+
import { clone } from './objectUtils';
|
|
3
3
|
const validator = {
|
|
4
4
|
combinePropsValidation: (currentProps, type, validateOn, validationObj, defaultCheckPropsRules, defaultValidateRules) => {
|
|
5
5
|
let newType = type.toLowerCase();
|
package/es/DropBox/DropBox.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React, { useRef, useContext } from 'react';
|
|
2
2
|
import FocusScope from '@zohodesk/a11y/es/FocusScope/FocusScope';
|
|
3
|
-
import Modal from
|
|
3
|
+
import Modal from '../Modal/Modal'; // import { getLibraryConfig } from '../Provider/Config';
|
|
4
4
|
|
|
5
|
-
import LibraryContext from
|
|
6
|
-
import cssJSLogic from
|
|
7
|
-
import DropBoxElement from
|
|
8
|
-
import { DropBoxDefaultProps } from
|
|
9
|
-
import { DropBoxPropTypes } from
|
|
10
|
-
import { stopPropagation } from
|
|
11
|
-
import isMobilePopover from
|
|
12
|
-
import style from
|
|
5
|
+
import LibraryContext from '../Provider/LibraryContextInit';
|
|
6
|
+
import cssJSLogic from './css/cssJSLogic';
|
|
7
|
+
import DropBoxElement from './DropBoxElement/DropBoxElement';
|
|
8
|
+
import { DropBoxDefaultProps } from './props/defaultProps';
|
|
9
|
+
import { DropBoxPropTypes } from './props/propTypes';
|
|
10
|
+
import { stopPropagation } from './../utils/Common';
|
|
11
|
+
import isMobilePopover from './utils/isMobilePopover';
|
|
12
|
+
import style from './css/DropBox.module.css';
|
|
13
13
|
export default function DropBox(props) {
|
|
14
14
|
const dropBoxRef = useRef(null);
|
|
15
15
|
const DropBoxContext = useContext(LibraryContext);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/* eslint-disable react/no-unknown-property */
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import useDropboxPosCalc from
|
|
4
|
-
import cssJSLogic from
|
|
5
|
-
import { positionMapping } from
|
|
6
|
-
import { DropBoxElementDefaultProps } from
|
|
7
|
-
import { DropBoxElementPropTypes } from
|
|
3
|
+
import useDropboxPosCalc from './useDropboxPosCalc';
|
|
4
|
+
import cssJSLogic from './css/cssJSLogic';
|
|
5
|
+
import { positionMapping } from '../DropBoxPositionMapping.js';
|
|
6
|
+
import { DropBoxElementDefaultProps } from './props/defaultProps';
|
|
7
|
+
import { DropBoxElementPropTypes } from './props/propTypes';
|
|
8
8
|
import { mergeStyle } from '@zohodesk/utils';
|
|
9
|
-
import style from
|
|
9
|
+
import style from './css/DropBoxElement.module.css';
|
|
10
10
|
export default function DropBoxElement(props) {
|
|
11
11
|
let {
|
|
12
12
|
children,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import DropBoxElement from
|
|
3
|
+
import DropBoxElement from '../DropBoxElement';
|
|
4
4
|
describe('DropBoxElement', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext } from 'react';
|
|
2
|
-
import LibraryContext from
|
|
2
|
+
import LibraryContext from '../../../Provider/LibraryContextInit';
|
|
3
3
|
import { compileClassNames } from '@zohodesk/utils';
|
|
4
4
|
export default function cssJSLogic(_ref) {
|
|
5
5
|
let {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
import { DropBoxElementPropTypes } from
|
|
2
|
+
import { DropBoxElementPropTypes } from '../DropBoxElement/props/propTypes';
|
|
3
3
|
export const propTypes = {
|
|
4
4
|
needResponsive: PropTypes.bool,
|
|
5
5
|
portalId: PropTypes.string,
|
package/es/DropDown/DropDown.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropDown_propTypes, DropDownTarget_propTypes, DropDownContainer_propTypes, DropDownItemContainer_propTypes } from
|
|
3
|
-
import { DropDownItemContainer_defaultProps } from
|
|
4
|
-
import style from
|
|
5
|
-
import PopOver, { PopOverTarget, PopOverContainer } from
|
|
2
|
+
import { DropDown_propTypes, DropDownTarget_propTypes, DropDownContainer_propTypes, DropDownItemContainer_propTypes } from './props/propTypes';
|
|
3
|
+
import { DropDownItemContainer_defaultProps } from './props/defaultProps';
|
|
4
|
+
import style from './DropDown.module.css';
|
|
5
|
+
import PopOver, { PopOverTarget, PopOverContainer } from '../PopOver/PopOver';
|
|
6
6
|
/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['dropdown', 'shadow', 'target', 'menu', 'header', 'headertext', 'list', 'padding', 'listHover', 'active', 'children', 'user', 'footer', 'separator', 'small', 'search', 'medium', 'heading'] }] */
|
|
7
7
|
|
|
8
8
|
export default class DropDown extends React.Component {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropDownHeading_propTypes } from
|
|
3
|
-
import { DropDownHeading_defaultProps } from
|
|
4
|
-
import style from
|
|
2
|
+
import { DropDownHeading_propTypes } from './props/propTypes';
|
|
3
|
+
import { DropDownHeading_defaultProps } from './props/defaultProps';
|
|
4
|
+
import style from './DropDownHeading.module.css';
|
|
5
5
|
export default class DropDownHeading extends React.Component {
|
|
6
6
|
render() {
|
|
7
7
|
let {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropDownItem_propTypes } from
|
|
3
|
-
import { DropDownItem_defaultProps } from
|
|
4
|
-
import style from
|
|
2
|
+
import { DropDownItem_propTypes } from './props/propTypes';
|
|
3
|
+
import { DropDownItem_defaultProps } from './props/defaultProps';
|
|
4
|
+
import style from './DropDownItem.module.css';
|
|
5
5
|
export default class DropDownItem extends React.Component {
|
|
6
6
|
constructor(props) {
|
|
7
7
|
super(props);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropDownSearch_propTypes } from
|
|
3
|
-
import { DropDownSearch_defaultProps } from
|
|
4
|
-
import TextBox from
|
|
5
|
-
import style from
|
|
2
|
+
import { DropDownSearch_propTypes } from './props/propTypes';
|
|
3
|
+
import { DropDownSearch_defaultProps } from './props/defaultProps';
|
|
4
|
+
import TextBox from '../TextBox/TextBox';
|
|
5
|
+
import style from './DropDownSearch.module.css';
|
|
6
6
|
/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['dropdown', 'menu', 'shadow', 'target', 'header', 'headertext', 'list', 'padding', 'listHover', 'active', 'children', 'user', 'footer', separator, 'small', 'search', 'medium', 'heading', 'listGroup'] }] */
|
|
7
7
|
|
|
8
8
|
export default class DropDownSearch extends React.Component {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { DropDownSeparator_propTypes } from
|
|
3
|
-
import style from
|
|
2
|
+
import { DropDownSeparator_propTypes } from './props/propTypes';
|
|
3
|
+
import style from './DropDownSeparator.module.css';
|
|
4
4
|
export default class DropDownSeparator extends React.Component {
|
|
5
5
|
render() {
|
|
6
6
|
let {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import DropDownHeading from
|
|
3
|
+
import DropDownHeading from '../DropDownHeading';
|
|
4
4
|
describe('DropDownHeading', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import DropDownSearch from
|
|
3
|
+
import DropDownSearch from '../DropDownSearch';
|
|
4
4
|
describe('DropDownSearch', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import DropDownSeparator from
|
|
3
|
+
import DropDownSeparator from '../DropDownSeparator';
|
|
4
4
|
describe('DropDownSeparator', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
package/es/DropDown/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { default as DropDown } from
|
|
2
|
-
export { DropDownTarget } from
|
|
3
|
-
export { DropDownItemContainer } from
|
|
4
|
-
export { default as DropDownHeading } from
|
|
5
|
-
export { default as DropDownItem } from
|
|
6
|
-
export { default as DropDownSearch } from
|
|
7
|
-
export { default as DropDownSeparator } from
|
|
1
|
+
export { default as DropDown } from './DropDown';
|
|
2
|
+
export { DropDownTarget } from './DropDown';
|
|
3
|
+
export { DropDownItemContainer } from './DropDown';
|
|
4
|
+
export { default as DropDownHeading } from './DropDownHeading';
|
|
5
|
+
export { default as DropDownItem } from './DropDownItem';
|
|
6
|
+
export { default as DropDownSearch } from './DropDownSearch';
|
|
7
|
+
export { default as DropDownSeparator } from './DropDownSeparator';
|