@zohodesk/components 1.2.44 → 1.2.45
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 +42 -30
- 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 +9 -9
- 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/Button/Button.js +4 -4
- package/es/Button/__tests__/Button.spec.js +1 -1
- 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 +1 -1
- 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/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 +32 -20
- 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 +1 -1
- 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/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 +3 -3
- package/es/Provider/AvatarSize.js +1 -1
- package/es/Provider/CssProvider.js +1 -1
- package/es/Provider/IdProvider.js +2 -2
- package/es/Provider/LibraryContext.js +2 -2
- package/es/Provider/ZindexProvider.js +2 -2
- package/es/Provider/index.js +4 -4
- package/es/Radio/Radio.js +5 -5
- 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 +21 -16
- package/es/Select/Select.js +15 -15
- 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 +1 -1
- package/es/Select/__tests__/SelectWithAvatar.spec.js +1 -1
- package/es/Select/__tests__/SelectWithIcon.spec.js +1 -1
- package/es/Select/index.js +4 -4
- package/es/Select/props/defaultProps.js +1 -1
- package/es/Stencils/Stencils.js +3 -3
- package/es/Stencils/__tests__/Stencils.spec.js +1 -1
- package/es/Switch/Switch.js +5 -5
- package/es/Switch/__tests__/Switch.spec.js +1 -1
- package/es/Tab/Tab.js +5 -5
- package/es/Tab/TabContent.js +4 -4
- package/es/Tab/TabContentWrapper.js +3 -3
- package/es/Tab/TabWrapper.js +3 -3
- package/es/Tab/Tabs.js +13 -13
- 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/Tag/Tag.js +7 -7
- package/es/Tag/__tests__/Tag.spec.js +1 -1
- package/es/TextBox/TextBox.js +3 -3
- package/es/TextBox/__tests__/TextBox.spec.js +1 -1
- package/es/TextBoxIcon/TextBoxIcon.js +6 -6
- package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +1 -1
- package/es/TextBoxIcon/props/propTypes.js +1 -1
- 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/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +3 -3
- package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +1 -1
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
- package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +1 -1
- package/es/VelocityAnimation/index.js +2 -2
- 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 +1 -1
- 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 +9 -9
- 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 +31 -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 +21 -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/MultiSelect/MultiSelect.js +19 -7
- package/lib/Select/GroupSelect.js +5 -0
- package/lib/v1/MultiSelect/MultiSelect.js +19 -7
- package/lib/v1/Select/GroupSelect.js +5 -0
- package/package.json +1 -1
- package/result.json +1 -1
package/es/Stencils/Stencils.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
4
|
/* eslint css-modules/no-unused-class: [2, { markAsUsed: [primary, secondary, small, default, medium, large, clarge, cmedium, cdefault, csmall] }] */
|
|
5
5
|
|
|
6
|
-
import style from
|
|
6
|
+
import style from "./Stencils.module.css";
|
|
7
7
|
export default class Stencils extends React.PureComponent {
|
|
8
8
|
render() {
|
|
9
9
|
let {
|
package/es/Switch/Switch.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
4
|
-
import { Container, Box } from
|
|
5
|
-
import Label from
|
|
6
|
-
import style from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
|
+
import { Container, Box } from "../Layout";
|
|
5
|
+
import Label from "../Label/Label";
|
|
6
|
+
import style from "./Switch.module.css";
|
|
7
7
|
export default class Switch extends React.Component {
|
|
8
8
|
constructor(props) {
|
|
9
9
|
super(props);
|
package/es/Tab/Tab.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['text', 'tabAlpha', 'alphaActive', 'gammaActive', 'betaActive', 'deltaActive', 'tabGamma', 'tabBeta', 'tabDelta',', 'specialActive', 'tabSpecial', 'alphaActive_border', 'gammaActive_border', 'betaActive_border', 'deltaActive_border'] }] */
|
|
4
4
|
import React, { useMemo, useCallback } from 'react';
|
|
5
|
-
import { Tab_defaultProps } from
|
|
6
|
-
import { Tab_propTypes } from
|
|
7
|
-
import { Box, Container } from
|
|
8
|
-
import { cs } from
|
|
9
|
-
import styles from
|
|
5
|
+
import { Tab_defaultProps } from "./props/defaultProps";
|
|
6
|
+
import { Tab_propTypes } from "./props/propTypes";
|
|
7
|
+
import { Box, Container } from "../Layout";
|
|
8
|
+
import { cs } from "../utils/Common";
|
|
9
|
+
import styles from "./Tab.module.css";
|
|
10
10
|
const tabTypes = {
|
|
11
11
|
alpha: {
|
|
12
12
|
active: 'alphaActive',
|
package/es/Tab/TabContent.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TabContent_defaultProps } from
|
|
3
|
-
import { TabContent_propTypes } from
|
|
4
|
-
import { Container } from
|
|
5
|
-
import style from
|
|
2
|
+
import { TabContent_defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { TabContent_propTypes } from "./props/propTypes";
|
|
4
|
+
import { Container } from "../Layout";
|
|
5
|
+
import style from "./TabContent.module.css";
|
|
6
6
|
/* eslint-disable react/forbid-component-props */
|
|
7
7
|
|
|
8
8
|
const TabContent = _ref => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TabContentWrapper_defaultProps } from
|
|
3
|
-
import { TabContentWrapper_propTypes } from
|
|
4
|
-
import { Box } from
|
|
2
|
+
import { TabContentWrapper_defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { TabContentWrapper_propTypes } from "./props/propTypes";
|
|
4
|
+
import { Box } from "../Layout";
|
|
5
5
|
/* eslint-disable react/forbid-component-props */
|
|
6
6
|
|
|
7
7
|
const TabContentWrapper = _ref => {
|
package/es/Tab/TabWrapper.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useState, useCallback } from 'react';
|
|
2
|
-
import { TabWrapper_defaultProps } from
|
|
3
|
-
import { TabWrapper_propTypes } from
|
|
4
|
-
import { Container } from
|
|
2
|
+
import { TabWrapper_defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { TabWrapper_propTypes } from "./props/propTypes";
|
|
4
|
+
import { Container } from "../Layout";
|
|
5
5
|
|
|
6
6
|
function TabWrapper(_ref) {
|
|
7
7
|
let {
|
package/es/Tab/Tabs.js
CHANGED
|
@@ -9,20 +9,20 @@
|
|
|
9
9
|
*/
|
|
10
10
|
import React from 'react';
|
|
11
11
|
import EmptySearch from '@zohodesk/svg/lib/emptystate/version3/EmptySearch';
|
|
12
|
-
import Tab from
|
|
13
|
-
import { Tabs_defaultProps } from
|
|
14
|
-
import { Tabs_propTypes } from
|
|
15
|
-
import { remConvert, getTotalDimension, cs, bind, throttle, cancelBubblingEffect } from
|
|
16
|
-
import { Box, Container } from
|
|
17
|
-
import ResizeObserver from
|
|
18
|
-
import ListItem from
|
|
12
|
+
import Tab from "./Tab";
|
|
13
|
+
import { Tabs_defaultProps } from "./props/defaultProps";
|
|
14
|
+
import { Tabs_propTypes } from "./props/propTypes";
|
|
15
|
+
import { remConvert, getTotalDimension, cs, bind, throttle, cancelBubblingEffect } from "../utils/Common";
|
|
16
|
+
import { Box, Container } from "../Layout";
|
|
17
|
+
import ResizeObserver from "../Responsive/ResizeObserver";
|
|
18
|
+
import ListItem from "../ListItem/ListItem";
|
|
19
19
|
import { Icon } from '@zohodesk/icons';
|
|
20
|
-
import tabsStyle from
|
|
21
|
-
import Popup from
|
|
22
|
-
import TextBoxIcon from
|
|
23
|
-
import ResponsiveDropBox from
|
|
24
|
-
import { ResponsiveReceiver } from
|
|
25
|
-
import btnstyle from
|
|
20
|
+
import tabsStyle from "./Tabs.module.css";
|
|
21
|
+
import Popup from "../Popup/Popup";
|
|
22
|
+
import TextBoxIcon from "../TextBoxIcon/TextBoxIcon";
|
|
23
|
+
import ResponsiveDropBox from "../ResponsiveDropBox/ResponsiveDropBox";
|
|
24
|
+
import { ResponsiveReceiver } from "../Responsive/CustomResponsive";
|
|
25
|
+
import btnstyle from "../semantic/Button/semanticButton.module.css";
|
|
26
26
|
|
|
27
27
|
class Tabs extends React.Component {
|
|
28
28
|
constructor(props) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import TabContentWrapper from
|
|
3
|
+
import TabContentWrapper from "../TabContentWrapper";
|
|
4
4
|
describe('TabContentWrapper', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
package/es/Tab/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { default as TabWrapper } from
|
|
2
|
-
export { default as TabContentWrapper } from
|
|
3
|
-
export { default as TabContent } from
|
|
4
|
-
export { default as Tabs } from
|
|
5
|
-
export { default as Tab } from
|
|
1
|
+
export { default as TabWrapper } from "./TabWrapper";
|
|
2
|
+
export { default as TabContentWrapper } from "./TabContentWrapper";
|
|
3
|
+
export { default as TabContent } from "./TabContent";
|
|
4
|
+
export { default as Tabs } from "./Tabs";
|
|
5
|
+
export { default as Tab } from "./Tab";
|
package/es/Tag/Tag.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React, { PureComponent } from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
4
|
import { Icon } from '@zohodesk/icons';
|
|
5
|
-
import Avatar from
|
|
6
|
-
import { Container } from
|
|
7
|
-
import Button from
|
|
8
|
-
import { getUniqueId } from
|
|
9
|
-
import style from
|
|
5
|
+
import Avatar from "../Avatar/Avatar";
|
|
6
|
+
import { Container } from "../Layout";
|
|
7
|
+
import Button from "../semantic/Button/Button";
|
|
8
|
+
import { getUniqueId } from "../Provider/IdProvider";
|
|
9
|
+
import style from "./Tag.module.css";
|
|
10
10
|
/*
|
|
11
11
|
* eslint css-modules/no-unused-class: [2, { markAsUsed: ['small', 'medium',
|
|
12
12
|
* 'closedanger', 'closeprimary', 'default', 'danger', 'secondary',
|
package/es/TextBox/TextBox.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
4
|
/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['xmedium', 'medium', 'small', 'default', 'primary', 'secondary'] }] */
|
|
5
5
|
|
|
6
|
-
import style from
|
|
6
|
+
import style from "./TextBox.module.css";
|
|
7
7
|
export default class TextBox extends React.PureComponent {
|
|
8
8
|
constructor(props) {
|
|
9
9
|
super(props);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
4
|
-
import TextBox from
|
|
5
|
-
import { Container, Box } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
|
+
import TextBox from "../TextBox/TextBox";
|
|
5
|
+
import { Container, Box } from "../Layout";
|
|
6
6
|
import { Icon } from '@zohodesk/icons';
|
|
7
|
-
import btnStyle from
|
|
8
|
-
import style from
|
|
7
|
+
import btnStyle from "../semantic/Button/semanticButton.module.css";
|
|
8
|
+
import style from "./TextBoxIcon.module.css";
|
|
9
9
|
/* eslint-disable react/forbid-component-props */
|
|
10
10
|
|
|
11
11
|
export default class TextBoxIcon extends React.Component {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
import { propTypes as TextBox_propTypes } from
|
|
2
|
+
import { propTypes as TextBox_propTypes } from "../../TextBox/props/propTypes";
|
|
3
3
|
export const propTypes = { ...TextBox_propTypes,
|
|
4
4
|
borderColor: PropTypes.oneOf(['transparent', 'default', 'error']),
|
|
5
5
|
children: PropTypes.node,
|
package/es/Textarea/Textarea.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
4
|
/* eslint css-modules/no-unused-class: [2, { markAsUsed: ['resizeX', 'resizeY', 'noresize', 'resizeboth', 'xsmall', 'small', 'medium', 'large', 'xlarge', 'default', 'primary'] }] */
|
|
5
5
|
|
|
6
|
-
import style from
|
|
6
|
+
import style from "./Textarea.module.css";
|
|
7
7
|
export default class Textarea extends React.Component {
|
|
8
8
|
constructor(props) {
|
|
9
9
|
super(props);
|
package/es/Tooltip/Tooltip.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
4
|
-
import { getLibraryConfig } from
|
|
5
|
-
import ResizeObserver from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
|
+
import { getLibraryConfig } from "../Provider/Config";
|
|
5
|
+
import ResizeObserver from "../Responsive/ResizeObserver";
|
|
6
6
|
import selectn from 'selectn';
|
|
7
|
-
import { whiteSpaceClassMapping } from
|
|
8
|
-
import style from
|
|
7
|
+
import { whiteSpaceClassMapping } from "../utils/cssUtils";
|
|
8
|
+
import style from "./Tooltip.module.css";
|
|
9
9
|
export default class Tooltip extends React.Component {
|
|
10
10
|
constructor(props) {
|
|
11
11
|
super(props);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
4
|
import { VelocityComponent } from 'velocity-react';
|
|
5
5
|
import 'velocity-animate/velocity.ui';
|
|
6
|
-
import LibraryContext from
|
|
6
|
+
import LibraryContext from "../../Provider/LibraryContextInit";
|
|
7
7
|
export default class VelocityAnimation extends React.Component {
|
|
8
8
|
constructor(props) {
|
|
9
9
|
super(props);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import VelocityAnimation from
|
|
3
|
+
import VelocityAnimation from "../VelocityAnimation";
|
|
4
4
|
describe('VelocityAnimation', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
4
|
import { VelocityTransitionGroup } from 'velocity-react';
|
|
5
5
|
import 'velocity-animate/velocity.ui';
|
|
6
|
-
import LibraryContext from
|
|
6
|
+
import LibraryContext from "../../Provider/LibraryContextInit";
|
|
7
7
|
|
|
8
8
|
function clearProps(props) {
|
|
9
9
|
let newProps = Object.assign({}, props);
|
package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
|
-
import VelocityAnimationGroup from
|
|
3
|
+
import VelocityAnimationGroup from "../VelocityAnimationGroup";
|
|
4
4
|
describe('VelocityAnimationGroup', () => {
|
|
5
5
|
test('rendering the defult props', () => {
|
|
6
6
|
const {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default as VelocityAnimation } from
|
|
2
|
-
export { default as VelocityAnimationGroup } from
|
|
1
|
+
export { default as VelocityAnimation } from "./VelocityAnimation/VelocityAnimation";
|
|
2
|
+
export { default as VelocityAnimationGroup } from "./VelocityAnimationGroup/VelocityAnimationGroup";
|
package/es/css.js
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import "./common/reset.module.css";
|
|
2
|
+
import "./common/basic.module.css";
|
|
3
3
|
import '@zohodesk/variables/lib/colorVariables.module.css';
|
|
4
4
|
import '@zohodesk/variables/lib/sizeVariables.module.css';
|
|
5
5
|
import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
|
|
6
6
|
import '@zohodesk/icons/lib/Icon/Icon.module.css';
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
import
|
|
19
|
-
import
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import
|
|
27
|
-
import
|
|
28
|
-
import
|
|
29
|
-
import
|
|
30
|
-
import
|
|
31
|
-
import
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
38
|
-
import
|
|
39
|
-
import
|
|
40
|
-
import
|
|
41
|
-
import
|
|
7
|
+
import "./common/animation.module.css";
|
|
8
|
+
import "./common/transition.module.css";
|
|
9
|
+
import "./common/common.module.css";
|
|
10
|
+
import "./Layout/Layout.module.css";
|
|
11
|
+
import "./Avatar/Avatar.module.css";
|
|
12
|
+
import "./AvatarTeam/AvatarTeam.module.css";
|
|
13
|
+
import "./Button/Button.module.css";
|
|
14
|
+
import "./Switch/Switch.module.css";
|
|
15
|
+
import "./TextBox/TextBox.module.css";
|
|
16
|
+
import "./Radio/Radio.module.css";
|
|
17
|
+
import "./Label/Label.module.css";
|
|
18
|
+
import "./Label/LabelColors.module.css";
|
|
19
|
+
import "./CheckBox/CheckBox.module.css";
|
|
20
|
+
import "./Textarea/Textarea.module.css";
|
|
21
|
+
import "./Tooltip/Tooltip.module.css";
|
|
22
|
+
import "./Tab/Tab.module.css";
|
|
23
|
+
import "./Tab/Tabs.module.css";
|
|
24
|
+
import "./Tab/TabContent.module.css";
|
|
25
|
+
import "./TextBoxIcon/TextBoxIcon.module.css";
|
|
26
|
+
import "./Ribbon/Ribbon.module.css";
|
|
27
|
+
import "./MultiSelect/MultiSelect.module.css";
|
|
28
|
+
import "./Select/Select.module.css";
|
|
29
|
+
import "./ListItem/ListItem.module.css";
|
|
30
|
+
import "./Tag/Tag.module.css";
|
|
31
|
+
import "./Stencils/Stencils.module.css";
|
|
32
|
+
import "./PopOver/PopOver.module.css";
|
|
33
|
+
import "./DropDown/DropDown.module.css";
|
|
34
|
+
import "./DropBox/css/DropBox.module.css";
|
|
35
|
+
import "./DropBox/DropBoxElement/css/DropBoxElement.module.css";
|
|
36
|
+
import "./DateTime/DateTime.module.css";
|
|
37
|
+
import "./DateTime/DateWidget.module.css";
|
|
38
|
+
import "./Card/Card.module.css";
|
|
39
|
+
import "./Buttongroup/Buttongroup.module.css";
|
|
40
|
+
import "./AppContainer/AppContainer.module.css";
|
|
41
|
+
import "./RippleEffect/RippleEffect.module.css";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { propTypes, RefElement_propTypes } from
|
|
3
|
-
import { defaultProps } from
|
|
2
|
+
import { propTypes, RefElement_propTypes } from "./props/propTypes";
|
|
3
|
+
import { defaultProps } from "./props/defaultProps"; //Components
|
|
4
4
|
|
|
5
|
-
import Modal from
|
|
5
|
+
import Modal from "../../Modal/Modal";
|
|
6
6
|
let RefElement = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
7
7
|
let {
|
|
8
8
|
Element,
|
package/es/index.js
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export { default as Animation } from
|
|
3
|
-
export { default as AppContainer } from
|
|
4
|
-
export { default as Avatar } from
|
|
5
|
-
export { default as AvatarTeam } from
|
|
6
|
-
export { default as Button } from
|
|
7
|
-
export { default as Buttongroup } from
|
|
8
|
-
export * from
|
|
9
|
-
export { default as CheckBox } from
|
|
10
|
-
export * from
|
|
11
|
-
export { default as DropBox } from
|
|
12
|
-
export * from
|
|
13
|
-
export { default as Heading } from
|
|
14
|
-
export { default as Label } from
|
|
15
|
-
export * from
|
|
16
|
-
export * from
|
|
17
|
-
export { default as Modal } from
|
|
18
|
-
export * from
|
|
19
|
-
import * as _PopOver from
|
|
1
|
+
export * from "./Accordion";
|
|
2
|
+
export { default as Animation } from "./Animation/Animation";
|
|
3
|
+
export { default as AppContainer } from "./AppContainer/AppContainer";
|
|
4
|
+
export { default as Avatar } from "./Avatar/Avatar";
|
|
5
|
+
export { default as AvatarTeam } from "./AvatarTeam/AvatarTeam";
|
|
6
|
+
export { default as Button } from "./Button/Button";
|
|
7
|
+
export { default as Buttongroup } from "./Buttongroup/Buttongroup";
|
|
8
|
+
export * from "./Card";
|
|
9
|
+
export { default as CheckBox } from "./CheckBox/CheckBox";
|
|
10
|
+
export * from "./DateTime";
|
|
11
|
+
export { default as DropBox } from "./DropBox/DropBox";
|
|
12
|
+
export * from "./DropDown";
|
|
13
|
+
export { default as Heading } from "./Heading/Heading";
|
|
14
|
+
export { default as Label } from "./Label/Label";
|
|
15
|
+
export * from "./Layout";
|
|
16
|
+
export * from "./ListItem";
|
|
17
|
+
export { default as Modal } from "./Modal/Modal";
|
|
18
|
+
export * from "./MultiSelect";
|
|
19
|
+
import * as _PopOver from "./PopOver";
|
|
20
20
|
export { _PopOver as PopOver };
|
|
21
|
-
export { default as Popup } from
|
|
22
|
-
import * as _Providers from
|
|
21
|
+
export { default as Popup } from "./Popup/Popup";
|
|
22
|
+
import * as _Providers from "./Provider";
|
|
23
23
|
export { _Providers as Providers };
|
|
24
|
-
export { default as Radio } from
|
|
25
|
-
export * from
|
|
26
|
-
export { default as ResponsiveDropBox } from
|
|
27
|
-
export { default as Ribbon } from
|
|
28
|
-
export { default as RippleEffect } from
|
|
29
|
-
export * from
|
|
30
|
-
export { default as Stencils } from
|
|
31
|
-
export { default as Switch } from
|
|
32
|
-
export * from
|
|
33
|
-
export { default as Tag } from
|
|
34
|
-
export { default as Textarea } from
|
|
35
|
-
export { default as TextBox } from
|
|
36
|
-
export { default as TextBoxIcon } from
|
|
37
|
-
export { default as Tooltip } from
|
|
38
|
-
import * as _utils from
|
|
24
|
+
export { default as Radio } from "./Radio/Radio";
|
|
25
|
+
export * from "./Responsive";
|
|
26
|
+
export { default as ResponsiveDropBox } from "./ResponsiveDropBox/ResponsiveDropBox";
|
|
27
|
+
export { default as Ribbon } from "./Ribbon/Ribbon";
|
|
28
|
+
export { default as RippleEffect } from "./RippleEffect/RippleEffect";
|
|
29
|
+
export * from "./Select";
|
|
30
|
+
export { default as Stencils } from "./Stencils/Stencils";
|
|
31
|
+
export { default as Switch } from "./Switch/Switch";
|
|
32
|
+
export * from "./Tab";
|
|
33
|
+
export { default as Tag } from "./Tag/Tag";
|
|
34
|
+
export { default as Textarea } from "./Textarea/Textarea";
|
|
35
|
+
export { default as TextBox } from "./TextBox/TextBox";
|
|
36
|
+
export { default as TextBoxIcon } from "./TextBoxIcon/TextBoxIcon";
|
|
37
|
+
export { default as Tooltip } from "./Tooltip/Tooltip";
|
|
38
|
+
import * as _utils from "./utils";
|
|
39
39
|
export { _utils as utils };
|
|
40
|
-
export * from
|
|
41
|
-
export * from
|
|
42
|
-
export { default as Typography } from
|
|
40
|
+
export * from "./VelocityAnimation";
|
|
41
|
+
export * from "./semantic";
|
|
42
|
+
export { default as Typography } from "./v1/Typography/Typography";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { defaultProps } from
|
|
3
|
-
import { propTypes } from
|
|
4
|
-
import style from
|
|
2
|
+
import { defaultProps } from "./props/defaultProps";
|
|
3
|
+
import { propTypes } from "./props/propTypes";
|
|
4
|
+
import style from "./semanticButton.module.css";
|
|
5
5
|
export default class Button extends React.Component {
|
|
6
6
|
constructor(props) {
|
|
7
7
|
super(props);
|
package/es/semantic/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as SemanticButton } from
|
|
1
|
+
export { default as SemanticButton } from "./Button/Button";
|
package/es/utils/Common.js
CHANGED